/* --------------------------------------------------------------
   theme.css
   Theme par defaut de SPIP 3.3
   collectif SPIP
-------------------------------------------------------------- */
/* couleurs utilisees */
/* Bleu Evenos : #0099CC */
/* Jaune : #FDCD01 */
/* taupe : #A28E80 */
/* gris chaud : #E2DCD8 */
/* très clair : #F1EFED */
/* ------------------------------------------
/* Habillage des balises HTML
/* ------------------------------------------ */

/* Elements principaux
------------------------------------------ */
body {
	font-family: "Poppins", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;
	color:#393836;
	font-size:15px;
	background:#ffffff;} 

/* COULEURS DES TEXTES */
/*************************************************************/
.grisChaud {color:#E2DCD8;}
.blanc {color:#FFF;}
.txtGris {color:#737372;}

#footer,
div.fc-event-inner,
#sectionBleueAccueil, 
#sectionBleueAccueil a, 
#sectionVerteAccueil, 
#sectionVerteAccueil a,
#sectionBleueAccueil h2, 
#sectionBleueAccueil h2 a, 
#sectionVerteAccueil h2, 
#sectionVerteAccueil h2 a,
#sectionBleueAccueil h3, 
#sectionBleueAccueil h3 a, 
#sectionVerteAccueil h3, 
#sectionVerteAccueil h3 a {color:#FFFFFF !important;}

/* Titraille / Intertitres */
/* dans typo.css : règlages par défaut ; ici, exceptions */
h1,
.h1 {
	text-transform:uppercase;
	border-left: 4px solid #FDCD01;
	padding: 0 0 0 8px;
}
h2 {padding-top: 1.25em;}
h2::after, .h2::after {    
	background-color: #FDCD01;
    bottom: -5px;
    content: "";
    display: block;
    height: 4px;
    position: relative;
    width: 120px;
}
h3,
.h3 {
	text-transform: uppercase; 
}
h3::after, .h3::after, h3.spip::after {
    background-color: #0099CC;
    bottom: -5px;
    content: "";
    display: flex;
    height: 2px;
    position: relative;
    width: 100px;
}
h4,
.h4 {
	text-transform: uppercase; 
}
h4.titrePS {
	color:#D2CDC8;
	font-weight: bold;
	margin-bottom: 0 !important;
}
h5,
.h5 {
  font-size: 1.2em;
}
/* exceptions pour Titres */
.elementEn4colonnes h2::after, 
.elementEn5colonnes h2::after, 
.elementDeGrille h2::after, 
.iconesEnGrille h2::after,
.page_sommaire h3::after{
	background: none !important;
}
.grandTitre {
	font-size: 2em;
	text-transform: uppercase;
	line-height: 1.25;
	color: #393836;
	letter-spacing: 1px;
}
.elementEn4colonnes h2, .elementEn5colonnes h2, .elementDeGrille h2, .iconesEnGrille h2 {
	font-size: 1em !important; 
	text-transform: uppercase; 
	padding:4px; 
	border: none !important;
	color: #393836 !important;
	font-weight: normal;
} 
#BlocEnLigne h2 {
	text-transform: uppercase; 
	padding:4px; 
	border: none !important;
	color: #393836 !important;
	font-weight: normal;
	margin-top : 1em !important;
}
.elementEn4colonnes h4, .elementEn5colonnes h4, .elementEn5colonnes h4 {
	color:#FFFFFF !important;
	background-color:#0099CC;
	margin-bottom:2em;
	padding: 20px 4px;
	text-transform: uppercase;
}
.elementEn4colonnes h4 a, .elementEn5colonnes h4 a {color:#FFFFFF !important;}
h3.titre_surligneBeige {color: #919191; font-weight: bold;}

.ligneTitre {
    text-transform: uppercase;
	font-size: 0.85em;
    margin: 15px auto 0;
    background: #FFF;
    padding: 0 20px;
	line-height: 1.2;
}
.ligneTitre::after {
    display: block;
	content: "";
    width: 40px;
    height: 1px;
    background: #0099CC;
    margin: 5px auto 15px;
	text-align: center;
}

.spip_surligne {
	background: #FDCD01;
	font-weight: 700;
	padding: 0 2px;
}
.majuscule {text-transform: uppercase;}

/* LES BOUTONS ET BANNIERES */
/*************************************************************/
/* règles communes */
.banniereBleue, .banniereGrise, .banniereNoire {width: auto; padding: 10px;}
.boutonNoir, .boutonBleu, .boutonRouge, .boutonJaune,
h3.titre_surligneBleu, h3.titre_surligneJaune {
	display: inline-block; 
	padding: 10px;
	margin-bottom: 2%;
}

.banniereBleue, .banniereBleue a,
h3.titre_surligneBleu, h3.titre_surligneBleu a,
.banniereNoire, .banniereNoire a,
.boutonNoir, .boutonNoir a,
.boutonBleu, .boutonBleu a,
.boutonRouge, .boutonRouge a {color: #fff !important; font-weight: normal !important;}

.boutonJaune, h3.titre_surligneJaune,
.boutonJaune a, h3.titre_surligneJaune a {color: #111 !important;}
/* couleur de fond */
.boutonNoir, .banniereNoire {background-color:#393836 !important;}
.banniereGrise {background-color: #F1EFED !important;}
.boutonBleu {background-color:#0099CC !important;}
.boutonRouge {background-color: #de0000 !important;}
.banniereBleue, h3.titre_surligneBleu {background-color: #0099CC !important;}
.boutonJaune, h3.titre_surligneJaune {background-color: rgb(254, 223, 56) !important;}

/* Boutons flottants FB, YOUTUBE, COVID-19 et Gendarmerie */
#boutonsRESEAUX {
    position: absolute;
    right: 20px;
    top: 5px;
    z-index: 9000;
}
#boutonsRESEAUX a {
	color: #09C !important;
}

/* Fil d'ariane Contenu importé de servicepublic.fr */
ol.breadcrumb {list-style: none; font-size: 0.85em; letter-spacing: 1px; display: inline-block; padding: 0 !important;}
ol.breadcrumb li {float:left; padding: 0 2px;}
ol.breadcrumb li:after { content: ">"; }
ol.breadcrumb li:last-child:after { content:none !important;}
.one_quarter h4, h2.xml-title, .titreForm fiedlset .legend span {text-transform: uppercase; border-bottom: 1px solid #393836; padding-bottom: 4px; letter-spacing: normal !important; font-weight:300;}
.xml-bloc-voiraussi {text-transform: uppercase; font-size:0.9em} /* contenu importé de servicepublic.fr */

/* Hyperliens
---------------------------------------------- */
a, a:link, a:hover, .txtBleu {color: #0099CC; text-decoration:none;}
/* a:visited, a:active, a:focus {color: #0099CC; background-color: transparent !important;}
.texte {text-align: justify;} */

h2 a,.h2 a,
h3 a,.h3 a,
h4 a,.h4 a,
h5 a,.h5 a,
h6 a,.h6 a,
h3 a:link,.h3 a:link,
h4 a:link,.h4 a:link,
h5 a:link,.h5 a:link,
h6 a:link,.h6 a:link {color: #393836 !important; text-decoration:none;}

/* Séparateurs */
hr, hr.spip {
	clear: both;
	background: none;
    margin-bottom: 1.5em;
    margin-top: 1em;
	border-bottom:4px solid #F1EFED;
    border-top: none;
    border-left: none;
    border-right: none;	
}
.bordure_top {clear:both; padding-top: 10px; border-top: 10px solid #3084E0; }
.bordure_bottom {clear:both; padding-bottom: 10px; border-bottom: 10px solid #3084E0} /* voir aussi jeux_couleurs pour adaptation selon rub en cours */
.boxholder{padding:9px; border:1px solid #D6D6D6;}
div.separateur  {
	clear:left;
	width:100%;
	margin-bottom:10px; 
	padding:10px 0;
	border-bottom:4px solid #F1EFED;
}
div.separateurPoints {
	clear:left;
	width:100%;
	margin-bottom:10px; 
	padding:10px 0;
	border-bottom:4px dotted #F1EFED;
}
.lignePointillee { 
	background: url(../images/dots.gif) repeat-x left top;
	margin-top:15px; 
	padding-top:8px;
}
/* Citations, code et poesie
---------------------------------------------- */
blockquote {
	min-height: 40px;
	border-left: 4px solid #EEECEA; 
	padding-left: 10px; 
	margin:0 !important;
}
blockquote:before { content:""; }
blockquote.spip_poesie {background-image:none;}
#agenda-detail {padding-bottom: 1em;}

/* ***************************Effets de boites et séparateurs**********************************/
.blocBlancColonne {padding:15px 25px 25px 25px; background-color: white; margin-bottom:2%;}
.blocGrisColonne {padding: 10px;background-color: #F1EFED;border-radius: 4px;display: flex;margin-bottom: 2px;}
.blocGrisColonne .spip_logo, .blocGrisColonne .spip_logo_left {margin-bottom: 0!important; margin-left: 0 !important;}
.blocGrisColonne h5 {margin-top: 1.5em;}
.spip_poesie { 
	display: block;
	border-radius: 4px;
	border: 4px solid #FDCD01;
	padding: .8em;
	margin: 1.5em auto !important;
}
.BordureOmbree {
    border: 1px solid #E2DCD8;
    border-radius: 4px;
    margin: 1em auto;
    text-align: center !important;
    box-shadow: 0px 8px 8px -6px rgba(0,0,0,0.3) !important;
    font-size: 12px;
    padding: 1.5em;
}
.chapo .BordureOmbree {display: inline-block;}
.BordureOmbree .texte {text-align: left !important;}

/* Icônes Fontawesome */
.fa-arrow-alt-circle-down {padding-bottom: 20px;color: #FDCD01;}
/*---------------------------------------------- */

.spip_code,
.spip_cadre {
	font-family: 'Courier New', Courier, monospace;
	margin:0 .2em;
}

.spip_code {
	border: 1px solid #dfdfcd;
	background-color: rgba(227,227,211,0.5);
	color: #3b3b25;
	text-shadow: 0 1px 0 #fdfdfc;
}

.spip_cadre {
	background:#333;
	color:#fff;
	border-radius:0.5em;
	border:0;
}

textarea.spip_code,
textarea.spip_cadre {
	padding: 1em;
	width:98%;
}

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

/* fil d'ariane */
.arbo {font-size: .9em; color: #666; padding-bottom: 2em;}
.arbo * { font-weight: normal; }
.arbo a {color: #666 !important;}
/* .arbo a:hover,
.arbo a:focus { background: transparent !important; color: #0099CC !important; text-decoration:none; }*/

.cartouche { margin-bottom: 1.5em; }
.cartouche h1 { margin-bottom: 0; }
.cartouche p { margin-bottom: 0; }
.surtitre{}
.soustitre {}
abbr.published { border: 0; }
@media print {
	abbr[title].published:after { content: ""; }
	abbr[title].dtreviewed:after { content: ""; }
}
.info-publi { margin: 1.5em 0 0; font-size: .9em; font-style: italic; }
html[dir="rtl"] .info-publi { font-style: normal; }
.traductions { font-size: .9em; }
.traductions a[hreflang]:after { content: ''; }

.chapo {
	font-size: 16px;
	border-bottom:4px solid #F1EFED;
	padding: 0 0 1em 0; 
	margin: 0 auto 1em;
	font-weight: bold;
}
.chapo p:last-child {margin-bottom: 0!important;}
.hyperlien { display: block; padding: 1.5em 50px; background: #EEE url(img/def.png) no-repeat 25px 1.9em; font-weight: bold; }
.ps, .notes {
	font-size: .9em;
	padding:2em; 
	margin: 0; 
	background-color: #F1EFED;
	border-radius: 0 8px 0 8px;
	overflow: hidden;
}
.ps ul.spip {margin-bottom: 0 !important;}

.spip_doc_titre, .descriptif {font-size: 0.9em !important;color:#939393} 
.spip_doc_titre strong{font-weight: 400 !important}

/* Listes  */
.spip-puce { color: #0099CC; }
dl.spip dt { background: url(img/def.png) no-repeat 25px .5em; }
ul, ol {list-style-position: inside !important;}

/* Tableaux */
.table caption, table.spip caption,
.table th, table.spip th,
.table td, table.spip td  {
  padding: 0.375em;
}
.table th, table.spip th,
.table td, table.spip td {
  border-bottom: 2px solid #EEE;
}
.table tr.odd {
  border-top: 2px solid #EEE;
}
.table thead th, table.spip thead th {
  vertical-align: middle;
  font-weight: bold;
}
.table tbody tr:hover td, table.spip tr.odd:hover td, thead {
  background-color: #F1EFED;
}

/* Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip { margin: 0 !important; }
.formulaire_spip label { display: block; }
.formulaire_spip input.text,
.formulaire_spip select,
.formulaire_spip textarea {
	width: 100%;
	box-sizing: border-box;
	padding:.25em;
	border:solid 1px #ccc;
	border-radius:4px;
}

.formulaire_spip img.ui-datepicker-trigger {
	position:relative;
	max-width: 1.5em;
	margin-top: -0.25em;
	margin-left: -1.75em;
}

.formulaire_spip .choix label {
	display: inline;
}
.erreur_message { display: block; }

/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche input.text { 
	width: 80%;
	max-width: 300px;
	height: 32px;
	vertical-align: middle;
	border:solid 1px #aaa;
	border-radius: 4px 0 0 4px !important;
	
}
.formulaire_recherche input.btn,
.formulaire_recherche input.submit {
	width: 32px;
	height: 32px;
	vertical-align: middle;
	text-align: center;
	border:none;
	border-radius: 0 4px 4px 0 !important;
	margin-bottom: .5em !important;
}

/* Choix des mots-clefs */
.formulaire_spip .saisie_mots_forum fieldset {margin-left: 0}
ul.choix_mots { display: flex; margin: 0; padding: 0; list-style: none; flex-wrap: wrap}
ul.choix_mots li { display: flex; flex-basis: 30%; max-width: 30%; padding: 0.25em 0.5em; align-items: center}
ul.choix_mots li label { font-weight: normal; font-size: 1em; line-height: 1.25; margin-left: 0.25em}

.formulaire_spip .bugajaxie { display: none; } /*IE/Win*/

/* Formulaire de login dans une page */
.formulaire_login .editer-groupe .editer { clear: left; }
.formulaire_login .editer_password .details { display: block; }
.formulaire_login #spip_logo_auteur { float: right; }

/* Fomulaire de contact */
.formulaire_ecrire_auteur {}
.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text { width: 100%; }


/* Habillage des portfolios
---------------------------------------------- */
.documents_portfolio li {display:inline;margin:0;padding:0;}
.documents_portfolio a {display:inline-block;padding:10px;margin:5px;border:1px solid #ccc !important;color:#EEE;background:#fff;box-shadow: 5px 7px 5px 2px rgba(85,85,85,0.3);}
.documents_portfolio a:hover {color:#999;opacity:0.8;}
.documents_portfolio img {margin:0;}

.documents_joints .descriptif p {margin:0;}

/* Habillage des forums
---------------------------------------------- */
.comments  {margin-top:2em;padding:1em 0;border-top:10px solid #EEE;}
.comments  ul {list-style:none;}
.comment-item {margin:0.5em 0 0 0;padding:0.5em 0 0 0;border-top:1px solid #EEE;}
.comments-items .comments-items {margin-left: 25px;padding-left: 20px;border-left:5px solid #ddd;}
.comment-meta { margin: 0; font-weight: bold; }
.comment-meta small { font-size: 100%; }
.comment-meta abbr { border: 0; }
.comment-meta a { text-decoration:none;}
.comment-content .hyperlien { padding: 0; background: transparent !important; font-weight: normal; }

/* Formulaire de forum */
.forum-titre  {margin-top:2em;padding:1em 0;border-top:10px solid #EEE;}
.formulaire_forum {}
.formulaire_forum form+form{margin-top:1em;}
.formulaire_forum legend { display: none; }
.formulaire_forum .saisie_titre input.text { width: 100% }
.formulaire_forum .session_qui { display: none; }
.formulaire_forum .saisie_texte .explication { font-size: .9em; font-style: italic; margin: 0.5em 0; }
html[dir="rtl"] .formulaire_forum .saisie_texte .explication { font-style: normal; }
.formulaire_forum .boutons { margin-top: 1em; }

/* Habillage des petitions
---------------------------------------------- */
#signatures td.signature-date small { white-space: nowrap; }
#signatures .formulaire_recherche { margin: 1.5em auto; text-align: center; }

/* Formulaire de signature */
.formulaire_signature {}

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de nav */
.menu { clear: both; margin-bottom: 1.5em; text-align: left; }
.menu p {}
.menu ul { margin-bottom: 1.5em; }
.menu ul li {}
.menu ul li ul { margin-left: 1.5em; list-style: circle; }
 
/* Pagination */
.pagination .pagination-items {list-style: none;display: flex;flex-direction: row; justify-content: center}
.pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination .pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: #0099CC !important; color: #fff; }
.pagination .on .pagination-item-label {font-weight: bold;}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal; }
.menu_articles .pagination strong {font-size:1em;} 
.pagination {margin-bottom:0 !important;}
.pagination .sep {color:#FFFFFF !important;}

/* Listes d'articles et extraits introductifs */
.menu_articles li { clear: both; margin-bottom: 1.5em; }
.menu_articles li h3,
.menu_articles li h2 { margin: 0 0 0.2em 0; }
.menu_articles li p { margin: 0; }
.menu_articles li small {  }
.menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.menu_articles li div {margin-top:0.2em;margin-bottom:0.5em;}
.menu_articles a {text-decoration:none;}
.menu_articles strong {font-size:1.2em;}
 
.menu_breves li {}
.menu_breves li h3 { margin: 0; }

.aside h2 {border-bottom:3px solid #EEE;padding-bottom:.1em;}
.aside li {margin:1em 0;}
.aside a {text-decoration:none;}

/* Icônes d'accès rapide en page d'accueil */
/* cf tailles dans mediaqueries */
#contenantIconesAccesRapide {
	vertical-align: top;
}
.iconeAccesRapide {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
}
.iconeAccesRapide span {
    display: block;
    position: relative;
    border-radius: 50%;
    background: #0099CC;
    text-align: center;
}	
a.iconeAccesRapide span {color: #FFFFFF !important;}
/* boutons flottants COVID, WEVER, GENDARMERIE */
#boutonCOVID19 {
    background-color: #FFF;
    position: fixed;
    right: 0;
    top: 20px;
    width: 120px;
    height: 120px;
    z-index: 9000;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
}
#boutonGENDARMERIE, #boutonWEVER {
    background-color: #FFF;
    position: fixed;
    right: 0;
    top: 50px; 
    width: 120px;
    height: 120px;
    z-index: 9000;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
}
a.iconeAccesRapide span {color: #FFFFFF !important;}

/* PERSONNALISATIONS PLUGINS */
/*************************************************************/
/* SOCIAL TAGS */
/*************************************************************/
div.socialtags {
	text-align: center;
	padding-top: 10px;
	margin-bottom: 1.5em !important;
}
.socialtags img {
	height: 20px !important;
}
.socialtags-hovers:hover {
	opacity: .4 !important;
	filter: alpha(opacity=40) !important;
}
.socialtags-hovers {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
/* COMARQUAGE*/ 
/*************************************************************/
.page-accueil .media {list-style:none; padding: 1em; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);margin: 0 2% 2% 0; }
.page-accueil .media-left {float: left !important; padding-right: 10px;}
.page-accueil hr, .invisible {display:none}
h3.spip, .page-accueil h3, .page-fiche h3  {margin:1em 0;}
.xml-sommaire {display:none;}
.xml-bloc-voiraussi { 
	background-color:#F1EFED;
	border-radius: 4px;
	padding:1em; 
	margin: 2em auto;
	box-shadow: 0px 8px 8px -6px rgba(0,0,0,0.3) !important;
}
/******************** STYLES PERSOS TARTE AU CITRON ***********************/
/* le script est géré par une extension ; voir dans Espace d'admi > Squelettes > tarte au citron */
/* position en pop-up central */
#tarteaucitronRoot #tarteaucitronAlertBig {
    background: #fff !important;
    color: #333 !important;
    font-size: 18px !important;
    width: 60% !important;
    min-width: 285px;
    height: auto;
    margin: auto;
    left: 50% !important;
    top: 50% !important;
	bottom: auto !important;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 9000px #000;
    border-radius: 10px;
    padding: 35px 25px;
}
/* Styles 2022 */
#tarteaucitron .tarteaucitronBorder, 
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, 
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden {
	border: 3px solid #09C !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
	border-left: 3px solid #09C !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
	border-bottom:3px solid #09C !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitron #tarteaucitronInfo, 
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine, 
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover,
#tarteaucitronServices .tarteaucitronLine:hover {
	background-color: #FFF !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle, 
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button, 
#tarteaucitron #tarteaucitronInfo, 
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl, 
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog, 
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, 
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {	
	color:#333 !important;
}
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH2 {color: #0099CC !important;}
/* boutons */
#tarteaucitronAlertBig #tarteaucitronPersonalize, 
#tarteaucitronAlertBig #tarteaucitronPersonalize2, 
.tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl, 
#tarteaucitron #tarteaucitronPrivacyUrlDialog, 
#tarteaucitronRoot .tarteaucitronDeny,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, 
#tarteaucitron #tarteaucitronClosePanel,
#tarteaucitronPercentage,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle,
.tac_activate .tac_float .tarteaucitronAllow {
    background-color: #0099CC !important;
    color: #fff !important;
}
/* RAINETTE */ 
/*************************************************************/
.rainette_conditions,
.rainette_conditions .cadre, 
.rainette_conditions .maj,
.rainette_conditions .statut {width: 99% !important; padding: 0 !important;}
.rainette_conditions .details {display:none;}
.rainette_conditions,
.rainette_conditions .icone,
.rainette_conditions .icone img,
.rainette_conditions .cadre,
.rainette_conditions .resume,
.rainette_conditions .t_ressentie,
.rainette_conditions .t_reelle {float: none !important; margin:0 !important; padding:0 !important;}
.rainette_conditions {border:none !important; background-color: #FFF !important;}
.rainette_conditions .maj {color: #8c8c8c !important;}
.rainette_conditions .icone img {width: 100px !important; height: auto;} 
.rainette_conditions .maj {font-size: 10px;}
/** METEO DIRECTE OPENWEATHER **/
.widget-left-menu__layout {display: none !important;}
/* AGENDA */ 
/*************************************************************/
.long .liste-items .evenement {
    padding-left: 1.2em !important;
}
.calendrier-couleur6, .calendrier-couleur6 .fc-event-skin {
    background-color: #0099CC !important;
    border-color: #0099CC !important;
}
.calendriermini .calendar-container {
    background-color: white;
    padding-top: 1em;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
}
.evenementEvenos{padding-left: 7.5em; font-size:1.2em; font-weight:bold}
.evenementEvenos.banner {display:block;float: left;margin-left: -7.5em;width: 5.5em;text-align: center;overflow: hidden;opacity: 0.7;}
.evenementEvenos.banner .label {display: block;padding:0.75em 0;}
.evenementEvenos.banner .day {display: block;text-align: center;font-size: 2em;line-height: 1;}
.evenementEvenos.banner .month {display: block;text-align: center;text-transform: uppercase;font-size: 0.85em;}
.evenementEvenos.banner .year {display: block;text-align: center;font-size: 0.85em;}
.agendaEncadre {
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    line-height: 20px;
    text-shadow: 0px -1px 0px #354C8C;
    white-space: nowrap;
}

/* fin */