/* --- 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; } /* font-family: 'Exo 2', sans-serif; */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- GLOBAL -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ * {margin:0px; padding:0px} 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,#contact-footer a span.ico-facebook{ 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:#00a94f !important} .gris {color:#fff !important} .rouge{color:#0068a0 !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 #cbe3ee 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;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- SQUELETTE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ html,body{background:#272525;} #page{background:#edf5f9 url(../img/squelette/bg-water.png) no-repeat top center;background-size:100% auto;} #colorBar{background: #7fca37;color:#fff;font-size:14px;font-weight:300;} #colorBar p{padding:7px 0 7px 300px;} #colorBar span{display:inline-block;background:#009dd0;height:10px;width:33.3334%;vertical-align:top;} #colorBar span.b_one{background:#009dd0;} #colorBar span.b_two{background:#009dd0;} #header{position:relative;padding:0;} #header .conteneur{box-sizing:border-box;} .conteneur { width:1600px; text-align:left; margin:0px auto 0px auto; box-sizing:border-box } #le-logo{float:left;position:relative;z-index:200;margin:35px 0 45px 20px;} #le-logo a{display:block;background:url(../img/squelette/jousse-logo.png) no-repeat 0 0;background-size:200px 131px;width:200px;height:131px} #logo-rge{display:block;width:140px;height:112px;background:url(../img/squelette/top-rge-artisan.png) no-repeat 0 0;background-size:140px 112px;float:right;margin:0 250px 0 0} p#tel-top{font-family: 'Exo 2', sans-serif;float:left;border:2px #393737 solid;font-size:24px;padding:16px 28px 18px;border-radius:0 15px 0 15px;color:#fff;margin:60px 0 0 70px} #nav{margin-top:0px;color:#fff;padding:0 0 45px;} #nav ul{display:block;background:rgba(255,255,255,0.8);padding:7px 25px 0 25px;height:60px;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 0 10px;margin:0 25px 7px;color:#555;font-size:16px;font-weight:500;vertical-align:middle;font-family: 'Roboto', sans-serif;margin-left:5px;} #nav a strong{font-size:18px} #nav a:after{display:block;position:absolute;content:"";width:0;height:4px;background-color:#0268a0;bottom:0;left:50%;opacity:0} #nav a:hover:after,#nav a.actif:after{width:100%;left:0;opacity:1;} #nav a:hover,#nav a.actif{color:#0268a0;} #nav a#home{margin-left:0;text-align:center;border:none;background:transparent;border-right:0;font-size:12px;font-weight:400;padding:10px 0 9px;} #nav a#home span.ico-svg{width:16px;height:16px;background-position:-10px -10px;margin-right:0} #nav span.separateurMenu{width:1px;height:37px;background-position: -176px -146px;margin-right:0} .glueMenu #nav{position:fixed;top:0;z-index:300;left:50%;margin-left:-800px;} .glueMenu #nav ul{background:#fff;} .glueMenu #header{padding-bottom:105px;} p#baseline{float:left;color:#0068a0;font-family: 'Exo 2', sans-serif;font-weight:300;font-size:28px;margin:72px 0 0 70px;line-height:32px;letter-spacing:0.7px;text-align: left;text-transform:uppercase} p#baseline span.ligne1 strong{font-size:36px;color:#0068a0;font-weight:600} p#baseline span.ligne2{color:#0068a0;font-weight:300;font-size:28px;} p#baseline span.ligne2 strong{color:#0068a0;font-weight:600;font-size:30px;} p#baseline .rondVert{font-size: 135px;color: #009dd0;} #rechercheHeader{float: right;margin-top: 40px; margin-right: 20px;background: #edece7;border-radius:10px;padding:10px;} #rechercheHeader input.text{background: #edece7;border: none;padding: 12px;width: 264px;font-size:14px;} #rechercheHeader input.ico-send{ border: none; background-image: url(../img/squelette/search.png); background-repeat: no-repeat; background-position: 7px 9px; background-size: 23px 23px; background-color:#edece7; width:40px; height: 40px; vertical-align: middle; cursor: pointer; float: right; margin: 0px 0px 0 0;} 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:#58585a;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;} #certifications{float: left;margin: 15px 0 0 50px;} #certifications img{width: auto;} #linksHeader{float:right;margin:40px 50px 0 0} #btn-devis p.intervention{position:relative;background:#0068a0;padding:15px;font-size:16px;color:#fff;font-weight:300;display:inline-block;margin-bottom:-15px;margin-left:40px;z-index:20} #btn-devis p.intervention span.ico-svg{width:20px;height:20px;margin:0 4px 0 7px;background-position:-10px -60px;position:relative;top:-1px} #btn-devis p.intervention:after{display:block;content:"";position:absolute;bottom:-6px;left:50%;margin-left:-10px;border-top:6px #0068a0 solid;border-left:6px transparent solid;border-right:6px transparent solid;} #btn-devis a,#nav a.link-number{display:block;background:transparent;border:2px #fff solid;font-family: 'Exo 2', sans-serif;color:#0068a0;padding:25px 25px 20px;margin-bottom:10px;font-size:18px;line-height:24px;font-weight:300;} #btn-devis a strong,#nav a.link-number strong{font-size:24px;font-weight:500} #btn-devis a:hover,#nav a.link-number:hover{background:#fff;color:#0068a0} #btn-devis a span.ico-svg,#nav a.link-number span.ico-svg{display:none;width:18px;height:15px;background-position:-40px -10px;position:relative;top:-1px;} /* coordonnes mobile */ #coordmob{padding:5px 0 20px;border-top:3px #009dd0 solid;margin-top:30px;} p#coordmobile{background:#58585a;font-size:18px;margin:2% 4% 2% 2%;padding:3%;} #coordmob form{background:#58585a;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:#009dd0;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:#8cc63f;} #information-contact h2 a:hover span.appel-contact{background:#9cdb48;} .edito{padding:20px;background:#fff;border:1px #eee solid;} .edito h3{color:#8cc63f;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:#fff;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} #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;} #encart-entreprise{width:35%;float:left;background:#000 url(../img/accueil/bg-entreprise.jpg) no-repeat 0 0;padding:30px;box-sizing:border-box;color:#fff;} #encart-entreprise h1{font-size:20px;color:#a70230;padding-top:110px;} #encart-entreprise h2{font-size:36px;line-height:38px;text-transform:uppercase;color:#fff;margin:15px 0} #encart-entreprise p{line-height:24px;font-size:18px;text-align:justify;font-weight:300} #encart-entreprise .declenche-pictos{text-align:center;} #encart-entreprise a.icotype{display:inline-block;margin:15px 5px 5px;font-size:30px;color:#000;padding:11px 14px;border-radius:27px;background:#a70230;line-height:24px;} #encart-entreprise a.icotype:hover{background:#fff;} #encart-entreprise .zone-type a{margin:15px 40px 0;display:block;border-radius:10px;padding:10px;background:transparent;color:#a70230;font-size:18px;border:2px #a70230 solid;text-align:center;margin-top:40px;} #encart-entreprise .zone-type a:hover{background:#a70230;color:#000} /* ++ +++ VISUEL DEFILEMENT ACCUEIL +++++ */ #presa-entreprise{float:left;background:#fff;width:32%;box-sizing:border-box;padding:60px;} #presa-entreprise h1{font-size:34px;color:#0269a0;font-weight:300} #presa-entreprise h1 strong{font-weight:700} #presa-entreprise p{color:#555;font-size:16px;line-height:24px;padding:25px 0} #presa-entreprise a{color:#0269a0;display:inline-block;padding:11px 0 7px;font-size:16px;border-bottom:4px #0269a0 solid;} #presa-entreprise a:hover{background:#0269a0;color:#fff;padding:11px 10px 7px} #visuelsAccueil{float:right;position:relative;padding:0;width:65%;margin-bottom:55px;} #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{background:rgba(0, 103, 161, 0.9);padding:30px;position:absolute;bottom:0;right:0;text-align:left;width:auto;margin:auto;color:#fff;width:50%;box-sizing:border-box;} #defilementVA .texteVisuA strong{font-size:27px;font-weight:500} #defilementVA h2{position:relative;z-index:110;display:block;font-family: 'Exo 2', sans-serif;margin-bottom:20px;font-weight:700;text-transform:uppercase;font-size:32px;line-height:34px;text-shadow: 1px 1px 2px rgba(26, 86, 117, 1);} #defilementVA h2 a{color:#fff;} #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{text-align:justify;font-weight:300;font-size:15px;line-height:22px;color:#fff;text-shadow: 1px 1px 2px rgba(26, 86, 117, 1);} #defilementVA .texteVisuA .lire{display:inline-block;border-bottom:3px #7cccfb solid;color:#7cccfb;padding:11px 0 7px 0;margin-top:15px;font-size:16px} #defilementVA .texteVisuA .lire:hover{background:#fff;color:#0269a0;border-color:#fff;padding:11px 10px 7px} .cycle-pager { position: absolute; z-index: 300; bottom: 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;top:10px;left:10px;width:30px;z-index:200;} #custom-pager a{font-size:18px;display:inline-block;padding:6px 0;background:#fff;color:#0168a1;font-weight:300;text-align:center;margin-bottom:4px;width:30px;box-sizing:border-box;} #custom-pager .cycle-pager-active a{background:#0168a1;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} .article_cell div.bulle{position:relative;pointer-events:none;padding:20px 20px 26px;border-radius:60px;text-align:center;position:absolute;z-index:200;left:50%;margin-left:-41px;top:-26px;} .article_cell div.bulle:after{content:"";display:block;width:0;height:0;border-top:10px #fa6900 solid;border-left:10px transparent solid;border-right:10px transparent solid;position:absolute;left:50%;margin-left:-10px;bottom:-8px} .article_cell div.bulle span.ico{display: block; background: url(../img/squelette/pictos.svg) no-repeat 0 0; background-size: 800px 600px; width: 42px; height: 37px; margin: auto; background-position:-80px -140px; } .bulle-orange{background:#fa6900} .bulle-vert{background:#7fca37} .article_cell div.bulle-vert:after{border-top-color:#7fca37} .article-2 div.bulle span.ico{background-position:-140px -140px} .article-3 div.bulle span.ico{background-position:-20px -140px} .article-4 div.bulle span.ico{width:46px;background-position:-191px -139px} .article_cell:hover .bulle{top:-32px;} .article_cell span.divTexte{ position: absolute; z-index:110; width: 100%; height: 100%; text-align: center; box-sizing:border-box; } .article_cell span.divTexte span.prCentrage{width:50%;display:block;color:#fff;font-size:17px;text-align: center;margin: 5% auto 0 auto;} /*.article_cell span.divTexte span.prCentrage span.posCentre{display:table-cell;vertical-align:middle;text-align:right;padding-right:15px;}*/ .article_cell span.divTexte span.prCentrage span.posCentre span{font-size:17px;color:#fff;font-family:'Roboto', sans serif;font-weight:400;line-height: 22px;} .article_cell a,.article_cell a img{display:block;position:relative;} .article_cell a{overflow:hidden;} .titre_article_cell{text-align: center;font-size: 24px;color: #fff;letter-spacing: 1px;font-family: 'Exo 2';} .titre_article_cell a{color: #fff;} .listing-cellules:after{content:"";clear:both;display:table} #actualite-accueil{background-size:100% auto;} .label-exclusivite{position:absolute;top:-20px;right:50px} #actualite-accueil .conteneur{position:relative;padding-top:120px;} #actualite-accueil .conteneur:after{content:"";display:table;clear:both} #zone-actu:after{content:"";clear:both;display:table;} #zone-actu{float:right;width:600px;padding-top:50px;} #zone-actu #visuel-actu{float:right;width:225px;padding-top:40px;} #zone-actu #visuel-actu img,#zone-actu img.habillage{width:100%;display:block;} #zone-actu-contact #visuel-actu img,#zone-actu-contact img.habillage{width:100%;display:block;} #zone-actu .englob-articles{background:#dce7f5;border:4px #e7eef8 solid;border-radius:20px;color:#333;float:left;width:375px;box-sizing:border-box;padding:30px;} #zone-actu .englob-articles:hover{background:#e7eef8;} #zone-actu .englob-articles h2{font-size:22px;font-family:'Exo 2', sans serif;line-height:24px;font-weight:700;text-transform:none;text-align:left;padding:0;margin:0 0 10px;} #zone-actu .englob-articles h3{font-size:15px;margin-bottom:15px;} #zone-actu .sepa-orange{display:block;width:35px;height:8px;background:#fa6900;margin-bottom:15px;} #zone-actu .englob-articles h2 a{color:#333} #zone-actu .englob-articles h2 a:hover{color:#fa6900} #zone-actu .englob-articles p{font-size:16px;line-height:24px;} #zone-contact{float:left;width:44%;background:url(../img/squelette/carte-mayenne.gif) no-repeat center center;padding:100px 20px 55px;height:220px} #zone-contact h2{text-transform:none;font-size:24px;color:#333;margin-bottom:20px;} #zone-contact h2 strong{color:#a70230;font-weight:500} a.line-tab{font-family:'Exo 2', sans serif;display:table;background:rgba(255,255,255,0.3);border-radius:15px 10px 10px 15px;color:#333;font-size:24px;margin-bottom:12px;width:100%;height:60px;} a.line-tab strong{font-weight:700} a.line-tab span.cell{display:table-cell;padding:5px 5px 5px 20px;vertical-align:middle;} a.line-tab span.first-cell{text-align:center;font-size:18px;width:36%;background:#7fca37;color:#fff;border-radius:15px 6px 6px 15px;display:table-cell;padding:10px;} a.line-tab span.bg-orange{background:#fa6900} a.btn-devis:hover{background:#e66609;color:#fff} 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:#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:transparent;color:#0068a0;display: block; text-align: left;font-weight:300;font-family:'Exo 2', sans serif;font-size:18px;padding:10px 10px 10px 0;margin:0} #contenuIndex h2 span,#menuPages h2 span{font-weight:500;position:relative;z-index:10} #actualites h2{margin-bottom:40px} .cell_actu{width:48%;float:left;background:#222;} .first_actu{margin-right:4%} .uneSeule{width:98%;margin-right:0} /* 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:#333333333333;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:#edf5f9 url(../img/squelette/bg-water.png) no-repeat center center;background-size:100% auto;padding:60px 0 60px;color:#555;} .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%} .cell-tiers h2{font-family:'Exo 2', sans serif;font-size:26px;text-align:center;padding:10px 0 15px;color:#0269a0} .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:#0068a0;} .cell-tiers p a:hover{color:#0068a0;} .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{color:#0269a0;display:inline-block;padding:11px 0 7px;font-size:16px;border-bottom:4px #0269a0 solid;font-weight:400} .cell-tiers .contact a.tel{margin-right:20px;} .cell-tiers .contact a.offre{margin-bottom:30px;} .cell-tiers .contact a:hover{background:#0269a0;color:#fff;padding:11px 10px 7px} .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:#0269a0;display:inline-block;padding:11px 0 7px;font-size:15px;border-bottom:4px #0269a0 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:#0269a0;color:#fff;text-decoration:none;} .cell-tiers .var-contact a.ttes-offres{background:#0269a0;color:#fff;margin-top:10px;} .cell-tiers .var-contact a.ttes-offres:hover{background:#1387c5;color:#fff;} #visuel-actu img{margin-bottom:20px} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- zone realisations -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #extraits-realisations{background:rgba(255,255,255,0.8) url(../img/squelette/bg-realisations.png) no-repeat center center;background-size:auto 100%;padding:40px 0 60px;margin:0;border-top:2px #fff solid;border-bottom:2px #fff solid} #extraits-realisations h2{font-size:36px;padding:20px 0 40px;font-weight:300;color:#0269a0;text-align:center} #extraits-realisations h3{font-size:15px;color:#fff;font-weight:300;margin:0 20px;border-top:11px #a70230 solid;text-align:center} #extraits-realisations .cell-tiers{padding:0;text-align:center; -moz-box-shadow: 0px 0px 3px 1px #d1e0e6; -webkit-box-shadow: 0px 0px 3px 1px #d1e0e6; -o-box-shadow: 0px 0px 3px 1px #d1e0e6; box-shadow: 0px 0px 3px 1px #d1e0e6; filter:progid:DXImageTransform.Microsoft.Shadow(color=#d1e0e6, Direction=NaN, Strength=3);} #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;} .cell-tiers a.visuel{display:block;position:relative;overflow:hidden;} .cell-tiers a.visuel span.bordure{display:block;border:30px #fff solid;overflow:hidden;position:relative;} .cell-tiers a.visuel span.text-appear{display:inline-block;;position:absolute;padding:40px;background:rgba(0, 103, 161, 0.6);color:#fff;font-size:14px;z-index:100;box-sizing:border-box;top:0;left:0;bottom:0;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:20px;font-family:'Exo 2'} .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;} #menuPages .cell-tiers{display:block;float:none;width:100%;box-sizing:border-box;background:rgba(255, 255, 255, 0.8);padding:20px;text-align:left;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- CONTENU PAGE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #contenuPage{padding:0 0 15px;} #contenuPage .conteneur{font-weight:300;padding-bottom:60px} #menuPages{width:25%;float:left;} #menuPages ul#mainMenu{margin-bottom:0} #gestionnaire_content{width:75%;box-sizing:border-box;float:right;background:rgba(255,255,255,0.7);padding-bottom:20px;} #gestionnaire_content #inside_content{padding:0 30px;} #bandeauPage{position:relative;margin-bottom:20px;} #bandeauPage img{vertical-align:middle;width:100%;} #bandeauPage h1,#contenuPage h1{font-family:'Roboto';color:#fff;padding:12px;font-size:26px;font-weight:700} #bandeauPage h1{background:#f0f8fb;position:absolute;bottom:0;left:0;text-align: left;color:#0068a0;font-family:'Exo 2';font-weight:400;padding:15px 30px 15px 15px;} #contenuPage h1.noBandeau{box-sizing:border-box;display:block;margin:20px 30px;color:#0068a0;font-family:'Exo 2';font-weight:500;padding:10px 0 0 0;background:transparent;display:inline-block;border-radius:15px;font-size:28px} #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 #cbe3ee 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; -moz-box-shadow: 0px 0px 3px 1px #d1e0e6; -webkit-box-shadow: 0px 0px 3px 1px #d1e0e6; -o-box-shadow: 0px 0px 3px 1px #d1e0e6; box-shadow: 0px 0px 3px 1px #d1e0e6; filter: progid:DXImageTransform.Microsoft.Shadow(color=#d1e0e6, Direction=NaN, Strength=3);} #gestionnaire_content p.high a{color:#0068a0;font-size:500;text-decoration:underline} #gestionnaire_content p.high a:hover{text-decoration:none} #gestionnaire_content p.high strong{color:#0068a0} .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:0 20px 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:#0068a0;background:#fff;margin-bottom:10px;border:1px #ddecf1 solid;border-bottom:4px #0068a0 solid;} #menuPages #bloc-contact-real .cell-tiers a:hover{background:#0068a0;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;margin-top:20px;} .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: 'Exo 2', '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} #manuPages{padding-bottom:25px;} #menuPages ul,#menuPages a#m_doc{margin-bottom:16px;padding:0 20px 10px 0;} #menuPages ul li{list-style:none;margin-bottom:7px;} #menuPages ul li a{position:relative;font-family: 'Roboto';font-weight: normal;display:block;background:#fff;color:#555;padding:12px 25px 12px 12px;font-size:15px;} #menuPages ul li a:hover,#menuPages ul li a.actif,#menuPages ul li.actif > a{background:#0068a0;color:#fff;} #menuPages ul.dev{background:#0068a0;padding: 15px 6px 10px 6px; margin-top: -8px;} #menuPages ul.dev li{margin-bottom:4px;} #menuPages ul.dev li a{background:#117eb8;font-size:15px;font-weight:300;padding:10px;color:#fff} #menuPages ul.dev li a:hover,#menuPages ul.dev li a.actif{background:#fff;color:#0269a0;} #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} #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;} #menuPages .encart-contact{float:none;margin:0 20px 0 0} #menuPages .encart-contact h2{font-size:16px} #menuPages .encart-contact a{display:block;float:none;margin:0 0 5px;width:100%;box-sizing:border-box;font-size:16px;} 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;} #menuPages h1{color:#fff;font-weight:500;font-family:'Exo 2', sans serif;font-size:20px;} /*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: 'Exo 2';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} .actualites-archivees{clear:both;padding-top:40px;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- MEDIATHEQUE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #mediatheque{padding:30px 30px 50px;} #contenuPage #mediatheque h1{color: #0068a0;font-family: 'Exo 2';font-weight: 300;font-size:20px;padding:0 0 20px 0} #contenuPage #mediatheque h1 span{font-weight: 700;font-size:24px;padding:0 0 20px 0} #contenuPage #mediatheque h1.tad{padding-right:30px;} #realisations{background:#fff;margin:0 30px 50px} #realisations h2{padding:50px 0 25px;text-align:center;font-size:33px;} #realisations h2.var-display{padding:20px 20px 0;text-align:left;font-size:20px;} #realisations .elt-g-var{margin:0 0 0 20px} #realisations .listing-realisations{padding:15px 30px 30px;} #realisations .listing-realisations .une-rea,#realisations .listing-realisations .plus-de-rea,#mosaiqueMedias .une-rea{vertical-align:top;width:49%;margin:0 0 2%;display:inline-block;font-size:20px;text-align:center;color:#1a171b;border-radius:15px;box-sizing:border-box;margin-bottom:10px} .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(0, 104, 160,0.9);opacity:0;width:calc(100% + 1px);height:100%;box-sizing:border-box;color:#fff;font-family:'Exo 2', sans serif;font-size:15px} span.fixH{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10} .corner{position:absolute;bottom:0;right:0;z-index:8;width:50px;height:50px;background:url(../img/medias/corner.png) no-repeat 0 0} #realisations .une-rea:hover span.contentCenter,#mosaiqueMedias .une-rea:hover span.contentCenter{opacity:0.9} .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:32%;margin:0 0 20px;display:inline-block;font-size:20px;text-align:center;color:#1a171b;border-radius:15px;box-sizing:border-box;} #mosaiqueMedias .une-rea:nth-child(3n+2){margin:0 2% 2% 2%} .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;} #mosaiqueMedias .var-video a img{border-radius:15px 15px 0 0} #mediatheque #partie_contenu h2{position:relative;background:#fff;padding:20px;font-size:16px;text-align:center;color:#0068a0;} #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:1px #fff solid;background:#fff;padding:25px 25px 10px;color:#353535;font-size:15px;line-height:20px;font-weight:300;} #mediatheque #texteMedia a{color:#0068a0;text-decoration:underline} #mediatheque #texteMedia a:hover{text-decoration:none} #mediatheque #texteMedia p{text-align:justify;padding-bottom:15px;} #mediatheque #texteMedia ul{font-family:'Roboto', sans serif;padding:20px;list-style:disc outside none;margin-bottom:15px;color:#353535;background:#edf5f9;text-align:left;} #mediatheque #texteMedia ul li{color:#353535;list-style:disc outside none;display:list-item;margin-left:25px;} #mediatheque #texteMedia ul li a{color:#0068a0;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:'Exo 2', 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:#918700} #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;width:400px;margin:10px 30px 0;} .infosCoordonnees p{color:#fff;} .infosCoordonnees p a{color:#fff;text-decoration:none;font-size:15px;} .infosCoordonnees p a:hover{text-decoration:underline} #footer .adresses{font-size:15px;float:right;text-align:right;margin:20px 30px 0 20px;font-weight:300} #footer{font-size:16px;line-height:26px;background:#fff;position:relative;color:#555;box-sizing:border-box;padding:60px;} #footer .conteneur{position:relative;padding:0;} #contentFoot #topBar{position:relative;height:8px;background:#e3e3e3;top:-3px;margin-bottom:40px;} #zoneLogo{float:left;padding:0;text-align:left;width:32%;margin-right:2%;font-weight:300;padding:0 2%;box-sizing:border-box;} a#footerLogo{display:block;width:150px;height: 98px;margin:0 4% 0 2%;background:transparent url(../img/squelette/jousse-logo.png) no-repeat center center;background-size: 150px 98px;float:left;} #zoneLogo p{display:block;float:left;margin:0;text-align:left;font-size:16px;line-height:18px;color:#555;padding:0;width:240px} #zoneLogo p strong{display:block;margin-bottom:10px;font-size:17px;color:#0269a0;font-family:'Exo 2', sans serif;font-weight:400} #contact-footer{float:left;font-family:'Exo 2', sans serif;width:32%;text-align:center;padding:0 2%;box-sizing:border-box;} #reprise-metiers{width:32%;float:right;margin:0;padding:0 2%;box-sizing:border-box;} #reprise-metiers a,#contact-footer a{font-weight:300;font-family:'Roboto', sans serif;display:block;float:left;width:49%;padding:6px 15px;text-align:center;font-size:16px;margin:0 0 2%;color:#0269a0;border:1px #ddecf1 solid;box-sizing:border-box} #contact-footer a{width:100%;font-size:20px;padding:10px;} #contact-footer a span.ico-linkedin{width:95px;height:21px;display:inline-block;vertical-align:middle;background:url(../img/linkedin.png) no-repeat 0 0;margin-left:2px;position:relative;top:-1px;} #contact-footer a span.ico-facebook{width:95px;height:21px;display:inline-block;vertical-align:middle;background:url(../img/facebook.png) no-repeat 0 0;margin-left:2px;position:relative;top:-1px;} #contact-footer a:hover span.ico-linkedin{background-position:0 -21px;} #contact-footer a:hover span.ico-facebook{background-position:0 -21px;} #reprise-metiers a:nth-child(2n){margin-left:2%} #reprise-metiers a:hover,#contact-footer a:hover{background:#0269a0;color:#fff;} #annexes{border-top:2px #f7f9fa solid;color:#89beda;float:none;text-align:center;font-size:16px;font-weight:300;padding:30px 0 0 0;margin-top:20px;box-sizing:border-box;box-sizing:border-box} #annexes span.separateur{display:inline-block;} #annexes a{color:#555;display:inline;text-align:right;line-height:30px;font-size:14px} #annexes a.ib{display:inline;} #annexes a:hover,#annexes a.ib:hover,#footer #annexes a:hover{text-decoration: underline;color:#0269a0} span.sep{margin:0 8px;color:#89beda} #qualifications{padding:30px 0;background:#fff;border-top:2px #f7f9fa solid;text-align:center;margin-top:80px;} #qualifications img{margin:0 25px} #qualifications h2{margin-bottom:30px;display:block;font-size:18px;color:#0269a0;font-family:'Exo 2', sans serif;font-weight:400} .first-line:after{content:"";display:table;clear:both;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- MESSAGES -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /*** MESSAGES ERREUR ***/ .ok, .error{text-align:center; } .ok,#gestionnaire_content p.ok {background-color:#0068a0; 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 {display:block;padding:12px; background-color:#edf5f9;margin-bottom:4px;color:#555;font-size:15px;} #creditsLeb .grisC{color:#0068a0 !important;font-size:16px;} #plan a:hover {background-color:#0068a0; color:#fff;text-decoration:none} #plan a.titre{font-weight:500;background:#0068a0;color:#fff;text-transform: uppercase;font-family:'Exo 2', sans serif;} #plan a.titre:hover{background:#117eb9;color:#fff} div.extras h4{font-family:'Exo 2';font-size:22px;margin:30px 0 20px !important;font-family: Roboto;font-weight: 400;} div.extras h4.rouge{color:#0068a0 !important;font-family:'Exo 2';} #creditsLeb a.cell{padding:10px !important;font-size:16px;color:#555;background:#edf5f9 !important} #creditsLeb a.cell:hover{background:#0068a0 !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:#edf5f9;border:none;font-size:13px;margin-bottom:5px;padding:2%;} #formContact textarea{font-family:'Roboto', sans-serif;color:#555;width:65%;border:none;background:#edf5f9;font-size:13px;margin-bottom:5px;padding:2%;} #formContact input.send{text-transform:uppercase;font-size:20px;border:none;background: #fff;border: 1px #ddecf1 solid;cursor: pointer;color: #0068a0;padding:2%;display:block;width:69%;font-weight:bold;text-align:center;margin-left:22%;cursor:pointer;margin-top:20px;} #formContact input.send:hover{background-color:#0068a0;color:#fff;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:#edf5f9;} #formContact select{border-width:1px;background:#edf5f9;padding:10px;color:#555;width:65%;margin-bottom:5px;font-size:13px;border:0} #fancybox-title-main{color:#666 !important}