@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-color:black;
}

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%;}

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 {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 {
    color:    #58595b;
    font-size:0.8em;
    font-style:italic;
}
:-moz-placeholder {
   color:    #58595b;
   opacity:  1;
   font-size:0.8em;
   font-style:italic;
}
::-moz-placeholder {
   color:    #58595b;
   opacity:  1;
   font-size:0.8em;
   font-style:italic;
}
:-ms-input-placeholder {
   color:    #58595b;
   font-size:0.8em;
   font-style:italic;
}

.search.text {font-size:15px;border:none;padding:2px;width:75%;}
.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: absolute;top:270px;left:0;z-index:9999;}
.toolbox div{position:relative;}
.toolbox .onHover{display:none;position:absolute;left:55px;top:0;height:100%;width:280px;text-transform:uppercase;text-align:left;font-size:1.3em;font-weight:bold;letter-spacing:0.5px;padding:23px 10px;background:#ef662f;box-sizing:border-box;z-index:99;line-height:1;}
.toolbox .onHover a{text-decoration: none;}
.toolbox .meteo{width:60px;height:60px;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:60px;height:60px;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:10px 0;}
.toolbox div i, .toolbox div a{color:white;}
.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;padding:1% 0;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, .descBienvenue{text-align:left;font-size: 1.3em;}
.agenda{width:30%;float:left;}
.artBienvenue{width:68%;float:right;}
.descBienvenue{width:75%;float:left;}
.descBienvenue span{color:#534741;}
.imgBienvenue{width:20%;float:right;}
.imgBienvenue img{width:auto; height: auto;}
.agenda h2, .artBienvenue h2{text-transform:uppercase;color:#ef662f;font-weight:bold;margin-bottom:20px;}
.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:2%;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]{vertical-align:top;margin:0 !important;}
.titreTheme span{display:inline-block;width:90%;padding-left:5px;}
.filterLabel{width:100%;}
.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;}

#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 .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%;}

.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;}
.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:black;}
.rub_cont a:hover{text-decoration: underline;}
.rub_cont .texte{display:block;margin-bottom:2%;}
.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;width:45%;margin:0 auto;display:block;position:relative;text-align:left;text-transform: uppercase;font-size:1.6em;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;}

.showmobile{display:none;}

nav#menu-main, .bx-controls{display: none;}