/*
    --- LEB COMMUNICATION | 2014	
*/

/* IMPORTS COMMUNS */
@import url(common.css);
@import url(font.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;
}


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

* {margin:0px; padding:0px}

body,#linksHeader a,#linksHeader 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,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,#rechercheHeader input.ico-send,.infosContacts a,.infosContacts a span,.infosContacts a span.number,.social_media a span.ico{
    transition:all .2s linear;
    -o-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -webkit-transition:all .2s 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;
}

.bleu {color:#5471cf !important}
.vert {color:#00a94f !important}
.gris {color:#444 !important}
.rouge{color:#50b848 !important;font-weight: 600;}
h4.rouge{color:#50b848 !important}
.grisfonce{color:#6b6b6d !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}

.liste {background-color:#ededed;border-radius: 25px;padding:20px 30px;color:#555;color:#444;font-size:16px;line-height:22px;text-align:justify;}
.liste li {margin:0px 0px 10px 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;}
.ico_sprite{background:url(../img/squelette/icos_site.png) no-repeat 0 0;background-size:250px 200px}




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

#page{background:#fff;text-align:center;padding-bottom:30px}

#colorBar{background:#50b848;height:10px;}
#colorBar span{display:inline-block;background:#50b848;height:10px;width:33.3334%;vertical-align:top;}
#colorBar span.b_one{background:#50b848;}
#colorBar span.b_two{background:#50b848;}

#header{background:#fff;position:relative;padding:0;}
#header .conteneur{background:#fff;box-sizing:border-box;padding:22px 0 32px;display: flex;justify-content: space-between;align-items: center;}

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

#le-logo{float:left;}
#le-logo a{display:block;background:url(../img/squelette/logo.png) no-repeat 0 0;background-size: 300px 138px;width: 300px;height: 138px;}

#nav{margin-top:0px;color:#ffffff;background: #ededed;}
#nav .conteneur{background:#ededed;}
#nav ul li{list-style:none;display:inline-block;
            max-width:175px;}
#nav a{margin-left:-1px;display:inline-block;padding: 15px 15px 11px;color:#264f60;font-size:18px;font-weight:600;vertical-align:middle;font-family: 'Titillium Web', sans-serif;}
#nav a:hover,#nav a.actif{background:#00aeaf;color:#fff}
#nav a#home{margin-left:0;text-align:center;border:none;background:#ededed;border-right:0;font-size:12px;font-weight:400;padding: 15px 15px 16px;}
#nav a#home:hover{background:#50b848;}
#nav a#home span{width:22px;height:22px;background-position:-57px -55px;margin-right:0}
#nav a#home:hover span{background-position:-57px -80px}
#nav span.separateurMenu{width:1px;height:37px;background-position: -4px -24px;margin-right:0}

p#baseline{float:left;color:#00aeaf;font-size:33px;text-transform: uppercase;line-height: 36px;}
p#baseline span strong{font-size:43px;font-family: 'hall'; text-transform: none;color:#1a171b;}
p#baseline span.ligne2,p#baseline span.ligne3{padding:5px 0 0 30px}
p#baseline .rondVert{font-size: 75px;color: #50b848;line-height:1px;}

p#baseline-resp {display: none;}

#rechercheHeader{border-radius: 10px;background: #ededed;border-top-left-radius: 0;display: flex;}
#rechercheHeader input.text{background: #ededed;border-radius: 10px;border: none;padding: 0 12px;height: 44px;}

#rechercheHeader input.ico-send{
    background: #00aeaf;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-image: url(../img/squelette/search.png);
    background-repeat: no-repeat;
    background-position: 13px 13px;
    background-size: 20px 20px;
    width: 46px;
    height: 44px;
    vertical-align: middle;
    cursor: pointer;
    float: right;
    margin: 0px 0px 0 0;}

#rechercheHeader input.ico-send:hover{background: #50b848;background-image: url(../img/squelette/search.png);background-repeat: no-repeat;background-position: 13px 13px;background-size: 20px 20px;}


p#phone{
    /* background d�grad� */
    background: #d2d2d2; /* Old browsers */
    background: -moz-linear-gradient(left,  #d2d2d2 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2d2d2), color-stop(100%,#v)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #d2d2d2 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #d2d2d2 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #d2d2d2 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to right,  #d2d2d2 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#262626',GradientType=1 ); /* IE6-9 */

    /* d�clarations */
    padding:30px;color:#264f60;font-size:26px;font-weight:700;float:right;margin-right:30px;margin-top:15px;
    -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
p#phone-mob{
    /* background d�grad� */
    background: #000000; /* Old browsers */

    /* d�clarations */
    padding:3% 5%;color:#fff;font-size:20px;font-weight:700;margin:2% 4% 2% 2%;
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}

p#phone span.ico,p#phone-mob span.ico{width:22px;height:27px;background-position:-81px -9px;margin-right:15px;}

.contact_recherche{display: flex;flex-direction: column;}

#linksHeader{margin-bottom: 15px;display: flex;}
#linksHeader a{background:#ededed;font-family: 'Titillium Web', sans-serif; border-radius: 10px; border-bottom-right-radius: 0;color:#444;font-size:16px;padding:10px 14px;}
#linksHeader a.link-rdv{font-size:16px;color:#fff;background:#50b848;border-bottom-left-radius: 0; border-bottom-right-radius: 10px;width: 171px;}

#linksHeader a span.number{display:inline-block;vertical-align:middle;font-size:18px;line-height:20px;}
#linksHeader a.link-rdv span.number{font-size:18px;}
#linksHeader a span.number strong{font-size:24px}
#linksHeader a:hover span.number{color:#fff;}
#linksHeader a.h_contact{border-bottom:2px #e5e5e5 solid}
#linksHeader a span.ico{    width: 15px;height: 23px;background-position: -105px -79px;margin-right:10px;margin-top:-1px;}
#linksHeader a.link-rdv span.ico{width:15px;height:16px;background-position: -106px -134px;}
#linksHeader a:hover{background:#00aeaf;color:#fff}
#linksHeader a:hover span.ico{background-position:-105px -108px}
#linksHeader a.link-rdv:hover span.ico{background-position:-106px -156px}

/* coordonnes mobile */
#coordmob{padding:5px 0 20px;border-top:3px #000 solid;margin-top:30px;}
p#coordmobile{background:#1470a5;font-size:18px;margin:2% 4% 2% 2%;padding:3%;}
#coordmob form{background:#1470a5;margin:2% 4% 2% 2%;padding:3%}
#coordmob .labRecherche{background-position:-45px -28px}
#coordmob input#search_header_mobile{width:50%;border:none;padding:14px 15px 10px 10px;background:#1470a5;color:#fff;font-size:16px;vertical-align:middle;}
#coordmob input#btn_search_mobile{padding:10px 15px;background:#1c4b5e;color:#fff;border:none;cursor:pointer;vertical-align:middle;font-weight:700;font-size:18px;float:right}

/* variantes recherche annuaire */
#recherche_annu input{width:180px}
#thema_annu select{width:280px;margin-right:10px;}
#thema_annu label{font-size:16px;margin:0 20px;}
#submit_annu input{font-size:15px;}

/* OBLIQUE BASELINE */

#textesHeader p#baseline{position:relative;display:inline-block;background:#f58221;color:#f2f2f2;font-size:36px;padding:20px 20px;font-weight:300;margin:10px 0 20px 45px;}
#textesHeader p#baseline span.inside span{font-weight:700;font-style:italic}
#textesHeader p#baseline span.inside{position:relative;z-index:10;font-weight:300}


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



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

#barre_1{margin:20px auto}
#information-contact{float:left;width:33%;box-sizing:border-box;}

#information-contact h2{padding:0;color:#fff;margin-bottom:15px;  }
#information-contact h2 a{display:block;background:#459ebc;padding:8px;font-size:18px;text-align:center;color:#fff;}
#information-contact h2 a span.inside{display:block;border:1px #fff solid;}
#information-contact h2 a span.consult{display:block;padding:15px 15px 13px}
#information-contact h2 a span.consult strong{font-weight:300}
#information-contact h2 a span.appel-contact{display:block;padding:15px 15px 13px;font-size:20px;color:#fff;background:#51b1d1;text-transform:uppercase}

#information-contact h2 a:hover{background:#50b848;}
#information-contact h2 a:hover span.appel-contact{background:#9cdb48;}

.edito{padding:20px;background:#fff;border:1px #eee solid;}
.edito h3{color:#50b848;font-size:18px;margin-bottom:12px;}
.edito h3 .little{font-size:16px;display:block;margin-bottom:5px;color:#4c9ebb}
.edito p{color:#444;font-size:15px;line-height:23px;text-align:justify;}
.edito p span.ico{width:100px;height:113px;display:block;float:left;background:url(../img/squelette/zen.gif) no-repeat 0 0;background-size:100px 113px}
.edito p a{display:inline-block;background:#96bf0d;color:#fff;padding:3px 8px;margin-left:10px;}
.edito p a:hover{background:#4c9ebb;}

div.infoLine{background:#ddd;color:#fff;padding:10px;text-align:center;}
div.infoLine .inside{padding:15px;border:1px #fff solid;background:#eee;color:#222}
div.info_line1{margin-bottom:10px}

#projetAccueil div.infoLine h2{font-weight:700;font-size:20px;margin-bottom:7px;color:#1c4b5e}
#projetAccueil div.infoLine h2 span.ico{width:12px;height:17px;background-position:-136px -82px;margin-right:10px;margin-top:-6px;}

div.infoLine p{color:#444;font-size:14px;line-height:20px;}
div.infoLine p.lineCt2{color:#444;font-size:15px;line-height:18px;padding-top:5px;}
div.infoLine p a{margin-top:15px;display:block;background:#1c4b5e;color:#fff;padding:9px 7px 7px;}
div.infoLine p a:hover{background:#222}


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

#visuelsAccueil{background:#fff;position:relative;}
#defilementVA{width:100%;position:relative;}
#defilementVA a#lireSuite {background: #50b848;font-size: 20px;padding: 4px 20px;border-bottom-right-radius: 15px;position: absolute;bottom: -20px;right: 30px;color: #fff;text-transform: uppercase;font-weight:500;}
#defilementVA a#lireSuite:hover {background: #00aeaf;}


#defilementVA .texteVisuA{background:rgba(255, 255, 255, 0.8);text-align:right;box-sizing:border-box;padding:15px 30px 35px 30px;position: absolute;right:50%;margin-right:-600px;bottom: 20%;border-radius: 20px 0 0 20px;text-transform: uppercase;}

.cycle-pager {
    position: absolute;
    z-index: 115;
    bottom: -2%;
    text-align: center;
    width: 100%;
}
.cycle-pager span {
    font-size: 75px;
    cursor: pointer;
    color: #fff;
    font-family: roboto;
}
.cycle-pager span.cycle-pager-active {
    color: #50b848;
}
#custom-pager{position:absolute;top:0px;right:0px;z-index:120}
#custom-pager a{font-size:14px;display:inline-block;padding:6px 10px;background:#1c4b5e;color:#fff;font-weight:300}
#custom-pager .cycle-pager-active a{background:#fff;color:#262626;}

#defilementVA h2{position:relative;z-index:110;display:inline-block;color:#444;font-family: 'Titillium Web', sans-serif; font-size:22px;padding-top:5px}
#defilementVA h2 span{position:relative;z-index:10}
#defilementVA h3{color:#4b4a4d;padding:20px 10px 10px 0;font-size:20px;font-style:italic;}
#defilementVA img{vertical-align:middle;width:100%;}
#defilementVA .elt_defile{width:100%}

#defilementVA .boxTexte p{font-weight:300}
#defilementVA h2 a{color:#000}
#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:#1c4b5e;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}

#defilementVA:before, #defilementVA:after{
    position: absolute;
    bottom:20px;
    z-index: 98;
    width: 50%;
    height: 25px;
    content: " ";
    background: rgba(0,0,0,0.1);
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 22px 20px rgba(0,0,0, 0.7);
}

#defilementVA:before {
    left:0;
    transform: rotate(-2deg);
}
#defilementVA:after {
    right:0;
    transform: rotate(2deg);
}
/*  ++
+++ HIGHLIGHTS +++++ */


.highlights{margin-top:40px;}
.highlights .conteneur{background:#fff;}
.highlights .conteneur .article_cell{float:left;width:32%;margin-right:2%}
.highlights .conteneur .article_cell:last-child{margin-right:0%}
.highlights .conteneur .article_cell a,.highlights .conteneur .article_cell a img{display:block;width:100%;vertical-align:middle;overflow:hidden;border-radius: 25px;}


a.effect-sadie span.divTexte::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(80,184,72,0.8) 75%);
    background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(80,184,72,0.8) 75%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
    border-radius: 25px;
}


a.effect-sadie span.divTexte span.titreVign {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding:0 10px;
    box-sizing: border-box;
    color: #fff;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.5);
}


a.effect-sadie span.divTexte span.prCentrage {
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}

a.effect-sadie:hover span.divTexte span.titreVign {
    color: #fff;
    -webkit-transform: translate3d(0,20%,0) translate3d(0,-40px,0);
    transform: translate3d(0,20%,0) translate3d(0,-40px,0);
}

a.effect-sadie:hover span.divTexte::before ,
a.effect-sadie:hover span.divTexte span.prCentrage {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}



.article_cell span.divTexte{
    position: absolute; z-index:110;
    left:0;
    bottom:0;
    width: 100%;
    height: 100%;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
}
.article_cell span.divTexte span.prCentrage{width:100%;height:100%;display:table;vertical-align:middle;color:#fff;font-size:16px;}
.article_cell span.divTexte span.prCentrage span.posCentre{display:table-cell;vertical-align:middle;text-align:center;}
.article_cell span.divTexte span.prCentrage span.posCentre span{font-size:16px;color:#fff;display:inline-block;font-family:'titillium web', sans serif;font-weight:400;text-transform:uppercase;text-shadow: 1px 1px 1px rgba(98, 143, 39, 1);}
.article_cell a,.article_cell a img{display:block;position:relative;}
.article_cell a{overflow:hidden;}

.highlights .conteneur .article_cell a:hover span.divTexte{opacity:1}

.highlights h2{text-align:left;font-size:24px;color:#444;padding-bottom:20px;font-family: 'hall';text-transform: uppercase}
.highlights h2 strong{color:#50b848;}

.highlights h2 span.ico-menu{width:28px;height:23px;background-position:-8px -150px;position:relative;top:-2px}
.highlights h2 span.ico-probleme{width: 27px;height: 26px;background-position: -7px -116px;position:relative;top:-2px}
.highlights h2 span.ico-une{width: 27px;height: 26px;background-position: -7px -172px;position:relative;top:-2px}
.highlights span.titreVign{display:block;text-align:center;color:#000;font-size:22px;font-weight: 700;border-bottom-left-radius: 40px;font-family: 'titillium web';text-transform: uppercase}

a.btn_tel,a.btn_contact{vertical-align:middle;display:inline-block;margin-right:10px;background:#1c4b5e;color:#fff;font-size:20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;height:30px;padding:10px 20px 4px;}
a.btn_contact{padding:11px 20px 3px;margin-right:0px;font-size:15px;background:#000;}
a.btn_tel span.ico{width:16px;height:20px;background-position:-188px -9px}
a.btn_tel:hover span.ico{background-position:-188px -39px}
a.btn_contact span.ico{width:20px;height:19px;background-position:-211px -9px}
a.btn_contact:hover span.ico{background-position:-211px -39px}
div.coords{text-align:center;padding-top:20px;}

div.line-actu,#inside_content div.line-actu h3 a{background:#eee;padding:5px 20px 10px;text-align:justify;display:block;}
div.line-actu:nth-child(2n+1),#inside_content div.line-actu:nth-child(2n+1) h3 a{background:#f5f5f5}
div.line-actu img{float:left;margin-right:20px}
#actuMoment div.line-actu img{width:150px}
div.line-actu p{font-size:14px;line-height:18px;color:#444}
div.line-actu p a{color:#444}
div.line-actu p a:hover{text-decoration:underline}
div.line-actu h3{padding-top:6px}
div.line-actu h3 a{font-size:16px;color:#1c4b5e;font-weight:500}
div.line-actu h3 a:hover{text-decoration:underline}

.block-theme{margin-bottom:30px}
#inside_content div.line-actu h3 a{font-size:15px;color:#264f60;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;}

#actu-rss-pages h3{margin-bottom:10px}
#actu-rss-pages div.line-actu img{width:100%;float:none;margin:0 0 7px 0}


p.suiteA{text-align:center;padding-top:20px;}
p.suiteA a{color:#264f60;text-decoration:none;font-size:15px;}
p.suiteA a:hover{color:#1c4b5e;text-decoration:underline;}

#navAccess a.launch,#navAccess a.launchActif{display:inline-block;padding:9px 30px 5px;border:1px #ddd solid;box-sizing:border-box;color:#264f60;text-align:center;font-weight:500;font-size:14px;position:relative;z-index:3;margin-bottom:-1px;}
#navAccess a.launchActif,#navAccess a.launch:hover{border-bottom-color:#fff;background:#fff;color:#1c4b5e}
#navAccess #loadZone{border:1px #ddd solid;background:#fff;padding:20px;}
#navAccess p{font-size:14px;line-height:18px;margin-bottom:12px;text-align:justify}
#navAccess form input{width:100%;box-sizing:border-box;padding:15px;border:1px #ddd solid;background:#eee;margin-top:3px;}
#navAccess form input.send{background:#50b848;color:#fff;text-align:center;font-weight:700;cursor:pointer;text-transform:uppercase}
#navAccess form input.send:hover{background:#264f60;}
#navAccess p a{color:#1c4b5e;text-decoration:none}
#navAccess p a:hover{text-decoration:underline}

#zonePaie{display:none;}

#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{padding:25px 0 0 0;border-top:2px #eee solid;background:none;color:#000;display: block; text-align: center;font-weight:700;font-family:'titillium web'}
#contenuIndex h2 span,#menuPages h2 span{font-weight:500;position:relative;z-index:10}

#actuAccueil{margin-bottom:40px;}
#actualites h2{margin-bottom:40px}
.cell_actu{width:48%;float:left;background:#eee;}
.first_actu{margin-right:4%}
.uneSeule{width:98%;margin-right:0}
.cell_actu img{width:100%;vertical-align:middle;border-top-right-radius: 25px; border-top-left-radius: 25px;}
.cell_actu h3{font-size:18px;line-height:22px;margin:20px 0 10px;color:#1c4b5e;padding:0 20px}
.cell_actu h3 a{color:#50b848;font-family: titillium web; text-align: center;display: block; font-weight: 700;font-size: 20px;}
.cell_actu p{font-size:14px;line-height:20px;color:#264f60;padding:0 20px 20px;font-weight:300;text-align:justify}
.cell_actu p a{color:#222}

/* 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:#555555;padding:0 20px 20px;font-weight:300;text-align:justify}

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

.calameo_accueil{margin:25px 0 0 0}
.calameo_accueil div.infos_calameo{padding-top:0}
.calameo_accueil .left{margin-right:10px;}
.infos_calameo h3{font-size:18px;line-height:22px;margin:0 0 10px;color:#1c4b5e;padding:5px 20px 0 20px}
.infos_calameo h3 a{color:#1c4b5e}
.infos_calameo p.texte,.infos_calameo p.sousTitre{font-size:14px;line-height:20px;color:#555555;padding:0 20px 20px;font-weight:300;text-align:justify}
.infos_calameo p.sousTitre{padding:0 0 20px 0;font-weight:600}
.infos_calameo p.sousTitre a{color:#555}

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

#contenuPage{background:#fff; padding:20px 0 40px;}
#contenuPage .conteneur{padding:20px;background-color:#fff;}

#menuPages{width:24%;float:left;padding-bottom:25px;}
#menuPages ul#mainMenu{margin-bottom:30px}
#gestionnaire_content{width:72%;float:right;background:#fff;margin-bottom:3%;padding-bottom:4%;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}

#bandeauPage{position:relative;margin-bottom:20px;}
#bandeauPage img{vertical-align:middle;width:100%;border-radius: 15px;}
#bandeauPage h1,#contenuPage h1{background:#fff;font-family:'titillium web';color:#fff;padding:15px 15px 12px;font-size:22px;font-weight:700;}
#bandeauPage h1{background:rgba(80, 184, 72, 0.8);position:absolute;bottom:0;left:0;border-radius: 0 15px;}
#contenuPage h1.noBandeau{position:relative;display:inline-block;padding:1% 0 1% 0;color:#264f60;background:#50b848;width:100%;border-radius:10px;margin-bottom: 10px;}
#contenuPage h1 span{position:relative;z-index:10;text-align: center;display: block;font-size: 30px;color: #fff;font-family: titillium web;font-weight: 500;}

#gestionnaire_content h2{color:#1c4b5e;font-size:22px;margin-bottom:20px;}
#gestionnaire_content .extras h2{color:#50b848;font-weight:600;font-size:20px;font-family: titillium web}
#gestionnaire_content p{color:#444;font-size:16px;line-height:22px;text-align:justify;font-family: titillium web}


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

#contenuPage .cell_actu{float:none;width:100%;padding-bottom:10px;border-radius: 25px;}

#manuPages{padding-bottom:25px;}
#menuPages ul,#menuPages a#m_doc{margin-bottom:16px;}
#menuPages ul li{list-style:none;margin-bottom:5px;}
#menuPages ul li a{position:relative;font-family: 'titillium web';display:block;background:#f4f4f4;color:#444;padding:12px 25px 12px 12px;font-size:16px;    border-radius: 10px;}
#menuPages ul li a:hover{background:#50b848;color:#fff;border-radius: 10px;}
#menuPages ul li a.actif{background:#50b848;color:#fff;}
#menuPages ul.dev{padding-bottom:7px;background:#ededed;padding:6px; border-radius: 10px;border-top-left-radius: 0; border-top-right-radius: 0; padding: 16px 6px; margin-top: -8px;}
#menuPages ul.dev li a{background:#fff;font-size:15px;font-weight:300;padding:10px;color:#222}
#menuPages ul.dev li a:hover,#menuPages ul.dev li a.actif{background:#00aeaf;color:#fff;    border-radius: 10px;}

#menuPages ul.dev2{border:7px #1c4b5e solid;background:#fff;padding:7px;}
#menuPages ul.dev2 li a{background:#fff;border-bottom:1px #ddd 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:#1c4b5e;color:#fff;font-weight:300}


#menuPages a#m_doc{display:block;padding:17px 20px 15px;background:#f2f2f2;color:#4b4b4b;font-size:20px;line-height:22px;}
#menuPages a#m_doc:hover{background:#1c4b5e;color:#fff;}
#menuPages a#m_doc span.label{display:inline-block;vertical-align:middle;}
#menuPages a#m_doc span.gras{font-weight:600}
#menuPages a#m_doc span.ico{margin-right:15px;background-position:-7px -65px;width:30px;height:36px;}

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

/*CONSULTATION PERSONNALISE*/
#conteneurHighlights{margin-bottom: 30px}
.highlights.consultPerso {float: left; width: 49%}
.highlights.consultPerso .englob-articles{background: #ededed; padding:30px 25px; margin-top: -20px;border-radius: 25px;}
.highlights.consultPerso h2{background: #00aeaf; padding: 15px 10px 30px 15px;color: #fff;border-top-left-radius: 25px;border-top-right-radius: 25px;}
.highlights.consultPerso h2 strong{color: #fff;}
.highlights.consultPerso  .article_cell{float: none; width: 100%;}
.highlights.consultPerso  .article_cell:nth-child(1){border-bottom: 1px dashed black;margin-bottom: 26px;padding-bottom: 26px;}
.highlights.consultPerso  .article_cell a{border-radius: 25px;display: inline-block; width: 40%}
.highlights.consultPerso  .article_cell a img{border-radius: 25px;width: 100%;}
.highlights.consultPerso  .article_cell span{display: block;vertical-align: top;font-size: 23px;text-transform: uppercase;font-family: 'titillium web';padding: 0; text-align: left;font-weight: 600;}
.highlights.consultPerso  .article_cell p#extraitPage{color: #000;font-size: 16px;margin-top: 5px;}
.highlights.consultPerso  .article_cell #contenuPagesConsult{display: inline-block;width: 55%;margin-left: 20px; vertical-align: top;}
.highlights.consultPerso  .article_cell a#btnLireSuite{border: 1px solid #50b848; font-size: 16px;width: 50%;margin-top: 20px;background: #50b848;text-align: center;padding: 5px;border-radius: 10px;color: #fff;text-transform: uppercase;font-family: 'titillium web';}
.highlights.consultPerso  .article_cell a#btnLireSuite strong{font-weight: 700}
.highlights.consultPerso.actualite a.actuPlus:hover, .highlights.consultPerso  .article_cell a#btnLireSuite:hover {background: #00aeaf; color: #fff; border: 1px solid #00aeaf}

/*A LA UNE*/
.highlights.consultPerso.actualite{float: right; width: 49%}
.highlights.consultPerso.actualite  img{display: block;margin: auto;width: 75%; border-radius: 25px;}
.highlights.consultPerso.actualite  h3 > a{text-align: center;display: block;margin-top: 10px;font-size: 25px;font-family: 'titillium web';color: #000;font-weight: 600;}
.highlights.consultPerso.actualite p.textContenuUne{font-size: 15px ; padding: 2px 0;text-align: center;font-family: 'titillium web';}
.highlights.consultPerso.actualite a.actuPlus{border: 1px solid #50b848; font-size: 15px;font-family: 'titillium web';text-transform: uppercase;color: #fff;background: #50b848;padding: 5px;border-radius: 10px;display: block;width: 22%;margin: auto;text-align: center; margin-top: 10px;}
.highlights.consultPerso.actualite a.actuPlus strong {font-weight: 700}


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

#recherche_annuaire{background:#fff;border:1px #ddd solid;padding:25px;margin-bottom:25px}
#contenuPage #recherche_annuaire h2{color:#555;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:#555;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:#555;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:#555;margin-bottom:20px;}

.fiche_annuaire .presa_entite{padding:20px;background:#fff;border:1px #ddd solid;}
.presa_entite img.visuel{float:left;margin-right:25px;}
.presa_entite p{padding:20px 15px 15px;}
.coord_annuaire{border:1px #ddd solid;padding:20px;}
.maps_annuaire{background:#fff;padding:0;border:1px #ddd 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:#555555;font-weight:300;line-height:28px;}
div.lineCoord .labLine h3{font-size:16px;color:#555555;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 #dddddd solid}
#navDoc div.ligne{padding:5px 5px 0 5px;border-top:1px #dddddd 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 #ddd 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{padding: 15px 0 0 0;display: flex;flex-direction: column;}
.infosCoordonnees h2{font-family: 'titillium web';font-size: 25px;text-align: center;color: #000;background: #fff;padding: 10px;border-radius: 15px;border-top-left-radius: 0;border-bottom-right-radius: 0;font-weight: 500;}
.infosCoordonnees h2 strong{font-weight: 700;text-transform: uppercase;line-height: 40px;}
.infosCoordonnees #competencesClient{width: 100%;}
.infosCoordonnees p.qualiteClient{font-size:16px;display: block;text-align: center;background: #fff; margin-top: 10px;padding: 3px 5px;border-radius:10px 0 10px 0;}
.infosCoordonnees p.adresse{font-size:14px;display: block;text-align: center;margin-top: 5px;color:#fff;}

.infosContacts{width:180px;float: left;}
.infosContacts a {display:block;background: #00aeaf;font-family: 'Titillium Web', sans-serif;border-radius: 10px;border-bottom-right-radius: 0;color: #fff;font-size: 16px;padding: 2px 14px;margin-top:10px;border:1px #fff solid;}
.infosContacts a span.ico{width: 15px; height: 23px;background-position: -105px -108px;margin-right: 10px;margin-top: -1px;}
#footer .infosContacts a.link-rdv span.ico {width: 18px;height: 23px;background-position: -77px -154px;}
.infosContacts a.skype span.ico {width: 15px;height: 16px;background-position: -50px -157px;}

.infosContacts a:hover{background:#fff;color:#444}
.infosContacts a:hover span.ico{background-position:-105px -80px}
.infosContacts a.skype:hover span.ico{background-position:-50px -178px}
#footer .infosContacts a.link-rdv:hover span.ico{background-position:-77px -175px}

.social_media{display: flex;flex-direction: column;margin: 0 0 0 20px;align-items: center;justify-content: center;}
.social_media a{display:block;margin:4px 0;}
.social_media a.facebook span.ico{background-position: -332px -310px;background-size: 500px 400px;width: 40px;height: 40px;}
.social_media a.facebook:hover span.ico{background-position: -332px -352px;}
.social_media a.instagram span.ico{background-position: -379px -310px;background-size: 500px 400px;width: 40px;height: 40px;}
.social_media a.instagram:hover span.ico{background-position: -379px -352px;}



#footer{text-align:center;background:#50b848;color:#264f60;font-size:16px;line-height:26px;padding:20px 0;}
#footer .conteneur{position:relative;}
#contentFoot{text-align: left;display: flex;justify-content: space-between;align-items:center;}
#contentFoot #topBar{position:relative;height:8px;background:#efeee7;top:-3px;margin-bottom:40px;}

a#footerLogo{display:flex;width: 173px;height: 119px;background:transparent url(../img/squelette/logo-pied.png) no-repeat center center;background-size: 173px 119px;}

.infosCoordonnees a.btn_ctct{display:inline-block;margin-top:8px;background:#50b848;color:#fff;padding:7px 10px 4px;font-size:14px;}
.infosCoordonnees a.btn_ctct:hover{background:#4c9ebb;}

#footer .coords{float:left;margin-left:40px;width:200px;text-align:left;padding-top:0}
#footer a.btn_tel{background:#000;width:87%;padding:3% 5% 2% 8%;margin-bottom:7px}
#footer a.btn_contact{background:#000;width:87%;padding:3% 5% 2% 8%;}
#footer a.btn_tel:hover,#footer a.btn_contact:hover{background:#1c4b5e}

.footer_contact{display: flex;}

#footer ul{text-align:right;font-size:16px;margin-top:30px;float:right;background:#1d94ca;padding:20px 20px 35px;}
#footer ul li{list-style:none;}
#footer ul li a{color:#fff;line-height:26px;}
#footer ul li a:hover{text-decoration:underline}

#footer #annexes{text-align: right;font-size: 14px;font-weight: 300;width: 194px;}
#footer #annexes span.separateur{display:none;}
#footer #annexes a{color:#fff;display:block;text-align:right;line-height:30px}
#footer #annexes a.ib{display:inline-block;}
#footer #annexes a.ib:hover,#footer #annexes a:hover{text-decoration: underline}
#footer span.sep{margin:0 8px;color:#999}

#footer #gfx{background:url(../img/squelette/gfx_footer.png) no-repeat 0 0;width:317px;height:137px;background-size: 317px 137px;position:absolute;bottom:-6px;right:210px}


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

/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok,#gestionnaire_content p.ok {background-color:#50b848; color:#fff; font-weight:300; padding:15px;font-size:20px;}
.error,#gestionnaire_content p.error {background-color:#1c4b5e; 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:20px 0}
div.extras h4{margin:5px 0}
div.extras p{color:#666;}
div.extras p a{color:#1c4b5e;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:#1c4b5e;text-decoration:none;font-size:18px}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#1c4b5e;text-decoration:underline}
div.extras caption{font-size:16px;background-color:#50b848; color:#fff; padding:10px; font-weight:600}
#leb-img {margin-top:20px}

div.extras .credits1,div.extras .credits2{background-color:#F0F0F0; margin:5px 0px; padding:8px; width:100%}
#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:#555;font-size:16px}

#plan{font-size:16px;background: #D6D6D6;padding: 14px;border-radius: 10px;}
#plan ul li{list-style:none}
#plan a {display:block;padding:8px; background-color:#f4f4f4;margin-bottom:4px;color:#666;border-radius: 10px}
#plan a:hover {background-color:#00aeaf; color:#fff;text-decoration:none}
#plan a.titre{font-weight:700;background:#50b848;color:#fff;text-transform: uppercase;border-radius: 10px;}
#plan a.titre:hover{background:#50b848;color:#fff}

div.extras h4{font-size:22px;margin:30px 0 20px !important;font-family: titillium web;font-weight: 600;}

#creditsLeb a.cell{padding:10px !important;}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- 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:#264f60;font-weight:normal;font-size:18px;}
#formContact label.lettre{width:20%}
#formContact p.textuel input{color:#000;width:65%;background:#ddd;border:none;border-left:3px #50b848 solid;font-size:13px;margin-bottom:5px;padding:2%;}
#formContact textarea{font-family:'Roboto', sans-serif;color:#000;width:65%;border:none;border-left:3px #50b848 solid;background:#eee;font-size:13px;margin-bottom:5px;padding:2%;}
#formContact input.send{text-transform:uppercase;font-size:20px;border:none;background:#00aeaf;color:#fff;padding:2%;display:block;width:69%;font-weight:bold;text-align:center;margin-left:23%;cursor:pointer;margin-top:20px}
#formContact input.send:hover{background-color:#50b848;background-position:0 -2000px}
#formContact .lettreSend{margin-top:30px}
#formContact .lettreSend input.send,#recaptcha_widget_div{margin-left:23%}
#formContact p.oblig input,#formContact p.oblig textarea{background:#ddd}
#formContact select{border-width:1px;background:#eee;padding:10px;color:#264f60;width:65%;margin-bottom:5px;font-size:13px;border:0}


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

#bandeauFlags {position: absolute;top: 0;left: -50px;background-color: #ededed;padding: 9px 7px 7px 7px;border-radius: 0 0 6px 6px;}
#bandeauFlags .premier {margin-right:6px;}


#emailForm{display: none;}