html, body {height: 100%; font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;min-height: 100%;}
body {min-height:100%; padding:0; margin:0; font-family: 'Quicksand', sans-serif;  font-weight: 400;  height: auto; position: relative; color:#000000; font-size:105%; background:#ffffff}
.container{margin:0 auto; width:100%; max-width:1580px; }

*{ box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; }
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,input,textarea,blockquote, figcaption{margin:0;padding:0; }
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}

.width100pc{width:100%;}
.invisible{display:none;}

table{ position: relative}

a, p, td, li{ color:#171616; text-decoration:none; }
h1{ font-size:240%; font-weight:700; padding:15px 0 5px 0}
h2{ font-size:200%; color:#000000; font-weight:300; }
.page-int .z-centrale h2{ border-bottom: 1px solid #9076E1; }
h1 span, h1 strong, h2 span, h2 strong{ color:#FCD210; font-weight:normal;}
.page-accueil h1 span, .page-accueil h1 strong, .page-accueil h2 span, .page-accueil h2 strong{ font-weight:700;}
h3{ font-size:150%; font-weight:700; line-height:110%; padding:10px 0}
h4{ font-size:130%; font-weight:700; }
#z-contenu-int li{ list-style-position: inside; list-style-type:disc; }
.z-centrale a{ color:#000;text-decoration:none; }
.z-centrale a:hover{ text-decoration:underline; }
.width100pc{ width:100%; }
.invisible{ display:none; }
.legende{ font-size:10px; color:#666666; margin-top:2px; }
.image_ombree{ width:auto; }
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; }
img{border:0; max-width:100%; }
.image_ombree img{ border-radius:10px; min-width:90% }

.titre1{ font-size:30px; font-weight:700; margin:15px 0; font-family: 'Dancing Script', cursive; line-height: normal; padding:10px 0; display:block}

.ligne{ width:100%; float:left}

/* bloc arrondi */
.bloc-color{ width: 100%; float:left; text-align:center; margin:15px 0}
.bloc-color > div{background: #FCD210;border-radius: 20px; padding:15px 20px; color:#ffffff;font-family: 'Dancing Script', cursive;  
  font-size:190%; font-weight:700; text-decoration:none; display:inline-block; }
.bloc-color > div *{ color:#000000; text-decoration:none; display:flex; margin:0 10px; }

 /* bloc spe */
 .bloc-spe {  position:relative; text-align: center; margin:15px 0 10px 0 }
.bloc-spe > div{ display: inline-block;background: #fff; padding:10px 30px; }
 .bloc-spe:before {  content:'';  width:100%;  height:1px;  display:block;  position:absolute;  background:#171616;  bottom: 51%; }
 .bloc-spe h2 {display: inline-block; background: #fff;}
 .bloc-spe h2:before {  left:30px }
 .bloc-spe h2:after {  right:20px }
.bloc-spe *{margin:0; padding:0; background: #fff; z-index:1; position: relative; font-weight:700}

.bloc-img{  position: relative;  color: #fff;  display: block; padding:10px}
.bloc-img *{ color:#ffffff; text-decoration:none !important;font-family: 'Dancing Script', cursive; margin:0; padding:0;font-weight:700; display:block;
text-shadow: 0px 1px 4px rgba(0,0,0, 0.4);}
.bloc-img-img {  background-color: #000;  overflow: hidden;  position: relative;}
.bloc-img-txt {  overflow: hidden;  padding: 15px;  position: absolute;  width: 100%;  height: 100%;  display: -ms-flexbox;  display: flex;
  -ms-flex-direction: column;  flex-direction: column;  top: 0;  left: 0;
  -ms-flex-align: center;  align-items: center;  -ms-flex-pack: center;  justify-content: center;}
.bloc-img h2{ font-size:60px}
.bloc-img a{ z-index: 10; color:#ffffff}
.bloc-img-img img{ -webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out;
object-fit: cover;height: 100%;width: 100%;}
.bloc-img:hover .bloc-img-img img{-webkit-transform: scale(1.1);	transform: scale(1.1);}

 /* Dropdown Button */
.dropbtn {  background: none;  border: none;  cursor: pointer; padding:0}
.dropdown {  position: relative;  display: inline-block; z-index:30}
.dropdown-content {  display: none;  position: absolute;  z-index: 1;}
.show, .show2 {display:block;} 

.carto-inter table{width:100% !important;}
.elmt_map{ width: auto; margin:5px 10px}
.elmt_map label img{ position:relative; z-index:-1;margin-right:-2px;  max-height:40px; margin-bottom:-2px }
.carto_nom h2{ border:none !important; font-weight:700; font-size:150%; margin:5px 0}
.carto_fiche .carto_image{ max-width: 100%; overflow:hidden; max-height:170px}
.carto_fiche .carto_contenu{ width:100% ; margin:0}
.carto_fiche .carto_desc{ display: none}
.carto_fiche .lei_contenu_lien {  background: none; width:100%; float:left; text-align:center}
.carto_fiche .lei_contenu_lien a{background: #FCDD4A; color:#000000; display: block; padding:5px}
.carto_image .lei_image_liste{ height:auto}

#map.leaflet-container, #Cartographie_carte{ width: 100%}

/* HEADER */
.header{ position: relative; width:100%; float:left;margin-bottom:25px;}
.top-line{ width: 100%; float:left; text-align: right;padding:5px 15px; background: #9CD1B7}
.header-line{  position: relative; width:100%; float:left; display:flex; align-items: center; align-content: space-around;justify-content:space-between;
padding:0 25px}
#controle-menu{display:none;}
.line{ display: flex; padding:0 10px;align-items: center;align-content: space-around;justify-content: space-between;}
/* logo */
#logo{ margin:15px 10px; }

/* Langues */
#langues{ display: inline-block}
.langues img{ height:32px; width:48px;border-radius: 5px}
.langues a{  display: block; }
.langues a img{ height:32px; width:48px;}
.langues .dropdown-content{}

/* moteur */
.moteur.dropdown{position:relative; margin:0 10px;display: inline-block ; }
.moteur button{ padding:10px;background: #FCD210;border-radius: 20px; width:60px; height:60px}
.site-dechets .moteur button{ background: rgba(188,32,85,1);}
.moteur button img{ width:26px; height:26px}
.moteur .input-saisie{ border:none; width:160px; color:#ffffff; height:46px; line-height:46px; padding:10px;
  font-size:90%; text-indent:5px; background: #FCD210;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);border-radius: 13px;}
.site-dechets .moteur .input-saisie{background: rgba(188,32,85,1);}
.moteur input.ok{position:absolute; right:8px; top:10px; border:none; height:24px;}
#myDropdown2{ right:0; top:100%;}

/* Liens header */
.lien-header{ display: inline-block }
.lien-header a{ background: #FCD210;border-radius: 20px; padding:15px 20px; height:60px; color:#ffffff;font-family: 'Dancing Script', cursive; display: inline-block; 
  font-size:130%; font-weight:700; text-decoration:none}
.lien-header a:hover{ background:#000000}

/* reseaux sociaux */
.reseaux{ position:relative;}
.reseaux a{ display:inline-block ; padding:5px 10px; color:#ffffff}

/* widget */
.constellation{ width:100%; float:left; background:#FCD210; text-align: center; padding:15px; margin-bottom:25px}
div[data-widget-id="7373257b-0fc2-41ee-8df0-fa478d4b9cd7"] .co-widget{ background:none !important; margin:0 auto; text-align: center; width:100%;
display:flex; align-items: center; align-content: space-around;justify-content: center;}
.constellation > div{ margin:0 auto; display:block; text-align: center; }
.constellation .co-widget > div {  display: inline-block;  float:none ; width:auto; margin:0 ; padding:10px ;}
.co-widget .co-widget-title > div {   color:#000000; font-size:180%; text-transform: none ; padding-right: 25px }
.constellation .co-widget input, .constellation .co-widget select, .constellation .co-widget button:not([class*="pika"]) {   height: 40px;   min-height: 40px; }
.constellation .co-widget .co-widget-date #FieldDate {  padding-right: 32px;  padding-left: 10px; border:none  }
.constellation .co-widget-icon.co-widget-calendar::before{ font-size:24px; color:#000000}
.constellation div[data-widget-id="7373257b-0fc2-41ee-8df0-fa478d4b9cd7"] .co-widget #BtnLaunchBooking {  background: #000000; padding:0 15px}


/* MENU HAUT */
#menuH{  display: inline-block; padding:0 15px; position: relative }
nav dl, nav dt, nav dd, nav ul, nav li{ margin: 0; padding: 0; list-style-type: none; float:left;}
#menu li, #menu ul{  width:100%; }
nav dl dt a{ color:#000000; text-align:center; width:100%;  display:block; font-size:130%; padding:15px 16px 10px 16px; font-weight:700; position:relative; 
  text-decoration:none; text-transform: uppercase}
nav dl dt a::after{content:" "; height:2px; width:1px; background: #FCD210 ; display: block; margin:6px auto 0 auto;
  -webkit-transition-property: width;	-webkit-transition-duration: 1s;	-webkit-transition-timing-function: ease-out;
  -moz-transition-property: width;-moz-transition-duration: 1s;	-moz-transition-timing-function: ease-out;
		transition-property: width;	transition-duration: 1s;	transition-timing-function: ease-out;}
nav dl:hover dt a::after, nav dl.active dt a::after{  width:100%}

/* MENU JAVA */
nav dd, nav .Sous_menu_dyn {display:none;}
nav dd{ position:absolute; top:100%; left:0; width:100%; min-width:170px; z-index:2; 
background: #EDEDED;border-radius: 10px;padding: 10px;}
.Sous_menu_dyn_contenu ul{ width:100%; display: flex;flex-direction: row;flex-wrap: wrap;align-items: stretch;
height: auto !important;justify-content: flex-start;}
.Sous_menu_dyn_contenu .sous_menu_item{ display: inline-block;  margin:5px}
.Sous_menu_dyn_contenu a{color:#000000; display:block; padding:8px 15px; width:100%; background:#ffffff; border-radius: 10px; font-size:110%}
.Sous_menu_dyn_contenu a:hover{text-decoration:none; background-color:#FCD210; }

.sous_menu_item_image{ display:none;}

/*diapo*/
#diaporama{height:68vh; width:100% ;  z-index:2; float:left; position:relative;  min-height: 290px; }
#bis_images{height:100%;float:left;  }
#bis_container #bis_nav{position:absolute; bottom:0; right:0; left:0}
#diaporama ul.thumbNav{padding:0; margin:1em 0; float:right; display:none }
#bis_caption{ width:100%; float:left; text-align: center; position:absolute; right:auto; left:auto; bottom:25%}
#diaporama .bis_title{color:#fff;   padding:5px; font-size:180%; font-weight:700; margin:auto; position: relative; font-family: 'Dancing Script', cursive; text-shadow: 0px 1px 4px rgba(0,0,0, 0.4); }
#firstline{ font-size:280%; font-weight:500; color:#ffffff; font-size:290%; font-weight:700;text-shadow: 0px 1px 4px rgba(0,0,0, 0.4);}
.thumbNav li{display:inline-table; margin: 0 3px;  }
.thumbNav li a{height:15px; width:15px; display:inline-table;color:transparent; font-size:0; background-color:#49A9C7;  border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}
.thumbNav li a:hover, .thumbNav li a.cur { background-color:#91BD0F; cursor:pointer;}
#bis_nav{position:absolute; top:0; right:0}
/*fleches*/
#bis_next, #bis_back{  bottom:0; position:absolute; z-index:2; cursor:pointer; opacity:1;  text-align:center; }
#bis_next{ right:30px}
#bis_next:before{ content: url(/charte/right.png);  }
#bis_back{right:100px;  }
#bis_back:before{ content: url(/charte/left.png); }
#bis_next:before, #bis_back:before {width:72px; height:70px; line-height:70px; display:block; padding:10px}
#bis_next:hover, #bis_back:hover{opacity:0.8;}

.bis_image{position:absolute; z-index:200; top:0px; left:25px;right:25px; bottom:0px; text-align:center; 
  z-index:4; background-repeat:no-repeat; background-position:center center;  background-size:cover}
div.anythingSlider .start-stop { display:none;}

#voirsuite{ position:absolute; z-index:12; left:49%; bottom:15px; opacity: 1; cursor:pointer}
#voirsuite #down-2{ fill:#ffffff;}
#voirsuite:hover #down-2{ fill:#FCD210;}

/* Avis */
.avis{  width: 100%;  float: left;  padding: 15px 15px;}
.avis > div {padding:0 15px;border-radius: 20px;width: 100%;  float: left;}
#avis{background: #9CD1B7;padding:20px;border-radius: 20px;height: 100%;width: 100%;  float: left;}
#avis > div {  display: flex;  width: 100%;  justify-content: space-between;  align-items: center;}
.avis h2, .avis h2 *{ color:#ffffff; margin: 0; padding:0; font-weight:700}
.avis h2{ padding:15px 30px 0 30px}
.evis-txt{ max-width: 680px; color:#ffffff; font-size:20px}
.evis-bt a{ background: #ffffff; color: #9CD1B7; font-weight:700; font-size:22px; padding:25px; border-radius:10px; margin:5px }

/* TOP footer */
.top-footer{ width:100%; float:left; padding:15px 15px}
.top-footer > div {  display: flex;  width: 100%;  justify-content: space-around;  align-items: stretch;}
/* acces directs */
#acces-directs > div{ background: #FCDD4A; padding:20px; border-radius:20px ; height: 100%}
#acces-directs h2, #acces-directs h2 *{ color:#ffffff; margin: 0; padding:0; font-weight:700}
#acces-directs h2{ padding:15px 30px 0 30px}
.acces-directs { display: flex; width:100%; margin:10px 0; text-align: center; justify-content: space-around; align-items:stretch; }
.acces-directs > div {  flex-grow:1; text-align:center; padding:15px; min-width:31% }
.acces-directs > div a{  background:#ffffff;  border-radius:20px; display: block; height: 100%; text-align: center; padding:15px;  }
.acces-directs > div *{ display: inline-block; width:100%; color: #FCDD4A; margin:5px 0; }
.acces-directs img{ /*! max-width: 120px; */ max-height: 140px; -webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out; }
.acces-directs > div:hover img{ filter: brightness(.01); }
.acces-directs > div:hover *{ color:#000000}
.acces-directs span{ text-transform: uppercase; font-size:120%; font-weight:700; -webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out;}
/* newsletter */
.newsletter > div{ background: url("/charte/newsletter.jpg") center center no-repeat; background-size:cover;
padding: 20px;border-radius: 20px; height: 100% }
.newsletter h2, .newsletter h2 *{ color:#ffffff; margin: 0; padding:0; font-weight:700}
.newsletter h2{ padding:15px 30px 0 30px}
.newsletter form{ padding:0 30px 0 30px; margin:25px 0}
.newsletter form > div{ background:rgba(0,0,0,.4);border-radius: 20px; padding:15px 20px; color:#ffffff; margin:15px 0;
display: grid;grid-template-columns: 1em auto;gap: 20px;}
.newsletter > div > div *{ display: inline-block; margin:0 5px}
footer .newsletter p{ margin:0}
#form_inscription{ position: relative; }
#Email{ background: #ffffff; border:none; display:block; width: 100%; margin:0; padding:20px;  border-radius:20px;font-size: 110%; height:76px; }
#ok-newsletter{  background: #FCDD4A; border:none ;padding:5px 20px; position: absolute; right:30px; bottom:0; top:0; color:#000; 
  border-radius:19px; height:76px; font-weight:700;font-size: 105%; cursor: pointer }
#ok-newsletter:hover{  background:#000000 ; color:#FCDD4A; }
#subscribeNews{-webkit-appearance: none;-moz-appearance: none;appearance: none; margin:3px 0;
font: inherit;color: currentColor;width: 20px;height: 20px;border: 1px solid currentColor;
border-radius: 4px;transform: translateY(-0.075em);display: grid;place-content: center;}
#subscribeNews::before {  animation-duration: .01ms !important;animation-iteration-count: 1 !important;scroll-behavior: auto !important;transition-duration: .01ms !important;
content: " ";width: 16px;height:16px;transform: scale(0);transform-origin: bottom left;transition: 120ms transform ease-in-out;  transition-duration: 120ms;
box-shadow: inset 1em 1em #fff;background-color: CanvasText;clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}
#subscribeNews:checked::before {  transform: scale(1);}

/*Footer*/
#footer{ position: relative;  width:100%; float:left; background: #9CD1B7; padding:15px; padding-top:30px; margin-top:15px} 
footer .container > div{padding-top:30px}
footer *{color:#ffffff }
footer .titre1{margin: 0; padding:0}
.footer-liens{ text-align:right;margin-top:20px }
.footer-liens a{ color:#ffffff; text-decoration:none; padding:2px 10px}
footer .btn{ padding:10px 20px; border:2px solid #ffffff; border-radius:14px; display:inline-block; margin-bottom:10px; font-weight:700; font-size:110%}
.btn-blanc i, .btn-btn:hover i{color:#9CD1B7;}
.btn-blanc:hover i{color:#fff;}
.btn-blanc, .btn-btn:hover{ background:  #ffffff; color:#9CD1B7; }
.btn-blanc:hover{ background:  #9CD1B7; color:#ffffff;border:2px solid #fff; }
.carte-bloc{ display: flex}
.carte-bloc > div{ min-width:220px}
.carte-txt{ margin:20px 0}
.footer-horaire > div{ margin-bottom:15px}
.footer-horaire > div.adresse1{margin:0}
.adresse1::after{ content:" " ; width:10px; height:1px; background:#ffffff; display: block; margin:5px 0}

@media (min-width: 960px){
  .footer-horaire .titre-spe, .footer-horaire .adresse, .footer-horaire .horaire{padding-left:60px}
  .footer-horaire .adresse1{ background: url("/charte/map.png") left top no-repeat}
  .footer-horaire .horaire{ background: url("/charte/calendar.png") left top no-repeat}
}
  
#btn-up{background: url("/charte/retour-haut.png"); z-index:1000; display:none;
  position: fixed; bottom:70px; right:30px; cursor:pointer; width:44px; height:44px; opacity:0.8; font-size:0; text-indent:-5000px }
#btn-up:hover{opacity:1;}

/* MENU LATERAL */
aside nav{ margin:10px 0; width:100%; float:left; background:#EDEDED; border-radius:20px; padding:15px}
.haut_menuLat, .bas_menuLat{display:none}
.menuLat ul, .menuLat li { margin: 0; padding: 0; list-style-type: none; }
.menuLat li { display: inline-block}
.menuLat a{ text-decoration:none; display:block;}
#titre_rub{  margin:10px 0; padding:5px 0; color:#171616;font-size:150%; font-weight:700 }
.page-accueil #titre_rub{display:none !important;}

a.menuG-2, a.menuGactive-2{ padding:15px 15px; color:#000000; background-color:#ffffff;font-size:120%; font-weight:700; border-radius:20px; margin:2px; display: inline-block}
a.menuG-2:hover, a.menuGactive-2{color:#000000; background-color:#FCD210; }
a.menuG-3, a.menuGactive-3{ padding:10px 15px; color:#000000; background-color:#ffffff;font-size:115%; font-weight:500; border-radius:20px; margin:2px;}
a.menuG-3:hover, a.menuGactive-3{color:#000000; background-color:#FCD210;}
a.menuG-4, a.menuGactive-4{padding:6px 15px; color:#000000; background-color:#ffffff;font-size:110%; font-weight:400; border-radius:20px; margin:2px; }
a.menuG-4:hover, a.menuGactive-4{color:#000000; background-color:#FCD210; }
a.menuG-5, a.menuGactive-5{padding:4px 12px; color:#000000; background-color:#ffffff;font-size:100%; font-weight:300; border-radius:20px; margin:2px; }
a.menuG-5:hover, a.menuGactive-5{color:#000000; background-color:#FCD210; }

#events{ margin:10px 0; width:100%; float:left; }
#events .bloc-img{ padding:0}
#events .bloc-img > div{ border-radius: 20px; overflow: hidden; max-height:170px}

aside #acces-directs{ margin:10px 0; width:100%; float:left}
aside #acces-directs > div{ padding:10px; }
aside .acces-directs {  margin: 5px 0;  text-align: left; flex-wrap: wrap; justify-content: flex-start}
aside .acces-directs > div{ padding:5px; flex-grow: initial; display: inline-block; min-width:50%; max-width:170px;height:100%; align-items:center}
aside .acces-directs img {  height: 38px; margin:3px; width:38px }
aside .acces-directs span{ font-size: 100%; width: auto; margin:3px; text-transform:none }
aside .acces-directs > div a{ padding:10px;  text-align: left; display:flex;justify-content:flex-start;align-items:center; height:100%; margin:0; }

/* bandeau */
#bandeau{ float:left; overflow:hidden; width:100%; height:48vh; min-height:260px; max-height:480px; position:relative;}
.bandeau{background-repeat: repeat-x; background-position: center center; background-size:cover; position:relative;background-image: url(/charte/bandeau.jpg);}
.bandeau span{color:#fff;   padding:5px 7px 5px 20px; position: absolute; left:20px; bottom:20px;
  font-family: 'Comfortaa', cursive; font-size:300%; font-weight:700; position:absolute; left:20px; right:20px; bottom:20px; text-align:center;
text-shadow: 0 1px 4px rgba(0,0,0,0.9);}

/* Agenda */
#agenda{  width:96%; padding:0.5em 2% 0.3em 2%; margin-top:2em; float:left; background:url(/charte/bg-agenda.jpg) left top repeat-y; background-size:contain}
#agenda a:hover{text-decoration:none}
#manif-accueil { position:relative; min-height:230px;  }
#manif-accueil-photo{z-index:1;  text-align:center; max-width:100%; max-height:290px; overflow:hidden}
.manif-accueil-periode{margin:0 0 0.2em -3%; padding:0.2em 4%; float:left; font-size:0.9em; background-color:#000000; color:#fff; }
#agenda .titre{ display:block; font-weight:bold}
#agenda .ville{color:#666; font-size:0.9em;}
.plus-dinfo{background-color:rgba(0,0,0,0.6); width:96%; padding:0.2em 2%; font-size:0.9em; position:absolute; bottom:0; left:0; color:#fff; text-align:right }
#tout-lagenda{clear:both; float:left; width:100%; margin:0.2em 0; text-align:right}
#tout-lagenda a{font-size:0.9em;}

/* FIL D'ARIANE */
#div_lien_yahoo{width:100%; float:left; margin:10px 0; background: #EDEDED; padding:10px; border-radius:10px} 
.lien_yahoo, #div_lien_yahoo a{text-decoration:none; font-size:95%; color:#171616; font-height:400; position: relative; display: inline-block; padding:4px}
#div_lien_yahoo a:first-child{ background: url(/charte/home.svg) left center no-repeat; padding-left:36px; background-size:30px auto }

/* Formulaires */
.FormAffiche{border: 3px solid #EDEDED;border-radius: 15px; padding:20px}
form .affichageForm { padding:10px; margin:0}
form .affichageForm > input,form .affichageForm textarea, form .affichageForm select, form .affichageForm radio, form .affichageForm checkbox 
{margin-left:0px;left:0px; padding:10px 15px; background:#f4f4f4; border:none; border-radius:10px; width:100%; }
form .affichageForm label{display:block; float:left; width:100%; text-align:left; font-weight:700; cursor:pointer; margin:2px 0 }
.LabelCaptcha{ text-align: center}
.CodeCaptcha{ margin:0;text-align: center; width: 100%; float:left}
.CodeCaptcha > div{ margin: 0 auto; display: inline-block}
@media (min-width: 768px)  { 
#ElementForm_1, #ElementForm_72, 
  #ElementForm_4, #ElementForm_5, 
   #ElementForm_6, #ElementForm_7,
  #ElementForm_8, #ElementForm_9{ width: 50%; clear:none}
}
.FormButton input{ background:#000000; padding:10px 20px; color:#ffffff; border:none; border-radius:10px; cursor:pointer; font-weight:700; display:inline-block}
.FormButton input:hover{ background:#54B959 }

/* -----------------------LEI-------------------------*/
/* MOTEUR de recherche */
#lei_moteur_recherche{ width:100%; float:left; /*! border:1px solid #000000; */ background:#FCDD4A;  position:relative; padding:15px 20px; border-radius:15px; margin:15px 0 ; }
#lei_moteur_recherche form > div{ display: inline-block; max-width:100%; margin:3px 15px 3px 0} 
.LEI_Form_Submit{ margin:5px; float:right; }
.LEI_Form_Submit a{ display: block; border-radius:15px; color:#fff;  background:#000000; padding:10px 15px ; border:1px solid #000000 }
.LEI_Form_Submit a:hover{ background:#FCDD4A;text-decoration: none; color:#000000 }
.LEI_Form_lib, .LEI_Form_Comment{ display:inline-block; margin-right:10px; font-weight:700; }
.LEI_Form_input{ display:inline-block; max-width:100% }
#lei_moteur_recherche input, #lei_moteur_recherche select{ background:#ffffff; border:1px solid #fff; border-radius:6px; padding:5px; max-width:100%}
.LEI_Form_nb_fiches{font-style:italic; width:100%; float:left; margin:15px 0 ; padding:10px 0; text-align:center; border-top:1px solid #000; border-bottom:1px solid #000 }

/* onglets carte et liste */
#liste_lei_onglets{ width:100%; float:left; margin-top:15px}
#liste_lei_onglets ul, #liste_lei_onglets ul li.lei_onglet{ list-style-type:none; margin:0; padding:0;  }
.lei_onglet{  float:left; text-align:left;  text-decoration:none !important; }
.lei_onglet a{border-radius:10px 10px 0 0; padding:10px 15px 10px 50px; font-size:130%;  display:block; color:#000000; background-color:#FCDD4A; 
  border:1px solid #FCDD4A; border-bottom:1px solid #FCDD4A; margin-bottom:-1px; font-weight:700; position:relative; z-index:2 }
.lei_onglet a:hover, .lei_onglet.active a{ color:#000000; background-color:#EDEDED; border-bottom:1px solid #EDEDED;}
#img_liste.lei_onglet a, #img_carte.lei_onglet a{ background-position: 15px center ; background-repeat:no-repeat}
#img_liste.lei_onglet a{ background-image:url(/charte/liste-lei.png) }
#img_carte.lei_onglet a{ background-image:url(/charte/carte-lei.png) }
.lei_contenu_onglet{border:1px solid #FCDD4A; width:100%; float:left; margin-bottom:15px;  border-radius:0 0 15px 15px; background: #EDEDED}

/* liste lei fiche */
#lei_liste_fiches{width:100%;  display: flex; flex-direction: row;  flex-wrap: wrap;  align-items: stretch; padding:10px; height:auto !important; justify-content: center }
.lei_fiche{  width: 33.33%; padding:10px;display: flex !important;flex-direction: column;flex-wrap: wrap;align-items: stretch; float: left; position: relative; }
.affiche_lei_fiche{float:left; width:100%; height:100%;  color:#000000; background:#ffffff ;padding-bottom:40px}
.lei_contenu_image{ display: block; display: -ms-flexbox;  float:left; width:100%; /*height:210px;*/ overflow:hidden}
.lei_contenu_image a { display: block;text-align: center;}
.lei_contenu_image img { display: block;height: auto;width: 100%;border: 0;margin: 0 auto;position: relative;z-index: 3;
-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out; object-fit: cover}
.lei_nom_fiche{ float:left; color:#000; width:100%; padding:10px; padding-bottom:0 }
.lei_nom_fiche a{ text-decoration:none!important;  display: block; font-weight:700; font-size:110%}
.lei_classement{ float:left; width:100%}
.lei_classement_label{ float:left; }
.lei_contenu_fiche{float:left; width:100%; padding:0 10px; font-size:90% ; padding-bottom:10px}
.lei_contenu_desc{height:90px; width:100%;  float:left; overflow-y: scroll; display:none}
.lei_contenu_comm p{margin:0}
.lei_ville{  font-weight:400; margin-top:5px; float:left;width:100%; }

.lei_contenu_liens{ position:absolute; bottom:10px; left:10px; right:10px; text-align:center; }
.lei_contenu_liens a{ width:50%;  position:relative; float:left; background:#FCDD4A ; border:1px solid #ffffff;
  color:#000000; font-size:90%; font-weight:700; text-decoration: none !important;  padding:10px 0; display:inline-block }
.lei_contenu_liens a:hover{ background:#000000; color:#FCDD4A !important}

.item-voir{ display: inline-block;margin: 5px 10px 5px 0;}
.item-voir a{ display: block; background-color: #FCD210;border-radius: 15px;padding: 10px 20px;}

/*pagination */
ul.pagination, .pagination li{ list-style-type:none; margin:0; padding:0; display:inline-block;}
ul.pagination{ width:100%; float:left}
.pagination{ width:100%; float:left; text-align:center;  }
.pagination a{  text-decoration: none; background: #FCDD4A; padding:3px 6px; margin:3px;display:inline-block; min-width:26px; font-weight:700; font-size:90%}
.pagination a:hover, .pagination a.active{  background:#000000; color:#ffffff;text-decoration: none;}
.pagination a.inactive{ display:none}

/* PLAN DU SITE */
.PLAN0{ display:table; clear:both; margin:5px 0; padding:2px 0; min-width:50%; border-bottom:4px solid #FCD210;}
.PLAN0 > a{ font-size:1.5em; color:#000; text-decoration:none ! important; font-weight:700; }
.PLAN1 ul{ margin:0; padding:0}
.PLAN1{list-style:none; margin:2px 0 15px -30px; }
.PLAN1 > a{ font-size:130%; color:#000 !important; padding:2px 0; text-decoration:none !important; font-weight:700}
.PLAN1 > a::before{ content:"> "; color:#FCD210; font-weight:700}
.PLAN2{ list-style-type:none; color:#000; position:relative; margin:4px 0 6px 14px;}
.PLAN2 > a{font-size:110%; color:#000 !important;  padding:2px 0; font-weight:500}
.PLAN2 > a::before{ content:" "; width:8px; height:8px; background:#FCD210; display:inline-block; margin:3px 6px}
.PLAN3{color:#000; margin:2px 0 4px 38px; position:relative; }
.PLAN3 > a{font-size:105%;  color:#000; font-weight:normal; font-weight:400}
.PLAN4{color:#000; margin:1px 0 1px 20px; position:relative; }
.PLAN4 > a{font-size:100%;  color:#000; font-weight:normal; font-weight:300}

/*album photo*/
#miniature_fleches{float:left; width:100%; position:relative; margin-top:10px ;background: #333;border-radius: 10px 10px 0 0 ;padding: 15px 54px; border-bottom:1px solid #fff}
#miniature_fleches img#gauche, #miniature_fleches img#droite{cursor:pointer;position:absolute; top:50%; margin-top:-16px; }
#miniature_fleches img#gauche{ left:15px }
#miniature_fleches img#droite{right:15px;}
#bloc_miniatures{ overflow:hidden; position:relative; float:left; height:85px; width:100%; padding:0}
#liste_miniatures{position:absolute; top:0; left:0; width:5000px}
#liste_miniatures img{height:80px;}
#liste_miniatures a{ margin-right:2px; text-decoration:none; float:left;}
#album_agrandie{text-align:center; margin-bottom:15px ; background-color:#333; clear:both; padding:15px; width:100%; }
#album_grande_photo{ clear:both; min-height:350px }
#album_grande_photo img{max-width:95%; max-height:100%; border:6px solid #fff}
#description_agrandie{ color:#ffffff; padding:10px}

/* DETAIL fiches */
#fiche_retour a{display:block; float:left; padding:10px 15px; background-color:#333; margin:10px 0;  text-decoration:none; color:#fff;border-radius:10px;}
#fiche_retour a:before{content:"<< "}
#fiche_retour a:hover{ color: #000000;background-color: #FCD210;}
#fiche_lei_detail{width:100%; float:left;}
#fiche_lei_nom{float:left; width:100%; position:relative;}
#fiche_lei_nom #fiche_lei_classement{ }
/* presentation */
#fiche_lei_detail h2{ border:none; font-weight:700; margin: .5em 0;width:100%; float:left;color: #FCD210;}
#fiche_lei_photo img{ float:left;  }
#fiche_lei_photo .reservez{float:left;}
#fiche_lei_commentaire{ float:left; width:100%; margin: 10px 0; }
#fiche_lei_adresse {float:left; width:100%;  margin: 10px 0; background-color: #FCD210; border-radius:15px; padding:15px}
.fiche_lei_email, .fiche_lei_siteweb{ word-wrap: break-word; }
.fiche_lei_email a{ font-style:italic}
.fiche_lei_siteweb a{ font-weight:600; }
.fiche_lei_email br, .fiche_lei_siteweb br{ display:none; }
#fiche_lei_info_hebergement{ float:left; width:100%; margin: 10px 0; }
#fiche_lei_detail .fiche_lei_onglets{ display: none}
#fiche_lei_detail .contenu_onglet{float:left; width:100%; display: block !important;}
#fiche_lei_commercialisation{  width: 100%;  float: left;  margin: 10px 0;}
#fiche_lei_commercialisation a{  position: relative;  width: 100%;  float: left;  background: #000000;color: #ffffff;  padding: 15px; text-align: center;
  border-radius: 15px; font-weight:700; text-decoration:none}
#fiche_lei_commercialisation a:hover{  background: #9CD1B7;color: #000;}
#localisation{width: 100%;  float: left;  margin: 10px 0;}
/*diapo int fiche*/
.diaporama-rslides{border:1px solid #000; float:left; width:100%; position: relative;z-index: 1;background-color:#000; 
    margin:5px auto 0 auto}
.fiche-slider-thumbnails a{height:90px; overflow:hidden; display:block; }
.fiche-slider-thumbnails img{height:90px; display:block;}
.rslides {list-style: outside none none;margin: 0 !important;overflow: hidden;padding: 0;position: relative;width: 100%;}
.rslides li {display: none;left: 0;position: relative;top: 0;width: 100%; max-height: 420px; }
.rslides a {display: block;text-align: center;}
.rslides img {border: 0 none;display: block;width: auto;margin: 0 auto;position: relative; object-fit: cover }
.rslides_nav {  font-size: 70px; text-decoration:none !important; position: absolute; top:40%; z-index: 6;}
.rslides_nav.prev {left: 1%;}
.rslides_nav.next {right: 1%;}
.rslides_tabs, .rslides_tabs li {list-style-type: none;margin: 0;padding: 0;text-align: center;}
.rslides_tabs {margin: 0 !important;position: relative;width: 100%;z-index: 5;float: left;width: 100%; background:#000; padding:0}
.rslides_tabs li {display: inline-block;font-size: 0;/*! margin: 1px; */overflow: hidden;margin:1px}
.rslides_tabs li a {opacity:0.7; background: #000 none repeat scroll 0 0;}
.rslides_tabs li.rslides_here a, .rslides_tabs li a:hover {opacity:1;background: #FCD210 none repeat scroll 0 0;}
/*fleches*/
.rslides_nav.prev, .rslides_nav.next{  bottom:35%; position:absolute; z-index:2; cursor:pointer; opacity:0.7;  text-align:center; font-size:0;}
.rslides_nav.next{ right:10px}
.rslides_nav.next:before{ content: url(/charte/right.png);  }
.rslides_nav.prev{left:10px;  }
.rslides_nav.prev:before{ content: url(/charte/left.png); }
.rslides_nav.next, .rslides_nav.prev:before {width:62px; height:62px; line-height:62px; display:block;}
.rslides_nav.next, .rslides_nav.prev:hover{opacity:1;}
.diaporama-rslides .legende{ position: absolute;left:0; right:0; bottom:0; background:rgba(0,0,0,.5); color:#ffffff; padding:15px; 
  margin:0;font-size:90%}






/* bloc colonne */
.fiche_lei_info_colonne{float:left; width:32%; margin-right:1.3%}
.fiche_lei_info_colonne .bloc_isole{ margin-bottom:0;}
.fiche_lei_elmt{float:left; width:100%; margin:0px 0px 8px 0px;}
.fiche_lei_elmt_titre{float: left; font-weight:bold; margin-right:3px;}
.fiche_lei_elmt_valeur{float:left; width:100%}
.fiche_lei_info_colonne ul, .fiche_lei_elmt_valeur ul{ margin:2px; padding-left:20px;}
.fiche_lei_elmt_valeur li {margin:0; padding:0;}
@media (min-width:600px){
 .fiche_lei_elmt_valeur ul {display: flex; width:100%; flex-wrap: wrap; align-items: stretch}
  .fiche_lei_elmt_valeur li{  padding-right:15px; width:50% } 
}
@media (min-width:1005px){
  .fiche_lei_elmt_valeur li{  ; width:33%  } 
}
.fiche_lei_elmt_valeur.bloc_isole{ margin-bottom: 0px;}
.contenu_autrefiche .fiche_lei_elmt_valeur li {float:left; width:31%; margin-right:2.3%;}
.fiche_lei_info_colonne #fiche_lei_classement{ float:left ;}
/* localisation */
#EmplacementDeMaCarte{float:left; width:100%; height:220px; }
#EmplacementFormItineraire{float:left; width:100%; margin-top:10px;}
#fiche_lei_localisation .fiche_lei_info_colonne{ display:none; }
/*album photo lei*/
#fiche_lei_photos #miniature_fleches{float:left;  height:150px;  width:100%;  position:relative;  margin:0px 0 0px 0px; }
#fiche_lei_photos #miniature_fleches img#gauche{position:absolute;  left:0;  top:50%;  z-index:200;  }
#fiche_lei_photos #miniature_fleches img#droite{position:absolute;  right:0;  top:50%;  z-index:200;   }
#fiche_lei_photos img#gauche:hover,#fiche_lei_photos  img#droite:hover{cursor:pointer; }
#fiche_lei_photos #bloc_miniatures{float:left;  height:150px;  overflow:hidden;  position:relative;  width:90%;  margin-left:5%; margin-right:5%;}
#fiche_lei_photos #liste_miniatures{position:absolute;  top:0;  left:0;  height:150px;  width:3000px}
#fiche_lei_photos #liste_miniatures img{height:140px;  margin:2px;  border:2px solid #fff; }
#fiche_lei_photos .light{opacity:0.5;  }
#fiche_lei_photos .origin{opacity:1;  }
/* Avis */
#fiche_lei_avis .fiche_lei_info_colonne{ width:100%; margin:0}
.tripadvisor_badge, .trivago_badge, .vinivi_badge{ width:32%; float:left; margin-right:1%}

.bloc-lei-content .leaflet-container a {  color: #000000;}





.elmt_cache{display:none;}

.reservez{ width:60%; float:left; text-align:center; margin:5px 20% 3px 20%}

.lei_horaires{float:left; width:94%; padding-right:3%; padding-left:3%; height:auto; padding-top:10px;  }
.lei_email{ font-style:italic; text-decoration:none  !important ;}
.lei_siteweb{ font-weight:bold; text-decoration:none  !important ; font-size:10px; }

#lei_contenu_capacite{width:100%; float:left; color:#000000; position:absolute; bottom:26px; left:0px;}

/* Liens */
.lien-utile{ width:93%; float:left; margin:5px 0; padding:10px 3%; border-bottom:1px solid #39A1AD; background:#eeeeee}
.lien-utile:hover{ background:#dddddd}
.lien-utile img{ float:right}
.titre-lien-utile{  font-weight:bold; font-size:1.4em}
.titre-lien-utile a{  text-decoration:none; }
.voir-site a{ background: #39A1AD; padding:0 26px 1px 16px; text-decoration:none; color:#ffffff; border-radius:0 12px 12px 0;}
.voir-site a:hover{ color: #39A1AD; background:#ffffff; }

/* LEI */
#EmplacementDeCarteListe img, #EmplacementDeMaCarte img{ max-width:none}
#adp-placemark{clear:both; margin-top:1em; float:left}

/* Carte liste lei */
#div_carte{ /*! border:1px solid #b9c900; */ width:100%; float:left; }
#EmplacementDeCarteListe{ width:96% ; float:left; margin-left:2%; margin-right:2%; position:relative; margin-top:14px; margin-bottom:14px;  height:550px;}

/*AGENDA*/
.lei_fiche_agenda{clear:both; border-bottom:1px dotted #b9c900;  float:left; width:98%; padding:5px 1% }
.lei_fiche_agenda:hover{background-color:#EFF7F1}
.lei_fiche_agenda a{ text-decoration:none !important; display:block }
.lei_fiche_agenda a:hover{text-decoration:underline}
.lei_agenda_periode, .lei_agenda_nom, .lei_agenda_ville{display:table-cell; vertical-align:middle; }
.lei_agenda_periode{width:18% }
.lei_agenda_nom{width:80%; font-weight:bold }
.lei_agenda_ville{text-align:right;line-height:1em }
.lei_agenda_ville a{ color:#666 !important; font-size:0.9em; }

/* CSS Leaflet */
.leaflet-marker-icon {width: 102px;height: 34px;font-weight: bold;line-height: 27px;font-size: 14px;text-align:center;text-shadow: -1px 0 0 #ffffff, 1px 0 0 #ffffff, 0 -1px 0 #ffffff, 0 1px 0 #ffffff;background-repeat:no-repeat;background-position: center top;}
.leaflet-popup-content, .leaflet-popup-content-wrapper, .leaflet-popup-tip{ /*width:auto !important;*/ float:left}
.mycluster { background-image: url("/charte/icon-map-marker.png"); background-repeat:  no-repeat; background-size:  25px 35px}





/* -----------------------RESPONSIVE-------------------------*/
@media (max-width: 1580px){
.container{width:98%; }
}

@media (max-width:1440px){
img, table, tbody, tr, td, area, iframe, body, object, embed{ max-width:100% ;}
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;	}

  .header-line{ padding:0 15px}
  #logo img{ width:200px; height:auto}
  .lien-header a{padding: 8px 12px; height: 44px;border-radius: 10px;}
  .moteur button {  border-radius: 10px;  width: 44px;  height: 44px;}
  .langues img {  height: 22px;  width: 38px; }
  #menu dl dt a {font-size: 120%;  padding: 10px 12px 5px 12px;}  
  #diaporama .bis_title{ font-size:160%;}
#firstline{ font-size:220%;}
  .evis-txt {    max-width: 40%; font-size: 17px;}
  .evis-bt a {font-size: 20px;  padding: 15px;margin: 5px;}
  .acces-directs img {  max-width: 60px;  max-height: 60px;}
  footer .btn {  padding: 6px 10px;  border-radius: 10px;  font-size: 100%;}
}
@media (max-width: 1280px)  {  
  #logo {  margin: 10px 10px 10px 0;}
    #logo img{ width:170px;}
  .line{ padding:0}
   #menu dl dt a {font-size: 115%;  padding: 10px 10px 5px 10px;} 
  #menuH { padding: 0 5px;}
  .moteur.dropdown { margin: 0 5px;}
  .bis_image {left: 15px;  right: 15px;}
  .avis h2, .newsletter h2, #acces-directs h2 {  padding: 0;}
  .newsletter form {  padding: 0;  margin: 15px 0 0 0;}
  #Email { padding: 15px;  border-radius: 10px;  font-size: 100%;  height: 50px;}
  #ok-newsletter {padding: 5px 15px;  right: 0;  border-radius: 9px;  height: 50px;  font-size: 100%;}
  .newsletter form > div {border-radius: 10px;padding: 5px 10px;  margin: 10px 0 0 0;   gap: 15px; font-size:90%}
  .acces-directs > div{ padding:5px}
  .acces-directs > div a{ padding:5px}
  .acces-directs img {  max-width: 46px;  max-height: 46px;}
  .acces-directs span{ font-size:100%}
  #footer{ padding:15px}
  footer .container > div {  padding-top: 15px;}
  footer .bloc-img img{ margin:10px 0; max-width:75%}
  .footer-contact > div{padding:0}
  .footer-horaire .titre-spe, .footer-horaire .adresse, .footer-horaire .horaire {  padding-left: 28px;}
  .footer-horaire .adresse1{ background-size:20px auto}
  .footer-horaire .horaire{ background-size:22px auto}
  .footer-liens a{ padding:5px; display: inline-block}
  .carte-bloc {  display: block;}
  .carte-txt {  margin: 5px 0;}
}
@media (max-width:1005px){
  
  h1, h1{ font-size:200%; margin:.8em 0 .4em 0;padding:.3em 0;}
h2, h2{ font-size:180%; margin:.8em 0 .4em 0;padding:.3em 0;}
.page-int h2{ margin:.8em 0 .6em 0; }
h3, .h3{ font-size:130%;  margin:1em 0 .4em 0}
h3 span{ font-size:160%}
h4, .h4{ font-size:110%; margin:.6em 0 .3em 0}
  
.bloc-img h2{ font-size:44px}
  .titre1 {  font-size: 28px;}

#controle-menu{display:block; cursor:pointer; float:right; width:54px; height:44px;  background:#FCD210 url(/charte/controle-menu.png) center center no-repeat; 
  z-index:50; border-radius:10px; margin:10px; background-size:30px auto}
#menuH{display:none; position:absolute; top:100%; left:0; width:100%; z-index:440; background-color:#fff; box-shadow:0px 5px 5px rgba(0,0,0,.5);  border-top:1px solid #000000  }
  #menu{ display: block}
  nav dl{ width:100%; /*border-bottom:1px dotted #DC5A3D*/}
nav dl dt a{ height:auto;}
  nav dd { display:block !important;   position: relative; top:auto;right:auto; bottom:auto; left: auto;
    width: 100%; height: auto; overflow: visible; opacity: 1; padding:0}
nav dl dd .Sous_menu_dyn_contenu {    padding-top: 0;}
  nav dd ul{ margin:0; padding:5px; text-align:center}
  nav dd ul li.sous-menu-item{ width:auto}
  .sous-menu-item a{ padding:8px 15px; font-size:100%}
 
}
@media (max-width:992px){
 footer .container > div {  padding-top: 5px;}
  footer h3{ margin-top:0}
  .carte-bloc > div{ display: inline-block}
  aside .acces-directs > div{ max-width: 100%; width: 100%}
  aside .acces-directs > div a{ padding:5px 10px; border-radius: 10px}
  aside .acces-directs img {  height: 30px;  margin:0 3px;  width: 30px;}

  
#titre_rub {  margin: 5px 0;  padding: 0; font-size: 140%; }  
a.menuG-2, a.menuGactive-2{ padding:12px 15px; font-size:110%; border-radius:10px; margin:1px; }
a.menuG-3, a.menuGactive-3{ padding:7px 15px; font-size:100%; border-radius:10px; margin:1px;}
a.menuG-4, a.menuGactive-4{padding:5px 15px; font-size:95%; border-radius:10px; margin:1px; }
  
  
}
@media (max-width:800px){

}
@media (max-width:600px){

}
@media (max-width:480px){

}
@media (max-width:320px){

}

@media (min-width: 1006px){

}
@media print{
body, #conteneur, .page, #zc, .page-int #zc, #z-centrale, #div_lien_yahoo, .page-int #z-centrale, #zc > div, #haut-zc,
.page-accueil .zone1, .page-accueil .zone2{background:none #fff; width:100%; margin:0; padding:0; height:auto; min-height:inherit; max-width:inherit; float:none; }
#header,#btn-up, #div_modif_illicopage, #btn-up, .pictos, #menulat, #footer, #sthoverbuttons{display:none !important}
#div_lien_yahoo{margin-bottom:1.5em; border-bottom:2px solid #ccc; padding-bottom:.5em}
h1, .h1{color:#000; text-shadow:none; background-color:#fff; margin:0; padding:0; font-size:1.8em; line-height:100%}
.page-accueil .z-btn > div{width:50%;}
.page-accueil .carte{height:auto;}
}

/*-------BOOTSTRAP--------*/
* {   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;}
html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;}
body {  margin: 0;}

audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;}

.row  {   margin-left: -15px;
  margin-right: -15px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12  {   position: relative;  min-height: 1px;  padding-left: 15px;  padding-right: 15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12  {   float: left;}
.col-xs-12 {  width: 100% !important;}
.col-xs-11 {  width: 91.66666667% !important;}
.col-xs-10 {  width: 83.33333333% !important;}
.col-xs-9 {  width: 75% !important;}
.col-xs-8  {   width: 66.66666667% !important; }
.col-xs-7  {   width: 58.33333333% !important; }
.col-xs-6  {   width: 50% !important; }
.col-xs-5  {   width: 41.66666667% !important; }
.col-xs-4  {   width: 33.33333333% !important; }
.col-xs-3  {   width: 25% !important; }
.col-xs-2  {   width: 16.66666667% !important; }
.col-xs-1  {   width: 8.33333333% !important; }

@media (min-width: 768px)  {   
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12  {     float: left; }
  .col-sm-12  {     width: 100% !important; }
  .col-sm-11  {     width: 91.66666667% !important; }
  .col-sm-10  {     width: 83.33333333% !important; }
  .col-sm-9  {     width: 75% !important; }
  .col-sm-8  {     width: 66.66666667% !important; }
  .col-sm-7  {     width: 58.33333333% !important; }
  .col-sm-6  {     width: 50% !important; }
  .col-sm-5  {     width: 41.66666667% !important; }
  .col-sm-4  {     width: 33.33333333% !important; }
  .col-sm-3  {     width: 25% !important; }
  .col-sm-2  {     width: 16.66666667% !important; }
  .col-sm-1  {     width: 8.33333333% !important; }
  
 }
@media (min-width: 992px) {  
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12  {     float: left; }
  .col-md-12  {     width: 100% !important; }
  .col-md-11  {     width: 91.66666667% !important; }
  .col-md-10  {     width: 83.33333333% !important; }
  .col-md-9  {     width: 75% !important; }
  .col-md-8  {     width: 66.66666667% !important; }
  .col-md-7  {     width: 58.33333333% !important; }
  .col-md-6  {     width: 50% !important; }
  .col-md-5  {     width: 41.66666667% !important; }
  .col-md-4  {     width: 33.33333333% !important; }
  .col-md-3  {     width: 25% !important; }
  .col-md-2  {     width: 16.66666667% !important; }
  .col-md-1  {     width: 8.33333333% !important; }

 }




.illico-loader{  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;
  background: rgba(0, 0, 0, 0.5);  z-index: 100; text-align:center;
    justify-content: center;  align-items: center;}

.dsio-loader__message{ background:rgba(255,255,255,.5); padding:30px; font-weight:900; border-radius:30px}


/* Ajout GE - 20/02/2023 - Calendrier horaires pour SITLOR */
.calendar {
  padding: 15px;
  border: 2px solid #9cd1b7;
  margin: 10px 0px;
  border-radius: 15px;
}