/* --- LEB COMMUNICATION | 2014 */ /* IMPORTS COMMUNS */ @import url(common.css); /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */ /* -/-/-/-/-/-/-/-/-/-/-/-/- VIEWPORT -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ @viewport{ width: device-width; zoom: 1; } @media screen and (max-width: 400px) { @-ms-viewport { width: device-width; } } @-webkit-viewport{ width: device-width; } @-moz-viewport{ width: device-width; } @-ms-viewport{ width: device-width; } @-o-viewport{ width: device-width; } @viewport{ width: device-width; } /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- FONT -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ @font-face { font-family: 'skia'; src: url('font/skia-webfont.eot'); src: url('font/skia-webfont.eot?#iefix') format('embedded-opentype'), url('font/skia-webfont.woff2') format('woff2'), url('font/skia-webfont.woff') format('woff'), url('font/skia-webfont.ttf') format('truetype'), url('font/skia-webfont.svg#skiaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinbold'; src: url('font/din-bold-webfont.eot'); src: url('font/din-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/din-bold-webfont.woff') format('woff'), url('font/din-bold-webfont.ttf') format('truetype'), url('font/din-bold-webfont.svg#dinbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinlight'; src: url('font/din-ligh-webfont.eot'); src: url('font/din-ligh-webfont.eot?#iefix') format('embedded-opentype'), url('font/din-ligh-webfont.woff') format('woff'), url('font/din-ligh-webfont.ttf') format('truetype'), url('font/din-ligh-webfont.svg#dinlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinmedium'; src: url('font/din-medi-webfont.eot'); src: url('font/din-medi-webfont.eot?#iefix') format('embedded-opentype'), url('font/din-medi-webfont.woff') format('woff'), url('font/din-medi-webfont.ttf') format('truetype'), url('font/din-medi-webfont.svg#dinmedium') format('svg'); font-weight: normal; font-style: normal; } html {font:12px 'dinlight', Arial, helvetica, sans-serif;background:#ece4f5} #body,#formContact input,#interactifHeader input,input{font-family: 'dinlight', sans-serif;font-weight:300} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- 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,#highPage h2,#highPage img,#highPage,#highPage h3 a,#defilementVA .texteVisuA,#defilementVA,p.suiteA a,#body .formSubmit input,#menuPages div.line-actu h3 a,.cell_actu h3 a,#footer #certifications img, .espace_document .ligne a.roots { 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:#ce3131 !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:#ece4f5;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:url(../img/squelette/ticks.png);text-align:center;padding-top:20px;} #colorBar{background:#e42618;height:10px;} #colorBar span{display:inline-block;background:#e42618;height:10px;width:33.3334%;vertical-align:top;} #colorBar span.b_one{background:#e42618;} #colorBar span.b_two{background:#e42618;} #header{position:relative;padding:0;margin:20px 0 0} #header .conteneur{background:#fff url(../img/squelette/bg-top.gif) no-repeat 330px bottom;box-sizing:border-box;padding:25px 20px;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;} .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-techne.png) no-repeat 0 0;background-size:156px 115px;width:156px;height:115px;margin-left:10px} #nav{color:#ffffff;margin-bottom:20px;} #nav .conteneur{background:#fff;border-bottom:1px #ece4f5 solid;border-top:2px #ece4f5 solid;} #nav ul li{list-style:none;display:inline-block} #nav a{border:1px #fff solid;margin-left:-1px;display:inline-block;padding:11px 15px;color:#444;font-size:16px;font-weight:500;vertical-align:middle} #nav a:hover,#nav a.actif{background:#412561;color:#fff} #nav a#home{margin-left:0;padding:8px 0 8px 10px;text-align:center;border:none;background:#fff;border:1px #fff solid;border-right:0;font-size:12px;font-weight:400} #nav a#home:hover{background:#412561;} #nav a#home span{width:22px;height:22px;background-position:-57px -55px;} #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;font-size:27px;color:#705b88;padding:27px 0 0 190px;font-family:'dinlight',Arial, sans serif;font-weight:300;} p#baseline span{display:block;padding:0 0 0 30px} p#baseline strong{color:#412561} p#baseline span.ligne1{font-size:42px} p#baseline span.ligne2,p#baseline span.ligne3{padding:0 0 0 30px} p#present{float:left;width:100px;background:#e00839;color:#fff;padding:10px 20px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;margin:30px 0 0 15px} 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:#444;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;} #linksHeader{float:right;width:270px;background:#412561;padding:12px 0 0;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} #linksHeader p{text-align:center;font-size:13px;text-transform:uppercase;color:#fff;padding-bottom:6px;} #linksHeader p strong{font-size:12px} #linksHeader a{display:block;background:#ece4f5;color:#444;font-size:16px;padding:15px 15px 11px 15px;} #linksHeader a span.number{float:right;font-weight:700;font-size:18px;position:relative;top:-3px} #linksHeader a:hover span.number{color:#fff;} #linksHeader a#h_contact{border-bottom:2px #fff solid;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;} #linksHeader a#h_lettre{-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;} #linksHeader a span.ico{width:22px;height:20px;background-position: -99px -81px;margin-right:10px;margin-top:-1px;} #linksHeader a#h_lettre span.ico{background-position: -131px -81px;} #linksHeader a:hover{background:#e00839;color:#fff} #linksHeader a:hover span.ico{background-position:-99px -116px} #linksHeader a#h_lettre:hover span.ico{background-position:-131px -116px} /* coordonnes mobile */ #coordmob{padding:5px 0 20px;border-top:3px #ccc 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:#e00839;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{background:#fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} #information-contact{float:left;width:35%;box-sizing:border-box;padding:10px 15px 0;border-top:6px #e00839 solid;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px;} div.infoLine{background:#ddd;color:#fff;padding:10px;text-align:center;} div.infoLine .inside{padding:15px;border:1px #fff solid;background:#ece4f5;color:#222} div.info_line1{margin-bottom:10px} #projetAccueil div.infoLine h2{font-weight:700;font-size:20px;margin-bottom:7px;color:#e00839} #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:#e00839;color:#fff;padding:9px 7px 7px;} div.infoLine p a:hover{background:#222} #information-contact h2{font-size:18px;text-align:center;color:#412561;padding:10px;} p#high-activite{background:#fff;padding:15px;color:#705b88;font-size:20px;line-height:24px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom:15px;font-weight:300;} #highPage strong{font-weight:500;font-size:18px} #highPage{position:relative;word-wrap: break-word;} #highPage h2{position:absolute;bottom:0;left:0;background: rgba(65, 37, 97,0.8);color:#fff;padding:10px 15px 10px 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topright: 10px;border-top-right-radius: 10px;} #highPage h3 {margin:0;padding:0;-webkit-border-top-left-radius: 10px;-moz-border-radius-topleft: 10px;border-top-left-radius: 10px;} #highPage h3 a{display:block;color:#412561;font-size:18px;margin:0 0 0;padding:10px;background:#ece4f5;-webkit-border-top-left-radius: 10px;-moz-border-radius-topleft: 10px;border-top-left-radius: 10px;} #highPage img{width:100%;display:block;vertical-align:middle;box-sizing:border-box;} #highPage:hover h3 a{background:#412561;color:#fff} /* ++ +++ VISUEL DEFILEMENT ACCUEIL +++++ */ #visuelsAccueil{background:#fff;position:relative;width:65%;float:right;overflow:hidden;-webkit-border-bottom-right-radius: 10px;-moz-border-radius-bottomright: 10px;border-bottom-right-radius: 10px;} #defilementVA{width:100%;position:relative;} #defilementVA .texteVisuA{background:#412561;width:100%;position:absolute;top:-42px;left:0;text-align:left; background: rgb(224, 8, 57); box-sizing:border-box;padding-right:140px; /* RGBa with 0.6 opacity */ background: rgba(224, 8, 57, 0.8); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#412561cc, endColorstr=#412561cc); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#412561cc, endColorstr=#412561cc)";} #defilementVA:hover .texteVisuA{top:0} #custom-pager{position:absolute;bottom:10px;left:10px;z-index:120} #custom-pager a{font-size:14px;display:inline-block;padding:6px 10px;background:#fff;color:#444;font-weight:300} #custom-pager strong:nth-child(2n+1) a{background:#ece4f5;} #custom-pager .cycle-pager-active a,#custom-pager strong.cycle-pager-active a{background:#412561;color:#fff;} #defilementVA h2{position:relative;z-index:110;display:inline-block;color:#fff;padding:15px;font-size:16px;font-family:'dinlight',Arial, sans serif} #defilementVA h2 span{position:relative;z-index:10} #defilementVA h3{color:#4b4a4d;padding:20px 10px 10px 0;font-size:20px;font-style:italic;font-weight:700} #defilementVA img{vertical-align:middle;width:100%;} #defilementVA .elt_defile{width:100%} #defilementVA .boxTexte p{font-weight:300} #defilementVA a.suite{font-size:15px;font-family:'dinlight',Arial, sans serif;color:#fff;background:#262626;padding:5px;font-weight:300;margin-left:10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} #defilementVA a.suite:hover{background:#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:#e00839;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} /* ++ +++ HIGHLIGHTS +++++ */ #highlights{margin-top:20px} #highlights .conteneur{background:#fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} #highlights #englob-articles{padding:2%;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} #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%;height:150px;vertical-align:middle;overflow:hidden} .article_cell span.divTexte{ position: absolute; z-index:110; left:10%;bottom:20%; background:rgba(65,37,97,0.8); width: 80%; height: 60%; box-sizing:border-box; border:1px #fff solid; } .var-coul span.divTexte{background: rgba(224, 8, 57,0.8);} .article_cell span.divTexte span.prCentrage{width:100%;height:100%;display:table;vertical-align:middle;color:#fff;font-size:18px;} .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:20px;background:transparent;color:#fff;display:inline-block;padding:20px 20px 20px 20px;font-weight:400;} .article_cell a,.article_cell a img{display:block;position:relative;} .article_cell a{overflow:hidden;} #highlights .conteneur .article_cell a:hover span.divTexte{bottom:0;left:0;width:100%;height:100%;padding:0;background: rgba(65,37,97,1);} #highlights .conteneur .var-coul a:hover span.divTexte{bottom:0;left:0;width:100%;height:100%;padding:0;background: rgba(224, 8, 57,1);} /* ++ +++ BAS DE PAGE +++++ */ #basAccueil{background:#fff;color:#444;margin-top:20px;padding:5px;margin-bottom:20px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} #actuMoment{float:left;width:100%;box-sizing:border-box;padding:20px;} #projetAccueil{float:right;width:35%;box-sizing:border-box;padding:20px;background:#f1f1f1} #basAccueil h2{font-size:20px;margin-bottom:25px;font-weight:700;} #basAccueil h2 span.ico,#actu-rss-pages h2 span.ico,#information-contact h2 span.ico{width:24px;height:20px;background-position:-188px -83px;margin-right:10px;margin-top:-6px;} #information-contact h2 span.ico{width:14px;height:19px;background-position:-162px -83px;} #information-contact h2{padding:10px;} #basAccueil h2 strong{color:#e00839} #actuMoment img.visua{float:left;margin-right:30px;vertical-align:middle;border:4px #ece4f5 solid} #actuMoment img.visua:hover{border:4px #e00839 solid} #actuMoment h3{font-size:15px;line-height:24px;height:24px;overflow:hidden} #actuMoment h3 a:hover{color:#412561;} #actuMoment .line-actu p{height:18px;overflow:hidden} #actuMoment a.actuPlus{margin-top:10px;background:#000;font-size:15px;color:#fff;padding:6px;display:inline-block;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;} #actuMoment a.actuPlus:hover{background:#e00839} /*#projetAccueil p{font-size:15px;line-height:24px;text-align:justify}*/ a.btn_tel,a.btn_contact{vertical-align:middle;display:inline-block;margin-right:10px;background:#e00839;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{width:49.5%;box-sizing:border-box;float:left;background:#ece4f5;padding:5px 20px 10px;text-align:justify;display:inline-block;margin-bottom:1%} div.line-actu:nth-child(2n+1){margin-left:1%} 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:#412561;font-family:'dinmedium', arial, sans serif} div.line-actu h3 a:hover{text-decoration:underline} #menuPages div.line-actu,#inside_content #menuPages div.line-actu h3 a{width:100%;float:none;padding:0;margin-bottom:5px} #menuPages div.line-actu:nth-child(2n+1){margin:0 0 5px} #menuPages div.line-actu h3{padding:0} #menuPages div.line-actu h3 a{font-size:13px;color:#444;padding:10px 15px;display:block;line-height:17px} #menuPages div.line-actu h3 a:hover{color:#fff;background:#412561;text-decoration:none;} .block-theme{margin-bottom:30px} #inside_content div.line-actu h3 a{font-size:15px;color:#444;font-weight:300} #inside_content div.line-actu{padding:0} #gestionnaire_content .block-theme h2{background:#e00839;color:#fff;font-size:16px;padding:10px;margin-bottom:0;font-weight:500;} #actu-rss-pages h3{margin-bottom:0} #actu-rss-pages div.line-actu img{width:100%;float:none;margin:0 0 7px 0} p.suiteA{text-align:center;clear:both;padding-top:20px;} p.suiteA a{color:#fff;text-decoration:none;font-size:15px;background:#412561;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:7px;display:inline-block;} p.suiteA a:hover{color:#fff;background:#e00839} #navAccess a.launch,#navAccess a.launchActif{display:inline-block;padding:9px 30px 5px;border:1px #ddd solid;box-sizing:border-box;color:#444;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:#e00839} #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:#ece4f5;margin-top:3px;} #navAccess form input.send{background:#e00839;color:#fff;text-align:center;font-weight:700;cursor:pointer;text-transform:uppercase} #navAccess form input.send:hover{background:#444;} #navAccess p a{color:#e00839;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 #ece4f5 solid;background:none;color:#444;font-weight:700;font-family:'dinlight',Arial,sans serif} #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:#ece4f5;} .first_actu{margin-right:4%} .uneSeule{width:98%;margin-right:0} .cell_actu img{width:100%;vertical-align:middle} .cell_actu h3{font-size:16px;line-height:22px;margin:0;color:#444;padding:0} .cell_actu h3 a{color:#444;display:block;padding:15px;} .cell_actu h3 a:hover{background:#412561;color:#fff;display:block;padding:15px;} .cell_actu p{font-size:14px;line-height:20px;color:#444;padding:0 20px 20px;font-weight:300;text-align:justify} .cell_actu p a{color:#444} /* 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:#e00839;padding:5px 20px 0 20px} .cell_zoom h3 a{color:#e00839} .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:#e00839;padding:5px 20px 0 20px} .infos_calameo h3 a{color:#e00839} .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:url(../img/squelette/ticks.png);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%;} #bandeauPage h1,#contenuPage h1{background:#fff;font-family:'dinlight',Arial, sans serif;color:#fff;padding:2%;font-size:22px;font-weight:700;} #bandeauPage h1{background:#e00839;position:absolute;bottom:0;left:0;background: rgb(227, 28, 24); box-sizing:border-box; /* RGBa with 0.6 opacity */ background: rgba(224, 8, 57, 0.8); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#412561cc, endColorstr=#412561cc); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#412561cc, endColorstr=#412561cc)";} #contenuPage h1.noBandeau{position:relative;display:inline-block;padding:0 0 2%;color:#e00839;background:#fff;width:100%} #contenuPage h1 span{position:relative;z-index:10} #gestionnaire_content h2{color:#e00839;font-size:22px;font-weight:700;margin-bottom:20px;} #gestionnaire_content p{color:#444;font-size:16px;line-height:22px;text-align:justify;} .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%;} #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;display:block;background:#ece4f5;color:#444;padding:12px 25px 12px 12px;font-size:16px;} #menuPages ul li a:hover,#menuPages ul li a.actif{background:#412561;color:#fff;} #menuPages ul.dev{padding-bottom:7px;background:#412561;padding:6px;} #menuPages ul.dev li a{background:#fff;font-size:15px;font-weight:300;padding:10px;color:#444} #menuPages ul.dev li a:hover,#menuPages ul.dev li a.actif{background:#e00839;color:#fff} #menuPages ul.dev2{border:7px #e00839 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:#e00839;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:#e00839;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;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- 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:#e00839;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:#e00839;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 #ece4f5 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:#e00839;} #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 -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #footer{text-align:center;background:#fff;color:#444;font-size:16px;line-height:26px;padding:25px 0 30px} #footer .conteneur{position:relative;background:transparent url(../img/squelette/accent-bg.png) no-repeat 930px 10px} #contentFoot{text-align:left;padding:0 0 30px;} #contentFoot #topBar{position:relative;height:8px;background:#e3e3e3;top:-3px;margin-bottom:40px;} a#footerLogo{display:block;float:left;width:100px;height:91px;margin:5px 20px 20px;background:transparent url(../img/squelette/logo-techne-pied.png) no-repeat center center;background-size:100px 91px;} .infosCoordonnees{float:left;padding:0 0 0 25px;} .infosCoordonnees h2{font-size:16px;font-weight:700;margin-bottom:0;color:#412561} .infosCoordonnees p{font-size:15px;line-height:20px;font-weight:300} .infosCoordonnees a.btn_ctct{display:inline-block;margin-top:8px;background:#412561;color:#fff;padding:7px 10px 4px;font-size:14px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .infosCoordonnees a.btn_ctct:hover{background:#E00839;} #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:#e00839} #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{float:right;text-align:right;font-size:14px;font-weight:300;width:250px;} #footer #annexes span.separateur{display:none;} #footer #annexes a{color:#444;display:block;text-align:right;line-height:22px} #footer #annexes a.ib{display:inline-block;} #footer #annexes a.ib:hover,#footer #annexes a:hover{color:#e00839;} #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} #footer #certifications{text-align:center;border-top:1px #ece4f5 solid;margin-top:45px;padding-top:30px} #footer #certifications img{ margin:0 20px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } #footer #certifications img:hover{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); } #footer #certifications h2{display:inline-block;vertical-align:middle;background:#ece4f5;padding:10px;text-align:right;line-height:18px;margin-right:20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin:0 30px 0 30px;} #footer #certifications #logos-certif{display:inline-block;vertical-align:middle} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- MESSAGES -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /*** MESSAGES ERREUR ***/ .ok, .error{text-align:center; } .ok,#gestionnaire_content p.ok {background-color:#e00839; color:#fff; font-weight:300; padding:15px;font-size:20px;} .error,#gestionnaire_content p.error {background-color:#e00839; color:#fff; font-weight:300; padding:15px;font-size:20px;} .erreur,#formContact form p.textuel input.erreur,#formContact p.oblig textarea.erreur{border:1px #e00839 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:#e00839;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:#e00839;text-decoration:none} div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#e00839;text-decoration:underline} div.extras caption{font-size:16px;background-color:#e00839; color:#fff; padding:10px; font-weight:normal} #leb-img {margin-top:20px} div.extras .credits1,div.extras .credits2{background-color:#F0F0F0; margin:5px 0px; padding:5px 0px 5px 20px; width:600px} 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;} #plan ul{background:#ece4f5;padding:7px;} #plan ul li{list-style:none} #plan a {display:block;padding:8px; background-color:#ddd; margin-bottom:4px;color:#666} #plan a:hover {background-color:#412561; color:#fff;text-decoration:none} #plan a.titre{font-weight:bold;background:#e00839;color:#fff} #plan a.titre:hover{background:#412561;color:#fff} div.extras h4{font-size:22px;margin:30px 0 20px !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:#444;font-weight:normal;font-size:18px;} #formContact label.lettre{width:20%} #formContact p.textuel input{color:#444;width:65%;background:#ece4f5;border:none;border-left:3px #e00839 solid;font-size:13px;margin-bottom:5px;padding:2%;} #formContact textarea{font-family:'dinlight', sans-serif;color:#444;width:65%;border:none;border-left:3px #e00839 solid;background:#ece4f5;font-size:13px;margin-bottom:5px;padding:2%;} #formContact input.send{text-transform:uppercase;font-size:20px;border:none;background:#e00839;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:#412561;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:#ece4f5} #formContact select{border-width:1px;background:#ece4f5;padding:10px;color:#444;width:65%;margin-bottom:5px;font-size:13px;border:0} #fancybox-title-main{color:#666 !important} /*p#baseline,p#high-activite,.article_cell span.divTexte span.prCentrage span.posCentre span,#basAccueil h2,#information-contact h2{font-family: 'Bitter', serif;} p#baseline,p#high-activite,.article_cell span.divTexte span.prCentrage span.posCentre span,#basAccueil h2,#information-contact h2{font-family: 'Cabin', sans-serif;} p#baseline,p#high-activite,.article_cell span.divTexte span.prCentrage span.posCentre span,#basAccueil h2,#information-contact h2{font-family: 'Maven Pro', sans-serif;} p#baseline,p#high-activite,.article_cell span.divTexte span.prCentrage span.posCentre span,#basAccueil h2,#information-contact h2,#nav a,#linksHeader a,#menuPages h2,#footer #certifications h2{font-family: 'Ubuntu', sans-serif;}*/ p#baseline,p#high-activite,.article_cell span.divTexte span.prCentrage span.posCentre span,#basAccueil h2,#information-contact h2,#nav a,#linksHeader a,#menuPages h2{font-family: 'skia', sans-serif;}