/* --- 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: '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; } body,html{font-family:'dinlight',Arial, sans serif;font-size:15px;line-height:20px;} strong{font-weight:normal;font-family:'dinbold'} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- 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,.article_cell div.divTexte span.coin, .article_cell div.divTexte,#colorBar a,#projetAccueil a.rejoindre,a.lienListing,#formContact input.send,#top form#formRecherche input.submit,#colorBar a.toolBar span.ico,#menuPages ul li a.actif span.arrow,#menuPages ul li a span.arrow,#body h2.cliquableMasque,#defilementVA .texteVisuA,a.postuler-offre{ 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,#custom-pager a { 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:#6b6b6b !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:#eee;padding:20px 30px;color:#555;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px} .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,#defilementVA h2 a.suiteFleche{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:10px;background:url(../img/squelette/planchepictos.png) no-repeat -12px -242px;background-size:400px 400px;} .ico_sprite{background:url(../img/squelette/icos_site.png) no-repeat 0 0;background-size:250px 200px} #cookie-banner-message{background-color:#ddd;padding:10px;text-align:center;font-size:14px;} #cookie-banner-message a,#inform-and-consent button{color:#444;font-size:13px;text-decoration:none;padding:5px;background:#ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} #inform-and-consent button{background:#403e48;color:#fff;text-decoration:none;border:none;padding:7px;} #inform-and-consent{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;font-size:13px;position:relative;z-index:300;width: 300px; background-color:#fff;border: 1px solid #cccccc; padding :10px 10px;text-align:center; position: fixed; top:30px;left:50%; margin-top:0px; margin-left:-150px; z-index:100000; opacity:1} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- SQUELETTE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #page{background:#fff;text-align:center;} #colorBar{background:url(../img/squelette/bg-top.gif) repeat-y top center;} #colorBar .conteneur{background:#403e48} #colorBar #tools{float:right;position:relative;} #colorBar a.c-link{margin-top:10px;display:inline-block;color:#fff;padding:7px 10px 4px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;font-size:14px;} #colorBar a.c-link:hover,#colorBar a.c-link-actif{background:#e6e6e6;color:#403e48;} #colorBar .inside{padding:0 0 10px 310px;} #colorBar a.toolBar,#colorBar a.btnFlag,#c-flags{display:inline-block;margin-top:10px;display:inline-block;color:#fff;padding:6px 10px 5px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;font-size:14px;display:inline-block;} #colorBar a.btnFlag,#c-flags{padding:1px 10px 1px} #colorBar a.toolBar:hover{background:#fff;color:#403e48} #c-flags{padding:0;background:transparent;} #colorBar a.btnFlag,#c-flags{position:relative;z-index:140} #c-flags{margin-top:0} #colorBar a.btnFlag{margin-top:0;margin-left:5px;} #colorBar a.btnFlag:hover{background:#595763;position:relative;z-index:60} #colorBar a.toolBar span.ico{width:19px;height:19px;background-position:-172px -33px;margin:1px 7px 0 0} #colorBar a.toolBar:hover span.ico{background-position:-172px -79px} #colorBar a.tb_contact span.ico{background-position:-172px -161px;margin:-3px 7px 0 0} #colorBar a.tb_contact:hover span.ico{background-position:-172px -207px;} #colorBar a.btnFlag span.ico{width:11px;height:8px;background-position:-48px -12px;} #colorBar a.btnFlag img{display:inline-block;vertical-align:middle;margin:6px 7px 6px 0} #colorBar a.btnFlag{padding-right:0} #toggleFlags{display:none;position:absolute;top:0;z-index:39;right:0;width:68px;background:#595763;text-align:center;padding:45px 0 10px;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;} #toggleFlags a{display:block;padding:4px 0;} #toggleFlags a img{display:block;margin:auto;vertical-align:middle;border:8px #595763 solid;border-top-width: 6px;border-bottom-width: 6px} #toggleFlags a.select img,#toggleFlags a:hover img{border-color:#797787} #colorBar a.toolBar:hover{background:#fff} #top form#formRecherche{float:right;background:#e6e6e6;width:230px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;padding-left:5px;} #top form#formRecherche input{display:inline-block;vertical-align:middle} #top form#formRecherche input.txt{width:173px;padding:14px 6px 11px;color:#403e48;font-size:14px;border:none;background:none;font-family:'dinlight'} #top form#formRecherche input.txt:focus{outline: 0;} #top form#formRecherche input.submit{border:1px #ddd solid;margin:0;font-size:0;background:#403e48 url(../img/squelette/planchepictos.png) no-repeat -4px -76px;width:45px;height:41px;cursor:pointer;background-size:400px 400px;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;box-sizing:border-box} #top form#formRecherche input.submit:hover{background-color:#fff;background-position:-36px -76px} #header{position:relative;padding:30px 0 20px} .conteneur { width:1200px; text-align:left; margin:0px auto 0px auto; } #le-logo{float:left;margin:-81px 0 0 0;} #le-logo a{display:block;background:url(../img/squelette/logo-serap.png) no-repeat 0 0;background-size:300px 144px;width:300px;height:144px;font-size:0} #nav{color:#ffffff;border-bottom:2px #fff solid} #nav .conteneur{text-align:center;} #nav ul{height:auto;text-align:left;} #nav ul li{list-style:none;display:inline-block;vertical-align:bottom;width:20%;box-sizing:border-box;vertical-align:bottom;position:relative;height:40px;} #nav ul li.mobile-display{width:auto} #nav a{position:absolute;bottom:0;background:#0391d4 url(../img/squelette/encoche-menu.png) no-repeat center 90px;margin:10px 2px 0 2px;display:inline-block;padding:10px 5px 5px;color:#fff;font-size:13px;font-weight:300;-webkit-border-top-left-radius: 15px;-webkit-border-top-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-topright: 15px;border-top-left-radius: 15px;border-top-right-radius: 15px;vertical-align:bottom;width:100%;box-sizing:border-box;text-align:center;vertical-align:bottom;} #nav a:hover,#nav a.actif{background-position: bottom center;color:#fff;padding:10px 5px 10px;margin-top:0} #nav a#home{padding:16px 7px 13px 17px;text-align:center;border:none;background:#424242;} #nav a#home:hover{background:transparent;} #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#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:#222;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:16px;line-height:20px;font-weight:300;margin:2% 4% 2% 2%; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; } #coordmob a#h_contact span.ico{background-position:-111px -9px} #coordmob a#h_lettre span.ico{background-position:-146px -9px} /* coordonnes mobile */ #coordmob{padding:5px 0 20px;border-top:3px #000 solid;margin-top:30px;} p#coordmobile{background:#1470a5;font-size:18px;margin:2% 4% 2% 2%;padding:3%;} #coordmob form{background:#1470a5;margin:2% 4% 2% 2%;padding:3%} #coordmob .labRecherche{background-position:-45px -28px} #coordmob input#search_header_mobile{width:50%;border:none;padding:14px 15px 10px 10px;background:#1470a5;color:#fff;font-size:16px;vertical-align:middle;} #coordmob input#btn_search_mobile{padding:10px 15px;background:#0391d4;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} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* /-/-/-/-/-/-/- COULEURS DES DIFFERENTES FAMILLES CENTRALISATION -/-/-/-/-/-/-/-/-/-/-/-/ */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* Aide mémoire couleurs : > Refroidisseur de lait / 9 : #0391d4 > Process vinicole / 50 : #92003d > Process industriel / 32 : #ef7b26 > Surgélation / 8 : #002974 > Service client / 10 : #52c00a */ /* navigation / menu */ #nav li.style-9 a{background-color:#0391d4;} #nav li.style-50 a{background-color:#92003d;} #nav li.style-32 a{background-color:#ef7b26;} #nav li.style-8 a{background-color:#002974;} #nav li.style-10 a{background-color:#52c00a;} #nav li.style-54 a{background-color:#403e48;} /* cell highlight accueil */ .tpl-9 div.divTexte span.coin{background:url(../img/accueil/coin-bulle-9.png) no-repeat 0 0;background-size:28px 14px;} .tpl-50 div.divTexte span.coin{background:url(../img/accueil/coin-bulle-50.png) no-repeat 0 0;background-size:28px 14px;} .tpl-32 div.divTexte span.coin{background:url(../img/accueil/coin-bulle-32.png) no-repeat 0 0;background-size:28px 14px;} .tpl-8 div.divTexte span.coin{background:url(../img/accueil/coin-bulle-8.png) no-repeat 0 0;background-size:28px 14px;} .tpl-10 div.divTexte span.coin{background:url(../img/accueil/coin-bulle-10.png) no-repeat 0 0;background-size:28px 14px;} .tpl-54 div.divTexte span.coin{background:url(../img/accueil/coin-bulle-54.png) no-repeat 0 0;background-size:28px 14px;} .tpl-9 div.divTexte{background:#0391d4;} .tpl-50 div.divTexte{background:#92003d;} .tpl-32 div.divTexte{background:#ef7b26;} .tpl-8 div.divTexte{background:#002974;} .tpl-10 div.divTexte{background:#52c00a;} .tpl-54 div.divTexte{background:#5e5b69;} /* gestionnaire page */ #menuPages ul li a:hover,#menuPages ul li a.actif,#menuPages ul.dev,#menuPages ul li a.actif,#menuPages ul li:nth-child(2n) a.actif,#menuPages ul li:nth-child(2n) a:hover,#bandeauPage h1/*,#contenuPage h1.noBandeau*/,#real-menu{background:#403e48;} #menuPages h2,#contenuPage h1.noBandeau{color:#403e48} #menuPages h2,#contenuPage h1.noBandeau{color:#403e48} #contenuPage .cell_actu{border-top:4px #403e48 solid;} .tpl-contenu-9 #menuPages ul li a:hover, .tpl-contenu-9 #menuPages ul li a.actif, .tpl-contenu-9 #menuPages ul.dev, .tpl-contenu-9 #menuPages ul li a.actif, .tpl-contenu-9 #menuPages ul li:nth-child(2n) a.actif,.tpl-contenu-9 #menuPages ul li:nth-child(2n) a:hover, .tpl-contenu-9 #bandeauPage h1,/*#contenuPage .tpl-contenu-9 h1.noBandeau,*/ .tpl-contenu-9 #real-menu{background:#0391d4;} .tpl-contenu-9 #menuPages h2,#contenuPage .tpl-contenu-9 h1.noBandeau{color:#0391d4} .tpl-contenu-9 #menuPages h2,#contenuPage .tpl-contenu-9 h1.noBandeau{color:#403e48} #contenuPage .tpl-contenu-9 .cell_actu{border-top:4px #0391d4 solid;} #defilementVA .bandeau-9 h2,#defilementVA .bandeau-9 .texteVisuA .descTxt a.suite{background:#0391d4} #defilementVA .bandeau-9 .texteVisuA span.coin{background: url(../img/accueil/coin-defile-9.png) no-repeat 0 0;} .tpl-contenu-50 #menuPages ul li a:hover, .tpl-contenu-50 #menuPages ul li a.actif, .tpl-contenu-50 #menuPages ul.dev, .tpl-contenu-50 #menuPages ul li a.actif, .tpl-contenu-50 #menuPages ul li:nth-child(2n) a.actif,.tpl-contenu-50 #menuPages ul li:nth-child(2n) a:hover, .tpl-contenu-50 #bandeauPage h1,/*#contenuPage .tpl-contenu-50 h1.noBandeau,*/ .tpl-contenu-50 #real-menu{background:#92003d;} .tpl-contenu-50 #menuPages h2,#contenuPage .tpl-contenu-50 h1.noBandeau{color:#92003d} .tpl-contenu-50 #menuPages h2,#contenuPage .tpl-contenu-50 h1.noBandeau{color:#403e48} #contenuPage .tpl-contenu-50 .cell_actu{border-top:4px #92003d solid;} #defilementVA .bandeau-50 h2,#defilementVA .bandeau-50 .texteVisuA .descTxt a.suite{background:#92003d} #defilementVA .bandeau-50 .texteVisuA span.coin{background: url(../img/accueil/coin-defile-50.png) no-repeat 0 0;} /* .tpl-contenu-54 #menuPages ul li a:hover, .tpl-contenu-54 #menuPages ul li a.actif, .tpl-contenu-54 #menuPages ul.dev, .tpl-contenu-50 #menuPages ul li a.actif, .tpl-contenu-54 #menuPages ul li:nth-child(2n) a.actif,.tpl-contenu-54 #menuPages ul li:nth-child(2n) a:hover, .tpl-contenu-54 #bandeauPage h1, .tpl-contenu-54 #real-menu{background:#403e48;} .tpl-contenu-54 #menuPages h2,#contenuPage .tpl-contenu-54 h1.noBandeau{color:#403e48} .tpl-contenu-54 #menuPages h2,#contenuPage .tpl-contenu-54 h1.noBandeau{color:#403e48} #contenuPage .tpl-contenu-54 .cell_actu{border-top:4px #403e48 solid;} #defilementVA .bandeau-54 h2,#defilementVA .bandeau-54 .texteVisuA .descTxt a.suite{background:#403e48} #defilementVA .bandeau-54 .texteVisuA span.coin{background: url(../img/accueil/coin-defile-54.png) no-repeat 0 0;}*/ .tpl-contenu-32 #menuPages ul li a:hover, .tpl-contenu-32 #menuPages ul li a.actif, .tpl-contenu-32 #menuPages ul.dev, .tpl-contenu-32 #menuPages ul li a.actif, .tpl-contenu-32 #menuPages ul li:nth-child(2n) a.actif,.tpl-contenu-32 #menuPages ul li:nth-child(2n) a:hover, .tpl-contenu-32 #bandeauPage h1,/*#contenuPage .tpl-contenu-32 h1.noBandeau,*/ .tpl-contenu-32 #real-menu{background:#ef7b26;} .tpl-contenu-32 #menuPages h2,#contenuPage .tpl-contenu-32 h1.noBandeau{color:#ef7b26} .tpl-contenu-32 #menuPages h2,#contenuPage .tpl-contenu-32 h1.noBandeau{color:#403e48} #contenuPage .tpl-contenu-32 .cell_actu{border-top:4px #ef7b26 solid;} #defilementVA .bandeau-32 h2,#defilementVA .bandeau-32 .texteVisuA .descTxt a.suite{background:#ef7b26} #defilementVA .bandeau-32 .texteVisuA span.coin{background: url(../img/accueil/coin-defile-32.png) no-repeat 0 0;} .tpl-contenu-8 #menuPages ul li a:hover, .tpl-contenu-8 #menuPages ul li a.actif, .tpl-contenu-8 #menuPages ul.dev, .tpl-contenu-8 #menuPages ul li a.actif, .tpl-contenu-8 #menuPages ul li:nth-child(2n) a.actif,.tpl-contenu-8 #menuPages ul li:nth-child(2n) a:hover, .tpl-contenu-8 #bandeauPage h1,/*#contenuPage .tpl-contenu-8 h1.noBandeau,*/ .tpl-contenu-8 #real-menu{background:#002974;} .tpl-contenu-8 #menuPages h2,#contenuPage .tpl-contenu-8 h1.noBandeau{color:#002974} .tpl-contenu-8 #menuPages h2,#contenuPage .tpl-contenu-8 h1.noBandeau{color:#403e48} #contenuPage .tpl-contenu-8 .cell_actu{border-top:4px #002974 solid;} #defilementVA .bandeau-8 h2,#defilementVA .bandeau-8 .texteVisuA .descTxt a.suite{background:#002974} #defilementVA .bandeau-8 .texteVisuA span.coin{background: url(../img/accueil/coin-defile-8.png) no-repeat 0 0;} .tpl-contenu-10 #menuPages ul li a:hover, .tpl-contenu-10 #menuPages ul li a.actif, .tpl-contenu-10 #menuPages ul.dev, .tpl-contenu-10 #menuPages ul li a.actif, .tpl-contenu-10 #menuPages ul li:nth-child(2n) a.actif,.tpl-contenu-10 #menuPages ul li:nth-child(2n) a:hover, .tpl-contenu-10 #bandeauPage h1,/*#contenuPage .tpl-contenu-10 h1.noBandeau,*/ .tpl-contenu-10 #real-menu{background:#52c00a;} .tpl-contenu-10 #menuPages h2,#contenuPage .tpl-contenu-10 h1.noBandeau{color:#52c00a} .tpl-contenu-10 #menuPages h2,#contenuPage .tpl-contenu-10 h1.noBandeau{color:#403e48} #contenuPage .tpl-contenu-10 .cell_actu{border-top:4px #52c00a solid;} #defilementVA .bandeau-10 h2,#defilementVA .bandeau-10 .texteVisuA .descTxt a.suite{background:#52c00a} #defilementVA .bandeau-10 .texteVisuA span.coin{background: url(../img/accueil/coin-defile-10.png) no-repeat 0 0;} /*reset */ .tpl-contenu-9 #menuPages ul.dev li:nth-child(2n) a:hover,.tpl-contenu-9 #menuPages ul.dev li:nth-child(2n) a.actif, .tpl-contenu-9 #menuPages ul.dev li a:hover,.tpl-contenu-9 #menuPages ul.dev li a.actif, .tpl-contenu-50 #menuPages ul.dev li:nth-child(2n) a:hover,.tpl-contenu-50 #menuPages ul.dev li:nth-child(2n) a.actif, .tpl-contenu-50 #menuPages ul.dev li a:hover,.tpl-contenu-50 #menuPages ul.dev li a.actif, .tpl-contenu-32 #menuPages ul.dev li:nth-child(2n) a:hover,.tpl-contenu-32 #menuPages ul.dev li:nth-child(2n) a.actif, .tpl-contenu-32 #menuPages ul.dev li a:hover,.tpl-contenu-32 #menuPages ul.dev li a.actif, .tpl-contenu-8 #menuPages ul.dev li:nth-child(2n) a:hover,.tpl-contenu-8 #menuPages ul.dev li:nth-child(2n) a.actif, .tpl-contenu-8 #menuPages ul.dev li a:hover,.tpl-contenu-8 #menuPages ul.dev li a.actif, .tpl-contenu-10 #menuPages ul.dev li:nth-child(2n) a:hover,.tpl-contenu-10 #menuPages ul.dev li:nth-child(2n) a.actif, .tpl-contenu-10 #menuPages ul.dev li a:hover,.tpl-contenu-10 #menuPages ul.dev li a.actif{background:#403e48} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- ACCUEIL -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* ++ +++ VISUEL DEFILEMENT ACCUEIL +++++ */ #visuelsAccueil{background:#fff;position:relative;} #defilementVA{width:100%;position:relative;} #defilementVA .texteVisuA{width:580px;position:absolute;bottom:80px;left:50%;margin-left:-600px;text-align:left;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;font-size:15px;line-height:24px;} #custom-pager{position:absolute;bottom:3%;z-index:120;width:100%;text-align:center;} #custom-pager a{display:inline-block;background:url(../img/accueil/pager.png) no-repeat -16px 0;width:16px;height:16px;margin:0 2px} #custom-pager .cycle-pager-active a,#custom-pager a:hover{background-position:0 0} #defilementVA h2{display:inline-block;position:relative;z-index:110;display:inline-block;color:#fff;padding:22px 15px 15px;font-size:22px;font-family:'dinbold',Arial, sans serif;background:#403e48;-webkit-border-top-left-radius: 15px;-webkit-border-top-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-topright: 15px;border-top-left-radius: 15px;border-top-right-radius: 15px;} #defilementVA h2 a{color:#fff} #defilementVA h2 span{position:relative;z-index:10} #defilementVA h2 a.suiteFleche{width:13px;height:19px;background-position:-53px -127px;margin:-4px 0 0 10px} #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:'Roboto',Arial, sans serif;color:#fff;background:#403e48;padding:5px;font-weight:300;margin-left:10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} #defilementVA a.suite:hover{background:#403e48;} #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:#0391d4;border-color:#fff;} #visuelsAccueil #pagerVA span.gfx{width:44px;height:48px;position:absolute;top:0;left:-44px;background:url(../img/accueil/gfx_pager.png) no-repeat 0 0;border:none;padding:0} #defilementVA .texteVisuA .descTxt{position:relative;padding:25px 20px 20px;margin-left:15px;background: rgb(255, 255, 255);-webkit-border-bottom-right-radius: 15px;-webkit-border-bottom-left-radius: 15px;-moz-border-radius-bottomright: 15px;-moz-border-radius-bottomleft: 15px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px; /* RGBa with 0.6 opacity */ background: rgba(255, 255, 255, 0.8); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#edeff3cc, endColorstr=#edeff3cc); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#edeff3cc, endColorstr=#edeff3cc)";} #defilementVA .texteVisuA .descTxt a{color:#403e48} #defilementVA .texteVisuA .descTxt a.suite{color:#fff} #defilementVA .texteVisuA span.coin{display:block;width:27px;height:14px;background:url(../img/accueil/coin-defile-1.png) no-repeat 0 0;top:0;left:20px;position:absolute;z-index:110} /* ++ +++ HIGHLIGHTS +++++ */ #highlights h2.introPage{padding:40px 0;text-align:center;color:#403e48;font-size:34px;} #highlights h2.introPage strong{font-size:35px;} #highlights h2.introPage span.ico{width:23px;height:22px;background-position:-10px -201px;margin:-8px 0 0 10px} #highlights h2.introPage span.ico:first-child{margin:-8px 10px 0 0} #highlights{margin-top:20px} #highlights #englob-articles{background:#403e48 url(../img/accueil/bg_intro.gif) no-repeat top center; background-size:100% auto;padding-bottom:40px;height:420px;} #highlights .conteneur .article_cell{float:left;width:32%;margin-right:2%} #highlights .conteneur .article_cell:last-child{margin-right:0%} .article_cell img.adapt{box-sizing:border-box;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;border:4px #fff solid;display:block;vertical-align:middle;width:100%} .article_cell div.divTexte{position:relative;} .article_cell div.divTexte span.coin{display:block;width:28px;height:14px;position:absolute;top:-14px;left:30px;} .article_cell div.divTexte{font-size:14px;line-height:20px;text-align:justify;position:relative;z-index:10;margin:-30px 20px 0;color:#fff;padding:20px 25px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} .article_cell div.divTexte h3{font-size:18px;font-family:'dinmedium',Arial, sans serif;margin-bottom:5px;text-align:left;} .article_cell div.divTexte h3 a{color:#fff} .article_cell div.divTexte h3 span.ico{width:11px;height:15px;background-position:-16px -169px;margin:-5px 0 0 10px} .article_cell:hover div.divTexte{margin-top:-40px} .article_cell div.divTexte p a{color:#fff} /* ++ +++ BAS DE PAGE +++++ */ #basAccueil{background:#403e48;padding-bottom:40px;} #actuMoment,#projetAccueil{float:left;width:780px;height:320px;background:#e6e6e6;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} #projetAccueil{text-align:center;float:right;width:380px;padding:16px;box-sizing:border-box} #actuMoment img.visua{float:left;margin-right:25px;vertical-align:middle;-webkit-border-top-left-radius: 15px;-webkit-border-bottom-left-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomleft: 15px;border-top-left-radius: 15px;border-bottom-left-radius: 15px;} .textesActuAcc{padding:30px 30px 30px 0} .textesActuAcc h2{font-size:18px;color:#403e48;text-transform:uppercase;font-family:'dinmedium',Arial, sans serif} .textesActuAcc h2.varnoactu{margin:10px 0 20px} .textesActuAcc h2 a{color:#403e48;} .textesActuAcc p.date,#menuPages p.date{padding-top:5px;font-size:15px;margin-bottom:15px;} .textesActuAcc p.date span.ico,#menuPages p.date span.ico{margin:-5px 5px 0 0;width:17px;height:17px;background-position:-47px -47px} .textesActuAcc p{text-align:justify;font-size:16px;line-height:24px;} .textesActuAcc p a{color:#403e48} .textesActuAcc a.actuPlus{float:right;display:block;margin:25px 20px 0;padding:15px 25px 12px;background:#403e48;font-size:15px;color:#fff;display:inline-block;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;font-family:'dinmedium',Arial,sans serif;position:relative;border:1px #403e48 solid} .textesActuAcc a.actuPlus span.ico{position:absolute;top:9px;left:-26px;width:11px;height:15px;background-position:-16px -169px;} .textesActuAcc a.actuPlus:hover{background:#fff;color:#403e48;border:1px #ddd solid} #projetAccueil h2{font-size:22px;text-align:center;padding:15px 0 20px} #projetAccueil p{font-size:15px;line-height:24px;text-align:justify} #projetAccueil a.rejoindre{display:block;margin:20px 20px 0;padding:15px 12px 12px;background:#403e48;color:#fff;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border:1px #403e48 solid} #projetAccueil a.rejoindre:hover{background:#fff;color:#403e48;border:1px #ddd solid} #projetAccueil a.rejoindre strong{font-size:16px;} a.btn_tel,a.btn_contact{vertical-align:middle;display:inline-block;margin-right:10px;background:#0391d4;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;} #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;padding:15px 40px 15px 15px;display:inline-block;font-size:20px;font-weight:300;margin-bottom:20px;} #menuPages h2{padding:25px 0 0 0;background:none;font-size:20px;font-family:'dinbold',Arial,sans serif;text-transform:uppercase} #menuPages h2.dec{margin-left:10px;margin-bottom:10px;padding-top:15px} #contenuIndex h2 span,#menuPages h2 span{font-weight:500;position:relative;z-index:10} #actuAccueil{margin-bottom:40px;} #menuPages #actuAccueil{margin-bottom:0} #actualites h2{margin-bottom:40px} .cell_actu{width:48%;float:left;background:#eee;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;} .first_actu{margin-right:4%} .uneSeule{width:98%;margin-right:0} .cell_actu img{width:100%;vertical-align:middle} .cell_actu h3{font-size:18px;line-height:22px;margin:20px 0 10px;color:#0391d4;padding:0 20px} .cell_actu h3 a{color:#0391d4} .cell_actu p{font-size:14px;line-height:20px;color:#222;padding:0 20px 20px;font-weight:300;text-align:justify} .cell_actu p a{color:#222} /* video consult */ .video-container {margin:0 0px 0px 0px;position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .cell_zoom{padding:15px 0 25px} .cell_zoom img.visuel{margin:0 5% 0 5%;border:5px #fff solid;float:left;} .cell_zoom h3{font-size:18px;line-height:22px;margin:0 0 10px;color:#0391d4;padding:5px 20px 0 20px} .cell_zoom h3 a{color:#0391d4} .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:#0391d4;padding:5px 20px 0 20px} .infos_calameo h3 a{color:#0391d4} .infos_calameo p.texte,.infos_calameo p.sousTitre{font-size:14px;line-height:20px;color:#555555;padding:0 20px 20px;font-weight:300;text-align:justify} .infos_calameo p.sousTitre{padding:0 0 20px 0;font-weight:600} .infos_calameo p.sousTitre a{color:#555} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- CONTENU PAGE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #contenuPage{background:#fff url(../img/squelette/shadow.png) repeat-x 0 0;padding:2% 0 0;} #gfx-conteneur{background:url(../img/squelette/bgcontent.gif) no-repeat bottom center; background-size:100% auto} #inside_content{padding:20px;border:1px #e9ebed solid} #menuPages{width:24%;float:left;padding-bottom:25px;box-sizing:border-box;padding:5px;background:#fff;margin-bottom:30px;} #menuPages ul#mainMenu{margin-bottom:30px;background:#fff} #gestionnaire_content{width:74%;float:right;background:#fff;margin-bottom:3%;margin-top:44px;} #bandeauPage{position:relative;} #bandeauPage img{vertical-align:middle;width:100%;} #bandeauPage h1,#contenuPage h1{font-family:'dinbold',Arial, sans serif;color:#fff;padding:20px 24px 12px 15px;font-size:26px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topright: 20px;border-top-right-radius: 20px;line-height:32px} #bandeauPage h1{position:absolute;bottom:0;left:0} #contenuPage h1.noBandeau{position:relative;display:block;padding:20px 15px 17px;-webkit-border-top-right-radius: 0;-moz-border-radius-topright: 0;border-top-right-radius: 0;background:#eee;} #contenuPage h1 span{position:relative;z-index:10} /*#gestionnaire_content h2{color:#0391d4;font-size:22px;font-weight:700;margin-bottom:20px;} #gestionnaire_content p{color:#222;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%;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} #menuPages .cell_actu h2{padding:18px 10px 5px 15px;margin-bottom:0;font-size:18px;text-transform:none;font-weight:normal;font-family:'dinmedium'} #menuPages p.date{padding:0 10px 10px 15px;font-size:14px} #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:#edeff3;color:#403e48;padding:12px 30px 12px 12px;font-size:15px;} #menuPages ul li:nth-child(2n) a{background:#f6f7f9} #menuPages ul li a:hover,#menuPages ul li a.actif{color:#fff;} #menuPages ul.dev{padding:6px;} #menuPages ul.dev li a{background:#fff;font-size:15px;padding:10px;color:#403e48} #menuPages ul.dev li a:hover,#menuPages ul.dev li a.actif{background:#595763;color:#fff} #menuPages ul.dev2{border:7px #0391d4 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:#0391d4;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:#0391d4;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:12px;width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:5px solid #403e48;} #menuPages ul li a:hover span.arrow{border-top:5px solid #fff} #menuPages ul li a.actif span.arrow{top:46%;border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom:5px solid #fff;border-top:none;} #menuPages ul.dev{display:none;} #menuPages ul li.actif ul.dev{display:block;} #real-menu .une-rea{width:100%} #real-menu{margin-bottom:20px;-webkit-border-top-left-radius: 15px;-webkit-border-top-right-radius: 15px;-moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px;border-top-left-radius: 15px;border-top-right-radius: 15px;} #real-menu h2,#contenuPage #real-menu h2{color:#fff;-webkit-border-top-right-radius: 20px;margin-bottom:5px;padding-top:17px;} #real-menu h2 span.ico{display:block;float:left;width:37px;height:29px;background-position:-346px -9px;margin:10px 20px 10px 15px} #real-menu h2 span.txt{display:block;float:left;width:200px;font-size:18px;font-weight:normal;font-family:'dinlight'} #real-menu h2 span.txt strong{display:block;font-size:26px;padding-top:5px;} #real-menu .une-rea p{color:#edf2f5;font-family:'dinmedium',Arial, sans serif;font-size:15px;text-align:center;padding:15px 10px 12px;} #real-menu .une-rea img{display:block;vertical-align:middle;width:100%;-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;border-top-left-radius: 20px;} #carr-real{position:relative;} #carr-real a.navdm{position:absolute;z-index:110;top:145px;left:0;width:37px;height:37px;background:#edeff3 url(../img/squelette/fg.png) no-repeat center center;background-size:15px 22px} #carr-real a#next-diapo-m{left:auto;right:0;background-image:url(../img/squelette/fd.png)} /* rajout template actu sous page */ .autresAnim{padding:30px;border:1px #e9ebed solid;margin-top:40px;} .autresAnim h2{font-size:18px;margin-bottom:20px;color:#403e48} .autresAnim h2 strong{font-size:20px} .autresAnim a{display:block;padding:10px;background:#f5f5f5;color:#403e48;margin-bottom:15px;border:1px #e9ebed solid} .autresAnim a img,.autresAnim a span.infos{width:80%;display:inline-block;vertical-align:middle;font-size:16px;line-height:22px} .autresAnim a img{width:15%;margin-right:2%} .autresAnim a span.infos span{display:block;} .autresAnim a span.titreAnnonce{font-size:18px} .autresAnim a:hover{border:1px #ccc solid} /* --------- -----//// OFFRE EMPLOI ------------------ /// ------------ //------*/ .cell-offre-emploi{border:1px #ddd solid;padding:20px;margin-bottom:30px;color:#403e48} .cell-offre-emploi h2{font-size:22px;text-transform:uppercase;color:#403e48;font-family:'dinbold',arial,sans serif} .cell-offre-emploi ul{background:#f5f5f5;padding:15px;} .cell-offre-emploi ul li{margin-left:20px;} .cell-offre-emploi .infosOffre div{padding:20px 0 0} .cell-offre-emploi a{color:#403e48;text-decoration:underline;font-family:'dinbold',arial, sans serif} .cell-offre-emploi a:hover{text-decoration:none;} .cell-offre-emploi p{margin-bottom:15px;} .cell-offre-emploi .infosOffre div.separateurOffre{margin:30px 30px 10px 50px;height:1px;background:#ddd;padding:0;} a.postuler-offre{text-decoration:none !important;border:1px #ddd solid;display:block;margin-top:20px;padding:13px 10px 10px;text-align:center;background:#403e48;color:#fff;font-size:16px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} a.postuler-offre:hover{background:#fff;color:#444;} a.postuler-offre strong{font-size:18px} div.extras h2.barre, #bodyResults h2.barre{padding-bottom:10px;margin-bottom:20px;border-bottom:1px #ddd solid;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- 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:#0391d4;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:#0391d4;padding:5px;font-weight:300;color:#fff;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- DOCUMENT -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* ----- ESPACE DOC ------ */ .espace_document #bandeau,#espace_actualite #bandeau,#espace_question #bandeau,#espace_contenu #bandeau{height:225px;background-image:url(../img/bandeau/bg_bas_c.gif)} .espace_document #bandeau h2,#espace_actualite #bandeau h2,#espace_question #bandeau h2,#espace_contenu #bandeau h2{top:180px;font-size:28px;} .espace_document #bandeau form#moteurRecherche,#espace_actualite #bandeau form#moteurRecherche,#espace_question #bandeau form#moteurRecherche,#espace_contenu #bandeau form#moteurRecherche{top:181px;} .espace_document .ligne a.roots{display:block;width:28px;height:28px;background:url(../img/docs/tree/extra_doc.gif) no-repeat 0 0;vertical-align:middle;float:left; margin-right:5px} .espace_document .ligne a.roots:hover{background-position: 0 -28px;} .espace_document a.dl_tree_doc{padding: 0 0 0 20px;background:url(../img/picto/dl.gif) no-repeat 2px 0;color:#6d5238;font-size:12px;position:relative;top:2px} .espace_document a.dl_tree_doc:hover{background-position:2px -34px;color:#6ca624} .espace_document h3{font-size:22px;color:#f39800} .espace_document .extras{padding-top:10px;} form#recherche{padding-bottom:20px;} div.separateurDoc{background:#c5c5c5;height:1px;margin:40px 60px;} #leGestionnaire p.seeAll{float:right;font-size:12px;background:url(../img/docs/tree/seeall.gif) no-repeat 0 0;height:28px;padding:0 0 0 31px;margin-bottom:15px;} #leGestionnaire p.seeAll a{display:block;background:#656565;color:#fff;padding:4px 15px 0;text-align:center;height:24px} .ligne{position:relative;margin:15px 0;width:100%;clear:both;height:30px;} .ligne select{width:90%;padding:6px;background:#f3f0ee;color:#6d5238;border:none;float:left;} #navDoc{border-bottom:1px #dddddd solid} #navDoc div.ligne{padding:5px 5px 0 5px;border-top:1px #dddddd solid} #navDoc div.ligne img,#navDoc div.ligne select{vertical-align:middle} #navDoc select{width:655px;} #navDoc img{position:relative;top:1px;} #treeDoc{color:#6d5238;margin-left:20px;background:url(../img/docs/tree/ligne_verticale.gif) repeat-y top left} #treeDoc h4{margin-top:10px;font-size:16px;padding-bottom:15px;color:#572f08;background:#fff url(../img/docs/tree/tree_root.gif) no-repeat 0 7px;padding-left:15px;} #treeDoc p{font-size:13px;margin-bottom:0;} #treeDoc p a{font-size:13px;color:#6d5238;font-weight:bold} #treeDoc p a:hover,#treeDoc p a.actif{text-decoration:underline;} #treeDoc p.folder{background:url(../img/docs/tree/folder.gif) no-repeat 0 7px;padding:3px 0 6px 42px} #treeDoc p.file{background:url(../img/docs/tree/file.gif) no-repeat 0 7px;padding:3px 0 6px 42px} #treeDoc p.zip{background:url(../img/docs/tree/zip.gif) no-repeat 0 7px;padding:4px 0 6px 42px} #treeDoc p.pdf{background:url(../img/docs/tree/pdf.gif) no-repeat 0 7px;padding:4px 0 7px 42px} #treeDoc p.odt,#treeDoc p.ods,#treeDoc p.odp,#treeDoc p.odg,#treeDoc p.odc,#treeDoc p.odf,#treeDoc p.odb,#treeDoc p.odi,#treeDoc p.odm,#treeDoc p.otg,#treeDoc p.otp,#treeDoc p.ots,#treeDoc p.ott{background:url(../img/docs/tree/oo.gif) no-repeat 0 7px;padding:4px 0 7px 42px} #treeDoc p.xls,#treeDoc p.xlsx{background:url(../img/docs/tree/xls.gif) no-repeat 0 7px;padding:4px 0 7px 42px} #treeDoc p.doc,#treeDoc p.docx{background:url(../img/docs/tree/doc.gif) no-repeat 0 7px;padding:4px 0 7px 42px} #treeDoc p.pic,#treeDoc p.jpg,#treeDoc p.jpeg{background:url(../img/docs/tree/pic.gif) no-repeat 0 7px;padding:4px 0 7px 42px} #treeDoc hr.clear{height:10px;border:0} div.largeurTotale div#document_consult{width:640px;margin:0} div#document_consult{width:564px;margin-left:12px} div#document_consult p{color:#574837;line-height:16px;padding-bottom:3px;text-align:justify} div#document_consult a img.visu{border:5px #c1c1c1 solid;float:left;margin:0 23px;} div#document_consult div.right{width:430px;} div#document_consult p.fil a{color:#b09f8d;text-decoration:underline} div#document_consult p.fil{padding-bottom:10px;border-bottom:dotted 1px #e5e5e5;color:#b09f8d;} div#document_consult p.fil a:hover{color:#a9b720;text-decoration:underline} div#document_consult div.bg_dl{background:#f5f5f5;padding:7px;margin-top:15px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;} div#document_consult div.bg_dl p{padding:5px} div#document_consult div.bg_dl a{display:block;float:right} div#document_consult p a{color:#574837;text-decoration:none} div#leGestionnaire h4.titreDoc{color:#13216a;font-size:22px;font-weight:normal;padding-bottom:0} #espace_affilies div#leGestionnaire h4.titreDoc{color: #6d5238;} div#leGestionnaire #treeDoc h5{color:#6d5238;font-size:16px;font-weight:normal} #docConsult{padding:10px 0px 30px;} #docConsult h3{padding:0;margin:0;font-size:22px;color:#f39800;margin-bottom:10px} #docConsult .fil{font-size:12px;background:#f5f5f5;color:#fff;padding:5px 10px;} #docConsult .fil a{color:#6d5238} #docConsult .fil a:hover{color:#f39800;text-decoration:underline} #docConsult .fil img{margin:0 5px} #docConsult .doc{line-height:16px;font-size:12px;border-top:1px #ddd dashed;padding:35px 20px 10px 80px;background:url("../img/doc/pdf.gif") no-repeat 20px 40px;min-height: 50px} div#leGestionnaire #docConsult h3{margin-bottom:10px;padding:0;background:transparent;font-weight:normal} div.dlDoc{margin:20px 0;background:#f3f0ee;color:#6d5238;font-size:12px;} div.dlDoc p{padding:10px;} div.dlDoc a{display:block;padding:10px;height:96%;background:#63bee0;color:#fff;font-weight:bold;float:right;margin: 0 0 0 0;text-decoration:underline} div.dlDoc a:hover{text-decoration:none} #body div.doc form{ padding: 0px 0px 20px 0px; margin: 0; background: transparent; } #body div.doc form select:disabled{ color: #aca08d !important; font-weight: normal; } #body div.doc form select{ background: #F5F5F5; border: 1px #eee solid; font-size: 13px; padding: 4px; font-weight: bold; color: #54483d; width: 90%; float: left; } #body div.doc div.treeDoc{color:#6d5238;margin-left:20px;background:url(../img/docs/tree/ligne_verticale.gif) repeat-y top left} #body div.doc div.treeDoc h4{margin-top:10px;font-size:16px;padding-bottom:15px;color:#572f08;background:#fff url(../img/docs/tree/tree_root.gif) no-repeat 0 7px;padding-left:15px;} #body div.doc div.treeDoc p{font-size:13px;margin-bottom:0;line-height: normal} #body div.doc div.treeDoc p a{font-size:13px;color:#fff;font-weight:bold;text-decoration: none !important;} #body div.doc div.treeDoc p a: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:#403e48;font-size:15px;line-height:22px;padding:0 0 30px} #footer .conteneur{position:relative;} #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:124px;height:51px;margin:5px 20px 20px;background:transparent url(../img/squelette/logo-serap-footer.png) no-repeat center center;background-size:124px 51px;} div#barrecouleur{height:5px;background:#edeff3;margin-bottom:45px} div#barrecouleur div.conteneur div{float:left;width:20%;height:5px;} div#barrecouleur div.c1{background:#0391d4;} div#barrecouleur div.c2{background:#92003d;} div#barrecouleur div.c3{background:#ef7b26;} div#barrecouleur div.c4{background:#002974;} div#barrecouleur div.c5{background:#52c00a;} .infosCoordonnees{float:left;margin-left:40px;width:520px} .infosCoordonnees h2,.coords h2{font-size:22px;color:#403e48;margin-bottom:30px;padding-top:0} .infosCoordonnees p{font-size:16px;line-height:24px;float:left;width:50%;padding-bottom:10px} .infosCoordonnees p span.ico{width:10px;height:9px;background-position:-76px -11px} .coords h2{margin-bottom:15px} #footer .coords{float:right;width:380px;text-align:left;padding-top:0} #footer .coords a{text-align:center;} #footer a.btn_tel{background:#000;width:87%;padding:3% 5% 2% 8%;margin-bottom:7px} #footer a.btn_contact{background:#403e48;color:#fff;;display:block;padding:17px 12px 7px;margin-bottom:10px;border:1px #e6e6e6 solid;} #footer a.btn_contact span.ico{width:26px;height:27px;background-position:-243px -255px;margin-top:-7px;} #footer a.btn_tel:hover,#footer a.btn_contact:hover{background:#fff;color:#444} #footer a.btn_contact:hover span.ico{background-position:-243px -304px} .coords .line a{display:block;float:left;background:#e6e6e6;color:#403e48;display:block;padding:17px 12px 7px;box-sizing:border-box;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px #e6e6e6 solid} .coords .line a.btn_li{width:68%;margin-right:2%} .coords .line a.btn_li span.ico{width:16px;height:26px;background-position:-114px -359px;position:relative;top:-4px} .coords .line a.btn_youtube{width:30%;} .coords .line a.btn_youtube span.ico{width:62px;height:26px;background-position:-17px -352px;} .coords .line a:hover{background-color:#fff} .coords .line a.btn_youtube{padding:12px} #annexes{background:#e6e6e6;text-align:center;padding:30px 0} #annexes a{color:#b5b4b6;} #annexes a:hover{color:#403e48;} #annexes span.separateur{margin:0 8px;color:#b5b4b6} #footer #gfx{background:url(../img/squelette/gfx_footer.png) no-repeat 0 0;width:317px;height:137px;background-size: 317px 137px;position:absolute;bottom:-6px;right:210px} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- MESSAGES -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /*** MESSAGES ERREUR ***/ .ok, .error{text-align:center; } .ok,#gestionnaire_content p.ok {background-color:#0391d4; color:#fff; font-weight:300; padding:15px;font-size:20px;} .error,#gestionnaire_content p.error {background-color:#0391d4; color:#fff; font-weight:300; padding:15px;font-size:20px;} .erreur,#formContact form p.textuel input.erreur,#formContact p.oblig textarea.erreur{border:1px #0391d4 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 h2,#bodyResults h2{margin:10px 0;font-size:20px;font-family:'dinbold';color:#403e48} #bodyResults h2{margin:30px 10px 20px} #bodyResults h2.noM{margin-top:0px} div.extras p{color:#666;} div.extras p a{color:#0391d4;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:#0391d4;text-decoration:none} div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#0391d4;text-decoration:underline} div.extras caption{font-size:16px;background-color:#0391d4; color:#555; padding:10px; font-weight:bold} #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:#eee;padding:7px;} #plan ul li{list-style:none} #plan a {display:block;padding:5px 0px 5px 5px; background-color:#ddd; margin-bottom:4px;color:#666} #plan a:hover {background-color:#0391d4; color:#fff;text-decoration:none} #plan a.titre{font-weight:bold;background:#403e48;color:#fff} #plan a.titre:hover{background:#0391d4;color:#fff} div.extras h4{font-size:22px;line-height:28px;margin:30px 0 20px !important} a.lienListing{display:block;padding:10px;font-size:15px;color:#403e48;font-weight:normal;background:#fff} #archivesActu a.lienListing{color:#53af31} a.lienListing:nth-child(2n+1){background:#f4f4f4;} a.lienListing:hover{background-color:#403e48;color:#fff;} a.lienListing span.dateAc{font-weight:300;font-size:14px;color:#999999;padding:5px 0 0;} a.lienListing span.dateAc span.ico{margin-top:3px;width:15px;height:15px;background-position:-94px -16px;margin-right:7px;vertical-align:middle;position:relative;top:-2px;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- 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 .highlight{background:#f5f5f5;border:1px #eee solid;padding:20px;text-align:center; margin-bottom:30px} #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:25%;text-align:right;font-weight:normal;margin-right:7px;position:relative;top:5px;color:#222;font-weight:normal;font-size:18px;} #formContact label.lettre{width:20%} #formContact p.textuel input{color:#222;width:65%;background:#eee;border:none;border-left:3px #403e48 solid;font-size:13px;margin-bottom:5px;padding:2%;} #formContact textarea{font-family:'Roboto', sans-serif;color:#222;width:65%;border:none;border-left:3px #403e48 solid;background:#eee;font-size:13px;margin-bottom:5px;padding:2%;} #formContact input.send{text-transform:uppercase;font-size:20px;border:none;background:#403e48;color:#fff;padding:2%;display:block;width:69%;font-weight:bold;text-align:center;margin-left:28%;cursor:pointer;margin-top:20px;-webkit-border-bottom-right-radius: 15px;-webkit-border-bottom-left-radius: 15px;-moz-border-radius-bottomright: 15px;-moz-border-radius-bottomleft: 15px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;border:1px #ddd solid} #formContact input.send:hover{background-color:#fff;color:#403e48;background-position:0 -2000px} #formContact .lettreSend{margin-top:30px} #formContact .lettreSend input.send,#recaptcha_widget_div{margin-left:23%} #formContact p.oblig input,#formContact p.oblig textarea{background:#ddd} #formContact select{border-width:1px;background:#ddd;padding:10px;color:#403e48;width:65%;margin-bottom:5px;border:none;border-left:3px #403e48 solid} .highlight2 #formContact select{background:#403e48;} #formEmploiok .highlight2{background:#eee;color:#403e48;padding:20px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} #fancybox-title-main{color:#666 !important}