/*
    --- LEB COMMUNICATION | 2014	
*/

/* IMPORTS COMMUNS */
@import url(common.css);

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* -/-/-/-/-/-/-/-/-/-/-/-/- VIEWPORT -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

@viewport{
   width: device-width;
   zoom: 1;
}

@media screen and (max-width: 400px) {
   @-ms-viewport { width: device-width; }
}

@-webkit-viewport{
   width: device-width;
}
@-moz-viewport{
   width: device-width;
}
@-ms-viewport{
   width: device-width;
}
@-o-viewport{
   width: device-width;
}
@viewport{
   width: device-width;
}


/*
font-family: 'Rubik', sans-serif;

font-family: 'Rubik', sans-serif;
font-family: 'Roboto Mono', monospace;
*/

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- GLOBAL -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

* {
    margin:0px; 
    padding:0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body,.linksHeader a,.linksHeader a span,#linksFooter a,#linksFooter a span,.conteneur,nav a,nav a#home span,#menuPages a#m_doc,#menuPages ul li a,#interactifHeader input#btn_search:hover,#submit_annu input:hover,a.btn_contact,a.btn_tel,a.btn_contact span,a.btn_tel span,footer a, footer #annexes a,#actuMoment img.visua, #actuMoment a.actuPlus,#body h2.cliquableMasque,.linksHeader a span.number,#linksFooter a span.number,div.infoLine p a,#navAccess form input.send,#navAccess a.launch,#formContact input.send,#information-contact h2 a,#information-contact h2 a span,a,#body .formSubmit input, #lireSuite,#lireSuite a, #lireSuite h2,a.effect-sadie span.divTexte::before,input,.cell-thirty img,#contenuPage .cell_actu,.highlights .englob-articles,#realisations .une-rea span.contentCenter, #mosaiqueMedias .une-rea span.contentCenter,.article_cell .bulle,span.text-appear,.cell-tiers a.visuel span.text-appear span.inside-center span,.cell-tiers a.visuel span.bordure,#contact-footer a span.ico-linkedin,.accroche,.bulle-acc:after,#mos-produits a h3,#bandeauPage img,#body,span.ico-svg,a.btn-visu:hover h2,a.btn-visu h2,.actu a h3,.actu a p:after,nav,.competences,.actu img,.actu .suite{
   transition:all .2s linear;
   -o-transition:all .2s linear;
   -moz-transition:all .2s linear;
   -webkit-transition:all .2s linear;
}

a.facebook, a.youtube,nav a:after {
   transition:all .3s linear;
   -o-transition:all .3s linear;
   -moz-transition:all .3s linear;
   -webkit-transition:all .3s linear;
}

.highlights .conteneur .article_cell a span {
   transition:all .2s ease-in;
   -o-transition:all .2s ease-in;
   -moz-transition:all .2s ease-in;
   -webkit-transition:all .2s ease-in;
}

.zoom-img img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
}
.zoom-img:hover img {
    -webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
}

.bleu {color:#5471cf !important}
.vert {color:#e84e0f !important}
.gris {color:#fff !important}
.rouge{color:#e84e0f !important;font-weight: 600;}
h4.rouge{color:#e7511e !important}
.grisfonce{color:#58585a !important}
.grisclair{color:#bbb !important}

.bgBlanc{background:#fff;}

img {border:none}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.bottom20{margin-bottom:20px;}

.liste{
   padding:20px 20px 10px;background:#fff;font-size:16px;color:#555;line-height:26px;margin:0 0 2%;border:1px #b4ddf0  solid;overflow:hidden;
}

.liste li{margin:0 0 5px 0;list-style:none;background:url(../img/gestionnaire/puce-ul.png) no-repeat 0 7px;background-size:10px 10px;padding-left:15px;}

a.aBlanc{color:#fff;text-decoration:none}
a.aBlanc:hover{text-decoration:underline}

a.under{text-decoration:none}
a.under:hover{text-decoration:underline}

ul li a{zoom:1}

span.clear,.clearAccueil{display:block;clear:both;}

h1,h2,h3,h4,h5{font-weight:normal;}

.visHid{visibility:hidden}

.fluxOK:after {
   content:"";
   display:table;
   clear:both;
}

span.ico{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:10px;background:url(../img/squelette/icos_site.png) no-repeat -12px -242px;background-size:250px 200px;}
span.ico-svg{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:10px;background:url(../img/squelette/pictos.svg) no-repeat 0 0;background-size:800px 600px;}
.ico_sprite{background:url(../img/squelette/icos_site.png) no-repeat 0 0;background-size:250px 200px}

p#extraitPage span.ico1{display:inline-block;width:8px;height:14px;margin-right:10px;background:url(../img/squelette/icos_site.png) no-repeat -212px -80px;background-size:250px 200px;}
p#extraitPage span.ico2{display:inline-block;width:8px;height:14px;margin-right:10px;background:url(../img/squelette/icos_site.png) no-repeat -212px -110px;background-size:250px 200px;}
p#extraitPage span.ico3{display:inline-block;width:8px;height:14px;margin-right:10px;background:url(../img/squelette/icos_site.png) no-repeat -212px -138px;background-size:250px 200px;}
p#extraitPage span.ico4{display:inline-block;width:8px;height:14px;margin-right:10px;background:url(../img/squelette/icos_site.png) no-repeat -212px -168px;background-size:250px 200px;}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- FONT -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

html {background:#fff}
#body,#formContact input,#interactifHeader input,input{font-family: 'Roboto';}

.corp-l,.highlights{font-family: 'Rubik';font-weight:300}
.corp-m,h1,h2,h3,h4,#information-contact h2 a span.consult strong,#contenuPage h1.noBandeau,#body h2{font-family: 'Rubik';font-weight:400}
.corp-b,p#baseline span strong{font-family: 'Rubik';font-weight:700}

/*
font-family: 'Rubik', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Grand Hotel', cursive;
 */

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- SQUELETTE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

html,body{background:#fff;font:400 16px 'Roboto', sans serif;color:#000e1f}

#page{background:#fff;}

#top header{position:relative;padding:0;background:#fff;}
#top header .conteneur{box-sizing:border-box;}

.conteneur {
   text-align:left;
   margin:0px auto 0px auto;
   box-sizing:border-box;
    width:80%;
}

header{display:flex;flex-direction:row;align-items:center;}

#logo-bl-elec{margin:30px 30px 35px 40px;display:block;width:260px;height:60px;background:url(../img/squelette/logo-bl-elec-2.png) no-repeat 0 0;background-size:260px 60px;}


nav{margin-top:0px;color:#fff;padding:0;padding-top:20px;flex:1}
nav ul{display:block;padding:0;height:50px;box-sizing:border-box;}
nav ul li{list-style:none;display:inline-block}
nav a{position:relative;margin-left:-1px;display:inline-block;padding:15px 20px 0;margin:0;color:#1e1e1c;font-size:18px;font-weight:400;vertical-align:middle;font-family: 'Roboto', sans-serif;height:50px;box-sizing:border-box;}
nav a span.small{font-size:14px;font-weight:300}
/*nav li:nth-child(2n) a{background:#064764}*/
nav a strong{font-size:18px}
nav a:hover,nav a.actif{background:#e84e0f;color:#fff;}
nav a#home{margin-left:0;text-align:center;border:none;border-right:0;font-size:12px;font-weight:400;}
nav a#home span.ico-svg{width:20px;height:18px;background-position:-20px -50px;margin-right:0}
nav a#home:hover span.ico-svg{background-position:-20px -20px;margin-right:0}

/*.glueMenu #encaps{padding-top:50px}*/
/*.glueMenu nav{position:fixed;top:0;z-index:300;width:100%;}
.glueMenu nav{background:#1e1e1c;}*/

.tools-btn{display:flex;flex-direction:row;align-items:center;padding:20px 30px 0;}
.tools-btn a{font-weight:300;margin:0 10px;display:flex;flex-direction:row;align-items:center;color:#000e1f;font-size:18px;font-family:'Rubik', sans serif;border:1px #aaa dotted;padding:15px 30px;border-radius:6px;}
.tools-btn a:last-child{background:#e84e0f;color:#fff;}
.tools-btn a:last-child:hover{background:#1e1e1c;color:#fff;}
.tools-btn a .ico{background:#e84e0f;padding:5px;transform:rotate(-15deg);display: block;text-align: center;transition:all .3s ease}
.tools-btn a:hover .ico{background:#e84e0f;padding:5px;transform:rotate(0deg);display: block;text-align: center}
.tools-btn a svg{width:21px;height:25px;transform:rotate(15deg);position:relative;top:2px;transition:all .3s ease}
.tools-btn a:hover svg{width:21px;height:25px;transform:rotate(0);position:relative;top:2px;}
.tools-btn a strong{font-weight:600;color:#e84e0f}
.tools-btn a:last-child strong{color:#fff}

#bl-acc{padding:60px;text-align:center;color:#fff;}
#bl-acc.var1{background:#e84e0f url(../img/squelette/mos-plomberie.png) center center;}
#bl-acc.var2{background:#e84e0f url(../img/squelette/mos-elec.png) center center;}
#bl-acc.var3{background:#e84e0f url(../img/squelette/mos-eng.png) center center;}
#bl-acc h2{font:300 34px 'Rubik', sans serif}

/* --------------------
produits accueil
 */
#mos-produits{display:flex;flex-direction:row;flex-wrap:wrap}
#mos-produits a{display:block;width:33.3334%;padding:20px 20px 40px;color:#fff;text-align:center;background:#084b69;border-radius:0 0 20px 20px;border:5px #002d41 solid;box-sizing:border-box;font-weight:300}
#mos-produits a h3{font-family: 'Rubik', sans serif;font-weight: 500;font-size: 20px;}
#mos-produits a:hover h3{color:#033850}
#mos-produits a:hover,#mos-produits a.actif{background:#e84e0f;color:#033850}
#mos-produits span.ico-svg{width:150px;height:150px;margin:0 auto 20px;background:url(../img/produits/default.svg) no-repeat 0 0;background-size:150px 150px;}
#mos-produits span.ico-fenetre{background-image:url(../img/produits/fenetre.svg);}
#mos-produits span.ico-porte{background-image:url(../img/produits/porte.svg);}
#mos-produits span.ico-garage{background-image:url(../img/produits/garage.svg);}
#mos-produits span.ico-portail{background-image:url(../img/produits/portail.svg);}
#mos-produits span.ico-pergola{background-image:url(../img/produits/pergola.svg);}
#mos-produits span.ico-cloture{background-image:url(../img/produits/cloture.svg);}
#mos-produits span.ico-volet{background-image:url(../img/produits/volet.svg);}
#mos-produits span.ico-domotique{background-image:url(../img/produits/domotique.svg);}
#mos-produits span.ico-garde{background-image:url(../img/produits/garde-corps.svg);}

#rdv-acc{clear:both;display:block;padding:40px 60px;background:#e84e0f;color:#033850;font-size:22px;font-weight:300;text-align:center;border-top:1px #084b69 dashed;border-bottom:1px #084b69 dashed}
.accroche{display:block;font-family:'Rubik', sans serif;font-size:32px;margin-bottom:7px;}
#rdv-acc:hover{padding:36px 60px}
#rdv-acc:hover .accroche{margin-bottom:15px;}
.color{color:#033850}

.decal{margin-top:40px;}

/* --------------------
variante produits template page
 */

#menuPages #mos-produits a{width:50%;border-color:#043c55;padding:15px;}
#menuPages #mos-produits a h3{font-size:18px;}
#menuPages #mos-produits a span.ico-svg{margin-bottom:6px;width:100px;height:100px;background-size:100px 100px}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- ACCUEIL -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#englob-page{background:#fff;}


/*  ++
+++ INFOS COORDONNEES +++++ */

#barre_1{margin:20px auto}
#bande1:after{content:"";clear:both;display:table;}

#visuelsAccueil{width:100%;position:relative;}
#graphics-cache{position:absolute;bottom:-10px;height:10px;left:50px;right:50px;background:#a70230;}

/* ++
+++ actualites tourisme +++++ */

span.ico-cal{width:21px;height:22px;background-position:-2px -303px;}
span.ico-photo{width:42px;height:30px;background-position:-41px -302px;}

#savoir-faire{padding:60px;text-align:center}
#savoir-faire h2{font-size:34px;font-family:'Rubik', sans serif;margin-bottom:10px;color:#1e1e1c;}
#savoir-faire h2 strong{font:700 34px 'Rubik', sans serif;color:#e84e0f}
#savoir-faire .text-sf{width:60%;font:300 18px 'Roboto', sans serif;margin:auto;line-height:30px;}
#savoir-faire >a {display:inline-block;background:#eee;padding:6px 10px;border-radius:6px;margin-top:25px;font-size:15px;color:#000e1f;transition:all .3s ease}
#savoir-faire >a:hover {background:#e84e0f;color:#fff;}

#actualites-tourisme{display:flex;flex-direction:row;background:#fff;position:relative;z-index:200;}

#actualites-tourisme article{padding:0;width:100%;box-sizing:border-box}
#actualites-tourisme h2{font-size:26px;font-family:'Rubik', sans serif;margin-bottom:10px;color:#1e1e1c;}
#actualites-tourisme h2 strong{font:700 26px 'Rubik', sans serif;color:#e84e0f}
#actualites-tourisme article h2 strong,#extraits-realisations h2 strong,#renvois h2 strong{font-weight:700}
#actualites-tourisme article header a,#extraits-realisations header a{display:inline-block;color:#1e1e1c;background:#ece7e5;position:relative;padding:10px 10px 10px 50px;font-size:15px;vertical-align: top;}
#actualites-tourisme article header a:hover,#extraits-realisations header a:hover{background:#e84e0f;color:#fff;}
#actualites-tourisme article header a span.ico-svg,#extraits-realisations header a span.ico-svg{padding:8px;background-color:#e84e0f;position:absolute;top:0;left:0;height:100%;width:42px;box-sizing:border-box;}

#actualites-tourisme aside{padding:30px 50px 0 100px;color:#fff;width:37%;box-sizing:border-box;border-radius: 0 100px 0 0;background: #e84e0f url(../img/squelette/courbe-secteurs.jpg) left center no-repeat;}

#englob-actualites{display:flex;flex-direction:column;flex-grow: 1;}
.actu{width:100%;box-sizing:border-box;display: flex;align-items:flex-start;}
.actu a{color:#1e1e1c;text-align:center;}
.actu img{width:100%;display:block;}
.actu img:hover{opacity:0.8;}
.actu h3{margin:30px 0 15px;color:#1e1e1c;font-size:34px;font-weight:500;font-family:'Rubik', sans serif;}
.actu p{font-size:18px;line-height:30px;text-align:justify;padding-bottom:30px;position:relative;font-weight:300;padding-right:10px;text-align:center;max-width:60%;margin:auto;}
/*.actu p:after{display:block;position:absolute;content:"";width:140px;height:7px;background:#e84e0f;bottom:0;left:0}*/
.actu .suite{font-size:16px;background:#e84e0f;padding:10px 30px; border-radius:6px; color: #fff; font-weight: 500; width: auto; margin:auto; text-align: center; box-sizing:border-box; display:inline-block; }
.actu .suite:hover{background:#1e1e1c;}

.actu-img{width: 45%;}
.actu-text{margin:0 0 0 0;padding:100px;box-sizing:border-box;background:#e9edef}

.actu h3:hover{color:#e84e0f;}
/*.actu a:hover p:after{background:#cabeb7;}*/

.emploi{width:100%;box-sizing:border-box;display: flex;margin-top:35px;}
.emploi a{position: relative;}
.emploi img{width:100%;display:block;}
.emploi h3{margin: 0 0 0 30px;font-size: 33px;font-weight: 300;font-family: 'Rubik', sans serif;position: absolute;top: 23%;left: 0;}
.emploi h3 strong{font-weight: 700;}
.emploi p{font-size: 22px;text-align: left;padding-bottom: 30px;font-weight: 300;top: 58%;position: absolute;color: #fff;margin: 0 0 0 30px;}

a.effect-emploi img {
   opacity: 1;
    transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
}
a.effect-emploi:hover img {
   opacity: 0.7;
    transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
}
a.effect-emploi h3 {
   color: #fff;
    transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
}
a.effect-emploi:hover h3 {
    color:#1e1e1c;
    transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
}
a.effect-emploi p {
   color: #fff;
    transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
}
a.effect-emploi:hover p {
    color:#1e1e1c;
    transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
}

#englob-competences{display:flex;flex-direction:row;flex-grow: 1;flex-wrap: wrap;}
.competences,.competences-devis{width:31%;box-sizing:border-box;margin-left:1%;margin-right:1%;margin-bottom: 2rem;background:#e9edef;position: relative;overflow: hidden;}
#menuPages .competences-devis{width:100%;margin-right:0;display: block;margin-top:30px;padding:15px 15px 30px}
#menuPages .competences-devis h2{background:transparent;text-align:center;}
.competences *{transition:all .3s ease}
.competences:hover{background:#e84e0f;}
.competences a{color:#1e1e1c}
.competences img{width:100%;display:block;}
.competences h3{padding:24px 20px 20px;box-sizing:border-box;text-align:center;color:#000e1f;font-size:18px;font-weight:500;font-family:'Rubik', sans serif;position:relative;}
.competences:hover h3{color:#fff}
.competences h3 span.cube{display: inline-block;vertical-align: middle;margin-right:15px;width:20px;height:20px;background:#e84e0f;transform:rotate(-15deg);position:relative;top:-1px;}
.competences:hover h3 span.cube{transform:rotate(345deg);background:#fff;}
.competences p{font-size:15px;line-height:22px;text-align:center;padding-bottom:30px;position:relative;font-weight:300;padding-right:10px;}
.competences p:after{display:block;position:absolute;content:"";width:140px;height:7px;background:#e84e0f;bottom:0;left:0}

.competences:nth-child(1){order:0}
.competences:nth-child(2){order:2}
.competences:nth-child(3){order:3}
.competences:nth-child(4){order:4}
.competences:nth-child(5){order:5}
.competences-devis{order:1}

.competences-devis.var1{background:#e84e0f url(../img/squelette/mos-plomberie.png) center center;}
.competences-devis.var2{background:#e84e0f url(../img/squelette/mos-elec.png) center center;}
.competences-devis.var3{background:#e84e0f url(../img/squelette/mos-eng.png) center center;}


/*.competences a:hover h3{color:#1e1e1c;}*/
.competences a:hover p:after{background:#1e1e1c;}

.competences-devis{color:#fff;padding:40px;background:#e84e0f;color:#fff;font-family:'Rubik', sans serif;transition:all .3s ease}
.competences-devis:hover{background-position: bottom center}
.competences-devis .inside{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.competences-devis h2{font-size:26px;margin-bottom:30px;}
.competences-devis h3{font-size:26px;position:relative;padding-top:30px;}
.competences-devis h3:before{content:"";display:block;width:200px;height:3px;background:#fff;position:absolute;top:0;left:50%;margin-left:-100px;}
.competences-devis h3 strong{font-weight:bold;}

/*-----------------*/
/***** Selena *****/
/*-----------------*/

a.effect-selena {
	background: #fff;
}

a.effect-selena img {
	opacity: 0.3;
	transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -webkit-transition:all 0.4s linear;
	transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
}

a.effect-selena:hover img {
    transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -webkit-transition:all 0.4s linear;
    transform: scale3d(1.1,1.1,1);
	-o-transform: scale3d(1.1,1.1,1);
    -moz-transform: scale3d(1.1,1.1,1);
    -webkit-transform: scale3d(1.1,1.1,1);	
}

a.effect-selena h3 {
    transition: transform 0.4s;
    -o-transition: -o-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
	-webkit-transition: -webkit-transform 0.4s;
    transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
}

a.effect-selena:hover h3 {
    transform: scale3d(1.3,1.3,1);
    -o-transform: scale3d(1.3,1.3,1);
    -moz-transform: scale3d(1.3,1.3,1);
	-webkit-transform: scale3d(1.3,1.3,1);
}

a.effect-selena p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
	transform: perspective(1000px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

a.effect-selena:hover p {
	opacity: 1;
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
	transform: perspective(1000px) rotate3d(1,0,0,0);
}

#actualites-tourisme aside h2{text-align:left;margin:0 0 15px 0;}
#actualites-tourisme aside h2 span.ib{text-align:left;vertical-align:middle;color:#fff;font-size:33px;font-weight:600;}
#actualites-tourisme aside h2 span.light{font-weight:300}
#actualites-tourisme aside p{margin:15px 0;color:#1e1e1c;font-size:17px;line-height:26px;text-align:justify;position:relative;font-weight:400;}
span.ico-tourisme-bc{width:52px;height:49px;background-position:-105px -310px;margin-right:30px}

a.nuage{display:block;background:#7bb1db;color:#fff;margin:0 0 10px 0;font-size:18px;padding:8px 20px;border-radius:7px;font-weight:500;}
a.nuage:hover{background:#fff;color:#7bb1db;}

/* ++
+++ RENVOI IMAGES +++++ */

#renvois{margin:40px auto;}
a.btn-visu{width:50%;display:block;position:relative;color:#fff}
a.btn-visu img{display:block;width:100%}
a.btn-visu h2{position:absolute;left:40px;bottom:0;padding:0 80px 35px 0;font-size:30px;font-weight:500;box-sizing:border-box;border-bottom:7px #e84e0f solid;transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;}
/*a.btn-visu h2:after{display:block;position:absolute;content:"";width:100%;height:7px;background:#e84e0f;bottom:0;left:0}*/
a.btn-visu:hover h2{border-color:#a6ce1b}

/* +++
+++ GALERIE PHOTO ++++++++  */

#extraits-realisations{background:#fff;background-size:auto 100%;max-width:86%;margin:auto;padding-bottom:100px}
#extraits-realisations header{padding: 100px 80px 60px;text-align:center;display:block;border-bottom:2px #e9edef solid}
#extraits-realisations header h2{font-size:48px;font:700 34px 'Rubik', sans serif;margin-bottom:10px;color:#000e1f;display: inline-block;vertical-align: middle;margin-right:25px;}
#extraits-realisations header h2 strong{color:#e84e0f}
#extraits-realisations header a{display:inline-block;background:#eee;padding:10px;border-radius:6px;margin-top:5px;font-size:15px;color:#000e1f;transition:all .3s ease}
#extraits-realisations header a:hover {background:#e84e0f;color:#fff;}
#extraits-realisations:after{content:"";display:table;clear:both}
#extraits-realisations h3{font-family:'Rubik', sans serif;font-weight:500;font-size:20px;color:#fff;margin:20px;text-align:center}
#extraits-realisations p{font-size:16px;line-height:24px;text-align:center;}
#extraits-realisations .cell-tiers{padding:0;text-align:center;margin:0;width:25%;}
#extraits-realisations .cell-tiers img{width:100%;display:block;box-sizing:border-box}
#extraits-realisations .cell-tiers h3 a{padding:10px;display:block;}
#extraits-realisations .cell-tiers h3 a:hover{background:#c4063b;color:#fff;}
#extraits-realisations .cell-tiers:last-child{display:none}

/*  ++
+++ VISUEL DEFILEMENT ACCUEIL +++++ */

#defilementVA{width:100%;position:relative;}
#defilementVA a#lireSuite{background:#000;font-size:16px;padding: 4px 20px;/*position:absolute;bottom:-20px;right:40px;*/color: #fff; text-transform: uppercase;margin: 7px 0 0 30px;float: left; }
#defilementVA a#lireSuite:hover{background:#58585a;}

#lireSuite  strong{font-weight: 700;}
#defilementVA .texteVisuA{left:0;position:absolute;bottom:0;text-align:center;box-sizing:border-box;width:100%}
#defilementVA h2{max-width:70%;position:relative;z-index:110;display:block;font-family: 'Rubik', sans-serif;margin-bottom:0;font-weight:300;font-size:24px;line-height:36px;padding:15px 30px 12px;color:#e84e0f;background:#1e1e1c;display:inline-block;position:relative;}
/*#defilementVA .texteVisuA:after{content:"";position:absolute;bottom:-10px;display:block;width:0;height:0;border-top:14px #e84e0f solid;border-left:14px transparent solid;border-right:14px transparent solid;left:50%;margin-left:-7px}*/
#defilementVA h2 a{color:#e84e0f;}
#defilementVA h3{color:#58585a;padding:20px 10px 10px 0;font-size:20px;font-style:italic;}
#defilementVA img{vertical-align:middle;width:100%;box-sizing:border-box;}
#defilementVA .elt_defile{width:100%}
#defilementVA p{margin:0;text-align:center;font-weight:300;font-size:18px;line-height:24px;color:#353535;}
#defilementVA .texteVisuA .lire{font-weight:300;background:#0094a6;display:inline-block;color:#fff;padding:15px;margin-top:15px;font-size:20px;border-radius:10px;}
#defilementVA .texteVisuA .lire:hover{padding:15px 30px;}

.cycle-pager {
    position: absolute;
    z-index: 300;
    top: 0;
    text-align: center;
    width: 100%;
    pointer-events:none;
}
.cycle-pager span {
    font-size: 70px;
    line-height:20px;
    cursor: pointer;
    color: #000;
    font-family: roboto;
    pointer-events:auto;
    display:inline-block;
}
.cycle-pager span.cycle-pager-active {
    color: #a70230;
}
#custom-pager{position:absolute;bottom:175px;left:10%;width:auto;text-align:left;z-index:200;display: none;}
#custom-pager a{font-size:18px;display:inline-block;padding:6px 12px;background:#fff;color:#1e1e1c;font-weight:300;text-align:center;margin-bottom:4px;box-sizing:border-box;margin:0;}
#custom-pager .cycle-pager-active a{background:#e84e0f;color:#fff;}

#defilementVA .boxTexte p{font-weight:300}
#visuelsAccueil #pagerVA{position:absolute;z-index:110;bottom:0;right:0;padding:15px 15px 12px 0;background:#cdcdcd;}
#visuelsAccueil #pagerVA #inside-pager span{display:inline-block;background:#fff;border:3px #e3e3e3 solid;color:#fff;font-size:1px;padding:6px 7px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;vertical-align:middle;cursor:pointer;margin-right:5px;}
#visuelsAccueil #pagerVA #inside-pager span.cycle-pager-active{background:#58585a;border-color:#fff;}
#visuelsAccueil #pagerVA span.gfx{width:44px;height:48px;position:absolute;top:0;left:-44px;background:url(../img/accueil/gfx_pager.png) no-repeat 0 0;border:none;padding:0}

.block-theme{margin-bottom:30px}
#inside_content div.line-actu h3 a{font-size:15px;color:#58585a;font-weight:300}
#inside_content div.line-actu{padding:0}

#gestionnaire_content .block-theme h2{background:#1c4b5e;color:#fff;font-size:16px;padding:10px;margin-bottom:0;font-weight:500;}

#contenuIndex{background:#fff;}

#actualites{float:left;width:51%;padding:3% 2%}
#zoom{float:right;width:41%;padding:3% 2%;background:url(../img/accueil/bg_zoom.gif) repeat-y 0 0}

#contenuIndex h2,#menuPages h2{position:relative;background:#f58221;color:#fff;padding:15px 40px 15px 15px;display:inline-block;font-size:20px;font-weight:300;margin-bottom:20px;}
#menuPages h2{background: #e84e0f;color: #fff;display: block;text-align: left;font-weight: 500;font-family: 'Rubik', sans serif;font-size: 22px;padding: 20px 20px 20px 25px;margin-bottom: 0;}
#contenuIndex h2 span,#menuPages h2 span{font-weight:500;position:relative;z-index:10}


/* video consult */
.video-container {margin:0 0px 0px 0px;position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.cell_zoom{padding:15px 0 25px}
.cell_zoom img.visuel{margin:0 5% 0 5%;border:5px #fff solid;float:left;}
.cell_zoom h3{font-size:18px;line-height:22px;margin:0 0 10px;color:#1c4b5e;padding:5px 20px 0 20px}
.cell_zoom h3 a{color:#1c4b5e}
.cell_zoom p{font-size:14px;line-height:20px;color:#333;padding:0 20px 20px;font-weight:300;text-align:justify}

.sepaZoom{width:20%;height:5px;background:#fff;margin:0 0 20px;}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- zone contact actu accueil -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#zone-actu-contact{background:#002d41;color:#fff;padding:60px 0;}
.goulottes:after{clear:both;content:"";display:table;}
.goulottes{padding:0;}
.cell-tiers{width:32%;float:left;padding:0 25px;box-sizing:border-box;background:#fff;}
#zone-actu-contact .cell-tiers{padding:25px;}
.cell-middle{margin:0 2%}

.ico{background:url(../img/squelette/pictos.svg) no-repeat 0 0;background-size:800px 600px}

.bulle-acc{clear:both;float:left;display:block;width:50%;border-radius:25px;padding:50px;color:#fff;background:#084b69;margin-bottom:30px;position:relative;margin:0 0 3% 15%}
.bulle-d{float:right;margin:0 15% 3% 0}
.bulle-acc:after{content:"";display:block;width:0;height:0;border-top:15px #084b69 solid;border-left:15px transparent solid;border-right:15px transparent solid;position:absolute;bottom:-15px;left:50px;}
.bulle-d:after{left:auto;right:50px;}
.bulle-acc h3{font-size:20px;font-family:'Rubik', sans serif;font-weight:700;color:#e84e0f}
.bulle-acc p{font-weight:300;padding-top:15px;font-size:16px;line-height:24px;text-align:justify;}
.bulle-acc h3 span.rub{display:inline-block;vertical-align:middle;font-weight:300;background:#043c55;color:#fff;font-size:14px;padding:6px 10px;border-radius:4px;margin-left:10px}

.bulle-acc:hover{background:#1d7996;}
.bulle-acc:hover:after{border-top:15px #1d7996 solid}

.cell-tiers .ico{margin:30px auto;height:100px;display:block;}
.cell-tiers #ico-actu{width:66px;background-position:-670px -30px}
.cell-tiers .ico-contenu{width:90px;background-position:-400px -30px}
.cell-tiers #ico-contact{width:100px;background-position:-540px -30px}

.cell-tiers h2{font-family:'Rubik', sans serif;font-size:26px;text-align:center;padding:10px 0 15px;color:#e84e0f}
.cell-tiers .sep{display:block;width:50px;height:10px;margin:0 auto 20px;background:#a70230}
.cell-tiers h3{padding-bottom:7px;font-size:18px;margin:0 0 15px;}
.cell-tiers h4{color:#5d5c5c;padding-bottom:7px;border-bottom:1px #5d5c5c solid;margin:0 0 15px;}
.cell-tiers p{line-height:22px;font-size:15px;text-align:justify;font-weight:300}

.cell-tiers p a{color:#555;}
.cell-tiers h3 a{color:#e84e0f;}
#actuAccueil .cell-tiers h3{font-size:24px;font-weight:700}
.cell-tiers p a:hover{color:#e84e0f;}
.cell-tiers h3 a:hover{text-decoration:underline;}

.cell-tiers .contact h3{text-align:center;font-size:18px}
.cell-tiers .contact p{text-align:center;}

.cell-tiers .contact a,#zone-actu-contact a.suite{color:#e84e0f;display:inline-block;padding:11px 0 7px;font-size:16px;border-bottom:4px #e84e0f solid;font-weight:400}
.cell-tiers .contact a.offre{margin-bottom:30px;}
.cell-tiers .contact a:hover,#zone-actu-contact a.suite:hover{background:#e84e0f;color:#fff;padding:11px 10px 7px;border-radius:4px;}

.cell-tiers .visuel{position:relative;}
.cell-tiers .visuel img{width:100%;display:block;}
.cell-tiers .visuel h3{position:absolute;top:6px;left:6px;background:rgba(39,37,37,0.8);color:#fff;padding:7px;font-size:13px;font-family:'Roboto';font-weight:300}

.cell-tiers .var-contact{padding-bottom:20px}
.cell-tiers .var-contact h3{text-align:center;font-size:18px;margin-bottom:0;padding-bottom:0}
.cell-tiers .var-contact p{text-align:center;}
.cell-tiers .var-contact a{color:#e84e0f;display:inline-block;padding:11px 0 7px;font-size:15px;border-bottom:4px #e84e0f solid;font-weight:400}
.cell-tiers .var-contact h3:last-child a{border:none;}
.cell-tiers .var-contact a.tel{margin-right:20px;}
.cell-tiers .var-contact a.offre{margin-bottom:20px;display:block;color:#555;padding:12px;margin-bottom:0;}
.cell-tiers .var-contact h3:nth-child(3) a.offre{border:0;}
.cell-tiers .var-contact a:hover{background:#e84e0f;color:#fff;text-decoration:none;}
.cell-tiers .var-contact a.ttes-offres{background:#e84e0f;color:#fff;margin-top:10px;}
.cell-tiers .var-contact a.ttes-offres:hover{background:#1387c5;color:#fff;}

/* variation cell-tiers pour Courcelle */

#zone-actu-contact h2{font-size:36px;padding:20px 0 40px;font-weight:300;color:#fff;text-align:center}
#zone-actu-contact h2 strong{color:#e84e0f}

#zone-actu-contact .cell-tiers{background:#0094a6;width:33.3334%;padding:40px 40px 60px}
#zone-actu-contact .cell-tiers p{text-align:center;margin-bottom:15px;}
#zone-actu-contact .cell-tiers:nth-child(2n){background:#068190;color:#fff;}
#zone-actu-contact .cell-tiers:last-child{background:#e84e0f;}

#zone-actu-contact .cell-tiers h2,#zone-actu-contact .cell-tiers h2 a, #zone-actu-contact .cell-tiers p a,#zone-actu-contact .cell-tiers h3,#zone-actu-contact .cell-tiers h3 a{color:#fff;}
#zone-actu-contact .cell-tiers .contact a,#zone-actu-contact a.suite{border-color:#fff;}
#zone-actu-contact .cell-tiers .contact a{display:block;width:50%;margin:0 auto 10px}
#zone-actu-contact .cell-tiers .vardevis p a.suite{color:#e84e0f}
#zone-actu-contact .cell-tiers .vardevis p a.tel{font-size:20px;font-weight:700}
#zone-actu-contact .cell-tiers p a.suite{width:50%;margin-top:15px;border:none;background:#fff;color:#0094a6;padding:15px;border-radius:7px}
#zone-actu-contact .cell-tiers .contact a:hover,#zone-actu-contact a.suite:hover{background:#fff;}
#zone-actu-contact .cell-tiers p a.suite:hover{padding:15px 30px}

#visuel-actu img{margin-bottom:20px}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- zone realisations -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

.cell-tiers a.visuel{display:block;position:relative;overflow:hidden;}
.cell-tiers a.visuel span.bordure{display:block;overflow:hidden;position:relative;}

.cell-tiers a.visuel span.text-appear{display:inline-block;;position:absolute;padding:40px;background:rgba(232, 78, 15, 0.8);color:#fff;font-size:14px;z-index:100;box-sizing:border-box;top:0;left:0;height:100%;right:0;opacity:0}
.cell-tiers a.visuel span.text-appear:before{display:inline-block;vertical-align:middle;width:0;height:100%;content:"";}
.cell-tiers a.visuel span.text-appear span.inside-center{display:inline-block;width:90%;vertical-align:middle;}
.cell-tiers a.visuel span.text-appear span.inside-center span{display:block;opacity:0}
.cell-tiers a.visuel:hover span.text-appear span.inside-center span{opacity:1}
.cell-tiers a.visuel span.text-appear span.inside-center span.famille{font-size:14px;font-family:'Roboto'}
.cell-tiers a.visuel span.text-appear span.inside-center span.name{font-size:18px;font-family:'Rubik'}
.cell-tiers a.visuel:hover span.text-appear span.inside-center span.famille{margin-bottom:8px;}
.cell-tiers a.visuel:hover span.text-appear span.inside-center span.name{margin-top:8px;}
.cell-tiers a.visuel:hover span.text-appear{opacity:1;top:0}
.cell-tiers a.visuel:hover span.bordure{border-color:#e84e0f}

#menuPages .cell-tiers{display:block;float:none;width:100%;box-sizing:border-box;background:#fff;color:#e84e0f;padding:0px;text-align:left;transition:all .3s ease}
#menuPages .cell-tiers:hover{background:#e84e0f}
#menuPages #bloc-contact-real .cell-tiers{background:#e84e0f;}
#menuPages #bloc-contact-real .cell-tiers h2{color:#fff;}
#menuPages .cell-tiers h4{color:#13c2d7;border-bottom-color:#13c2d7}
#menuPages .cell-tiers h3{display:inline-block;padding:20px;font-size:20px;font-weight:500;color:#e84e0f;margin:0;transition:all .3s ease}
#menuPages .cell-tiers:hover h3{color:#fff;}
#menuPages .cell-tiers p a{color:#bfebf0}

#menuPages .linksHeader{float:none;margin:0}
#menuPages #bloc-contact-real .cell-tiers .linksHeader a{border-radius:10px;border:2px #fff solid;}
#menuPages #bloc-contact-real .cell-tiers .linksHeader a:hover{background:#e84e0f;color:#fff;}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- CONTENU PAGE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#contenuPage{padding:0 0 15px;position:relative;background:#e9edef;}
#contenuPage .conteneur{font-weight:300;padding:40px 0 60px}

#body{opacity:0;padding-top:60px;animation: body-reveal 0s 5s 1 normal forwards;}
.loadOK #body{opacity:1;padding-top:0}
@keyframes body-reveal{
    0%{opacity:0}
    100%{opacity:1}
}

#menuPages{width:26%;float:left;padding:0;box-sizing:border-box;}
#gestionnaire_content{width:70%;box-sizing:border-box;float:right;background:#fff;padding-bottom:20px;position:relative;;}
#gestionnaire_content #inside_content{padding:0 60px;position:relative;}

#bandeauPage{position:relative;margin-bottom:20px;}
#bandeauPage img{vertical-align:middle;width:100%;z-index:2;position:relative;}
#bandeauPage h1,#contenuPage h1{font-family:'Roboto';color:#fff;padding:12px;font-size:32px;font-weight:700}
#bandeauPage h1{box-sizing:border-box;display:block;margin:10px 0 25px 60px;color:#000e1f;font-family:'Rubik';font-weight:300;padding:20px 0 20px;background:transparent;font-size:34px;border-bottom:2px #eee solid;text-transform: uppercase;}
#contenuPage h1.noBandeau{box-sizing:border-box;display:block;margin:10px 0 25px 60px;color:#000e1f;font-family:'Rubik';font-weight:300;padding:20px 0 20px;background:transparent;font-size:34px;border-bottom:2px #eee solid;text-transform: uppercase;}

/* cache oblique du bandeau */
#bandeau-contenu{position:relative;}
#bandeau-contenu #cache-bandeau{position:absolute;bottom:0;left:0;width:100%;background:url(../img/gestionnaire/cache-bandeau.png) no-repeat top center;background-size:100% 100%;height:50px;z-index:3}

#gestionnaire_content h2{color:#58585a;font-size:22px;margin-bottom:20px;}
#gestionnaire_content .extras h2{color:#555;font-size:22px;margin-bottom:20px;padding-bottom:8px;background:#fff;border-bottom:1px #b4ddf0  solid;padding:10px 10px;margin-bottom:10px;font-weight:400}
#gestionnaire_content p{font-size: 16px;line-height: 30px;color: #555;padding-bottom: 2%;}
#gestionnaire_content p.high{background: #fff;
    padding: 20px;
    line-height: 26px;
    font-size: 16px;
    color: #555;}
#gestionnaire_content p.high a{color:#e84e0f;font-size:500;text-decoration:underline}
#gestionnaire_content p.high a:hover{text-decoration:none}
#gestionnaire_content p.high strong{color:#e84e0f}


.w100{width:100%;vertical-align:middle}
#gestionnaire_content p.legendeImg{background:#f2f2f2;padding:15px;color:#333333;text-align:center}

#menuPages #actuAccueil{text-align:center;margin: 30px 0 0 0;}
#menuPages #bloc-contact-real{text-align:center;margin:0 20px 0 0;}
#contenuPage .cell_actu{background: #dce7f5;border: 4px #e7eef8 solid;border-radius:15px;color: #333;float: left;width: 100%;box-sizing: border-box;padding: 20px;}
#contenuPage .cell_actu:hover{background: #e7eef8;}

#menuPages #bloc-contact-real .cell-tiers{margin-bottom:20px;color:#fff}
#menuPages #bloc-contact-real .cell-tiers h2{margin-bottom:12px;}
#menuPages #bloc-contact-real .cell-tiers a{text-align:center;display:block;padding:15px 0;font-size:18px;color:#e84e0f;background:#fff;margin-bottom:10px;border:1px #ddecf1 solid;border-bottom:4px #e84e0f solid;}
#menuPages #bloc-contact-real .cell-tiers a:hover{background:#e84e0f;color:#fff;padding:15px}
#menuPages #bloc-contact-real .cell-tiers a#tel-encart{font-size:24px}

#contenuPage #actuAccueil img{width:100%;margin:auto;vertical-align:middle;}
.cell_actu h3{font-size:18px;line-height:22px;margin:0 0 10px;color:#1c4b5e;font-weight:700;text-transform:none}
.cell_actu h3 a{color:#333;font-family: 'Rubik', 'Roboto', sans serif; text-align: center;display: block; font-weight: 500;font-size: 20px;}
.cell_actu p{font-size:14px;line-height:20px;color:#58585a;font-weight:300;text-align:justify}
.cell_actu p a{color:#222}

#menuPages ul#mainMenu{background:#fff;padding:20px}
#menuPages ul li{list-style:none;border-bottom:1px #ccc solid;}
#menuPages ul li a{position:relative;font-family: 'Roboto';font-weight: normal;display:block;color:#1e1e1c;padding:12px 25px 12px 12px;font-size:16px;}
#menuPages ul li a:hover,#menuPages ul li a.actif,#menuPages ul li.actif > a{background:#e84e0f;color:#fff;}
#menuPages ul.dev{background:#e84e0f;padding: 15px; margin-top: -8px;border-bottom:0;}
#menuPages ul.dev li{border-bottom:none;}
#menuPages ul.dev li a{font-size:16px;font-weight:300;padding:10px;color:#fff;border:none;background: #d0440b;}
#menuPages ul.dev li a:hover,#menuPages ul.dev li a.actif{background:#fff;color:#002d41;}

#menuPages ul.dev2{border:7px #58585a solid;background:#fff;padding:7px;}
#menuPages ul.dev2 li a{background:#fff;border-bottom:1px #fff solid;font-size:15px;font-weight:300;color:#4b4b4b;padding:10px;}
#menuPages ul.dev2 li{margin:0}
#menuPages ul.dev2 li a:hover,#menuPages ul.dev2 li a.actif{background:#58585a;color:#fff;font-weight:300}

span.arrow{display:block;position:absolute;top:40%;right:20px;width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:8px solid #fff;}
#menuPages ul li a:hover span.arrow,#menuPages ul li a.actif span.arrow{top:46%;border-left: 8px solid transparent; border-right: 8px solid transparent; border-top:8px solid #fff;border-bottom:none;}


#suite-menu{margin-top:30px;}

/*CONCEPT*/


#conteneurHighlights{padding:30px 0 50px}
.highlights.Concept {float: left; width: 49%}
.highlights.Concept .englob-articles{background: #fff; margin-top: -20px;border-radius: 0 25px;}
.highlights.Concept h2{background: #d5b076; padding: 15px 10px 30px 15px;color: #fff;border-top-right-radius: 25px;}
.highlights.Concept h2 strong{color: #fff;}
.highlights.Concept  .article_cell{float: none; width:100%;}
/*.highlights.Concept  .article_cell:nth-child(1){margin-bottom: 26px;padding-bottom: 26px;}*/
.highlights.Concept  .article_cell a{display: inline-block; width: 40%}
.highlights.Concept  .article_cell a img{border-bottom-right-radius: 25px;width: 100%;}
.highlights.Concept  .article_cell span{vertical-align: top;font-size: 22px;text-transform: uppercase;font-family: 'Roboto';padding: 15px 10px 0 15px; text-align: left;font-weight: 600;color: #009dd0;line-height:30px;}
.highlights.Concept  .article_cell p#extraitPage{width:100%;background:#f8f8f8;padding: 40px 0 15px 0;color: #58585a;font-size: 16px;margin: -35px auto 0 auto;line-height:40px;}
.highlights.Concept  .article_cell #contenuPagesConcept{width: 60%;vertical-align: top;float: right;}
.highlights.Concept  .article_cell a#btnLireSuite{display: block;border: 1px solid #009dd0; font-size: 16px;width: 25%;margin:25px auto;background: #009dd0;text-align: center;padding: 5px;border-radius: 10px;color: #fff;text-transform: uppercase;font-family: 'Roboto';}
.highlights.Concept  .article_cell a#btnLireSuite strong{font-weight:700;}
.highlights.Concept  .article_cell a#btnLireSuite:hover {background: #d5b076; color: #fff; border: 1px solid #d5b076;}

.cell-thirty{
   background:#333;width:31%;float:left;border-top:6px #a70230 solid;padding:25px;box-sizing:border-box;
}

.middle{margin:0 3.5%;/*background:#009dd0;color:#fff;*/}
.englob-articles h2{padding:30px 0}
.middle h2{color:#fff;}

.cell-thirty img.visuel{border-radius:5px;width:100%;display:block;margin:10px 0;filter: none;-webkit-filter: grayscale(0);                        }
.cell-thirty img.visuel:hover{filter: gray; /* For IE6-9 */
filter: grayscale(1); /* For Microsoft Edge and Firefox 35+ */
-webkit-filter: grayscale(1); /* For Google Chrome, Safari 6+ & Opera 15+ */}
.highlights .cell-thirty h2{font-size:18px;color:#bbb}
.cell-thirty p{color:#fff;font-size:15px;line-height:20px;text-align:justify}
.middle img.visuel{border-color:#0db2e9}

.cell-thirty h3 a{font-size:17px;color:#a70230;padding-bottom:10px;display:block;}


/*CONSULTATION PERSONNALISE*/
.highlights.consultPerso {float: right; width: 65.3%;}
.highlights.consultPerso .englob-articles{background: #e3e0db; padding:0;}
.highlights.consultPerso h2{background: #fff;color: #009dd0;border-bottom: 10px #edece7 solid;padding:15px 0;font-family: 'Rubik';font-weight:400;;}
.highlights.consultPerso h2 strong{color: #fff;}
.highlights.consultPerso  .article_cell{float: none; width: 100%;}
.highlights.consultPerso  .article_cell:nth-child(1){margin: 0;}
.highlights.consultPerso  .article_cell a{display: block; width: 70%;margin: 0 auto;padding: 20px 0 0 0;}
.highlights.consultPerso  .article_cell a img{width: auto; height: 216px;margin: 0 auto;}
.highlights.consultPerso  .article_cell span{display: block;vertical-align: top;font-size: 23px;text-transform: uppercase;font-family: 'Roboto';padding: 0;font-weight: 600;color: #e7511e;margin-top: 15px;}
.highlights.consultPerso  .article_cell p#extraitPage{color: #000;font-size: 16px;margin-top: 5px;padding: 0 20px;}
.highlights.consultPerso  .article_cell #contenuPagesConsult{display: inline-block;width: 100%;vertical-align: top;text-align: center;}
.highlights.consultPerso  .article_cell a#btnLireSuite{font-size: 16px;width: 200px;margin: 10px auto 20px auto;background: #009dd0;text-align: center;padding: 5px;color: #fff;text-transform: uppercase;font-family: 'Roboto';}
.highlights.consultPerso  .article_cell a#btnLireSuite strong{font-weight: 700}
.highlights.consultPerso.actualite a.actuPlus:hover, .highlights.consultPerso  .article_cell a#btnLireSuite:hover {background: #e7511e; color: #fff;}

/*A LA UNE*/
.highlights.consultPerso.actualite{float: left; width: 32.7%;}
.highlights.consultPerso.actualite  img{display: block;margin: auto;width: 100%;}
.highlights.consultPerso.actualite  h3 > a{text-align: center;display: block;margin-top: 15px;font-size: 23px;font-family: 'Roboto';color: #e7511e;font-weight: 600;text-transform: uppercase;}
.highlights.consultPerso.actualite p.textContenuUne{font-size: 15px ; padding: 0 20px;text-align: center;font-family: 'Roboto';margin-top: 5px;}
.highlights.consultPerso.actualite a.actuPlus{font-size: 15px;font-family: 'Roboto';text-transform: uppercase;color: #fff;background: #009dd0;padding: 5px;display: block;width: 200px;margin: 10px auto 20px auto;text-align: center;}
.highlights.consultPerso.actualite a.actuPlus strong {font-weight: 700}

#sous-pages-menu{padding:40px 60px 0;display:flex;flex-direction:row;flex-wrap:wrap;position:relative;}
#sous-pages-menu:before{position:absolute;content:"";width:50px;height:8px;background:#e84e0f;left:50%;margin-left:-25px;display:block;top:0}
#sous-pages-menu a{width:33.3334%;box-sizing:border-box;border:5px #fff solid;display:block;padding:15px;border-radius:10px;background:#eee;color:#353535;font-size:16px;text-align:center;}
#sous-pages-menu a:hover,#sous-pages-menu a.actif{background:#e84e0f;color:#033850;}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- MEDIATHEQUE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#mediatheque{padding:30px 60px 50px;}

#contenuPage #mediatheque h1{color: #e84e0f;font-family: 'Rubik';font-weight: 500;font-size:24px;padding:0 0 40px 0}
#contenuPage #mediatheque h1 span{font-weight: 600;font-size:24px;padding:0 0 20px 0}
#contenuPage #mediatheque h1.tad{padding-right:30px;}

#realisations{background:#fff;margin:0 60px 30px}
#realisations h2{padding:50px 0 25px;text-align:center;font-size:33px;}
#realisations h2.var-display{padding:20px 0 0px;margin-bottom:0;text-align:left;font-size:24px;}
#realisations .elt-g-var{margin:0 0 0 20px}
#realisations .listing-realisations{padding:20px 0;}

#realisations .listing-realisations .une-rea,#realisations .listing-realisations .plus-de-rea,#mosaiqueMedias .une-rea{vertical-align:top;width:49%;margin:0;display:inline-block;font-size:20px;text-align:center;color:#1a171b;border-radius:15px;box-sizing:border-box;}

.test-abs{display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:#000}
/*#mosaiqueMedias .une-rea{margin-right:-3px}*/
/* a reactiver pour avant apres / sur 2 #mosaiqueMedias .une-rea:nth-child(2n){margin:0 0 2% 2%}*/
#mosaiqueMedias .une-rea:nth-child(3n+2){margin:0 0 2% 2%}
/*#realisations .listing-realisations .une-rea a,#mosaiqueMedias .une-rea a{height:150px}*/
#realisations .listing-realisations .une-rea a,#realisations .listing-realisations .plus-de-rea a,#mosaiqueMedias .une-rea a{display:block;position:relative;color:#1a171b}
#realisations .listing-realisations a img,#mosaiqueMedias .une-rea a img{display:block;width:100%;vertical-align:middle;}
#realisations .listing-realisations a.plus-media{background:#eaeaea;font-size:18px;text-decoration:underline;border-radius:15px;}
#realisations .listing-realisations a.plus-media:hover{text-decoration:none}
#realisations span.contentCenter,#mosaiqueMedias span.contentCenter{display:table;border-spacing: 0;border-collapse: collapse;}
#realisations span.centerMe,#mosaiqueMedias span.centerMe{display:table-cell;width:100%;height:100%;vertical-align:middle;box-sizing:border-box;padding:0 10px}
#realisations .une-rea span.contentCenter,#mosaiqueMedias .une-rea span.contentCenter{border-radius:0;position:absolute;top:0;left:0;background:rgba(241, 90, 34, 0.8);opacity:0;width:calc(100% + 1px);height:100%;box-sizing:border-box;color:#fff;font-family:'Rubik', sans serif;font-size:15px;}
span.fixH{display:block;position:absolute;top:0;left:0;right:0;bottom:0}
#realisations .une-rea:hover span.contentCenter,#mosaiqueMedias .une-rea:hover span.contentCenter{opacity:1}

.une-rea span.img-avant,.une-rea span.img-apres{display:inline-block;width:50%;position:relative;vertical-align:top;}
.une-rea span.img-avant img{border-radius:15px 0 0 15px;border-right:1px #dce7f5 solid;box-sizing:border-box;}
.une-rea span.img-apres img{border-radius:0 15px 15px 0;border-left:1px #dce7f5 solid;box-sizing:border-box;}
.une-rea span.txt-info{display:inline-block;padding:5px 8px;background:#a70230;color:#fff;bottom:15px;position:absolute;font-size:12px;}
.une-rea span.img-avant span.txt-info{right:1px;border-radius:7px 0 0 7px}
.une-rea span.img-apres span.txt-info{left:1px;border-radius:0 7px 7px 0}

/* redefinition supr avant apres */
#realisations .listing-realisations .une-rea,#realisations .listing-realisations .plus-de-rea,#mosaiqueMedias .une-rea{vertical-align:top;width:33.3334%;display:inline-block;font-size:20px;text-align:center;color:#1a171b;box-sizing:border-box;}
#mosaiqueMedias .une-rea:nth-child(3n+2){margin:0}
.une-rea span.img-avant img{border-radius:0;border:none;box-sizing:border-box;}
.une-rea span.img-avant,.une-rea span.img-apres{display:inline-block;width:100%;position:relative;vertical-align:top;}


#gestionnaire_content #mediatheque #partie_contenu h2{margin-bottom:0}
#mediatheque #partie_contenu h2{position:relative;background:#e84e0f;padding:20px 20px 16px;font-size:20px;font-weight:500;text-align:center;color:#fff;margin-top:20px;}
#mediatheque #partie_contenu h2:after{position:absolute;}
#mediatheque #partie_contenu h2:after{content:"";position:absolute;top:-10px;display:block;width:0;height:0;border-bottom:14px #e84e0f solid;border-left:14px transparent solid;border-right:14px transparent solid;left:50%;margin-left:-7px}
#mediatheque #partie_contenu h2 span.border{width:160px;height:9px;background:#f2db00;position:absolute;top:-5px;left:50%;margin-left:-80px;}

#mediatheque .consultationMedia img{width:100%;display:block;}
#mediatheque #texteMedia{border-radius:0 0 10px 10px;border:1px #ddd  solid;padding:25px 25px 10px;color:#353535;font-size:15px;line-height:20px;font-weight:300;}
#mediatheque #texteMedia a{color:#e84e0f;text-decoration:underline}
#mediatheque #texteMedia a:hover{text-decoration:none}
#mediatheque #texteMedia p{text-align:justify;padding-bottom:15px;}
#mediatheque #texteMedia ul{text-align:left;border-radius:8px;font-family:'Roboto', sans serif;padding:15px;list-style:disc outside none;margin-bottom:15px;color:#353535;background:#f5f5f5;}
#mediatheque #texteMedia ul li{color:#353535;list-style:disc outside none;display:list-item;margin-left:25px;}
#mediatheque #texteMedia ul li a{color:#353535;font-weight:500}

#mediatheque .avap .consultationMedia .split-aa a{position:relative;display:block;float:left;width:50%;box-sizing:border-box;}
#mediatheque .consultationMedia .split-aa a{position:relative;display:block;float:left;width:100%;box-sizing:border-box;}
#mediatheque .consultationMedia .split-aa:after{content:"";clear:both;display:table;}
#mediatheque .consultationMedia .split-aa .txt-info{position:absolute;bottom:0;background:#a70230;display:block;text-align:center;padding:7px;color:#fff;bottom:10px;}
/*#mediatheque .consultationMedia .split-aa a.pic-avant{border-right:1px #e7eef8 solid;}*/
#mediatheque .consultationMedia .split-aa a.pic-avant img{border-radius:20px 0 0 0;}
#mediatheque .consultationMedia .split-aa a.pic-avant span.txt-info{right:0;border-radius:6px 0 0 6px}
#mediatheque .consultationMedia .split-aa a.pic-apres span.txt-info{left:0;border-radius:0 6px 6px 0}
#mediatheque .consultationMedia .split-aa a.pic-apres{border-left:1px #333 solid;}
#mediatheque .consultationMedia .split-aa a.pic-apres img{border-radius:0 20px 0 0;}

#mosaiqueMedias{text-align:left;display:flex;flex-flow: row wrap;}
#mosaiqueMedias .cell_media{display:block;width:25%;float:left;position:relative;}
#mosaiqueMedias .cell_media img{width:100%;display:block;vertical-align:middle}
#mosaiqueMedias .cell_media span.titre{padding:15px;color:#fff;display:block;text-align:center;background:#444;height:60px;}
#mosaiqueMedias .odd span.titre{background:#333}

#mosaiqueMedias .cell_media span.roll{border-radius:15px;display:inline-block;opacity:0;text-align:center;position:absolute;top:0;left:0;width:100%;height:100%;font-size:80px;font-weight:bold;color:#fff;font-family:'Rubik', sans serif;font-size:15px;
   background:#f2db00;background: rgba(0, 124, 191, 0.9);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2db00e5, endColorstr=#f2db00e5);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2db00e5, endColorstr=#f2db00e5)";}

#mosaiqueMedias .cell_media span.roll span{display:inline-block;vertical-align:middle;color:#1e1e1c;}
#mosaiqueMedias .cell_media span.roll:before {
  /* this is the important part */
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

#mosaiqueMedias .cell_media:hover span.roll{opacity:.8}

/* video consult */
.video-container {margin:0 0px 0px 0px;position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- ANNUAIRE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#recherche_annuaire{background:#fff;border:1px #fff solid;padding:25px;margin-bottom:25px}
#contenuPage #recherche_annuaire h2{color:#333333;font-weight:300;font-size:16px;padding:0 0 0;font-style:normal;}
#contenuPage #recherche_annuaire h2 span.gras{font-weight:500}

.tpl_annuaire #gestionnaire_content h2.titreAnnu{display:inline-block;padding:12px 10px 9px 15px;background:#dbdbdb;color:#333333;font-size:16px;position:relative;font-size:22px;font-weight:300;margin:25px 0 0}
.tpl_annuaire #gestionnaire_content h2.titreAnnu span{position:relative;z-index:10;}

.cell_annuaire a{display:block;background:#f2f2f2;color:#333333;font-size:15px;padding:12px 10px;}
.cell_annuaire a span{display:inline-block;vertical-align:middle;}
.cell_annuaire a span.arrow{position:relative;margin-right:7px;top:auto;right:auto;border-left-color:#ee7f01}
.cell_annuaire a:hover span.arrow{border-left-color:#fff}
.cell_annuaire a.bis{background:#e8e8e8;}
.cell_annuaire a:hover{background:#ee7f01;color:#fff;}
.tpl_recherche .cell_annuaire{margin-bottom:20px}
.tpl_recherche  #gestionnaire_content h2{margin-bottom:10px}

#gestionnaire_content p.highlight{padding:20px;background:#f2f2f2;color:#333333;margin-bottom:20px;}

.fiche_annuaire .presa_entite{padding:20px;background:#fff;border:1px #fff solid;}
.presa_entite img.visuel{float:left;margin-right:25px;}
.presa_entite p{padding:20px 15px 15px;}
.coord_annuaire{border:1px #fff solid;padding:20px;}
.maps_annuaire{background:#fff;padding:0;border:1px #fff solid;margin-bottom:30px}
.maps_annuaire .insideMap{width:100%;height:250px}

div.lineCoord{display:table;width:100%}
div.lineCoord .labLine{display:table-cell;width:22%;text-align:right;padding-right:20px;}
div.lineCoord .infoLine{display:table-cell;width:78%;padding:10px 20px 10px 0;}
#gestionnaire_content div.lineCoord .infoLine p{font-size:16px;color:#333333333333;font-weight:300;line-height:28px;}
div.lineCoord .labLine h3{font-size:16px;color:#333333333333;font-weight:700}
div.lineCoord .infoLine a.mail{background:#1c4b5e;color:#fff;padding:5px;font-size:13px;margin-left:10px}
div.lineCoord .infoLine a.mail:hover{background:#5e9f38;}
div.lineCoord .infoLine a.site{display:inline-block;background:#f58221;color:#fff;padding:7px 10px;font-size:16px;}
div.lineCoord .infoLine a.site strong{text-decoration:underline}
div.lineCoord .infoLine a.site:hover{background:#da731b;}

/* affichage alternatif sans texte */
.alternative div.lineCoord{width:72%;}
.alternative img.visuel{width:25%;float:left;margin-right:3%}


#gestionnaire_content h2.titreAnnuFiche{font-size:22px;}
#gestionnaire_content h2.titreAnnuFiche span{margin:0 0 0 10px;position:relative;top:-3px;font-style:normal;font-size:15px;background:#1c4b5e;padding:5px;font-weight:300;color:#fff;}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- DOCUMENT -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

/* ----- ESPACE DOC ------ */
.espace_document #bandeau,#espace_actualite #bandeau,#espace_question #bandeau,#espace_contenu #bandeau{height:225px;background-image:url(../img/bandeau/bg_bas_c.gif)}
.espace_document #bandeau h2,#espace_actualite #bandeau h2,#espace_question #bandeau h2,#espace_contenu #bandeau h2{top:180px;font-size:28px;}
.espace_document #bandeau form#moteurRecherche,#espace_actualite #bandeau form#moteurRecherche,#espace_question #bandeau form#moteurRecherche,#espace_contenu #bandeau form#moteurRecherche{top:181px;}

.espace_document .ligne a.roots{display:block;width:28px;height:28px;background:url(../img/docs/tree/extra_doc.gif) no-repeat 0 0;vertical-align:middle;float:left; margin-right:5px}
.espace_document .ligne a.roots:hover{background-position: 0 -28px;}

.espace_document a.dl_tree_doc{padding: 0 0 0 20px;background:url(../img/picto/dl.gif) no-repeat 2px 0;color:#6d5238;font-size:12px;position:relative;top:2px}
.espace_document a.dl_tree_doc:hover{background-position:2px -34px;color:#6ca624}

.espace_document h3{font-size:22px;color:#f39800}



.espace_document .extras{padding-top:10px;}
form#recherche{padding-bottom:20px;}
div.separateurDoc{background:#c5c5c5;height:1px;margin:40px 60px;}

#leGestionnaire p.seeAll{float:right;font-size:12px;background:url(../img/docs/tree/seeall.gif) no-repeat 0 0;height:28px;padding:0 0 0 31px;margin-bottom:15px;}
#leGestionnaire p.seeAll a{display:block;background:#656565;color:#fff;padding:4px 15px 0;text-align:center;height:24px}

.ligne{position:relative;margin:15px 0;width:100%;clear:both;height:30px;}
.ligne select{width:90%;padding:6px;background:#f3f0ee;color:#6d5238;border:none;float:left;}

#navDoc{border-bottom:1px #fffddd solid}
#navDoc div.ligne{padding:5px 5px 0 5px;border-top:1px #fffddd solid}
#navDoc div.ligne img,#navDoc div.ligne select{vertical-align:middle}
#navDoc select{width:655px;}
#navDoc img{position:relative;top:1px;}

#treeDoc{color:#6d5238;margin-left:20px;background:url(../img/docs/tree/ligne_verticale.gif) repeat-y top left}
#treeDoc h4{margin-top:10px;font-size:16px;padding-bottom:15px;color:#572f08;background:#fff url(../img/docs/tree/tree_root.gif) no-repeat 0 7px;padding-left:15px;}

#treeDoc p{font-size:13px;margin-bottom:0;}

#treeDoc p a{font-size:13px;color:#6d5238;font-weight:bold}
#treeDoc p a:hover,#treeDoc p a.actif{text-decoration:underline;}

#treeDoc p.folder{background:url(../img/docs/tree/folder.gif) no-repeat 0 7px;padding:3px 0 6px 42px}
#treeDoc p.file{background:url(../img/docs/tree/file.gif) no-repeat 0 7px;padding:3px 0 6px 42px}

#treeDoc p.zip{background:url(../img/docs/tree/zip.gif) no-repeat 0 7px;padding:4px 0 6px 42px}
#treeDoc p.pdf{background:url(../img/docs/tree/pdf.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#treeDoc p.odt,#treeDoc p.ods,#treeDoc p.odp,#treeDoc p.odg,#treeDoc p.odc,#treeDoc p.odf,#treeDoc p.odb,#treeDoc p.odi,#treeDoc p.odm,#treeDoc p.otg,#treeDoc p.otp,#treeDoc p.ots,#treeDoc p.ott{background:url(../img/docs/tree/oo.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#treeDoc p.xls,#treeDoc p.xlsx{background:url(../img/docs/tree/xls.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#treeDoc p.doc,#treeDoc p.docx{background:url(../img/docs/tree/doc.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#treeDoc p.pic,#treeDoc p.jpg,#treeDoc p.jpeg{background:url(../img/docs/tree/pic.gif) no-repeat 0 7px;padding:4px 0 7px 42px}

#treeDoc hr.clear{height:10px;border:0}

div.largeurTotale div#document_consult{width:640px;margin:0}
div#document_consult{width:564px;margin-left:12px}
div#document_consult p{color:#574837;line-height:16px;padding-bottom:3px;text-align:justify}
div#document_consult a img.visu{border:5px #c1c1c1 solid;float:left;margin:0 23px;}
div#document_consult div.right{width:430px;}
div#document_consult p.fil a{color:#b09f8d;text-decoration:underline}
div#document_consult p.fil{padding-bottom:10px;border-bottom:dotted 1px #e5e5e5;color:#b09f8d;}
div#document_consult p.fil a:hover{color:#a9b720;text-decoration:underline}
div#document_consult div.bg_dl{background:#f5f5f5;padding:7px;margin-top:15px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
div#document_consult div.bg_dl p{padding:5px}
div#document_consult div.bg_dl a{display:block;float:right}
div#document_consult p a{color:#574837;text-decoration:none}


div#leGestionnaire h4.titreDoc{color:#13216a;font-size:22px;font-weight:normal;padding-bottom:0}
#espace_affilies div#leGestionnaire h4.titreDoc{color: #6d5238;}
div#leGestionnaire #treeDoc h5{color:#6d5238;font-size:16px;font-weight:normal}

#docConsult{padding:10px 0px 30px;}
#docConsult h3{padding:0;margin:0;font-size:22px;color:#f39800;margin-bottom:10px}

#docConsult .fil{font-size:12px;background:#f5f5f5;color:#fff;padding:5px 10px;}
#docConsult .fil a{color:#6d5238}
#docConsult .fil a:hover{color:#f39800;text-decoration:underline}

#docConsult .fil img{margin:0 5px}
#docConsult .doc{line-height:16px;font-size:12px;border-top:1px #fff dashed;padding:35px 20px 10px 80px;background:url("../img/doc/pdf.gif") no-repeat 20px 40px;min-height: 50px}
div#leGestionnaire #docConsult h3{margin-bottom:10px;padding:0;background:transparent;font-weight:normal}

div.dlDoc{margin:20px 0;background:#f3f0ee;color:#6d5238;font-size:12px;}
div.dlDoc p{padding:10px;}
div.dlDoc a{display:block;padding:10px;height:96%;background:#63bee0;color:#fff;font-weight:bold;float:right;margin: 0 0 0 0;text-decoration:underline}
div.dlDoc a:hover{text-decoration:none}

#body div.doc form{
   padding: 0px 0px 20px 0px;
   margin: 0;
   background: transparent;
}

#body div.doc form select:disabled{
   color: #aca08d !important;
   font-weight: normal;
}
#body div.doc form select{
   background: #F5F5F5;
   border: 1px #eee solid;
   font-size: 13px;
   padding: 4px;
   font-weight: bold;
   color: #54483d;
   width: 90%;
   float: left;
}


#body div.doc div.treeDoc{color:#6d5238;margin-left:20px;background:url(../img/docs/tree/ligne_verticale.gif) repeat-y top left}
#body div.doc div.treeDoc h4{margin-top:10px;font-size:16px;padding-bottom:15px;color:#572f08;background:#fff url(../img/docs/tree/tree_root.gif) no-repeat 0 7px;padding-left:15px;}

#body div.doc div.treeDoc p{font-size:13px;margin-bottom:0;line-height: normal}

#body div.doc div.treeDoc p a{font-size:13px;color:#fff;font-weight:bold;text-decoration: none !important;}
#body div.doc div.treeDoc p a.dl_tree_doc{color:#1c4b5e;}
#body div.doc div.treeDoc p a:hover,#body div.doc div.treeDoc p a.actif{text-decoration:underline !important;}

#body div.doc div.treeDoc p.folder{background:url(../img/docs/tree/folder.gif) no-repeat 0 7px;padding:8px 0 7px 45px}
#body div.doc div.treeDoc p.file{background:url(../img/docs/tree/file.gif) no-repeat 0 7px;padding:8px 0 7px 45px}

#body div.doc div.treeDoc p.zip{background:url(../img/docs/tree/zip.gif) no-repeat 0 7px;padding:8px 0 7px 45px}
#body div.doc div.treeDoc p.pdf{background:url(../img/docs/tree/pdf.gif) no-repeat 0 7px;padding:8px 0 7px 45px}
#body div.doc div.treeDoc p.odt,#body div.doc div.treeDoc p.ods,#body div.doc div.treeDoc p.odp,#body div.doc div.treeDoc p.odg,#body div.doc div.treeDoc p.odc,#body div.doc div.treeDoc p.odf,#body div.doc div.treeDoc p.odb,#body div.doc div.treeDoc p.odi,#body div.doc div.treeDoc p.odm,#body div.doc div.treeDoc p.otg,#body div.doc div.treeDoc p.otp,#body div.doc div.treeDoc p.ots,#body div.doc div.treeDoc p.ott{background:url(../img/docs/tree/oo.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#body div.doc div.treeDoc p.xls,#body div.doc div.treeDoc p.xlsx{background:url(../img/docs/tree/xls.gif) no-repeat 0 7px;padding:8px 0 7px 45px}
#body div.doc div.treeDoc p.doc,#body div.doc div.treeDoc p.docx{background:url(../img/docs/tree/doc.gif) no-repeat 0 7px;padding:8px 0 7px 45px}
#body div.doc div.treeDoc p.pic,#body div.doc div.treeDoc p.jpg,#body div.doc div.treeDoc p.jpeg{background:url(../img/docs/tree/pic.gif) no-repeat 0 7px;padding:8px 0 7px 45px}

#body div.doc div.treeDoc hr.clear{height:10px;border:0}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- FOOTER -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

.infosCoordonnees{float:left;margin:0 60px;}
.infosCoordonnees p{color:#1e1e1c;}
.infosCoordonnees p a{color:#e84e0f;text-decoration:none;font-size:16px;}
.infosCoordonnees p a:hover{text-decoration:underline}

footer{font-size:16px;line-height:26px;position:relative;color:#1e1e1c;box-sizing:border-box;background:#f5f5f5;}
footer .conteneur{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:60px;}

a#logo-f-pegase{width:260px;height:60px;background:url(../img/squelette/logo-bl-elec-2.png) no-repeat 0 0;background-size:260px 60px;display:block;}

#annexes{display:flex;margin:0;flex-direction:row;}
#annexes span.separateur{display:inline-block;}
#annexes a{color:#353535;display:inline;text-align:right;line-height:30px;font-size:14px;}
#annexes p.link{margin:0 20px}
#annexes a.ib{display:inline;}
#annexes a:hover,#annexes a.ib:hover,footer #annexes a:hover{text-decoration: underline;color:#e84e0f}
span.sep{margin:0 8px;color:#89beda}

footer h2{font-size:18px;font-weight:500;color:#e84e0f;margin-bottom:12px}

#bottom-footer{border-top:1px #ddd dotted;background:#eee;padding:60px;display:flex;align-items:center;justify-content:center}
#bottom-footer img{width:120px;margin:0 12px;display:inline-block;vertical-align: middle}
#bottom-footer #logo-mim img{width:60px;height:60px;}
footer #logo-alternatri{position:relative;top:-5px;}

footer .tools-btn{padding:0;}
footer .tools-btn a{margin:0}
footer .tools-btn a:last-child{margin:0 0 0 20px}

#label-logos{display:flex;align-items:center;justify-content:center;padding:60px 0 60px;position:relative}
#label-logos:before{content:"";display: block;width:60%;border-top:1px #aaa dotted;position: absolute;top:0;left:50%;margin-left:-30%;}
#label-logos img{width:150px;margin:0 30px;}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- MESSAGES -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center;border-radius:20px;margin:60px; }
.ok,#gestionnaire_content p.ok {background-color:#e84e0f; color:#fff; font-weight:300; padding:15px;font-size:20px;}
.error,#gestionnaire_content p.error {background-color:#009dd0; color:#fff; font-weight:300; padding:15px;font-size:20px;}

.erreur,#formContact form p.textuel input.erreur,#formContact p.oblig textarea.erreur{border:1px #1c4b5e solid;}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- EXTRAS -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

div.extras .widthExtras{width:100%;}

div#basRound{margin-left:16px;width:673px;background:#fff url(../img/squelette/bas_contenu.gif) no-repeat bottom right;padding:0 0 30px;}

div.extras{padding-bottom:65px;}
div.extras h4{margin:5px 0}
div.extras p{color:#666;}
div.extras p a{color:#000;text-decoration:none}
div.extras a:hover{text-decoration:underline}
div.extras .width1{width:70px}
div.extras .width2{width:380px}
div.extras .width3{width:120px}
div.extras td a,div.extras div.credits1 a,div.extras div.credits2 a{color:#009dd0;text-decoration:none;font-size:18px}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#009dd0;text-decoration:underline}
div.extras caption{font-size:16px;background-color:#58585a; color:#fff; padding:10px; font-weight:600}
#leb-img {margin-top:20px}

div.extras .credits1,div.extras .credits2{background-color:#fff; margin:5px 0px; padding:15px; width:100%}
#creditsLeb ul{background:#fff !important}
#creditsLeb ul{width: 100%;}
div.extras .bg1{background-color:#F0F0F0}
div.extras .credits2,div.extras .bg2{background-color:#F9F9F9}
div.extras td{padding:10px;color:#333333;font-size:16px}
#creditsLeb .left{margin-right:30px;width:350px;}

#plan{font-size:16px;}
#plan ul li{list-style:none}
#plan a {border-radius:4px;display:block;padding:12px; background-color:#ece7e5;margin-bottom:4px;color:#555;font-size:15px;}
#creditsLeb .grisC{color:#e84e0f !important;font-size:16px;}
#plan a:hover {background-color:#e84e0f; color:#fff;text-decoration:none}
#plan a.titre{margin-top:35px;font-weight:500;background:#e84e0f;color:#fff;text-transform: uppercase;font-family:'Rubik', sans serif;}
#plan a.titre:hover{background:#e84e0f;color:#fff}

div.extras h4{font-family:'Rubik';font-size:22px;margin:30px 0 20px !important;font-family: Roboto;font-weight: 400;}
div.extras h4.rouge{color:#e84e0f !important;font-family:'Rubik';}

#creditsLeb a.cell{padding:10px !important;font-size:16px;color:#555;background:#f5f5f5 !important}
#creditsLeb a.cell:hover{background:#e84e0f !important;color:#fff}

p.high{border:1px #eee solid;padding:20px;margin-bottom:20px;}
p.high strong{color:#222}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- FORMULAIRE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#formContact p.textuel input{color:#fff;width:380px;border:none;font-size:11px;margin-bottom:5px;padding:3px;}
#formContact textarea{color:#fff;width:380px;border:none;font-size:11px;margin-bottom:5px;padding:3px;}
#formContact p.textuel input, #formContact select, #formContact textarea{padding:5px;color:#5f5f5f;font-size:14px;display:block;float:left;width:450px;margin-bottom:15px;vertical-align:middle}
#formContact select{width:463px}

#formContact form p.send input{margin-left:155px;width:463px;background:#0087c8;color:#fff;padding:10px;border:none;cursor:pointer}

#fancybox-title-main{color:#414141 !important}

#formContact label.normal{padding:2px 15px 0 0;float:left;width:20%;text-align:right;font-weight:normal;margin-right:7px;position:relative;top:10px;color:#555;font-weight:normal;font-size:18px;}
#formContact label.lettre{width:20%}
#formContact p.textuel input{color:#555;width:65%;background:#f5f5f5;border:none;font-size:16px;margin-bottom:5px;padding:2%;}
#formContact textarea{font-family:'Roboto', sans-serif;color:#555;width:65%;border:none;background:#f5f5f5;font-size:16px;margin-bottom:5px;padding:15px;}
#formContact input.send{font-size: 24px;background: #e84e0f;border: none;cursor: pointer;color: #fff;text-transform: uppercase;font-weight: bold;border-radius:15px;padding:15px;display:block;width:70%;font-weight:bold;text-align:center;margin-left:22%;cursor:pointer;margin-top:20px;}
#formContact input.send:hover{background: #e84e0f;}
#formContact .lettreSend{margin-top:30px}
#formContact .lettreSend input.send,#recaptcha_widget_div{margin-left:23%}
#formContact p.oblig input,#formContact p.oblig textarea{background:#f5f5f5;}
#formContact select{border-width:1px;background:#f5f5f5;padding:10px;color:#555;width:65%;margin-bottom:5px;font-size:13px;border:0}


#fancybox-title-main{color:#666 !important}

/* -- spinner -- */
#spin-bandeau{display: flex;align-items: center;justify-content: center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
#spin-content{display: flex;align-items: center;justify-content: center;position:absolute;top:0;left:0;width:100%;height:600px;z-index:1}

.spinner {
    animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(270deg); }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation:
            dash 1.4s ease-in-out infinite,
            colors 5.6s ease-in-out infinite;
}

@keyframes colors {
    0% { stroke: #cedde3; }
    25% { stroke: #8ac8e3; }
    50% { stroke: #55b6e0; }
    75% { stroke: #2aaae1; }
    100% { stroke: #e84e0f; }
}

@keyframes dash {
    0% { stroke-dashoffset: 187; }
    50% {
        stroke-dashoffset: 46;
        transform:rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        transform:rotate(450deg);
    }
}

/** Audio player **/
#audio {
    width:100%;
}
#playlist {
    margin-top:15px;
    width:100%;
}
#playlist span {
    text-align: left;
    background: #e5e5e5;
    width: 100%;
    display: inline-block;
    border-bottom: 1px #ccc solid;
}

#playlist span:hover {
    background:#e84e0f;
}

#playlist span:hover > a{
    background:#e84e0f;
    border-right: 5px #e84e0f solid;
    color:#fff
}
#playlist span.active {
    background:#e84e0f;
}

#playlist span.active > a{
    border-right: 5px #76a218 solid;
}

#playlist a{
    font-size: 16px;
    color:#1e1e1c;
    font-weight: 500;
    display: block;
    text-decoration: none!important;

    padding: 12px 25px 12px 12px;
}