@charset "utf-8";
/*******RESET CSS********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
/*border: 0;*/
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

#contenu table, #contenu table tbody, #contenu table tbody tr, #contenu table tbody tr td{
  border:1px solid #58595b;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1;}

ul {list-style: none;}
#contenuDroit ul {list-style:initial;padding:0 0 3% 5%;}
sup{font-size:70% !important;top: -0.7em !important;}
blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

table {border-collapse: collapse;border-spacing: 0;}

b, strong{font-weight:bold;}

h1{font-size:2em;}

h2{font-size:1.5em;}

h3{font-size:1.17em;}

BODY{width:100%; height:100%; margin:0 auto 0 auto; text-align:center; font-size:10px; font-family: 'Arial', sans-serif; color:#231f20;}

HTML{width:100%; height:100%;}

TABLE{margin:0 auto;}

IMG{border:0px;}

SMALL {font-size:0.4em;}
I, em {font-style:italic;}
STRONG {font-weight:bold;}

fieldset{font-size: 1.4em; text-align: left;}

#site, #site2{position:relative; width:100%; height:auto; padding:0px; margin: 0 auto 0 auto;}



.inner{width:1280px;margin:0 auto;position:relative;}

#blocSearch, #menu, #home, #contenu, #elus, #zoneFooter, #searchContenu, .alerte, #copyright, .bandeau, .filet{position:relative;width:100%;display:inline-block;}

.bandeauLeft, .bandeauRight{display:inline-block;position:relative;height:auto;padding:2% 0 0;box-sizing:border-box;vertical-align: top;}
.bandeauLeft{width:75%;text-align: left;float:left;}
.bandeauLeftTop{padding-left:3%;}
.logoSite, .nomSite{display:inline-block;}
.nomSite{vertical-align: top;padding-top:1.5%;line-height:4em;text-align:center;}
.nomSite a:hover, .nomSite a:focus{text-decoration:none;}
.nomSite>a span{font-size:4.8em;text-transform:uppercase;color:#0062ac;font-style: normal;}
.nomSite span{font-size:2.4em;font-style: italic;color:#58595b;text-align:center;}
.logoSite{margin-right:2%;}
.bandeauRight{width:25%;}
.coordTop{text-align:right;padding-bottom:5%;font-size:1.5em;color:#58595b;line-height:1.35em;}
.coordTop a{text-decoration:none;color:#58595b;}
#searchTop{position:relative;border:1px solid #58595b;float:right;width:55%;margin-bottom:5%;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #58595b;
    font-size:0.8em;
    font-style:italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #58595b;
   opacity:  1;
   font-size:0.8em;
   font-style:italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #58595b;
   opacity:  1;
   font-size:0.8em;
   font-style:italic;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #58595b;
   font-size:0.8em;
   font-style:italic;
}

.formulaire_recherche>form>div{height:25px;line-height:25px;}
.search.text {font-size:15px;border:none;width:75%;line-height:25px;height:25px;}
.search.text:focus{outline: none;}

#moduleSearch input[type="submit"]{font-family: FontAwesome;font-size:16px;color:#58595b;background:none;border:none;cursor: pointer;float:right;padding:2px;width:15%;}

.catch{width:1px; height:1px; font-size:0.01em; visibility:hidden;}

.nav-menu-mobile{display:none;position:absolute;top:-50px;left:5px;}
#showMobile, .showMobile{display:none;}

#menu{margin-top:5%;}
#nav{position:relative; padding:0; margin:0; width:100%;height:100%;}
#nav>li{display:inline-block;width:14%;position:relative;text-align:center;padding:15px 0;}
#nav>li>span>a{text-decoration:none;text-transform: uppercase;font-size:1.5em;color:#534741;}
#nav>li:hover,#nav li.over{background:#ef662f;}
#nav>li:hover>span>a, #nav li.over>span>a{font-weight:bold;color:white;}
#nav>li>ul, #nav>li>ul>li>ul{display:none;z-index:99999;}

#nav>li>ul>li{padding:10px 10px 0;}
#nav>li>ul>li:last-child{padding-bottom:10px;}
#nav>li>ul li a{color:white;text-decoration:none;}
#nav>li:hover>ul{display:block;position:absolute;top:45px;text-align:left;background:#ef662f;width:175%;font-size:1.3em;line-height:1.3em;}
#nav>li:hover>ul>li.open>ul{display:block;position:relative;top:5px;text-align:left;background:#ef662f;width:100%;padding-left:8%;line-height:1.5em;}
#nav>li>ul>li.over>a, #nav>li:hover>ul>li.open>a, #nav>li>ul>li.over>ul>li.over{font-weight:bold;}

#nav>li>ul>li:before{content:'\f054';font-family:'FontAwesome';padding-right:5px;color:white;}
#nav>li>ul>li.open:before{content:'\f078';}

.filet{height:15px;background:#ef662f;}

.descBandeau{background-image:url("../interface/background_home.png");position:absolute;right:0;top:45%;width:30%;padding:1.5% 0;text-align:right;}
.descBandeau span{display:block;font-size:3em;color:white;font-weight:bold;margin-bottom:5%;}
.descBandeau a{text-decoration: none;color:white;background:#ef662f;font-size:1.5em;padding:1.5%;display:block;float:right;text-align:center;}

.toolbox{position: fixed;top:270px;left:0;z-index:9999;}
.toolbox div{position:relative;}
.toolbox .onHover{display:none;position:absolute;left:55px;top:0;height:100%;width:250px;text-transform:uppercase;text-align:left;font-size:1.1em;font-weight:bold;letter-spacing:0.5px;padding:22px 2px;background:#ef662f;box-sizing:border-box;z-index:99;line-height:1;}
.toolbox .onHover a{text-decoration: none;}
.toolbox .meteo{width:55px;height:55px;background:white;margin-bottom: 10px;font-size:1.3em;padding:10px 0;color:#ef662f;font-weight:bold;}
.toolbox .meteo img{width:65%;height:auto;}
.toolbox .demarches, .toolbox .avoirafaire, .toolbox .carteInteractive, .toolbox .associations, .toolbox .ancreContact{width:55px;height:55px;background:rgba(122, 110, 103, 0.7);margin-bottom: 10px;font-size:1.2em;}
.toolbox .demarches, .toolbox .avoirafaire, .toolbox .carteInteractive, .toolbox .associations, .toolbox .ancreContact{padding:17px 0;}
.toolbox div i, .toolbox div a{color:white;}
.toolbox div i{font-size:25px;}
.toolbox .associations{padding:10px 0;}
.toolbox .associations img{width:60%;height:auto;}
.toolbox>div:not(:first-child).open{background:#ef662f;}
.toolbox>div:first-child.open .onHover{background:white;padding:10px 0;width:130px;}

.toolbox .onHover .bloc_meteo{display:inline-block;font-size:0.7em;height:100%;text-align:center;}

.required{font-style:italic;font-size:0.7em;}

.alerte{text-align:left;color:white;font-size:1.5em;background:#ef662f;margin-bottom:2%;}
.alerte a{color:white;text-decoration: none;}

#ariane{text-align: left;font-size:1.2em;margin-bottom:2%;color:#ef662f;}
#ariane a {color:#585858;text-decoration:none;text-transform:uppercase;color:#ef662f;}
#ariane a.over{text-decoration: underline;font-weight:bold;}

.agenda, .artBienvenue, .descBienvenue, .imgBienvenue{display:inline-block;position:relative;vertical-align: top;line-height:1.5em;}
.agenda, .artBienvenue{text-align:left;font-size: 1.3em;}
.agenda{width:30%;float:left;}
.artBienvenue{width:68%;float:right;}
.descBienvenue{width:70%;float:left;}
.descBienvenue.full{width:100% !important;}
/*.descBienvenue span{color:#534741;}*/
.imgBienvenue{width:25%;float:left;margin-right: 3%;}
.imgBienvenue img{max-width: 100%;max-height: 250px;width: auto;height: auto;}
.agenda h2, .artBienvenue h2{text-transform:uppercase;color:#ef662f;font-weight:bold;margin-bottom:20px;text-align:left;}
.artBienvenue h3{text-transform: uppercase;margin-bottom: 10px;background: #534741;color: #fff;display: inline-block;padding: 5px 10px 5px 5px;font-weight: bold;font-size:13px;}
.dateAgenda{width:100%;display:block;color:white;background:#534741;padding:1.5%;text-transform:uppercase;font-weight:bold;box-sizing:border-box;}
.titreAgenda{text-transform: uppercase;color:#534741;display:block;margin-top:3%;}
.descAgenda{color:#ef662f;display:block;margin-bottom:3%;}
.descAgenda a{text-decoration: none;color:#ef662f;}
.moreAgenda{display:inline-block;margin-top:2%;width:100%;}
.moreAgenda a{color:white;text-decoration: none;text-transform: uppercase;background:#ef662f;padding:10px;box-sizing:border-box;}

#elus h1{text-transform: uppercase;color:#ef662f;text-align:left;margin-bottom:2%;font-weight:bold;}
#elus .commissions{display:inline-block;width:22%;box-sizing:border-box;float:left;}
.commissions .filtre{position: relative;width:100%;display:block;}
.titreTheme{line-height:1.3;text-transform:uppercase;color:white;padding:2% 6% 2% 3%;text-align:left;font-size:1.5em;font-weight:bold;}
.titreTheme input[type=checkbox], .filterLabel input[type=checkbox]{vertical-align:top;margin:0 !important;}
.titreTheme span{display:inline-block;width:90%;padding-left:5px;}
.filterLabel{width:100%;}
.filterLabel span{display:inline-block;width:90%;}
.groupeFiltre{padding:3% 0;}
.filtre{text-align:left;font-size:1.4em;line-height:1.5;color:#58595b;}
.filtre input[type=checkbox]{margin:0 5px 0 0!important;}


input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

input[type="checkbox"]:not(:checked) + span,
input[type="checkbox"]:checked + span {
  position: relative; 
  padding-left: 25px; 
  cursor: pointer;    
  box-sizing:border-box;
  display:block;
  width:100%;
}

input[type="checkbox"]:not(:checked) + span:before,
input[type="checkbox"]:checked + span:before {
  content: '';
  position: absolute;
  left:0px; top: 2px;
  width: 15px; height: 15px; 
  border: 1px solid #58595b;
  background: #f8f8f8;
  border-radius: 3px; 
}

input[type="checkbox"]:not(:checked) + span:after,
input[type="checkbox"]:checked + span:after {
  /*content: '✔';*/
  content: 'x';
  position: absolute;
  top: 0; left: 0px;
  width:15px;
  text-align:center;
  font-size: 14px;
  font-weight:normal;
  color: black;
  transition: all .2s; 
}

.titreTheme1 input[type="checkbox"]:not(:checked) + span:after,
.titreTheme1 input[type="checkbox"]:checked + span:after, 
#theme1 input[type="checkbox"]:not(:checked) + span:after,
#theme1 input[type="checkbox"]:checked + span:after{
  color:#87ca9e;
}

.titreTheme2 input[type="checkbox"]:not(:checked) + span:after,
.titreTheme2 input[type="checkbox"]:checked + span:after, 
#theme2 input[type="checkbox"]:not(:checked) + span:after,
#theme2 input[type="checkbox"]:checked + span:after{
  color:#7fa8d7;
}

.titreTheme3 input[type="checkbox"]:not(:checked) + span:after,
.titreTheme3 input[type="checkbox"]:checked + span:after, 
#theme3 input[type="checkbox"]:not(:checked) + span:after,
#theme3 input[type="checkbox"]:checked + span:after{
  color:#7a6e67;
}

.titreTheme4 input[type="checkbox"]:not(:checked) + span:after,
.titreTheme4 input[type="checkbox"]:checked + span:after, 
#theme4 input[type="checkbox"]:not(:checked) + span:after,
#theme4 input[type="checkbox"]:checked + span:after{
  color:#ef662f;
}

.titreTheme5 input[type="checkbox"]:not(:checked) + span:after,
.titreTheme5 input[type="checkbox"]:checked + span:after, 
#theme5 input[type="checkbox"]:not(:checked) + span:after,
#theme5 input[type="checkbox"]:checked + span:after{
  color:#f6ad33;
}

.filtre input[type="checkbox"]:not(:checked) + span:after,
.filtre input[type="checkbox"]:checked + span:after {
  top:-2px;
}

input[type="checkbox"]:not(:checked) + span:after {
  opacity: 0; 
  transform: scale(0); 
}

input[type="checkbox"]:checked + span:after {
  opacity: 1; 
  transform: scale(1); 
}

#elus .cont{display:inline-block;width:75%;box-sizing:border-box;float:right;}
.grid-sizer, .element-item{width:32%;}

.commissionCont{margin: 0 0 5% 8%;border:3px solid #ef662f;padding:3%;box-sizing:border-box;}
.element-item .intro_p{width:100%;display: block;height:100px;}
.element-item .intro_p .image_p{display:inline-block;width:35%;height:100%;float:left;text-align:left;}
.element-item .intro_p .image_p img{max-height: 100%;width:auto;}
.element-item .intro_p .nom_p{display:inline-block;width:60%;vertical-align: top;text-align:left;text-transform: uppercase;color:#58595b;height:100%;}
.element-item .intro_p .nom_p span{display:inline-block;width:100%;/*height:100%;*/font-size:1.5em;font-weight:bold;padding-top:30px;line-height:1.3;}
.element-item .intro_p .nom_p sup{font-size:0.7em;}
.element-item .intro_p .nom_p div{margin-top:5px;}
.element-item .commission_p{color:#58595b;text-align:left;font-size:1.3em;line-height:1.2;}

.rub_pic{position:relative;display: inline-block;float:left;width:30%;text-align:center;}
.rub_pic img{max-height: 350px;width:auto;max-width:100%;height:auto;margin:auto;text-align:center;}
#img-next, #img-prev{position:absolute;width:25px;height:25px;top:45%;background:rgba(122, 110, 103, 0.7);padding-top:3px;}
#img-next i, #img-prev i{color:white;}
#img-next{right:0;}
#img-prev{left:0;}

.rub_cont{display:inline-block;text-align:left;font-size:1.4em;line-height:1.4;}
.small{width:50%;}
.mediumIMG{width:65%;}
.mediumPDF{width:85%;}
.mediumPDFs{width:65%;}
/*.minHeight{min-height:300px;}*/
.PDFs{width:35% !important;}
.PDFs .doc{width:45% !important;padding:5% !important;display:inline-block;vertical-align:top;}
.large{width:100%;}
.rub_cont h1{text-transform: uppercase;color:#ef662f;font-weight:bold;line-height:1;margin-bottom:15px;}
.rub_cont .chapo{font-weight:bold;color:#58595b;margin:2% 0;font-size:1em;}
.rub_cont ul{list-style: none;padding:0;margin:0;}
.rub_cont li{padding-left: 1em;text-indent: -.7em;}
.rub_cont li:before{content: "• ";color: #ef662f;}
.rub_cont a{text-decoration: none;color:#58595b;}
.rub_cont a:hover{text-decoration: underline;}
.rub_cont .texte{display:block;margin-bottom:2%;color:#58595b;}
.rub_cont .texte table
.rub_cont .texte a{color:#58595b;}
.rub_cont .lien, .rub_cont .lien a{color:#ef662f;}
.rub_cont .lien a{text-decoration: underline;}

.rub_pj{display: inline-block;width:15%;float:right;}
.rub_pj .doc{background:#ef662f;font-size:1.5em;text-transform: uppercase;text-align:center;color:white;width:100%;padding:15%;line-height:1.5;margin-bottom:10px;}
.rub_pj .doc a{color:white;text-decoration: none;}

.rub_cont .dateAgenda{width:30%;text-align:left;padding:0.5%;margin:1% 0;}

.tabLocation{margin:10px 0;}
.tabLocation td{vertical-align:middle;padding:5px;border:1px solid black;}

#carto{position: relative;display:inline-block;width:100%;height:auto;background:#534741;color:white;margin:4% 0;}
#carto .filtres_carto{width:30%;float:left;text-align:left;padding:3% 0;}
#carto .filtres_carto>span{text-transform: uppercase;font-weight:bold;margin:0 0 10%;font-size:1.8em;display:block;}
.theme{display:inline-block;vertical-align: top;width:85px;margin:0 3% 3% 0;cursor:pointer;}
.bloc_theme{display:block;background:#a29a95;width:85px;height:85px;vertical-align:top;}
.theme:nth-child(4n+1){margin-right:0;}
.theme:nth-child(9n+1),.theme:nth-child(10n+1){margin-bottom:0;}
.bloc_theme>span{display:flex;width:85px;height:85px;}
.bloc_theme span img{margin:auto;height:45px;}
.nom_theme{display:block;text-align:center;font-size:1.2em;margin-top:5px;}
#carto .map_carto{width:68%;float:right;}
#carto .map_carto #my_map{width:100%;}

.theme:nth-child(9) .bloc_theme span img{height:34px;}

#carto, .map_carto, #my_map, .filtres_carto{height:490px;}

#carto .theme.select .bloc_theme span, #carto .theme:hover .bloc_theme span{border:5px solid white;}

.infobox {
  background: none repeat scroll 0 0 #ef662f;
  color: #FFF;
  font-size:14px;
  line-height: 1.3;
  position: absolute;
  text-align:left;
}

.infobox a{
  color:#FFF;
  text-decoration: underline;
}
.infobox a.bo_lien_popup{
  position:absolute; bottom:10px; right:10px;
}
.infobox img{
  position:relative; float:left; margin-right:6px;
}
.infobox td{
  vertical-align:top;
}

.infobox:after {
  content:" ";
  position:absolute;
  width:0px; height:0px; bottom:-15px; left:0;
  border-top:solid 15px #ef662f;
  border-left:solid 7px transparent;
  border-right:solid 7px transparent;
}
.infobox .close {
background: none repeat scroll 0 0 #ef662f;
cursor: pointer;
float: right;
color:white;
font-size: 17px;
height: 25px;
line-height: 22px;
position: relative;
right: 0px;
text-align: center;
top: 0;
width: 25px;
}

.infobox .content {
  margin:15px 15px 15px 15px;
}

.gm-style-mtc, .gm-svpc{display:none !important;}

.coordBrinonBottom{margin:0 0 2%;width:100%;position:relative;display: block;text-align:left;font-size:1.5em;line-height:1.4em;}
.coordBrinonBottom h2{text-transform: uppercase;color:#0062ac;}
.coordBrinonBottom .texteCoord{margin:2% 0;display: block;position: relative;color:#534741;}
.coordBrinonBottom .texteCoord a{color:#534741;text-decoration:none;}
.coordBrinonBottom .horaireCoord{font-weight:bold;color:#ef662f;}
.coordBrinonBottom .horaireDesc{color:#534741;}

.footerLeft, .footerRight{display:inline-block;}

.footerLeft{width:14%;background:#ef662f;padding:2%;box-sizing:border-box;text-align:center;float:left;font-size:1.4em;line-height:1.3em;}
.footerLeft i,.footerLeft a{color:white;}
.footerLeft a{text-decoration:none;text-transform: uppercase;}
.footerRight{text-align:left;width:83%;float:right;border-top:2px solid #534741;box-sizing:border-box;font-size:1.3em;padding-top:2%;line-height:1.2em;}
.footerRight ul{width:100%;}
.footerRight>ul>li{display:inline-block;vertical-align:top;padding-right:1%;}
.footerRight>ul>li:first-child{width:24%;}
.footerRight>ul>li:not(:first-child){width:18.5%;}
.footerRight ul li ul li:hover a{font-weight:bold;}
.footerRight span a{text-transform: uppercase;font-weight:bold;display:block;margin-bottom:5%;}
.footerRight a{color:#534741;text-decoration:none;}

.erreur{color:#ee5c4d; font-weight:bold;text-align:left;}

.mentions_legales{text-align:justify;}
.mentions_legales ul{list-style:initial;margin-left:50px;}

#copyright{margin:2% auto;font-size:1.2em;color:#534741;}
#copyright a{color:#534741;text-decoration:none;}

.result{color:black;margin:0 auto;width:70%;display:block;position:relative;text-align:left;text-transform: uppercase;line-height:1.5em;}
.result > a {text-decoration:none;color:#ef662f;text-transform:initial !important;}

.tickercontainer{overflow:hidden;}
#msg_alert{position:relative;float:left;}
#msg_alert li, #msg_alert li p{white-space: nowrap;}

.outil{display:inline-block;width:100%;position:relative;}
.bloc_fontsize, .bloc_lang{display:inline-block;vertical-align:top;float:right;}
.bloc_lang{margin-right:10px;}

.bloc_fontsize div{float:right;margin-right: 5px;cursor:pointer;font-weight:bold;color:#58595b;}
.bloc_fontsize .diminuer{font-size:1.4em;padding-top:0.35em;}
.bloc_fontsize .agrandir{font-size:2em;}

#polyglotLanguageSwitcher {position:relative; top:0; right:0;font-size: 14px;color: #58595b;line-height: normal;z-index: 100;float:right;}
#polyglotLanguageSwitcher, #polyglotLanguageSwitcher *{margin: 0;padding: 0; outline: none;}
#polyglotLanguageSwitcher ul {list-style: none; }
#polyglotLanguageSwitcher form {display: none;  }
#polyglotLanguageSwitcher a {text-decoration: none;display: block;padding: 2px 0; /* 6px 6px 6px 28px */color: #58595b;background:white;text-align:left;width: 3em; /* 84px; total width: 120px */background-repeat: no-repeat;background-position: 6px center;text-transform:uppercase; }
#polyglotLanguageSwitcher a:hover {color: #58595b; }
#polyglotLanguageSwitcher a.current:link, #polyglotLanguageSwitcher a.current:visited, #polyglotLanguageSwitcher a.current:active {position: relative;background-color: transparent;height: auto; /* 15px */}
#polyglotLanguageSwitcher a.current:hover, 
#polyglotLanguageSwitcher ul.dropdown li:hover {background-color: transparent;}
#polyglotLanguageSwitcher a.active { /* This style is applied as long as the drop-down menu is visible. */}
#polyglotLanguageSwitcher span.trigger {display: block;position: absolute;width: 10px;height: 5px;text-indent: -10000em;top: 0.5em; /* 6px */right: 6px;}
#polyglotLanguageSwitcher a.current:link span.trigger, #polyglotLanguageSwitcher a.current:visited span.trigger {background: url(../interface/arrow-down.gif) no-repeat left top; }
#polyglotLanguageSwitcher a.current:hover span.trigger, #polyglotLanguageSwitcher a.current:active span.trigger, #polyglotLanguageSwitcher a.active span.trigger {background-position: left bottom !important;}

/* Drop-Down Menu */

#polyglotLanguageSwitcher ul.dropdown { display: none;position: absolute;top: 1.5em; /* 28px */left: 0;background-color: transparent;}

#lien_fr, #lien_uk{position:relative; float:left; width:25px; height:18px; text-decoration:none;}
#lien_fr{background:url(../interface/flag_fr.jpg) no-repeat;background-position:bottom;}
#lien_uk{background:url(../interface/flag_uk.jpg) no-repeat;background-position:bottom;}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 30px;
    background: #ef662f;
    color: #444;
    cursor: pointer;
    border: 1px solid #ef662f;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    padding:11px;
    font-size:17px;
}
#back-to-top i{
  color:white;
}
#back-to-top:hover i{
    color: #ef662f;
}
#back-to-top:hover{
  background:white;
}
#back-to-top.show {
    opacity: 1;
}

.rub_cont.medium{
  float:left;
}

.pjFloat{
  float : left;
  margin-left:3%;
}

@media only screen and (max-width:1420px){
    .inner{width:93%; margin-left:5%; margin-right:2%;}
    .bloc_theme, .bloc_theme>span{width:75px;height:75px;}
    .theme{width:75px;}  
}

@media only screen and (max-width:1224px){
     .bloc_theme, .bloc_theme>span{width:65px;height:65px;}
    .theme{width:65px;}   
}

@media only screen and (max-width:1280px){
  .inner{width:92%; margin-left:6%; margin-right:2%;}
  .nomSite>a span{font-size:4em;}
  .descBandeau span{font-size: 2.5em;}  
  .imgBienvenue img{width:100%;}
  .rub_pj .doc{padding:13% 10%;}
  .footerRight>ul>li:not(:first-child){width:17.5%;}
  .element-item .intro_p .image_p img{width:100%;}
  .element-item .intro_p .nom_p span{padding-top:20%;}
  .element-item .intro_p{height:85px;}
}

@media only screen and (max-width:1024px){
  .inner{width:91%; margin-left:7%; margin-right:2%;}
  .nomSite>a span{font-size:3.2em;}
  .nomSite span{font-size:2em;}
  #nav>li{width:16%;}
  #nav>li>span>a{font-size:1.3em;}
  .theme:nth-child(4n+1){margin-right:3%;}
  .theme:nth-child(3n+1){margin-right: 0;}
  .theme:nth-child(9n+1), .theme:nth-child(10n+1){margin-bottom:3%;}
  .rub_pj .doc{font-size:1.3em;}
  .rub_cont{font-size:1.2em;}
  .toolbox .onHover{padding:15px 5px;font-size:1.1em;}
}

.showmobile{display:none;}

@media only screen and (max-width:850px){
  .inner{margin:0;}
  .bandeauLeftBottom, .bx-controls, .hidemobile, .footerRight, #ariane, .bloc_fontsize, .bandeau, #img-next, #img-prev{display:none;}
  .showmobile, .nav-menu-mobile{display: block;}
  #site{overflow:hidden;}
  .inner, .bandeauLeft, .bandeauRight, .agenda, .artBienvenue, .descBienvenue, .imgBienvenue, #carto .filtres_carto, #carto .map_carto, .nomSite{width:100%;text-align: center;}
  .toolbox{top:-60px;left:initial;right:0;}
  .toolbox .meteo, .toolbox .demarches, .toolbox .avoirafaire, .toolbox .carteInteractive, .toolbox .associations, .toolbox .ancreContact{display: inline-block;vertical-align:top;}
  #bandeau{margin-top:60px;}
  .bandeauLeft, .agenda h2, .artBienvenue h2{text-align:center;}  
  .nomSite b{display:block;width:100%;}
  .nomSite span{line-height:1.4;}
  .coordTop{text-align:center;}
  #searchTop{display:inline-block;float:none;}
  .descBandeau{top:initial;bottom:0px;width:100%;text-align:center;}
  .descBandeau a{display:inline-block;float:none;width:40%;padding:1%;}
  .descBandeau span{margin-bottom:2%;font-size:1.8em;}
  .alerte{padding:3% 0;}
  .moreAgenda{width:100%;text-align:center;margin-top:0;}
  .moreAgenda a{display:block;width:45%;margin:0 auto;}
  .dateAgenda, span.titreAgenda, span.descAgenda{padding-left:3%;}
  .agenda{margin-top:7%;}
  .imgBienvenue{text-align:center;}
  .imgBienvenue img{width:auto;padding-bottom:4%;}
  #carto{height:auto;}
  #carto .filtres_carto{text-align:center;height:auto;}
  .theme{margin:0 3% 3% 0 !important;}
  #carto .filtres_carto>span{margin-bottom:5%;}
  .map_carto, #my_map{height:355px;}
  .footerLeft{width:40%;height:auto !important;float:none;display:inline-block;}
  .toolbox .onHover{width:145px;top:55px;text-align:center;left:initial;right:0;}
  .rub_cont ul{font-size:1.2em;line-height:1.8;padding-left:5%;}
  .rub_cont h1{text-align:center;margin:2% 0 3%;}
  .rub_cont, .rub_pic, .rub_pj{width:100%;}
  .rub_pic{text-align:center;float:initial;}
  .chapo, .texte p, .lien{font-size:1.2em;padding:0 2%;}
  .lien{padding-bottom:2%;}
  .rub_pj{width:100%;float:none;display:inline-block;text-align:center;}
  .rub_pj .doc{width:45%;display:inline-block;padding:1em;vertical-align:top;}
  .tabLocation{width:100% !important;}  
  #elus .commissions{width:100%;}
  #elus h1{text-align:center;}
  #elus .cont{width:100%;}
  .grid-sizer, .element-item{width:49%;}
  #copyright{margin:5% auto;}
  .toolbox .meteo, .toolbox .demarches, .toolbox .avoirafaire, .toolbox .carteInteractive, .toolbox .associations, .toolbox .ancreContact{width:50px;height:50px;}
  .toolbox .meteo img, .toolbox .demarches img, .toolbox .avoirafaire img, .toolbox .carteInteractive img, .toolbox .associations img, .toolbox .ancreContact img{width:65%;}
  .toolbox .carteInteractive i, .toolbox .ancreContact i, .toolbox .demarches i, .toolbox .avoirafaire i{font-size:2.6em;}
}

.sidr{display:none;position:absolute;position:fixed; text-align:left; top:0;height:100%;z-index:99999999;width:85%; background:#f5f5f5; overflow-x:none;overflow-y:auto; font-family:arial,sans-serif;font-size:15px;color:#1E537A;}
.sidr .sidr-inner{padding:0 0 15px}
.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}
.sidr.right{left:auto;right:-260px}
.sidr.left{left:-260px;right:auto}

.sidr ul{display:block;margin:0 0 10px;padding:0;font-size: 0.9em}
.sidr ul li{display:block;margin:0;}
#sidr > ul > li > a{line-height:35px;}
#sidr > ul > li > ul > li {line-height:18px;margin-top:5px;}

.sidr ul li a{padding:0 5px 0 15px; display:block; text-decoration:none; color:black; font-weight:bold;}

.sidr ul li.over>ul{display:block;}

.sidr-open .bandeauLeft, .sidr-open .bandeauRight, .sidr-open .toolbox, .sidr-open .alerte, .sidr-open #home, .sidr-open #carto, .sidr-open .coordBrinonBottom, .sidr-open #zoneFooter, .sidr-open #copyright, .sidr-open .bandeau{opacity: 0;}

.sidr-open .nav-menu-mobile{border:0;position:fixed;top:10px;left:7px;z-index:999;width:10%;font-size:0;margin:0;}

.sidr-open #showMenuLink > img {padding:0;}

#menu_mobile > li > a.over{color:white;background:#ef662f;}
#menu_mobile > li > ul > li > a.over{background:#ef662f;color:white;}
#menu_mobile > li > ul > li > ul > li > a.over{text-decoration: underline;}

#menu_mobile > li > a {text-transform:uppercase;color:#ef662f;}

#menu_mobile > li > ul {padding-bottom:5px;}

.subsubmenumobile{padding-left:10px;}

#menu-main a{color:#ef662f;}
#menu-main li.over a{font-weight:bold;}