@font-face {
    font-family: 'panamalight';
    src: url('/fonts/panama-light-webfont.woff2') format('woff2'),
         url('/fonts/panama-light-webfont.woff') format('woff');
    font-weight: normal;    font-style: normal;}
@font-face {
    font-family: 'gotham_boldregular';
    src: url('/fonts/gotham-bold-webfont.woff2') format('woff2'),
         url('/fonts/gotham-bold-webfont.woff') format('woff');
    font-weight: normal;    font-style: normal;
}	
/*reset*/
*{ box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; }
html, body {min-height: 100%; }
html{color:#4B4B4B;background:#fff;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,input,textarea,blockquote{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
img{border:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
/*li{list-style:none;} ul,ol,li, p{margin:0; padding:0;}*/
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; color:#09333B}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
img, object, embed, #map, iframe{ max-width:100%;}
#map img{  max-width: none !important;}

body {background:url(/charte/bg-body.jpg) repeat-x left bottom #ECE8E9; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:0.8em; color:#1E1F1E; }
.container{margin:0 auto; width:100%; max-width:1160px; }
#z-centrale{font-size:1.2em; line-height:140%; }
h1, #titre_rub, .font-spe, .h1{font-family: 'panamalight', Arial, Helvetica, sans-serif; font-weight:normal }
h2, h3, #menu dl dt a, .h2, .h3{font-family:'gotham_boldregular', "Helvetica Neue", Helvetica, Arial, sans-serif}
h1, .h1{ font-size:1.7em; background-color: #e43434; color: #ffffff; padding:15px 90px 15px 25px; text-transform: uppercase; margin:-30px -30px 1em -30px; text-shadow: 0px 1px 0 #fff; -webkit-text-shadow: 0px 1px 0 #fff; -moz-text-shadow: 0px 1px 0 #fff }
h2, .h2{ font-size:1.35em; color:#000; margin:1em 0;  }
.page-int h2:after{content:""; display:table; margin-top:.4em; border-bottom:3px solid #e43434; width:150px}
h3, .h3{ font-size:1.2em; color: #e43434;}
h4, .h4{ font-size:1.1em; }
a{ color:#e43434; }
a:hover{ text-decoration:underline; }
a, .animate, input{-webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}
.legende{ font-size:10px; color:#666666; margin-top:2px; }
.image_ombree{ width:auto; }
.image_ombree img{box-shadow:0px 0px 4px rgba(106,106,106,1.00); -moz-box-shadow:0px 0px 4px rgba(106,106,106,1.00); -webkit-box-shadow:0px 0px 4px rgba(106,106,106,1.00); }
ul.enligne, #nuagedetags ul{margin:0; padding:0; list-style-type:none; }
ul.enligne li{ list-style-type:none; margin:0; padding:0; display:inline; }
.fond-blanc{ background-color: #fff; padding:15px !important}

a.voir-tout, a.btn{white-space:nowrap; color:#1E1F1E; text-decoration:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.2em; padding:5px; border-radius:5px}
a.voir-tout i{margin:0 5px}
a.btn.big-btn{padding:1em}
/*utilitaire*/
.col-1-4{width:25%; float:left;}
.col-1-3{width:33.33333%; float:left;}
.col-2-3{width:66.66666%; float:left;}
.col-1-2{width:50%; float:left;}

.relative{position:relative;}
.width100pc{ width:100%; }
.ligne{float:left; width:100%; display:table;}
.centrage-v{display:inline-block; vertical-align:middle;}
*+html .centrage-v{display:inline;}
.notxt{font-size:0px; color:transparent }
.invisible{display:none;}
.text-right{text-align:right}
.text-left{text-align:left}
.text-center{text-align:center}
.for-small{display:none}
.font-spe{font-family: 'panamalight', Arial, Helvetica, sans-serif; font-weight:normal }
.font-spe-bold,  .titre-site{font-family: 'panamalight', Arial, Helvetica, sans-serif; font-weight:normal;
	text-shadow: 0px 1px 0 currentColor; -webkit-text-shadow: 0px 1px 0 currentColor; -moz-text-shadow: 0px 1px 0 currentColor;}
blockquote{  font-style:normal; font-family:"Segoe Print", "Times New Roman", Verdana;
 background:url('/charte/blockquote.png');  background-repeat:no-repeat; background-position: left 20px ;
  min-height: 30px; border-top:6px double #E53333; border-bottom:6px double #E53333 ; 
padding:6px 0 10px 50px; margin:15px 0}
.txt-italic{ font-style:italic}
/*bg*/
.bg-blanc{background-color:#fff;}
.bloc-encadre.bg-blanc{background:rgba(232,233,233,0.95);}
.bg-rouge{background-color:#E53333;}
.bg-ciel {background:url("/charte/bg-ciel.jpg") no-repeat; background-size:cover}
.bg-clair{background-color:#EBE8E8}

.bloc-encadre{position:relative; height:150px; margin:5px; border-radius:5px; padding:5px; font-size:1.1em;  font-family: "gotham_boldregular","Helvetica Neue",Helvetica,Arial,sans-serif; text-align:center}
.bloc-encadre a{display:block; text-decoration:none; color:#000; text-transform:uppercase;}
.bg-rouge a{color:#fff;}
.bloc-encadre *{-webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.bloc-encadre p{margin:25px 0 10px; }
.bloc-encadre:hover p{margin:30px 0 0 0; }

.bloc-encadre:before, .bloc-encadre:after {  border-color: transparent;  -webkit-transition: all 0.25s;  transition: all 0.25s;  border-style: solid;  border-width: 0;  content: "";  height: 24px;  position: absolute;  width: 24px;}
.bloc-encadre:before {  border-right-width: 2px;  border-top-width: 2px;  right: 5px;  top: 5px;}
.bloc-encadre:after {  border-bottom-width: 2px;  border-left-width: 2px;  bottom: 5px;  left: 5px;}
.bloc-encadre:hover:before,.bloc-encadre:hover:after{ border-color: #515151; height:30px;  width:50px; }
.bloc-encadre.bg-rouge:hover:before, .bloc-encadre.bg-rouge:hover:after{  border-color: #fff}
/*icon*/
.icon{ background:url("/charte/pictos.png") top left no-repeat; display:inline-block; vertical-align:text-bottom; }
.zoom{ width:92px; height:91px; background-position:-20px -20px; }
.twitter{ width:60px; height:60px; background-position:-20px -131px; }
.facebook{ width:60px; height:60px; background-position:-20px -211px; }
.organigramme{ width:50px; height:50px; background-position:-20px -291px; }
.fleurissement{ width:52px; height:50px; background-position:-20px -361px; }
.audit{ width:52px; height:50px; background-position:-20px -431px; }
.group{ width:52px; height:40px; background-position:-20px -501px; }
.calendar{ width:35px; height:35px; background-position:-20px -561px; }
.brochure{ width:37px; height:29px; background-position:-75px -561px; }
.loupe{ width:25px; height:25px; background-position:-20px -616px; }
.home{ width:26px; height:25px; background-position:-65px -616px; }
.imprimer{ width:24px; height:24px; background-position:-20px -661px; }
.pdf{ width:20px; height:24px; background-position:-90px -291px; }
.plan-site{ width:28px; height:24px; background-position:-64px -661px; }
.malvoyant{ width:20px; height:13px; background-position:-92px -361px; }

.facebook, .twitter, .brochure{vertical-align:middle; margin-right:10px}
/* cookie */
#cookieChoiceInfo{width:100% !important; padding:2em 30px !important; background-color: rgba(0, 0, 0, 0.90); font-size:.95em; line-height:140%}
button#cookieChoiceDismiss{cursor:pointer  !important; border:none !important; background-color:#E43434 !important; border-radius:5%; padding:15px !important; color:#fff !important; 
clear: both; display: block; margin: 1em auto; float:none !important;}
button#cookieChoiceDismiss:before{content:"FERMER LA FENETRE ";}
#cookieChoiceInfo a{text-decoration:underline;}

/* HEADER */
header{ position:relative; width:100%; float:left; height:300px;}
.bandeau{background-image:url(/charte/bandeau-temp.jpg); background-repeat: repeat-x; background-position: center top; background-size: cover ; }
#logo{position:absolute; top:0; left:0 }
.titre-site{font-size:1.4em; line-height:60px; margin-left:145px}
.malvoyant {position:absolute; top:20px; right:270px; }
#moteur{ position:absolute; top:.8em; right:1em; width:240px; }
#moteur .moteur{width:100%; height:35px; line-height:35px; font-size:1.1em; text-indent:7px; border:1px #F1EFEF solid; border-radius:2px; }
#moteur .ok{position:absolute; right:7px; top:10px; }

/* MENU HAUT */ 
#menuH{width:100%; float:left; margin-top:100px; padding:12px 0; background-color:rgb(255,255,255);
-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.15);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.15);}

#menu dl, #menu dd, #menu ul, #menu li{ margin: 0; padding: 0; list-style-type: none; }
#menu li, .menuLat ul{ clear:both; width:100%; }
#menu{display:table; width:100%; }
#menu:before{content:"";display:block; width:120px;}
#menu dl { position:relative; display:table-cell; width:auto;  }
#menu dl dt{display:block; width:100%; border-right:4px solid #ccc; text-align:center; padding-left:4px}

#menu dl dt a{ font-size:1.3em; text-decoration:none; text-transform:uppercase; color:#000; display:inline-block;  padding:7px; border-radius:2px}
#menu dl:hover dt a, #menu dl dt a.menu0active{ background-color:#E43434; color:#fff }

/* MENU JAVA */
#menu dd{-webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}

/*survol*/
#menu dd{z-index:200; position:absolute; clear:both; height:0px; overflow:hidden; opacity:0; 
background:rgba(255, 255, 255, 0.95); width:100%}
#menu dl:hover dd{ height:auto; opacity:1; overflow:visible;  }
#menu dd ul{padding:0.5em 0 1em 0; }
#menu dd a{text-decoration:none; color:#333; display:block; padding:5px 2%; margin:0 4%; border-bottom:1px dotted #ccc  }
#menu dd a:hover{text-decoration:none; color:#000; background:rgba(255, 255, 255, 0.95) }

/* col D */
.colD{ width:18%; float:right}

/*- MenuLat -*/
#menulat{  float:left; width:100%;  border-top:6px solid #E43434; }
#titre_rub{ display:none;  background-color:#E43434; text-transform:uppercase; font-size:1.6em; padding:13px 10px; color:#ffffff;}
.haut_menuLat, .bas_menuLat, .Sous_menu_dyn_haut, .Sous_menu_dyn_bas{ display: none }
.menuLat{ float:left; background:#fff; width:100%; padding:0 }
.menuLat ul, .menuLat li { margin: 0; padding: 0; list-style-type: none; clear: both; }
.menuLat a { text-decoration: none; display: block; color: #444444; }
.menuG-2 a, .menuGactive-2>a{  padding: 10px 5px 8px 10px; font-size:1.2em; border-bottom:1px solid #ddd;}
.menuGactive-2 > a, .menuG-2 a:hover, .menuGactive-3 > a, .menuG-3 a:hover{ background:#e43434; color:#fff }
/*.menuGactive-2{background:rgba(0, 0, 0,.1)}*/
.menuGactive-2 ul {font-size:.95em; padding:0; }
.menuGactive-2 ul li a{padding: 7px 3px 6px 16px ; border-bottom:1px dotted #eee;}
.menuGactive-2 ul li a:before{content:"- "}
.menuLat li[class*=active]>a{font-weight:bold; color:#fff}

/*- zone centrale .page-int -*/
.page-int #zc{ padding:15px 0 50px;float:left; width:100%;  display:flex; }
.page-int #z-centrale{ width:80%; float:left; background:#fff; padding:30px; min-height:90%; position:relative}
#div_lien_yahoo{ margin:25px 0 10px 5px; font-size:1.1em}
a.lien_yahoo, #div_lien_yahoo {text-decoration:none; color:#888888; }
.lien_yahoo:first-child:before{content:"";  display:inline-block; width:26px; height:25px; background:url("/charte/pictos.png") -65px -616px; vertical-align:text-bottom; margin-right:7px; }
.pictos{position:absolute; right:20px; top:15px; }
.pictos a{margin:0 3px}

/*Footer*/
footer{ clear:both; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.1em;}
.liens-footer{padding:20px 0 }
.liens-footer a{text-decoration:none; font-weight:bold; text-transform:uppercase; color:#000; padding:0px 5px; margin:5px 0; display:inline-block }
.site-ppal .liens-footer{background:url(/charte/frise.png) no-repeat top center; padding:195px 0 20px}
#btn-up{ display:none; background: #E43434 url("/charte/retour-haut.png") center 16px no-repeat; border-radius: 5px 0 0 5px; box-shadow: 2px 3px 7px #323232; color: white;
 cursor: pointer; font-size: 0.833em; line-height: 1.167em;  padding: 45px 0 5px 0; position: fixed; right: 0; text-align: center; bottom:55px;
text-transform: uppercase; width: 70px; z-index: 501; }

/*- ACCUEIL -*/
.page-accueil.site-ppal .bandeau{background-size:cover; background-color:#F0F2F1; background-image: url("/charte/bandeau-accueil.jpg");
 height:800px; height:90vh; min-height:420px; max-height:830px; }
.page-accueil.site-ppal>div>.ligne{padding:40px 0;}
.page-accueil.site-ppal .ligne.bandeau{position:relative; padding:0}
.page-accueil.site-ppal .bandeau:after{content:""; display:block; position:absolute; bottom:0; left:0; right:0; height:150px; z-index:2;
  background-image:-webkit-gradient(linear,50% 0%,50% 75%,color-stop(0, rgba(0,0,0,0)),color-stop(1, rgb(0,0,0)));
	background-image:-webkit-linear-gradient(-90deg,rgba(0,0,0,0) 0%,rgb(0,0,0) 100%);
	background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgb(0,0,0) 100%);}
/*.page-accueil.site-ppal #zc{position:absolute; bottom:30px; z-index:5; }*/
.lien-rap{position:absolute; bottom:30px; z-index:5; left:0; right:0}
.page-accueil footer{background-color:#FEFFFF; }
.page-accueil #zone-actu>div{display:flex; flex-wrap:wrap}

.page-accueil .agenda{ text-align:center;}
.page-accueil .agenda>div{/*padding:15px;*/ display:table; margin:auto}
.page-accueil .agenda h2{ color:#D93131; font-size:2.5em; margin:0 0 .3em 0}
#datepicker{background:#fff; }
.agenda .ui-datepicker{padding:0; width:360px; background:#fff; border:none; }
.agenda .ui-widget-header{font-family: 'panamalight', Arial, Helvetica, sans-serif; font-weight:normal; background: #E53333; border:none; border-radius:0; vertical-align:middle; font-size:1.6em; text-transform:uppercase;}
.agenda .ui-widget-header a:hover{background: #E53333;}
.agenda .ui-datepicker .ui-datepicker-title{ }
.agenda .ui-datepicker table{font-size:1em; border:2px solid #A2A0A0; border-top:none; padding:10px;}
.agenda .ui-state-default, .agenda .ui-widget-content .ui-state-default, .agenda .ui-widget-header .ui-state-default{color:#585047; font-weight:normal; height:35px; width:90%; margin:2px auto; line-height:25px; text-align:center; border:none; border-radius:5px; padding:5px}
.page-accueil .agenda .ListeCalendrier {min-width: 205px;}

#overDiv {padding:10px; background:#fff; border:1px solid #EBE8E8; border-radius:10px; -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4); box-shadow:0px 0px 2px rgba(0,0,0,0.4);}
#overDiv table{background:#fff}
#overDiv .info_date{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#1E1F1E; margin-bottom:10px;}
#overDiv .info_date_debut{font-size:12px; color:#585047;}
#overDiv .info_date_titre{font-weight:bold; font-size:14px;}
div.manif-retour a{background-color:#E43434; display:table; padding:5px 20px 5px 10px; color:#fff; text-decoration:none;}

/*slider actu*/
.actu>div{position:relative; float:left;}
.slide-wrapper{}
.slide-wrapper img {box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);}
.slide-details{position:absolute; left:15px; bottom:15px; max-width:75%; min-width:40%; height:70px; background:#fff; padding-left:80px; padding-right:15px }
.Agenda_titre{margin-top:15px; font-weight:bold; font-size:1.3em; color:#000; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
 .Agenda_commune{font-style:italic; color:#000}
#myController {position: absolute; right:15px; bottom: 15px; background-color:#E53333; height:70px; line-height:64px; padding:3px 5px; text-align:center;
	color:#fff; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:2em;}
#myController .jFlowControl{display:none;}
#myController  span{padding:0 7px; display:inline-block; cursor:pointer}
#myController  span.jFlowNext{border-left:1px solid #fff; padding:0 7px 0 10px;}
.Agenda_date{background-color:#E53333; width:70px; padding:15px 3px; text-align:center; position:absolute; top:0; bottom:0; left:0; color:#fff}
.Agenda_date div{display:inline}
.Agenda_date div.News_Lib_jour{width:100%; display:inline-block; }
.Agenda_date div.News_jour{font-size:1.4em;  font-weight:bold}
.Agenda_date div.News_mois{font-weight:bold}
/* detail news */
.bloc-news .date-news{ width:100%; float:left}
.bloc-news .date-news *{ float:left; margin-right:6px}

/* agenda int */
.agenda2{ width:100%; float:left; margin:15px 0}
.agenda2 .ui-datepicker{padding:0; width:100%; background:#fff; border:none; }
.agenda2{ text-align:center;}
.agenda2>div{/*padding:10px;*/ display:table; margin:auto}
.agenda2 h2{ color:#D93131; font-size:1.8em; margin:0 0 .3em 0}
.page-int .agenda2 h2::after {  content: "";  display: block;   margin: 0;  border-bottom: none; width: 100%; }
.agenda2 .ui-widget-header{font-family: 'panamalight', Arial, Helvetica, sans-serif; font-weight:normal; background: #E53333; border:none; border-radius:0; vertical-align:middle; font-size:1.2em; text-transform:uppercase;}
.agenda2 .ui-widget-header a:hover{background: #E53333;}
.agenda2 .ui-datepicker table{font-size:0.9em; border:1px solid #A2A0A0; border-top:none; padding:4px;}
.agenda2 .ui-state-default, .agenda2 .ui-widget-content .ui-state-default, .agenda2 .ui-widget-header .ui-state-default{color:#585047; font-weight:normal; height:22px; width:90%; margin:1px; line-height:18px; text-align:center; border:none; border-radius:4px; padding:3px}
.agenda2 .ui-datepicker td{ padding:0}
.agenda2 a.voir-tout{ font-size:1em}
.agenda2 .ListeCalendrier {min-width: 205px;}

#reseaux-sociaux{}
#reseaux-sociaux h3{	text-align:right; color:#1E1F1E; font-size:2.1em; border-right:5px solid #D93131; padding-right:10px;
text-shadow: 0px 1px 0 #1E1F1E; -webkit-text-shadow: 0px 1px 0 #1E1F1E; -moz-text-shadow: 0px 1px 0 #1E1F1E;}
#reseaux-sociaux .lien-facebook, #reseaux-sociaux .lien-twitter{text-align:center;}
.lien-facebook a, .lien-twitter a{font-family:'gotham_boldregular', "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; color:#1E1F1E; font-size:1.3em; text-decoration:none }

#info-touristique{padding:40px 0; position:relative;}
#info-touristique:after{content:""; display:block; height:150px; position:absolute; bottom:0; left:0; right:0; 
  background-image:-webkit-gradient(linear,50% 0%,50% 73%,color-stop(0, rgba(214,214,214,0)),color-stop(1, rgb(255,255,255)));
background-image:-webkit-linear-gradient(-90deg,rgba(214,214,214,0) 0%,rgb(255,255,255) 100%);
background-image:linear-gradient(180deg,rgba(214,214,214,0) 0%,rgb(255,255,255) 100%);}
#info-touristique *{-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#info-touristique h2{color:#fff; font-size:2.2em; float:left; }
#info-touristique .voir-brochures{float:right;}
#info-touristique figure{cursor:pointer; z-index:10;position:relative; background:#fff; width:260px; height:250px; margin:0 10px 20px; float:left; padding:0;
border:1px solid #ccc; border-radius:7px; text-align:center; overflow:hidden;}
#info-touristique figure a{text-decoration:none; color:#1e1f1e; cursor:pointer;}
#info-touristique figure a.lien-abs{position:absolute; top:0; bottom:0 ; left:0; right:0; z-index:2;}
#info-touristique figure h3{color:#1e1f1e; font-size:1.3em}
#info-touristique figure h3:after{content:""; display:table; margin:.4em auto; border-bottom:3px solid #e43434; width:60px}
#info-touristique figure strong{color:#666; font-weight:normal; font-size:1.1em}
#info-touristique figure .img{min-height:70%; overflow:hidden; line-height:250px; vertical-align:middle; display:flex;  }
#info-touristique figure .img img{margin:auto;}
#info-touristique figcaption{ padding:10px; background:#fff; position:absolute; left:0; right:0; bottom:0; height:6em}
#info-touristique figcaption>div>div{opacity:0; margin:5px 0}
#info-touristique figure .voir-site{color:#1E1F1E; text-decoration:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;padding:5px; border-radius:5px; background-color:#ccc; display:table; margin:10px auto}
#info-touristique figcaption .icons-soc a { margin:0 3px; vertical-align:middle; position:relative;  z-index:3;}

/*hover*/
#info-touristique figure:hover figcaption{ height:12em;}
#info-touristique figure:hover figcaption>div>div{opacity:1}
 

/*form (fleurissement)*/
fieldset{margin-bottom:30px; padding:15px; border:1px solid #ccc; border-radius:0 3px 3px 3px}
legend{font-weight:bold; text-transform:uppercase; font-size:1.2em; padding:0 20px 0 5px}
select, input[type="submit"], input[type="reset"],  input[type="text"],  input[type="password"],  textarea {font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size:1.05em; padding:5px 10px; color:#111111; border:1px solid #ccc; margin:5px 5px 5px 0; cursor:pointer}
select{margin-left:-4px;}
input[type="radio"], input[type="checkbox"]{margin-right:5px}
strong{color:#111}
fieldset table tr td{padding:10px }
form a:not(.thickbox), input[type="reset"], input[type="submit"]{background:#DDDDDD; border:none; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size:1.05em; padding:5px 10px; margin:10px; cursor:pointer; text-decoration:none; color:#111111}
form a:not(.thickbox):hover, input[type="reset"]:hover, input[type="submit"]:hover{background:#ccc; text-decoration:none}
input[type="submit"]{background:#9EC17D;}
.creation_compte_bt{float:left; width:50%;}
.btn.deconnecter, .btn.retour{ position: absolute; right: 0; top: -40px; opacity:.8; background-color:#C6C6C6; font-size:1em; min-width:160px; text-align:center; font-family:"Helvetica Neue", Helvetica,Arial,sans-serif}
.btn.retour{right:170px; padding-right:10px;}
.btn.deconnecter:hover, .btn.retour:hover{opacity:1}
.btn.retour:before, div.manif-retour a:before{content:"\002190"; margin-right:5px}
.btn.deconnecter:before{content:"\01F512"; margin-right:5px}
.bd_critere{margin:5px;}
.bd_critere_lib{font-weight:bold; color:#E43434}
.bd_critere_val{color:#000}
.BD_Date_mise_en_ligne{margin:15px; color:#666; font-style:italic; text-align:right}
.bd_moteur_element label{min-width:200px; display:inline-table;}

.fiche_detail_etape{margin:0 0 20px 0;}

/*spe fleurissement*/
.site-fleurissement .icon.plan-site, .site-fleurissement .icon.malvoyant,.site-fleurissement #moteur{display:none;}
.site-fleurissement #menu{width:auto}
.site-fleurissement #menu dl dt{padding:0 15px}
.site-fleurissement .bandeau{background-image:url(/bandeaux/bandeau-furdenheim.jpg);}
.image_fleurissement { float:left; }
@media (max-width: 1280px){	.site-fleurissement .bandeau{background-size: cover;}  }

main #datepicker, .Manif_image img, .Manif_geo iframe{-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.4);
box-shadow:0px 0px 4px rgba(0,0,0,0.4);-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#66000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#66000000,Positive=true);
}
form#liste-manifestations label{ margin-right:6px}
form#liste-manifestations input[type="submit"]{ margin: 10px 0; padding: 5px 15px;}
.manif-nb-items{ display:none; width:100%; margin:15px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:center; padding:4px 0}
.bloc-liste-manif .manif-item{ width:100%; float:left;padding:12px 2%; }
.manif-item.pair{ background:#efefef}
.manif-liste .manif-image img{ float:right; margin-left:20px; max-height:160px; width:auto }
.manif-mois{ font-size:1.1em; background-color: #777777; color: #ffffff; padding:5px 10px; 
width:100%; float:left; margin: 8px 0}
.bloc-liste-manif h2{ width:100%; float:left; margin: 1.2em 0 0.8em 0;}
.manif-item h3 a{ color:#000}
.bloc-carte-manif{ margin:15px 0}

.manif-item h3{ padding-left:10px; color:#000; margin:6px 0}

.date { margin: 8px 0; color: #545454; font-weight: bold; font-size: 1.2em; }

.manif-detail { box-sizing:initial; -moz-box-sizing: initial; -webkit-box-sizing: initial;}
.manif-detail *{ box-sizing:initial; -moz-box-sizing: initial; -webkit-box-sizing: initial;}
.manif-detail .manif-presentation{ padding:15px 0}
.manif-detail .manif-image{ /*float:left; width:48%; padding:6px 3% 6px 0;*/
float:right; padding:6px 0 6px 3%}
.manif-detail .contact-adt{ float:left; width:46%; padding:6px 3% 6px 0}
.manif-detail .contact{  display: inline-block; width:100%; }
.manif-detail .descriptif{ /*float:left; width:46%; padding:6px 3% 6px 0;*/
 padding:6px ;}
.manif-detail .descriptif2 { display: inline-block; }
.manif-detail .manif-image img { float: none; margin-left: 0; height:auto}
.manif-detail .manif-item h3{ padding-left:0}
.ged-manif{ width:102%; float:left; margin: 1.2em 0 0.8em 0; margin-left:-1%}
.manif-row{ width:100%; float:left}
.contact-adt{ display:table}
.photo, .coord{ display:table-cell; vertical-align: top}
.photo{ padding-right:10px; width:100px}
.manif-row .Liste_Sous_menu { width: 31%;}
#maCarte .manif-lien a { color: #e43434; }

/*slider */
.manif-diaporama{position:relative; z-index:1;  float:left; width: 100%; margin:10px 0; background-color: rgba(0, 0, 0, 0.2);}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 10px 0; margin: 0 !important; height:240px; }
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0; margin:0 !important; list-style: none !important; }
.rslides a{display: block; text-align:center;}
.rslides img {display: block; margin:0 auto;height: auto;border: 0; position: relative; z-index:10; }
.rslides_nav{position:absolute; bottom:5px; z-index:6; color:#fffff ; font-size:18px; font-weight:bold; }
.rslides_nav.prev{left:1%}
.rslides_nav.next{right:1%}
.rslides_tabs{position:relative;z-index:5; width:100%; float:left; margin:0 !important; padding:4px 0 6px 0 !important; 
background-color: rgba(0, 0, 0, 0.2);}
.rslides_tabs, .rslides_tabs li{margin:0; padding:0; list-style-type:none; text-align:center; }
.rslides_tabs li{display:inline-table; margin:3px !important; overflow:hidden; font-size:0; }
.rslides_tabs li a{display:block; height:14px; width:14px; text-indent:-1000px; color:transparent !important;
background:#ffffff; border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;}
.rslides_tabs li.rslides_here a, .rslides_tabs li a:hover{background:#e43434}
.rslides_nav.prev, .rslides_nav.next{color:#ffffff; font-size:24px; line-height:28px; text-decoration:none}
.rslides_nav.prev:hover, .rslides_nav.next:hover{color:#e43434}

/* incontournables */
.item-lien * { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.item-lien{cursor:pointer; z-index:10;position:relative; background:#fff; width:31.3%; height:250px; margin:0 1% 20px 1%; float:left; padding:0;
border:1px solid #ccc; border-radius:7px; text-align:center; overflow:hidden;}
.item-lien a{text-decoration:none; color:#1e1f1e; cursor:pointer;}
.item-lien a.lien-abs{position:absolute; top:0; bottom:0 ; left:0; right:0; z-index:2;}
.item-lien h3{color:#1e1f1e; font-size:1.2em}
.item-lien h3:after{content:""; display:table; margin:.3em auto; border-bottom:3px solid #e43434; width:60px}
.item-lien strong{color:#666; font-weight:normal; font-size:1.05em}
.item-lien .img{min-height:70%; overflow:hidden; line-height:250px; vertical-align:middle; display:flex;  }
.item-lien .img img{margin:auto;}
.item-lien figcaption{ padding:10px; background:#fff; position:absolute; left:0; right:0; bottom:0; height:6em}
.item-lien figcaption>div>div{opacity:0; margin:5px 0}
.item-lien figure .voir-site{color:#1E1F1E; text-decoration:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;padding:5px; border-radius:5px; background-color:#ccc; display:table; margin:10px auto}
.item-lien figcaption .icons-soc a { margin:0 3px; vertical-align:middle; position:relative;  z-index:3;}

/*hover*/
.item-lien:hover figcaption{ height:12em;}
.item-lien:hover figcaption > div > div{opacity:1}

/* landing */
.Liste_Sous_menu * { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.Liste_Sous_menu{cursor:pointer; z-index:10;position:relative; background:#fff; width:31.3%; height:250px; margin:0 1% 20px 1%; float:left; padding:0;
border:1px solid #ccc; border-radius:7px; text-align:center; overflow:hidden;}
.Liste_Sous_menu a{text-decoration:none; color:#1e1f1e; cursor:pointer;}
a.sous_menu_item_titre{color:#1e1f1e; font-size:1.2em}
.sous_menu_item_titre:after{content:""; display:table; margin:.3em auto; border-bottom:3px solid #e43434; width:60px}
.Liste_Sous_menu strong{color:#666; font-weight:normal; font-size:1.05em}
.Liste_Sous_menu .img{min-height:70%; overflow:hidden; line-height:250px; vertical-align:middle; display:flex;  }

.contact2{ width:100%; float:left; text-align:center; background:#e43434; border-radius:6px}
.contact2 a{ color:#fff; text-decoration: none; font-size:1.4em; display:block; padding:10px 2% 10px 16%; background: url(/charte/contact.png) 24% center no-repeat}
.reseaux{  width:100%; float:left; margin:15px 0; text-align:center; display:table; padding:0 18px }
.reseaux a{ width:32px; height:32px; background-image: url(/charte/reseaux.png); background-repeat:no-repeat; display:table-cell; }
.facebook2{ background-position: center top}
.twitter2{ background-position: center -36px}
.rss2{ background-position: center -72px}

/* news */
.affiche-news{ width:100%; float:left; }
.bloc-news{ width:100%; float:left; margin-bottom:20px}

/* Infowindow Google Map Agenda */
.gm-iw-agenda { max-height: 250px; overflow: auto;}
.gm-iw-agenda h3 { padding: 0; }

#st-2 .st-toggle{ left:0 !important; background: #333 !important;}
.st-hidden #st-2 .st-toggle{ left:0 !important}
#st-2.st-hidden .st-toggle{ left:48px !important}

/*
#st-2 .st-toggle{ left:0 !important}


/* ogihr */
.chapo { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1em; text-decoration:none; margin-left:1em; margin-right:1em; text-align:justify;
	}
h2.chapo:after{content:''; display:table; margin-top:0em; border-bottom:0px solid #fff; width:0px}