#CACHE{0}
#HTTP_HEADER{Content-Type: text/css;}

/* ===== définition des couleurs par défaut ===== */
:root {
	--couleur01 : #000000 ; /* noir */
	--couleur02 : #ffffff ; /* blanc */
	--couleur03 : #336699 ; /* bleu */
	--couleur04 : #224466 ; /* bleu foncé de base */
	--couleur05 : #82ADE2 ; /* bleu clair */
	--couleur06 : #EFEFEF ; /* gris clair */
	--couleur07 : #BBCCDD ; /* un autre bleu */
	--couleur08 : #DAE6F6 ; /* gris-bleu clair */
	--couleur09 : #EC7942 ; /* orange */
	--couleur10 : #DFDFDF ; /* gris */
	}

/* ======================================================================
                          LES COULEURS   (pour tout le site)
   ======================================================================*/

/* les fonds et les textes associés */
/************************************/
body {
  background-color: [ (#CONFIG{escal/config/couleurfond,var(--couleur10)})];
}
/* bandeau */
#entete {
	background-color: [(#CONFIG{escal/config/couleur9,var(--couleur03)})];
	color:  [(#CONFIG{escal/config/texte01,var(--couleur02)})];
}
.nav > li > div {
	border-color: [(#CONFIG{escal/config/couleur3,var(--couleur03)})];
}
/* fond des pages */
#conteneur, #page{
 background-color: [(#CONFIG{escal/config/couleurpage,var(--couleur02)})];
 color:  [(#CONFIG{escal/config/textpage,var(--couleur01)})];
}
/* bloc a la une */
ul.onglets li a.active, ul.onglets li a.active:hover, ul.onglets li a.active:focus, .laune, .laune .fragment a,
.contenu_1, .contenu_2, .contenu_3, .contenu_4, .contenu_5, .contenu_6, .contenu_7, .contenu_8, .contenu_9, .contenu_10,
#cadre-plan, #cadre-plan a, .texte#accueil{
	background-color: [(#CONFIG{escal/config/couleurune,var(--couleur03)})];
	color:  [(#CONFIG{escal/config/textune,var(--couleur02)})];
}
/* onglets inactifs */
ul.onglets li a{
  background-color: [(#CONFIG{escal/config/couleuruneinact,var(--couleur05)})];
  color:  [(#CONFIG{escal/config/textuneinact,var(--couleur01)})];
}
/* articles en une */
.laune ul.anchors li a, .laune ul.anchors li {
	background-color: [(#CONFIG{escal/config/couleuruneart,var(--couleur08)})];
	color:  [(#CONFIG{escal/config/textuneart,var(--couleur01)})];
}
/* gris */
.calendar_not_this_month,
#ariane-forum, table.forum tr.rub-forum,
.pagination .pagination-item-label, a.lien_pagination,
#forum-site .texte, #forum-site .descriptif  {
  background-color: [(#CONFIG{escal/config/couleur1,var(--couleur10)})];
  color:  [(#CONFIG{escal/config/text1,var(--couleur01)})];
}

/* blanc */
#cadre-article, .cadre-sous-rubrique, .cadre-articles-rubrique, .revisions, .cadre-articles-event, .titre-articles-rubrique, .introduction-articles-rubrique,
.cadre-rubrique-accueil,
.texte-insert,
table #nav-agenda,
.valeur2, .valeur3,
table.forum, .forum-thread, .forum_reponse, .pages .on,
.trombino, .entry-content, #mentions{
 background-color: [(#CONFIG{escal/config/couleur2,var(--couleur02)})];
 color:  [(#CONFIG{escal/config/text2,var(--couleur01)})] ;

}
/* bleu foncé de base */
#cadre-rubrique, #cadre-titre-article, #cadre-titre-article a,
.titre_portfolio, .illustrations,
.graph .bar, table.forum th, nav.menuH2, nav.menu,
.pagination .on .pagination-item-label,
.section-title:before, select#trombino{
	background-color: [(#CONFIG{escal/config/couleur3,var(--couleur03)})];
	color:  [(#CONFIG{escal/config/text3,var(--couleur02)})] ;
}
.mot-cles div, .mot-cles div a{
	background-color: [(#CONFIG{escal/config/couleur3,var(--couleur03)})] !important;
	color:  [(#CONFIG{escal/config/text3,var(--couleur01)})] !important;
}
h1.section-title{
	color: [(#CONFIG{escal/config/couleur3,var(--couleur03)})]
}
.accueil .cadre-chemin, .accueil .cadre-chemin a, .cadre-chemin a,
.reponse-article, .repondre-article a,
#menu, ul#menu ul, ul#menu li a,
.main-nav, .main-nav a,.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active,
#menuV2 ul.menulist a:hover, #menuV2 ul.menulist a:focus,
.formulaire_formidable .boutons .submit,
.rubrique-mere, .rubrique-mere a{
	background-color: [(#CONFIG{escal/config/couleur3,var(--couleur03)})];
	color:  [(#CONFIG{escal/config/text3,var(--couleur02)})] !important ;
}

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
	background: [(#CONFIG{escal/config/text3,var(--couleur02)})] !important;
}
/* bleu tres fonce */
.laune ul.anchors li a:hover, .laune ul.anchors li a:focus,
.laune ul.anchors li:hover, .laune ul.anchors li:focus,
.laune ul.anchors li:hover > a, .laune ul.anchors li:focus > a,
.laune .art-exergue:hover, .laune .art-exergue:focus,
.laune .art-exergue:hover a, .laune .art-exergue:focus a,
#menu li:hover > a, #menu li:focus > a,
ul#menu ul li:hover, ul#menu ul li:focus,
.cadre-rubrique-accueil:hover, .cadre-rubrique-accueil:focus,
.cadre-chemin a:hover, .cadre-chemin a:focus,
.repondre-article a:hover, .repondre-article a:focus{
	background-color: [(#CONFIG{escal/config/couleur4,var(--couleur04)}) !important] ;
	color:  [(#CONFIG{escal/config/text4,var(--couleur02)}) !important] ;
}
.cadre-articles-rubrique:hover, .cadre-articles-rubrique:focus,
.cadre-articles-rubrique:hover .titre-articles-rubrique, .cadre-articles-rubrique:focus .titre-articles-rubrique,
.cadre-articles-rubrique:hover .introduction-articles-rubrique, .cadre-articles-rubrique:focus .introduction-articles-rubrique{
	background-color: [(#CONFIG{escal/config/couleur4,var(--couleur04)})];
	color:  [(#CONFIG{escal/config/text4,var(--couleur02)})];
}
/* bleu clair */
table.spip tr.row_first,
#menuV2 ul.menulist,#menuV2 ul.menulist ul,#menuV2 a, #menuV2 a:hover, #menuV2 a:visited,
.titre-message,
#formulaire_forum, .formulaire_spip.formulaire_forum,
.small_mini,
.calendar_head_mini, #entete-evenement, #nouvel-evenement{
	background-color: [(#CONFIG{escal/config/couleur5,var(--couleur05)})];
	color:  [(#CONFIG{escal/config/text5,var(--couleur01)})];
}
.art-exergue .mot-cles div, .art-exergue .mot-cles div a, .laune .art-exergue .rubrique-autres a,
.bis .mot-cles div, .bis .mot-cles div a, .laune.bis .rubrique-autres a{
	background-color: [(#CONFIG{escal/config/couleur5,var(--couleur05)})] !important;
	color:  [(#CONFIG{escal/config/text5,var(--couleur01)})] !important;
}
/* gris-bleu tres clair */
table.spip tr.row_even, table.forum tr.art-forum,
#formulaire-contact,  .formulaire_formidable .editer-groupe,
.calendar_this_month,
#documents_portfolio, #ps,
.forum_reponse .titre-message, #formulaire_forum input.barre,
li.signatures {
	background-color: [(#CONFIG{escal/config/couleur6,var(--couleur06)})];
	color:  [(#CONFIG{escal/config/text6,var(--couleur01)})];
}
/* un autre bleu */
ul#menu li .on, ul#menu li .on > a,
#menu li:hover > a.on, #menu li:focus > a.on,
ul#menu ul li.on:hover, ul#menu ul li.on:focus,
#formulaire_forum #previsu, #formulaire_forum #previsu .forum-message, #formulaire_forum #previsu .forum-chapo,
.calendar_this_day,
table.spip tr.row_odd  {
	background-color: [(#CONFIG{escal/config/couleur7,var(--couleur07)})];
	color:  [(#CONFIG{escal/config/text7,var(--couleur01)})] !important;
}
/* orange */
.annonce,.annoncedefil, .une-annonce-defilante, .spip_surligne {
	background-color: [(#CONFIG{escal/config/couleur10,var(--couleur09)})];
	color:  [(#CONFIG{escal/config/text10,var(--couleur02)})];
}

/* le pied */
#pied {
	background-color: [(#CONFIG{escal/config/couleur11,var(--couleur07)})];
	color:  [(#CONFIG{escal/config/text11,var(--couleur01)})];
}
@media all and (min-width: 640px) {
[(#CONFIG{escal/config/espace}|=={haut}|oui)
[(#CONFIG{escal/config/fixespace}|=={oui}|oui)
	#espace {
		background-color: var(--couleur02);
	}
]]}
/* les caracteres */
/******************/

.cadre-une .accueil a{
	color: [(#CONFIG{escal/config/lienune,#ecc442})];
	font-weight: bold;
}
.cadre-une .accueil a:hover{
	color: [(#CONFIG{escal/config/lienunesurvol,#FF7F50})];
}
a:link, a.spip_cadre_link, .nav-sommaire a.spip_ancre{
	color: [(#CONFIG{escal/config/texte1,#000099})];
}
a, a:visited {
	color: [(#CONFIG{escal/config/texte2,#000099})];
}
a:hover, a:focus, a.zeroclipboard-is-hover,
ul.onglets li a:hover, ul.onglets li a:focus,
#cadre-plan a:hover, #cadre-plan a:focus,
table.forum a:hover, table.forum a:focus,
.content a.lien_pagination:hover, .content a.lien_pagination:focus,
.cadre-articles-rubrique:hover a{
	color: [(#CONFIG{escal/config/texte3,#FF8000})];
}

#ariane-forum, #ariane-forum a,
table.forum tr.rub-forum td, table.forum a, table.forum tr.art-forum td  {
	color: [(#CONFIG{escal/config/texte4,var(--couleur03)})];
}

.alerte1, .alerte {
	color: [(#CONFIG{escal/config/texte5,#FF0000})];
}

.identification-light a, .formulaire_recherche input.text,
.identification-light a:hover, .identification-light a:focus,
.formulaire_recherche input.text:hover, .formulaire_recherche input.text:focus,
.cadre-couleur .formulaire_spip input,
.formulaire_formidable .editer label{
	color: [(#CONFIG{escal/config/texte6,var(--couleur03)})];
}

/* ombre trombinoscope */
.trombine img{
	box-shadow: 5px 5px 5px [(#CONFIG{escal/config/couleur3,var(--couleur03)})];
}
.legende_admin, .admin a{
  color: [(#CONFIG{escal/config/couleuradmin,var(--couleur03)})] !important;
}
.legende_redacteur, .redacteur a{
  color: [(#CONFIG{escal/config/couleurredacteur,#009933})] !important;
}
.legende_visiteur, .visiteur a{
  color: [(#CONFIG{escal/config/couleurvisiteur,var(--couleur01)})] !important;
}
/* les bordures */
/****************/

ul#menu li a, ul#menu ul {
	border-color: [(#CONFIG{escal/config/bord1,var(--couleur10)})];
}
ul.onglets li a {
  border: 1px solid [(#CONFIG{escal/config/couleuruneinact,var(--couleur05)})];
  border-top : 1px solid #ffffff;
}
ul.onglets li a.active {
  border: 1px solid [(#CONFIG{escal/config/couleurune,var(--couleur03)})];
}
.cadre-articles-rubrique, .cadre-articles-event, .cadre-sous-rubrique, #cadre-article, #documents_portfolio,
.forum-thread, .forum_reponse,
#formulaire-contact, .valeur2, .valeur3,
li.signatures, li.signatures p.message {
	border-color: [(#CONFIG{escal/config/bord2,var(--couleur10)})];
}

table.spip, table.spip td, table.spip th {
	border-color: [(#CONFIG{escal/config/bord3,var(--couleur02)})];
}

#menuV2 ul.menulist li {
	border-color: [(#CONFIG{escal/config/bord4,var(--couleur02)})];
}
.formulaire_recherche input.text, .formulaire_recherche input.submit,
.identification-light, .cadre-couleur .formulaire_spip input,
ul#menu li a:hover, ul#menu li a:focus, .formulaire_spip .text:focus  {
	border-color: [(#CONFIG{escal/config/bord5,var(--couleur03)})];
}
#ariane-forum, table.forum {
	border-color: [(#CONFIG{escal/config/bord6,#006699})];
}
/*********************************************/
/*    Les cadres latéraux                    */
/*********************************************/

.cadre-couleur h2.cadre {
  background-color: [(#CONFIG{escal/config/couleur5,var(--couleur05)})];
  color:  [(#CONFIG{escal/config/text5,var(--couleur01)})];
}
.cadre-couleur .texte {
	background-color: [(#CONFIG{escal/config/couleur8,var(--couleur08)})];
	color:  [(#CONFIG{escal/config/text8,var(--couleur01)})];
	border-color: [(#CONFIG{escal/config/couleur5,var(--couleur05)})];
}
/******************************/
/* le modele choix-article    */
/******************************/
.choix-article{
	background-color: [(#CONFIG{escal/config/couleuruneart,var(--couleur08)})];
}
.choix-article a{
	background-color: [(#CONFIG{escal/config/couleuruneart,var(--couleur08)})];
	color:  [(#CONFIG{escal/config/textuneart,var(--couleur01)})];
}
.choix-article a:hover, .choix-article a:focus{
	background: [(#CONFIG{escal/config/couleur4,var(--couleur04)})] !important;
	color:  [(#CONFIG{escal/config/text4,var(--couleur02)})] !important;
}
/******************/
/*    le popup    */
/******************/
.mon-popup .texte-popup{
	background-color: [(#CONFIG{escal/config/couleurfondpopup,var(--couleur03)})];
	color: [(#CONFIG{escal/config/couleurtextepopup,var(--couleur02)})];
}
.mon-popup .texte-popup a{
	color: [(#CONFIG{escal/config/lienpopup,#ecc442})];
}
.mon-popup .texte-popup a:hover{
	color: [(#CONFIG{escal/config/lienpopupsurvol,#FF7F50})];
}
/***************************************/
/* personnalisation du plugin galleria */
/***************************************/
.galleria-container {
 background-color: [(#CONFIG{escal/config/galleriafond,var(--couleur02)})];
}
.galleria-info-link, .galleria-info-text,
.galleria-thumb-nav-left,  .galleria-thumb-nav-right {
	background-color: [(#CONFIG{escal/config/galleriaencarts,var(--couleur03)})] !important;
}
.galleria-info-title, .galleria-info-description {
	color: [(#CONFIG{escal/config/galleriacoulpolice,var(--couleur02)})] !important;
}
.galleria-counter {
  color: grey !important;
}