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



/******************************/
/* Variations selon la saison */
/******************************/

/* on récupère le nom de la saison */
#SET{saison,#DATE|saison}

.page_login.sans_fond {
	background-image: [url("(#CHEMIN{images/fonds/login_#GET{saison}.webp})")] ;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: top center;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}


#badge_don a {
	background-image: [url("(#CHEMIN{images/dons/badge_#GET{saison}.webp})")] !important;
}
#badge_don a:hover {
	background-image: [url("(#CHEMIN{images/dons/badge_#GET{saison}_survol.webp})")] !important;
}

body {
	background-image: [url("(#CHEMIN{images/fonds/#GET{saison}.webp})")];
	background-attachment: local !important;
}
/* Logo bandeau à gauche */
#bandeau img {
	float: left;
	padding: 20px;
}
/* alignement vertical du titre */
#nom-site-spip {
    font-size: 6vw;
}
#slogan-site-spip{
    font-size: 3vw;
    width: 300px;
}
ul#menu  {
    padding:  0;
}
ul#menu li {
    padding: 0 0 3px 0;
}
.menudesktop.floatable ul#menu li a {
	background-color: white;
	color: black !important;
	border-color: black;
}
.cibloc .cibloc, .texteencadre-spip {
	background-color: #ffffff80;
}
.article392 #cadre-article,
.article395 #cadre-article {
	background-color: transparent;
}

[(#GET{saison}|=={printemps}|oui)
	:root {
		--couleur1 : #178FCB ; /* remplace #DFDFDF */
		--couleur2 : #FFFFFF ; /* remplace #FFFFFF */
		--couleur3 : #BCBF50 ; /* remplace #336699 */
		--couleur4 : #5F7336 ; /* remplace #224466 */
		--couleur5 : #BCDC50 ; /* remplace #82ADE2 */
		--couleur6 : #bcffb355 ; /* remplace #EFEFEF */
		--couleur7 : #F2E088 ; /* remplace #BBCCDD */
		--couleur8 : #D9A0AB ; /* remplace #DAE6F6 */
		--couleur10 : #D9A0AB ; /* remplace #EC7942 */
		--couleur11 : #F2E08855 ; /* remplace #BBCCDD */
		--couleur12 : #000000 ; /* remplace #000000 */
		--couleurliens : #000099 ;
	}
	@font-face {
		font-family: 'aAkhirTahun';
		src: url('../fonts/aAkhirTahun.otf') format('truetype');
		src: url('../fonts/aAkhirTahun.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	/* Police du titre et du slogan */
	#nom-site-spip, #slogan-site-spip {
		font-family: 'aAkhirTahun';
	}
	#credits a, #credits a:visited {
		color: #F2E088;
	}
]

[(#GET{saison}|=={été}|oui)
	:root {
		--couleur1 : #DFDFDF ;
		--couleur2 : #FFFFFF ;
		--couleur3 : #3CB371 ;
		--couleur4 : #208C30 ;
		--couleur5 : #D9F2B3 ;
		--couleur6 : #edf9db ;
		--couleur7 : #5BCCD9 ;
		--couleur8 : #d48f12 ;
		--couleur10 : #F2C166 ;
		--couleur11 : #0043B1 ;
		--couleur12 : #000000 ;
		--couleur13 : #fffc3f ;
		--couleurliens : #000099 ;
	}
	@font-face {
		font-family: 'chalk';
		src: url('../fonts/Chalk.otf') format ("truetype");
		src: url('../fonts/Chalk.ttf') format ("truetype");
		font-weight: normal;
		font-style: normal;
	}
	/* Police du titre et du slogan */
	#nom-site-spip, #slogan-site-spip {
		font-family: 'chalk';
	}
]

[(#GET{saison}|=={automne}|oui)
	:root {
		--couleur1 : #DFDFDF ;
		--couleur2 : #FFFFFF ;
		--couleur3 : #BC4E03 ;
		--couleur4 : #73503C ;
		--couleur5 : #D9B471 ;
		--couleur6 : #f0e1c6 ;
		--couleur7 : #fed4b8 ;
		--couleur8 : #A68C3F ;
		--couleur10 : #A68C3F ;
		--couleur11 : #fed4b8 ;
		--couleur12 : #000000 ;
		--couleurliens : #000099 ;
	}
	@font-face {
		font-family: 'Arcane Nine';
		src: url('../fonts/ArcaneNine.otf') format ('truetype');
		font-weight: normal;
		font-style: normal;
	}
	/* Police du titre et du slogan */
	#nom-site-spip, #slogan-site-spip {
		font-family: 'Arcane Nine';
	}
	.col-sm-3 a{
		color: #ffffff !important;
	}
	.col-sm-3 a:hover{
		color: #ff8000 !important;
	}
]

[(#GET{saison}|=={hiver}|oui)
	:root {
		--couleur1 : #DFDFDF ;
		--couleur2 : #FFFFFF ;
		--couleur3 : #4A88D9 ;
		--couleur4 : #1B4C8C ;
		--couleur5 : #CEE1F2 ;
		--couleur6 : #eff5fb ;
		--couleur7 : #91BBF2 ;
		--couleur8 : #0d2443 ;
		--couleur10 : #b2a1c7 ;
		--couleur11 : #91BBF2 ;
		--couleur12 : #000000 ;
		 --couleurliens : #000099 ;
	}
	@font-face {
		font-family: 'limejuice';
		src: url('../fonts/Limejuice.otf');
		src: url('../fonts/Limejuice.ttf') format ("truetype");
		font-weight: normal;
		font-style: normal;
	}
	/* Police du titre et du slogan */
	#nom-site-spip, #slogan-site-spip {
		font-family: 'limejuice';
	}
]
*-/* ======================================================================
  LES COULEURS   (pour tout le site)
   ======================================================================*/

/* les fonds et les textes associés */
/************************************/
body {
	background-color: transparent;
}
/* bandeau */
#entete, nav.menu {
	background-color: transparent;
	color:  var(--couleur2);
}
.nav > li > div {
	border-color: var(--couleur3);
}
/* fond des pages */
#conteneur{
	background-color: transparent;
	color:  var(--couleur12);
}
/* 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: transparent;
	color:  var(--couleur12);
}
/* onglets inactifs */
ul.onglets li a{
	background-color: var(--couleur5);
	color:  var(--couleur12);
}
/* articles en une */
.laune ul.anchors li a, .laune ul.anchors li {
	background-color: var(--couleur8);
	color:  var(--couleur2);
}
/* gris */
.calendar_not_this_month,
#ariane-forum, table.forum tr.rub-forum,
#forum-site .texte  {
	background-color: var(--couleur3);
	color:  var(--couleur12);
}

/* 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,.pagination .on .pagination-item-label,
.trombino, #mentions{
	/*background-color: var(--couleur2);*/
	background-color: #ffffff50;
	color:  var(--couleur12);
}
 .entry-content{background-color : transparent}
 
/* bleu fonce de base */
#cadre-rubrique, #cadre-titre-article, #cadre-titre-article a,
.pagination .pagination-item-label, .titre_portfolio, .illustrations,
.graph .bar, table.forum th, nav.menuH2,
.section-title:before{
	background-color: var(--couleur3);
	color:  var(--couleur2) ;
}
.mot-cles div, .mot-cles div a{
	background-color: var(--couleur3) !important;
	color:  var(--couleur2) !important;
}
h1.section-title{
	color: var(--couleur3)
}
.accueil .cadre-chemin, .accueil .cadre-chemin a, .cadre-chemin a,
.reponse-article, .repondre-article a, a.lien_pagination,
#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,
#menuV2 ul.menulist li.smenu:hover, #menuV2 ul.menulist li.smenu:focus,
#menuV2 ul.menulist li.smenu>a:hover, #menuV2 ul.menulist li.smenu>a:focus,
.formulaire_formidable .boutons .submit,
.rubrique-mere, .rubrique-mere a{
	/*background-color: var(--couleur3);*/	
	background-color: transparent;
	color:  var(--couleur12) !important ;
}
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
	background: var(--couleur2) !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: var(--couleur4) !important ;
	color:  var(--couleur2) !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: var(--couleur4) ;
	color:  var(--couleur2);
}
/* bleu clair */
table.spip tr.row_first,
#menuV2 ul.menulist, #menuV2 ul.menulist ul, #menuV2 ul.menulist a,
.titre-message,
#formulaire_forum, .formulaire_spip.formulaire_forum,
.small_mini,
.calendar_head_mini, #entete-evenement, #nouvel-evenement{
	background-color: var(--couleur5);
	color:  var(--couleur12);
}
.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: var(--couleur5) !important;
	color:  var(--couleur12) !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: var(--couleur6);
	color:  var(--couleur12);
}
/* 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: var(--couleur7);
	color:  var(--couleur12) !important;
}
/* orange */
.annonce,.annoncedefil, .une-annonce-defilante, .spip_surligne {
	background-color: var(--couleur10);
	color:  var(--couleur2);
}

/* le pied */
#pied {
	background-color: var(--couleur11);
	color: var(--couleur12);
}
#pied a{
	color: var(--couleur13);
	font-weight: bold;
}
/* ombre trombinoscope */
.boite img{
	box-shadow: 5px 5px 5px var(--couleur4);
}

/* les caracteres */
/******************/

a:link, a.spip_cadre_link {
	color: var(--couleurliens);
}
a:visited {
	color: var(--couleurliens);
}
#texte-article a {
	color: var(--couleurliens);
}
#texte-article a:hover {
	color: var(--couleur8);
}
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{
	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: var(--couleur3);
}

.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: var(--couleur4);
}
/* les bordures */
/****************/

ul#menu li a, ul#menu ul {
	border-color: var(--couleur4);
}
ul.onglets li a {
	/*border: 1px solid var(--couleur5);	*/
	/*border-top : 1px solid white;		*/
	border: none !important;
}
ul.onglets li a.active {
	border: 1px solid var(--couleur3);
}
.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,#CCCCCC})];
}

table.spip, table.spip td, table.spip th {
	border-color: var(--couleur2);
}

#menuV2 ul.menulist li {
	border-color: var(--couleur2);
}
.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: var(--couleur4);
}
#ariane-forum, table.forum {
	border-color: [(#CONFIG{escal/config/bord6,#006699})];
}
/*********************************************/
/*    Les cadres latéraux  */
/*********************************************/

.cadre-couleur h1.cadre {
	background-color: var(--couleur5) !important;
	color: var(--couleur12);
}
.cadre-couleur .texte {
	background-color: var(--couleur8);
	color:  var(--couleur2);
	border-color: var(--couleur5);
}

/******************************/
/* Variations selon le jour   */
/******************************/


/***** Pâques et 10 jours avant *****/
[(#EVAL{date("z", easter_date(null))}|moins{#EVAL{date("z")}}<{10}|oui)
[(#EVAL{date("z", easter_date(null))}|moins{#EVAL{date("z")}}>={0}|oui)
/* règles css pour pâques */
]]

#SET{jour,#DATE|affdate{'md'}}

/***** du 15-12 au 04-01 *****/
[(#GET{jour}|>={1215}|ou#GET{jour}|<{0104}|oui)
-* règles css pour noel et jour de l'an */
]

/***** du 07-02  au 14-02 *****/
[(#GET{jour}|>={0207}|et#GET{jour}|<{0214}|oui)
/* règles css pour la st valentin */
]

/***** du 24-04  au 01-05 *****/
[(#GET{jour}|>={0424}|et#GET{jour}|<{0501}|oui)
/* règles css pour fête du travail */
]

/***** du 24-10  au 31-10 *****/
[(#GET{jour}|>={1024}|et#GET{jour}|<{1031}|oui)
/* règles css pour halloween */
]