/* --- 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-family: 'Merriweather', serif; font-family: 'Roboto', sans-serif; font-family: 'Lobster Two', cursive; */ html {font:12px 'Roboto';background:#fff} #body,#formContact input,#interactifHeader input,input{font-family: 'Roboto';} .corp-l,.highlights{font-family: 'Merriweather', serif;font-weight:300} .corp-m,h1,h2,h3,h4,#information-contact h2 a span.consult strong,#contenuPage h1.noBandeau,#body h2{font-family: 'Merriweather', serif;font-weight:400} .corp-b,p#baseline span strong{font-family: 'Merriweather', serif;font-weight:700} p,p#baseline{font-family: 'Roboto', sans-serif;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- GLOBAL -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ * {margin:0px; padding:0px} body,.linksHeader a,.linksHeader a span,#linksFooter a,#linksFooter a span,.conteneur,#nav a,#nav a#home span,#menuPages a#m_doc,#menuPages ul li a,#interactifHeader input#btn_search:hover,#submit_annu input:hover,a.btn_contact,a.btn_tel,a.btn_contact span,a.btn_tel span,#footer a, #footer #annexes a,#actuMoment img.visua, #actuMoment a.actuPlus,#body h2.cliquableMasque,.linksHeader a span.number,#linksFooter a span.number,div.infoLine p a,#navAccess form input.send,#navAccess a.launch,#formContact input.send,#information-contact h2 a,#information-contact h2 a span,a,#body .formSubmit input, #lireSuite,#lireSuite a, #lireSuite h2,a.effect-sadie span.divTexte::before,input,.cell-thirty img,#contenuPage .cell_actu,.highlights .englob-articles,#realisations .une-rea span.contentCenter, #mosaiqueMedias .une-rea span.contentCenter,.article_cell .bulle,span.text-appear,.cell-tiers a.visuel span.text-appear span.inside-center span,.cell-tiers a.visuel span.bordure,#contact-footer a span.ico-linkedin,#reprise-metiers a.social .ico-svg,#body,#mos-metiers a img,a.cellOffre strong,a#cta-postulerx span.hov{ transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; } a.facebook, a.youtube,#nav a:after { transition:all .3s linear; -o-transition:all .3s linear; -moz-transition:all .3s linear; -webkit-transition:all .3s linear; } .highlights .conteneur .article_cell a span { transition:all .2s ease-in; -o-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; } .zoom-img img { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; max-width: 100%; } .zoom-img:hover img { -webkit-transform:scale(1.15); /* Safari and Chrome */ -moz-transform:scale(1.15); /* Firefox */ -ms-transform:scale(1.15); /* IE 9 */ -o-transform:scale(1.15); /* Opera */ transform:scale(1.15); } .bleu {color:#5471cf !important} .vert {color:#00a94f !important} .gris {color:#fff !important} .rouge{color:#b3242d !important;font-weight: 600;} h4.rouge{color:#e7511e !important} .grisfonce{color:#58585a !important} .grisclair{color:#bbb !important} .bgBlanc{background:#fff;} img {border:none} a {text-decoration:none} h1 {font-size:15px} h2 {font-size:14px} h3 {font-size:13px} h4 {font-size:12px} h5 {font-size:10px} .bottom20{margin-bottom:20px;} .liste{ padding:20px 20px 10px;background:#fff;font-size:16px;color:#555;line-height:26px;margin:0 0 2%;border:1px #f6dbcd solid;overflow:hidden; } .liste li{margin:0 0 5px 0;list-style:none;background:url(../img/gestionnaire/puce-ul.png) no-repeat 0 7px;background-size:10px 10px;padding-left:15px;} a.aBlanc{color:#fff;text-decoration:none} a.aBlanc:hover{text-decoration:underline} a.under{text-decoration:none} a.under:hover{text-decoration:underline} ul li a{zoom:1} span.clear,.clearAccueil{display:block;clear:both;} h1,h2,h3,h4,h5{font-weight:normal;} .visHid{visibility:hidden} .fluxOK:after { content:""; display:table; clear:both; } /* 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%;} /* icones */ span.ico{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:10px;background:url(../img/squelette/icos_site.png) no-repeat -12px -242px;background-size:250px 200px;} span.ico-svg{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:10px;background:url(../img/squelette/pictos.svg) no-repeat 0 0;background-size:800px 600px;} .ico_sprite{background:url(../img/squelette/icos_site.png) no-repeat 0 0;background-size:250px 200px} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- SQUELETTE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ html,body{background:#fff;} #page{background:#fff;padding-top:146px} #header{position:fixed;padding:30px 30px 30px 30px;top:0;left:0;width:100%;box-sizing:border-box;z-index:300;background:#fff;border-bottom:1px #eee solid;} #header .conteneur{box-sizing:border-box;} .conteneur { width:100%; text-align:left; margin:0px auto 0px auto; box-sizing:border-box } /* ICONE MENU COMPLET */ a#global-menu {display:block;float:right;margin-right:20px;border-radius:10px;cursor: pointer;color: #303030;font-weight: 500;background: #ececec;padding:18px 20px;box-sizing: border-box;vertical-align: middle;font-size: 1.6rem;line-height:0;margin:18px 0 0 8px;} a#global-menu span.icon{display:inline-block;width:23px;height:25px;vertical-align:middle;background:url(../img/squelette/close-details.svg) no-repeat -30px -50px;background-size:200px 200px;} /*a#global-menu span.icon, a#global-menu span.icon:after, a#global-menu span.icon:before{cursor: pointer;border-radius: 1px;height: 3px;width: 25px;background: #303030;position: relative;display: inline-block;content: "";-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} a#global-menu span.icon:before {position: absolute;top: -7px;} a#global-menu span.icon:after {position: absolute;bottom: -7px;} a#global-menu.active span.icon, a#global-menu.active span.icon:after, a#global-menu.active span.icon:before {background-color: transparent;} a#global-menu.active span.icon:before {background: #555;top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);} a#global-menu.active span.icon:after {background: #555;top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}*/ /* LANGUES */ #langues{float:left;margin:23px 30px 0 0;position:relative} #langues a{display:block;background:#ececec;color:#303030;padding:15px;border-radius:15px;font-size:16px;} #langues a#current-lg:after{width:0;height:0;border-top:4px #303030 solid;border-left:4px transparent solid;border-right:4px transparent solid;content:"";display:inline-block;margin-left:8px;vertical-align:middle;} #langues a:hover{background:#ddd} #langues #choice-lg{z-index:10;position:absolute;top:0;left:0;background:#ececec;color:#303030;padding:0;border-radius:15px;font-size:16px;} #langues #choice-lg a{padding:15px 30px;border-radius:0;border-left:1px #ddd solid;border-right:1px #f5f5f5 solid;} #langues #choice-lg a#close-lg{padding:15px 22px} #langues #choice-lg a:first-child{border-radius:15px 0 0 15px;border-left:0} #langues #choice-lg a:last-child{border-radius:0 15px 15px 0;border-right:0} #close-lg span.ico-svg,span.ico-close{width:10px;height:10px;background-position:-30px -100px;margin-right:0} .l-off #choice-lg{display:none} .l-on #choice-lg{display:flex} /* LOGO */ #le-logo{float:left;position:relative;z-index:200;margin:18px 30px 0 0;} #le-logo a{display:block;width:215px;height:67px} #le-logo a svg{width:100%} #le-logo .st0{fill:#B3272D;} #le-logo .st1{fill:#666666;} /* MENU HORIZONTAL */ #nav{color:#303030;padding:0;float:left;margin:40px 20px 0 0;} #nav ul{display:inline-block;padding:0;box-sizing:border-box;} #nav ul li{list-style:none;display:inline-block} #nav a{position:relative;display:inline-block;padding:0 0 8px;border-bottom:4px #fff solid;margin:0;color:#303030;font-size:16px;font-weight:400;vertical-align:middle;font-family: 'Roboto', sans-serif;box-sizing:border-box;margin-right:20px;} #nav a span.small{font-size:14px;font-weight:300} #nav a strong{font-size:18px} #nav a:hover,#nav a.actif{color:#b3242d;border-color:#b3242d} #search-top{float:left;margin:38px 0 0 0;} a.search-icon{border:none;} a.search-icon span.ico-svg{width:24px;height:22px;background-position:-200px -60px} /* BOUTON POSTULER */ #btn-postule-top{text-align:center;float:right;margin-top:-10px;} #btn-postule-top p{font-family: 'Lobster Two', cursive;font-size:16px;font-weight:400;font-style:italic;color:#494c51} #btn-postule-top p strong{font-style:normal;font-weight:700} #btn-postule-top a{position:relative;font-family: 'Merriweather', serif;display:block;padding:16px 30px 14px;border-radius:8px;background:#b3242d;color:#fff;font-size:20px;margin-top:10px;} #btn-postule-top a:hover{background-color:#d71d28} #btn-postule-top a:before{content:"";display:block;position:absolute;top:0;left:50%;margin-left:-5px;border-top:10px #fff solid;border-left:10px transparent solid;border-right:10px transparent solid} #btn-postule-top a:after{content:"";display:block;position:absolute;top:-6px;left:50%;margin-left:-3px;border-top:8px #b3242d solid;border-left:8px transparent solid;border-right:8px transparent solid} #btn-postule-top span.ico-svg{margin-right:15px;position:relative;top:-2px;width:25px;height:25px;background-position:-200px -20px} #voile-ux{display:none;background:rgba(48,48,48,0.97);position:absolute;top:0;left:0;bottom:0;right:0;z-index:150} #ajax-menu{width:100%;display:none;padding:0px;height:calc(100% - 150px);position:fixed;z-index:150;flex-direction:row;flex-wrap:wrap;box-sizing:border-box;} #ajax-menu .block-enrichi{display:block;width:25%;box-sizing:border-box;border-left:1px #484747 solid;border-right:1px #484747 solid;padding:40px 40px 80px;color:#fff;} #ajax-menu .block-enrichi h2{text-transform:uppercase;font-size:20px;font-weight:bold;font-family:'Roboto', sans serif;margin-bottom:25px;} #ajax-menu .block-enrichi a{color:#adadad;display:block;font-size:16px;margin-bottom:10px;font-weight:300} #ajax-menu .block-enrichi a:hover{text-decoration:underline;color:#fff;} #ajax-menu #inside-am{display:flex;padding:0px 30px;border-bottom:1px #484747 solid;} /*.glueMenu #nav{position:fixed;top:0;z-index:300;width:100%;border-bottom:1px #777 solid;} .glueMenu #nav{background:#3e3d3f}*/ /* --------------------------- ----- VARIATIONS POUR CLIC SUR RECHERCHE OU BOUTON MENU DEVELOPPE ----- switch class open-details sur #top --> */ .open-details #voile-ux{display:block;} .open-details #header{background:transparent;border-color:#484747} .open-details #le-logo .st0{fill:#fff;} .open-details #le-logo .st1{fill:#fff;} .open-details a#global-menu{background:transparent;} .open-details a#global-menu span.icon{width:23px;height:25px;background-position:-30px -130px;} .open-details a#global-menu span.icon:before,.open-details a#global-menu span.icon:after{display:none} .open-details #ajax-menu{display:block;} .open-details #btn-postule-top p{color:#fff;} .open-details #btn-postule-top a:before{border-top:10px #363636 solid;} .open-details #nav{display:none;} .open-details #langues a{background:#464544;color:#fff;} .open-details #langues a#current-lg:after{border-top-color:#fff} .open-details a.search-icon{display:none} .open-details #search-detail{display:block;background:#464544;border-radius:20px;padding:5px;} .open-details #search-top{margin-top:22px} #search-detail input[type='text']{background:#464544;color:#fff;font-size:16px;padding:13px 5px 5px 15px;vertical-align:middle;border:none;} #search-detail input[type='submit']{background:#b3242d url(../img/squelette/loupe.svg) no-repeat center center;background-size:24px 22px;color:#fff;border-radius:0 10px 10px 0;border:none;margin-left:0;cursor:pointer;width:40px;height:40px;border-radius:20px;font-size:0} /* barre de recherche */ #search-detail{display:none;} /*#search-detail{position:fixed;top:0;left:0;background:rgba(255,255,255,0.9);text-align:center;z-index:200;width:100%;box-sizing:border-box;height:150px;padding:40px;} #search-detail a#close-search{display:inline-block;} */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- ACCUEIL -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #englob-page{background:#fff;} #barre_1{margin:20px auto} #bande1:after{content:"";clear:both;display:table;} /* --------------------------------------- --------- VISUEL DEFILEMENT ACCUEIL -- */ #visuelsAccueil{width:100%;position:relative;} #defilementVA{width:100%;position:relative;} #defilementVA a#lireSuite{background:#000;font-size:16px;padding: 4px 20px;/*position:absolute;bottom:-20px;right:40px;*/color: #fff; text-transform: uppercase;margin: 7px 0 0 30px;float: left; } #defilementVA a#lireSuite:hover{background:#58585a;} #lireSuite strong{font-weight: 700;} #defilementVA .texteVisuA{width:25%;right:10%;position:absolute;top:50%;text-align:center;margin:auto;color:#303030;box-sizing:border-box;} #defilementVA h2{position:relative;z-index:110;display:block;font-family: 'Merriweather', serif;margin-bottom:20px;font-weight:300;font-size:28px;line-height:34px;} #defilementVA h2 strong{font-weight:700;font-style:italic} #defilementVA h2 a{color:#303030;} #defilementVA h3{color:#58585a;padding:20px 10px 10px 0;font-size:20px;font-style:italic;} #defilementVA img{vertical-align:middle;width:100%;box-sizing:border-box;} #defilementVA .elt_defile{width:100%} #defilementVA p{margin:0;text-align:center;font-weight:300;font-size:18px;line-height:24px;color:#353535;} #defilementVA .texteVisuA .lire{font-weight:300;background:#fff;display:inline-block;color:#303030;padding:10px 15px;margin-top:15px;font-size:16px;border-radius:6px;} #defilementVA .texteVisuA .lire:hover{padding:10px 24px;} #defilementVA .boxTexte p{font-weight:300} #custom-pager{position:absolute;width:25%;text-align:center;top:40%;right:10%;z-index:140;margin-top:-50px} #custom-pager a{font-size:18px;display:inline-block;width:30px;height:30px;line-height:0;background:#cdc8bc;font-size:0;font-weight:300;text-align:center;margin-bottom:4px;box-sizing:border-box;margin:0;} #custom-pager .cycle-pager-active a{background:#b3242d;} /* --------------------------------------- --------- MARQUES -- */ #block-marques{position:relative;} #block-marques img{width:100%;display:block;} #infos-marques{position:absolute;left:4%;bottom:12%;color:#fff} #infos-marques h2{font-family: 'Roboto', sans-serif;font-size:90px;font-weight:900;margin-bottom:0;text-shadow: 1px 1px 2px rgba(100, 100, 100, 1);line-height:90px;} #infos-marques h3{font-family: 'Merriweather', serif;font-size:36px;font-weight:300;margin-bottom:25px;text-shadow: 1px 1px 2px rgba(100, 100, 100, 1);} #infos-marques h3 strong{font-weight:700;font-style:italic} #mos-marques{display:flex;flex-direction:row;flex-wrap:wrap;width:50%;} #mos-marques a{display:block;width:20%;box-sizing:border-box;border:1px #f0f0f0 solid;background:#fff} /* --------------------------------------- --------- CARRIERES -- */ #block-carrieres{background:#f0f0f0;display:flex;flex-direction:row;flex-wrap: wrap;align-items: center;justify-content: center;} #block-carrieres .cellule{display:block;width:33.3334%;text-align:center;box-sizing:border-box;position:relative;padding:20px 100px;} #block-carrieres .visu-full{padding:0} #block-carrieres .visu-full:before{display:block;width:0;height:0;position:absolute;bottom:30px;left:0;border-left:16px #f0f0f0 solid;border-top:15px transparent solid;border-bottom:15px transparent solid;z-index:15;content:"";} #block-carrieres .visu-full:after{display:block;width:0;height:0;position:absolute;top:30px;right:0;border-right:16px #f0f0f0 solid;border-top:15px transparent solid;border-bottom:15px transparent solid;z-index:15;content:"";} .visu-full img{width:100%;display:block;position:relative;z-index:10} .centrage,.offres{font-size:16px;line-height:28px;color:#585858;font-weight:300;} .offres p{margin-bottom:15px;line-height:22px;} .offres p a{font-weight:700;color:#303030;text-decoration:underline} .offres p a:hover{color:#b3242d;text-decoration:none} .centrage h2,.offres h2,#block-europe h2{font-size:22px;color:#303030;margin-bottom:25px;font-weight:300} .offres h2{font-size:30px;font-weight:700;font-style:italic;margin-bottom:18px;color:#b3242d} .centrage h2 strong{font-weight: 700;font-style: italic;} .centrage h2 .font-rouge{color:#b3242d} .offres ul{border-bottom:2px #d8d8d8 solid;margin-bottom:20px;} .offres ul li{list-style:none;border-top:2px #d8d8d8 solid;} .offres ul li a{display:block;padding:12px 15px 10px;list-style:none;color:#303030;font-size:15px;font-weight:300} .offres ul li a:hover{color:#af222b} .offres ul li a strong{font-weight:700;font-size:16px} .offres a.single,#block-europe .lire,#top-carrieres .lire,#zone-metiers a.single{display:inline-block;background:#af222b;color:#f0dfe0;padding:5px 15px;border-radius:6px;} .offres a.single:hover,#block-europe .lire:hover,#zone-metiers a.single:hover{padding:5px 26px;color:#fff} /* --------------------------------------- --------- CARTE EUROPE PRESENTATION RAPIDE -- */ #block-europe{overflow:hidden;position:relative;text-align:center;background:#b3242d url(../img/squelette/rest-europe.svg) no-repeat center center;padding:5% 20% 4%;color:#fff;background-size:100% auto;font-size:16px;line-height:28px;font-weight:300} span.shadow{display:block;width:100%;height:30px;-moz-box-shadow: 0px 2px 4px 0px #8c1a22;-webkit-box-shadow: 0px 2px 4px 0px #8c1a22;-o-box-shadow: 0px 2px 4px 0px #8c1a22;box-shadow: 0px 4px 5px 0px #8c1a22;filter:progid:DXImageTransform.Microsoft.Shadow(color=#8c1a22, Direction=180, Strength=4);position:absolute;top:-30px;left:0} #block-europe h2{color:#fff;margin-bottom:20px;font-size:24px;} #block-europe h2 strong{font-weight:600;font-style:italic} #block-europe .lire{margin-top:15px;background:#fff;color:#303030;} #block-europe .lire:hover{padding:5px 26px;color:#b3242d;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- zone contact actu accueil -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ .cell-tiers{width:32%;float:left;padding:0 25px;box-sizing:border-box;background:#fff;} #zone-actu-contact .cell-tiers{padding:25px;} .cell-middle{margin:0 2%} .ico{background:url(../img/squelette/pictos.svg) no-repeat 0 0;background-size:800px 600px} .cell-tiers .ico{margin:30px auto;height:100px;display:block;} .cell-tiers #ico-actu{width:66px;background-position:-670px -30px} .cell-tiers .ico-contenu{width:90px;background-position:-400px -30px} .cell-tiers #ico-contact{width:100px;background-position:-540px -30px} .cell-tiers h2{font-family:'Catamaran', sans serif;font-size:26px;text-align:center;padding:10px 0 15px;color:#b3242d} .cell-tiers .sep{display:block;width:50px;height:10px;margin:0 auto 20px;background:#a70230} .cell-tiers h3{padding-bottom:7px;font-size:18px;margin:0 0 15px;} .cell-tiers h4{color:#5d5c5c;padding-bottom:7px;border-bottom:1px #5d5c5c solid;margin:0 0 15px;} .cell-tiers p{line-height:22px;font-size:15px;text-align:justify;font-weight:300} .cell-tiers p a{color:#555;} .cell-tiers h3 a{color:#b3242d;} #actuAccueil .cell-tiers h3{font-size:24px;font-weight:700} .cell-tiers p a:hover{color:#b3242d;} .cell-tiers h3 a:hover{text-decoration:underline;} .cell-tiers .contact h3{text-align:center;font-size:18px} .cell-tiers .contact p{text-align:center;} .cell-tiers .contact a,#zone-actu-contact a.suite{color:#b3242d;display:inline-block;padding:11px 0 7px;font-size:16px;border-bottom:4px #b3242d solid;font-weight:400} .cell-tiers .contact a.offre{margin-bottom:30px;} .cell-tiers .contact a:hover,#zone-actu-contact a.suite:hover{background:#b3242d;color:#fff;padding:11px 10px 7px;border-radius:4px;} .cell-tiers .visuel{position:relative;} .cell-tiers .visuel img{width:100%;display:block;} .cell-tiers .visuel h3{position:absolute;top:6px;left:6px;background:rgba(39,37,37,0.8);color:#fff;padding:7px;font-size:13px;font-family:'Roboto';font-weight:300} .cell-tiers .var-contact{padding-bottom:20px} .cell-tiers .var-contact h3{text-align:center;font-size:18px;margin-bottom:0;padding-bottom:0} .cell-tiers .var-contact p{text-align:center;} .cell-tiers .var-contact a{color:#b3242d;display:inline-block;padding:11px 0 7px;font-size:15px;border-bottom:4px #b3242d solid;font-weight:400} .cell-tiers .var-contact h3:last-child a{border:none;} .cell-tiers .var-contact a.tel{margin-right:20px;} .cell-tiers .var-contact a.offre{margin-bottom:20px;display:block;color:#555;padding:12px;margin-bottom:0;} .cell-tiers .var-contact h3:nth-child(3) a.offre{border:0;} .cell-tiers .var-contact a:hover{background:#b3242d;color:#fff;text-decoration:none;} .cell-tiers .var-contact a.ttes-offres{background:#b3242d;color:#fff;margin-top:10px;} .cell-tiers .var-contact a.ttes-offres:hover{background:#1387c5;color:#fff;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- CONTENU PAGE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #contenuPage{padding:0;background:#f0f0f0} #contenuPage .conteneur{font-weight:300;padding:0} #body{opacity:0;padding-top:60px;animation: body-reveal 0s 5s 1 normal forwards;} .loadOK #body{opacity:1;padding-top:0} @keyframes body-reveal{ 0%{opacity:0} 100%{opacity:1} } #menuPages{width:25%;float:left;padding:30px 0 80px 60px;box-sizing:border-box;} #menuPages ul#mainMenu{margin-bottom:0;border-top:2px #e4e4e4 solid;border-bottom:2px #e4e4e4 solid} #gestionnaire_content{width:75%;box-sizing:border-box;float:right;background:#fff;padding-bottom:20px;border:1px #eee solid;} #gestionnaire_content #inside_content{padding:0 60px;} #bandeauPage{position:relative;margin-bottom:20px;} #bandeauPage img{vertical-align:middle;width:100%;} #bandeauPage h1,#contenuPage h1{font-family:'Roboto';color:#fff;padding:12px;font-size:32px;font-weight:700} #entete-body {box-sizing:border-box;margin:0 0 10px;color:#fff;padding:0;text-align:center;} #entete-body #inside-entete{background:#b3242d;padding:10px 0 17px;margin-bottom:40px;} #entete-body h1{line-height:32px;font-family: 'Merriweather', serif;font-weight:700;padding-bottom:0} #entete-body img{display:block;width:100%;vertical-align:middle;} #gestionnaire_content #entete-body h2{margin-bottom:0;text-align:center;font-family: 'Merriweather', serif;font-weight:300;font-size:18px;color:#fff} /* cache oblique du bandeau */ #bandeau-contenu{position:relative;} #bandeau-contenu #cache-bandeau{position:absolute;bottom:0;left:0;width:100%;background:url(../img/gestionnaire/cache-bandeau.png) no-repeat top center;background-size:100% 100%;height:50px} /* --------------------------------------- --------- MENU PAGES -- */ #menuPages h2{font-family: 'Merriweather', serif;font-size:20px;margin-bottom:15px;font-weight:300} #menuPages .cell-tiers{display:block;float:none;width:100%;box-sizing:border-box;background:#0094a6;color:#fff;padding:20px;text-align:left;} #menuPages #bloc-contact-real .cell-tiers{background:#b3242d;} #menuPages #bloc-contact-real .cell-tiers h2{color:#fff;} #menuPages .cell-tiers h4{color:#13c2d7;border-bottom-color:#13c2d7} #menuPages .cell-tiers h3 a{color:#fff} #menuPages .cell-tiers p a{color:#bfebf0} #menuPages .linksHeader{float:none;margin:0} #menuPages #bloc-contact-real .cell-tiers .linksHeader a{border-radius:10px;border:2px #fff solid;} #menuPages #bloc-contact-real .cell-tiers .linksHeader a:hover{background:#b3242d;color:#fff;} #menuPages #actuAccueil{text-align:center;margin:0 20px 0 0;} #menuPages #bloc-contact-real{text-align:center;margin:0 20px 0 0;} #menuPages #bloc-contact-real .cell-tiers{margin-bottom:20px;color:#fff} #menuPages #bloc-contact-real .cell-tiers h2{margin-bottom:12px;} #menuPages #bloc-contact-real .cell-tiers a{text-align:center;display:block;padding:15px 0;font-size:18px;color:#b3242d;background:#fff;margin-bottom:10px;border:1px #ddecf1 solid;border-bottom:4px #b3242d solid;} #menuPages #bloc-contact-real .cell-tiers a:hover{background:#b3242d;color:#fff;padding:15px} #menuPages #bloc-contact-real .cell-tiers a#tel-encart{font-size:24px} #menuPages ul,#menuPages a#m_doc{margin-bottom:0;padding:0;} #menuPages ul li{list-style:none;} #menuPages ul li a{position:relative;font-family: 'Roboto';font-weight: 300;display:block;background:#e4e4e4;color:#555;padding:12px 25px 12px 12px;font-size:18px;} #menuPages ul li:nth-child(2n) a{background:#f0f0f0;} #menuPages ul li a:hover,#menuPages ul li a.actif,#menuPages ul li.actif > a,#menuPages ul li:nth-child(2n) a:hover,#menuPages ul li:nth-child(2n) a.actif{background:#fff;color:#b3242d;} #menuPages ul li:nth-child(2n) a.actif,#menuPages ul li a.actif{font-weight:700} #menuPages ul.dev{background:#fff;padding: 15px 6px 10px 6px; margin-top: -8px;} #menuPages ul.dev li{margin-bottom:4px;} #menuPages ul.dev li a{background:#eee;font-size:15px;font-weight:300;padding:10px;color:#353535} #menuPages ul.dev li a:hover,#menuPages ul.dev li a.actif{background:#b3242d;color:#fff;} #menuPages ul.dev2{border:7px #58585a solid;background:#fff;padding:7px;} #menuPages ul.dev2 li a{background:#fff;border-bottom:1px #fff solid;font-size:15px;font-weight:300;color:#4b4b4b;padding:10px;} #menuPages ul.dev2 li{margin:0} #menuPages ul.dev2 li a:hover,#menuPages ul.dev2 li a.actif{background:#58585a;color:#fff;font-weight:300} #menuPages a#m_doc{display:block;padding:17px 20px 15px;background:#f2f2f2;color:#4b4b4b;font-size:20px;line-height:22px;} #menuPages a#m_doc:hover{background:#1c4b5e;color:#fff;} #menuPages a#m_doc span.label{display:inline-block;vertical-align:middle;} #menuPages a#m_doc span.gras{font-weight:600} #menuPages a#m_doc span.ico{margin-right:15px;background-position:-7px -65px;width:30px;height:36px;} #menuPages .encart-contact{float:none;margin:0 20px 0 0} #menuPages .encart-contact h2{font-size:16px} #menuPages .encart-contact a{display:block;float:none;margin:0 0 5px;width:100%;box-sizing:border-box;font-size:16px;} #menuPages ul li a:hover span.arrow,#menuPages ul li a.actif span.arrow{top:46%;border-left: 8px solid transparent; border-right: 8px solid transparent; border-top:8px solid #fff;border-bottom:none;} #menuPages h1{color:#fff;font-weight:500;font-family:'Catamaran', sans serif;font-size:20px;} a#cta-postulerx{display:block;font-size:16px;background:#8e1920 url(../img/carrieres/bg-page.jpg) no-repeat top center;color:#fff;padding:20px 15px;text-align:center;margin-top:25px;position:relative;} a#cta-postulerx span.hov{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:#b3242d;opacity:0.2} a#cta-postulerx:hover span.hov{opacity:0} a#cta-postulerx strong{font-size:20px;display:block;margin-bottom:7px;} /* --------------------------------------- --------- GLOBAL GC -- */ #gestionnaire_content h2{color:#58585a;font-size:22px;margin-bottom:20px;} #gestionnaire_content .extras h2{color:#555;font-size:22px;margin-bottom:20px;padding-bottom:8px;background:#fff;border-bottom:1px #f6dbcd solid;padding:10px 10px;margin-bottom:10px;font-weight:400} #gestionnaire_content p{font-size: 16px;line-height: 30px;color: #555;padding-bottom: 2%;} #gestionnaire_content p.high{background: #fff; padding: 20px; line-height: 26px; font-size: 16px; color: #555; -moz-box-shadow: 0px 0px 3px 1px #d1e0e6; -webkit-box-shadow: 0px 0px 3px 1px #d1e0e6; -o-box-shadow: 0px 0px 3px 1px #d1e0e6; box-shadow: 0px 0px 3px 1px #d1e0e6; filter: progid:DXImageTransform.Microsoft.Shadow(color=#d1e0e6, Direction=NaN, Strength=3);} #gestionnaire_content p.high a{color:#b3242d;font-size:500;text-decoration:underline} #gestionnaire_content p.high a:hover{text-decoration:none} #gestionnaire_content p.high strong{color:#b3242d} .w100{width:100%;vertical-align:middle} #gestionnaire_content p.legendeImg{background:#f2f2f2;padding:15px;color:#333333;text-align:center} #contenuPage .cell_actu{background: #dce7f5;border: 4px #e7eef8 solid;border-radius:15px;color: #333;float: left;width: 100%;box-sizing: border-box;padding: 20px;} #contenuPage .cell_actu:hover{background: #e7eef8;} #contenuPage #actuAccueil img{width:100%;margin:auto;vertical-align:middle;margin-top:20px;} .cell_actu h3{font-size:18px;line-height:22px;margin:0 0 10px;color:#1c4b5e;font-weight:700;text-transform:none} .cell_actu h3 a{color:#333;font-family: 'Catamaran', 'Roboto', sans serif; text-align: center;display: block; font-weight: 500;font-size: 20px;} .cell_actu p{font-size:14px;line-height:20px;color:#58585a;font-weight:300;text-align:justify} .cell_actu p a{color:#222} 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;} /*CONCEPT*/ #conteneurHighlights{padding:30px 0 50px} .highlights.Concept {float: left; width: 49%} .highlights.Concept .englob-articles{background: #fff; margin-top: -20px;border-radius: 0 25px;} .highlights.Concept h2{background: #d5b076; padding: 15px 10px 30px 15px;color: #fff;border-top-right-radius: 25px;} .highlights.Concept h2 strong{color: #fff;} .highlights.Concept .article_cell{float: none; width:100%;} /*.highlights.Concept .article_cell:nth-child(1){margin-bottom: 26px;padding-bottom: 26px;}*/ .highlights.Concept .article_cell a{display: inline-block; width: 40%} .highlights.Concept .article_cell a img{border-bottom-right-radius: 25px;width: 100%;} .highlights.Concept .article_cell span{vertical-align: top;font-size: 22px;text-transform: uppercase;font-family: 'Roboto';padding: 15px 10px 0 15px; text-align: left;font-weight: 600;color: #009dd0;line-height:30px;} .highlights.Concept .article_cell p#extraitPage{width:100%;background:#f8f8f8;padding: 40px 0 15px 0;color: #58585a;font-size: 16px;margin: -35px auto 0 auto;line-height:40px;} .highlights.Concept .article_cell #contenuPagesConcept{width: 60%;vertical-align: top;float: right;} .highlights.Concept .article_cell a#btnLireSuite{display: block;border: 1px solid #009dd0; font-size: 16px;width: 25%;margin:25px auto;background: #009dd0;text-align: center;padding: 5px;border-radius: 10px;color: #fff;text-transform: uppercase;font-family: 'Roboto';} .highlights.Concept .article_cell a#btnLireSuite strong{font-weight:700;} .highlights.Concept .article_cell a#btnLireSuite:hover {background: #d5b076; color: #fff; border: 1px solid #d5b076;} .cell-thirty{ background:#333;width:31%;float:left;border-top:6px #a70230 solid;padding:25px;box-sizing:border-box; } .middle{margin:0 3.5%;/*background:#009dd0;color:#fff;*/} .englob-articles h2{padding:30px 0} .middle h2{color:#fff;} .cell-thirty img.visuel{border-radius:5px;width:100%;display:block;margin:10px 0;filter: none;-webkit-filter: grayscale(0); } .cell-thirty img.visuel:hover{filter: gray; /* For IE6-9 */ filter: grayscale(1); /* For Microsoft Edge and Firefox 35+ */ -webkit-filter: grayscale(1); /* For Google Chrome, Safari 6+ & Opera 15+ */} .highlights .cell-thirty h2{font-size:18px;color:#bbb} .cell-thirty p{color:#fff;font-size:15px;line-height:20px;text-align:justify} .middle img.visuel{border-color:#0db2e9} .cell-thirty h3 a{font-size:17px;color:#a70230;padding-bottom:10px;display:block;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- ESPACE CARRIERE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ .rub-87 #mainMenu li:first-child{display:none;} /* masquage page 10 marques */ .p-862 #entete-body h1{font-size:60px;line-height:34px;padding-top:90px;} .p-862 #entete-body h2{font-size:30px;line-height:64px;} .p-862 #entete-body #inside-entete{background:#b3242d url(../img/carrieres/paris.jpg) no-repeat top center;padding:45px 0 40px;} #top-carrieres{overflow:hidden;position:relative;text-align:center;background:#b3242d url(../img/carrieres/pourquoi.jpg) no-repeat top center;padding:95px 0 70px;color:#fff;background-size:100% auto;font-size:16px;line-height:28px;font-weight:300} #grpdo-emploi #top-carrieres{background:#8e1920 url(../img/carrieres/bg-page.jpg) no-repeat top center;background-size:100% auto} .tpl-candidature #grpdo-emploi #top-carrieres{background:#8e1920 url(../img/carrieres/candidature.jpg) no-repeat top center;background-size:100% auto} .tpl-temoignages #top-carrieres{background:#b3242d url(../img/carrieres/temoignages.jpg) no-repeat center center;background-size:100% auto} span.shadow{display:block;width:100%;height:30px;-moz-box-shadow: 0px 2px 4px 0px #8c1a22;-webkit-box-shadow: 0px 2px 4px 0px #8c1a22;-o-box-shadow: 0px 2px 4px 0px #8c1a22;box-shadow: 0px 4px 5px 0px #8c1a22;filter:progid:DXImageTransform.Microsoft.Shadow(color=#8c1a22, Direction=180, Strength=4);position:absolute;top:-30px;left:0} #top-carrieres h1{color:#fff;margin-bottom:20px;font-size:36px;line-height:60px;font-weight:300} #top-carrieres h1 strong{font-weight:600;font-style:italic;font-size:52px;} #top-carrieres p,#top-carrieres h2{width:60%;margin:10px auto 30px;} #top-carrieres h2{font-size:20px;font-family: 'Roboto', sans serif;} #top-carrieres p a,#top-carrieres h2 a{color:#fff;font-weight:700;border-bottom:1px #fff solid;display:inline-block;} #top-carrieres p a:hover,#top-carrieres h2 a:hover{border-bottom:1px #b3242d solid} #top-carrieres .lire{padding:10px 15px;margin:15px 10px;background:transparent;color:#fff;font-size:18px;border:2px #fff solid;border-radius:0;} #top-carrieres .lire:hover{background:#fff;color:#b3242d;padding:10px 15px;} span.ico-plus{width:20px;height:20px;background-position:-20px -170px;} .lire:hover span.ico-plus{background-position:-20px -200px;} span.ico-bulle{width:20px;height:20px;background-position:-20px -239px;} .lire:hover span.ico-bulle{background-position:-20px -270px;} #zone-offres{background:#eee;padding:80px 60px 60px;text-align:center;position:relative;} #zone-offres:before{position:absolute;top:-10px;left:50%;margin-left:-10px;content:"";display:block;border-bottom:10px #eee solid;border-left:10px transparent solid;border-right:10px transparent solid;} #zone-offres h2{color:#b3242d;font-size:26px;line-height:40px;font-weight:300;margin-bottom:10px;} #zone-offres h2 a{color:#b3242d;} #zone-offres h2 a:hover{text-decoration:underline} #zone-offres h2 strong{font-weight:600;font-style:italic;font-size:36px;} #zone-offres h3 strong{font-weight:600;font-style:italic;font-size:36px;color:#b3242d} #zone-offres h3{color:#353535;margin-bottom:20px;font-size:24px;line-height:48px;font-weight:300} #der-offres,#search-offre{width:100%;padding:20px;box-sizing:border-box;border-radius:20px 20px 0 0;} #search-offre{border-radius:0 0 20px 20px;width:100%;padding:35px 20px 40px} #zone-offres:after{content:"";display:table;clear:both} #der-offres a{display:block;} #der-offres .offres{display:flex;flex-wrap:wrap;flex-direction:row;padding:5px;text-align:center;justify-content: center;align-items: center;} #der-offres .offres a{border-radius:16px;display:block;width:33.3334%;box-sizing:border-box;padding:15px;background:#fff;color:#353535;border:5px #eee solid;} #der-offres .offres a:hover{background:#b3242d;color:#fff} .search-engine input[type="text"]{background:#fff;padding:15px;border-radius:6px;border:none;margin:0 0 0 10px;font-size:16px;color:#353535;font-family:'Roboto', sans serif;width:400px} .search-engine input[type="submit"]{background:#b3242d;padding:15px;border-radius:8px;border:none;font-size:16px;color:#fff;font-family:'Roboto', sans serif;cursor:pointer;margin-left:-15px;} .search-engine input[type="submit"]:hover{background:#d71d28;} .search-engine label{font-size:16px;color:#353535} .search-engine form p{background: #ddd;display: inline-block;padding-left: 20px;border-radius: 8px;} #zone-metiers{background:#353535;padding:60px;text-align:center;color:#fff;position:relative;} #zone-metiers:before{position:absolute;top:-10px;left:50%;margin-left:-10px;content:"";display:block;border-bottom:10px #353535 solid;border-left:10px transparent solid;border-right:10px transparent solid;} #zone-metiers h2{color:#fff;margin-bottom:20px;font-size:36px;line-height:60px;font-weight:300} #zone-metiers h3 strong{font-weight:600;font-style:italic;font-size:36px;} #zone-metiers a.single{padding: 10px 15px;margin: 15px 10px;background: #3f3f3f;color: #fff;font-size: 18px;} #zone-metiers a.single:hover{padding: 10px 26px;background:#fff;color: #b3242d;} #mos-metiers{display:flex;flex-direction:row;padding:10px;} #mos-metiers a{display:block;background:#3f3f3f;width:16.6667%;color:#fff;margin:10px;padding-bottom:15px;font-size:14px;} #mos-metiers a img{display:block;width:100%;margin-bottom:10px;border:10px #3f3f3f solid;box-sizing:border-box;} #mos-metiers a:hover{background:#fff;color:#353535} #mos-metiers a:hover img{border-color:#fff;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */ /* -/-/-/-/-/-/-/-/-/-/-/-/- EMPLOI -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #grpdo-emploi:after{content:"";display:table;clear:both} #grpdo-emploi aside{width:25%;float:left;box-sizing:border-box;background:#eee;padding:40px;} #grpdo-emploi .zone-contenu{font-size:16px;padding:20px 60px 60px;box-sizing: border-box;float:left;width:75%;} #form-emploi .search-engine input[type="text"]{box-sizing:border-box;width:100%;margin:0;} #form-emploi h2{color:#353535;font-size:20px;margin-bottom:30px;} #form-emploi h2 strong{font-size:26px;font-style:italic} #form-emploi label.ttl,#form-emploi h3{position:relative;padding-top:20px;font-family:'Roboto', sans serif;display:block;margin-bottom:15px;font-size:18px;font-weight:500} #form-emploi label.ttl:before,#form-emploi h3:before{content:"";display:block;position:absolute;top:0px;left:0;width:30px;height:8px;background:#ddd;} #form-emploi h3{margin-top:20px;} span.check{padding:5px;display:inline-block;margin-right:5px;} span.check input{margin-right:5px;} #form-emploi .search-engine input[type="submit"]{margin:20px 0 0 0;width:100%;box-sizing:border-box;} #grpdo-emploi .line h3{font-size:20px;border-bottom:2px #eee solid;padding-bottom:20px;padding-top:10px;font-weight:300} .ico-emploi { width: 20px; height: 27px; background-position: -315px -120px; margin-right: 15px; position: relative; top: -3px; } #emploi h2 { font-size: 24px; font-family:'Roboto', sans serif; margin: 20px 0; color: #b3242d; font-weight: 700; } #emploi h2 span.light{font-weight:300} a.cellOffre { display: block; background: #f3f3f3; color: #343434; width: 100%; box-sizing: border-box; padding: 10px 0; margin: 0 0 2px; } a.cellOffre strong, a.cellOffre b { font-size: 18px; margin-bottom: 7px; display: block; text-transform: uppercase; color: #343434; } .listingOffres { padding-top: 20px; } .listingOffres a { display: inline-block; background: #f3f3f3; color: #343434; padding: 10px 10px 8px; border-radius: 5px; font-weight: 700; margin:0 1% 1% 0;} .listingOffres a span.nbpostes { background: #fff; padding: 5px 5px 4px; border-radius: 3px; display: inline-block; margin-left: 15px; font-size: 16px; font-weight: 300; } .listingOffres a:hover span.nbpostes { color: #b3242d; } #emploi .champ { text-align: justify; color:#353535} #emploi .champ ul, #emploi .champ ol { display: block; margin: 0 0; background: #f1f1f1; padding: 20px; border: 1px #e1e1e1 solid; padding-left: 20px; } #emploi .champ ul li, #emploi .champ ol li { display: list-item; list-style: disc; margin-left: 15px; } #emploi .champ a { color: #b3242d; text-decoration: underline; } #emploi .champ a:hover { text-decoration: none; } #emploi .champ p{margin-bottom:20px;} #emploi .champ ul{margin-bottom:20px;} h1 span.service { display: inline-block; padding: 5px; margin-left: 10px; border-radius: 5px; background: #f1f1f1; } a.cellOffre:hover,.listingOffres a:hover{background: #b3242d;color: #fff;} a.cellOffre:hover strong{color:#fff} a.cellOffre,.table-entete{display:flex;flex-direction:row; align-items: center; justify-content: center;} .table-entete{color:#aaa;font-size:15px;font-style:italic;margin-bottom:5px;border-radius:5px;} .intitule-poste{display:block;width:50%;padding:15px;} .societe-poste{display:block;width:25%;text-align:center;} .service-poste{display:block;width:25%;text-align:center;} .table-entete .intitule-poste{padding:7px 15px;} .basic-form-center { margin: 0 80px; text-align: center; } .basic-form-center .line { padding: 0; margin-bottom:30px;} .basic-form-center .line label, .basic-form-center .line .label { display: inline-block; width: 47%; text-align: right; vertical-align: middle; margin-right: 2%; } .basic-form-center .line .label { vertical-align: top; font-weight: bold; } .basic-form-center .line .champ { display: inline-block; width: 47%; text-align: left; vertical-align: middle; position: relative; } .basic-form-center .line .champ img.cal { display: block; vertical-align: middle; position: absolute; top: 9px; left: 7px; } .basic-form-center .line .champ input, .basic-form-center .line .champ textarea, .basic-form-center .line .champ select { border: 1px #e1e1e1 solid; font-size: 18px; background: #fff; color: #343434; padding: 13px 10px 10px; width: 50%; box-sizing: border-box; font-weight:300; font-family: "Roboto", sans-serif; } .basic-form-center .line .champ input[type="file"] { font-size: 16px; } .basic-form-center .line .select-img { display: inline-block; width: 50%; text-align: left; vertical-align: middle; position: relative; } .basic-form-center .line .select-img select { border: 1px #e1e1e1 solid; font-size: 18px; background: #fff; color: #343434; padding: 13px 10px 10px; width: 75%; box-sizing: border-box; font-family: "Roboto", sans-serif; margin-left: 25%; } .basic-form-center .line .select-img select option { padding: 10pt; } .basic-form-center .line .split-input label, .basic-form-center .line .split-input .label { width: 10%; } .basic-form-center .line .split-input p.champ { text-align: left; width: 30%; } .basic-form-center .line .split-input p.champ input { box-sizing: border-box; width: 100%; } .basic-form-center .line .single { display: block; } .basic-form-center .line .single label, .basic-form-center .line .single .label { width: 10%; } .basic-form-center .line .single .champ { text-align: left; width: 72%; } .basic-form-center .line .single .champ input, .basic-form-center .line .single .champ textarea { box-sizing: border-box; width: 100%; } .basic-form-center .qlongue label { width: 37%; } .basic-form-center .qlongue select, .basic-form-center .qlongue input, .basic-form-center .qlongue textarea, .basic-form-center .qlongue .champ textarea { box-sizing: border-box; width: 100%; color: #343434; border: 1px #e1e1e1 solid; font-size: 16px; padding: 13px 10px 10px; font-family: "Roboto", sans-serif; } .basic-form-center .qlongue .content-checks { width: 47%; display: inline-block; text-align: left; vertical-align: middle; } .basic-form-center .qlongue .content-checks p.choix-case { display: inline-block; vertical-align: middle; margin-bottom: 10px; } .basic-form-center .qlongue .content-checks input, .basic-form-center .qlongue .content-checks label { width: auto; display: inline-block; vertical-align: middle; } .basic-form-center .qlongue .content-checks label { width: auto; display: inline-block; margin: 0 10px; } .basic-form-center .qlongue .champ-split { text-align: left; width: 37%; display: inline-block; vertical-align: middle; } .basic-form-center .qlongue .champ-split label, .basic-form-center .qlongue .champ-split textarea { display: block; width: 100%; margin: 0 10px; } .basic-form-center .qlongue span.aj-label { display: inline-block; font-family: "Roboto", sans-serif; margin-left: 10px; } .basic-form-center .line-checkbox .content-checks { text-align: left; width: 84%; margin: auto; padding-left: 12%; box-sizing: border-box; } .basic-form-center .line-checkbox .content-checks input { margin-right: 15px; } .basic-form-center .line-checkbox label { width: auto; } .basic-form-center p.send input { display: block; border: none; font-size: 20px; background: #b3242d; color: #fff; padding: 20px 20px 17px; width: 80%; box-sizing: border-box; margin: 3% 0 5% 10%; border-radius: 10px; cursor: pointer; font-family: "Roboto", sans-serif;} .basic-form-center p.send input:hover { background: #821c26; } .basic-form-center .space-input { padding-bottom: 10px; } .basic-form-center .space-input .single, .basic-form-center .space-input .split-input { padding-bottom: 10px; } #emploi .basic-form-center { margin: 0; } .postule-tpl .basic-form-center { margin: 0; } .postule-tpl .basic-form-center .single { border: 1px #ddd solid; border-top: 0; padding: 15px 0; } .postule-tpl .basic-form-center .single:first-child { border-top: 1px #ddd solid; } #page-catalogues form.basic-form-center p.send { margin: 25px 100px 0; } .show-opt { display: none; } a.wide-link { display: block; border-radius: 5px; background: #b3242d; color: #fff; font-size: 18px; padding: 20px; text-align: center; } a.wide-link:hover { background: #d71d28; } /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- ESPACE COLLABORATEURS -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #mos-collaborateurs{display:flex;flex-direction:row;flex-wrap:wrap;} div.bulle-collaborateur{width:33.3334%;padding:0 30px;text-align:left;box-sizing:border-box;} div.bulle-collaborateur img{width:100%;display:block;} div.bulle-collaborateur h2{font-size:20px;} div.bulle-collaborateur h3{font-size:16px;font-family:'Roboto', sans serif;padding:10px 0;border-top:1px #eee solid:border-bottom:1px #eee solid;} div.bulle-collaborateur p{font-size:16px;line-height:24px;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- MEDIATHEQUE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #mediatheque{padding:30px 60px 50px;} #contenuPage #mediatheque h1{color: #b3242d;font-family: 'Catamaran';font-weight: 300;font-size:20px;padding:0 0 20px 0} #contenuPage #mediatheque h1 span{font-weight: 700;font-size:24px;padding:0 0 20px 0} #contenuPage #mediatheque h1.tad{padding-right:30px;} #realisations{background:#fff;margin:0 60px 30px} #realisations h2{padding:50px 0 25px;text-align:center;font-size:33px;} #realisations h2.var-display{padding:20px 0 0px;margin-bottom:0;text-align:left;font-size:24px;} #realisations .elt-g-var{margin:0 0 0 20px} #realisations .listing-realisations{padding:20px 0;} #realisations .listing-realisations .une-rea,#realisations .listing-realisations .plus-de-rea,#mosaiqueMedias .une-rea{vertical-align:top;width:49%;margin:0 0 2%;display:inline-block;font-size:20px;text-align:center;color:#1a171b;border-radius:15px;box-sizing:border-box;margin-bottom:10px} .test-abs{display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:#000} /*#mosaiqueMedias .une-rea{margin-right:-3px}*/ /* a reactiver pour avant apres / sur 2 #mosaiqueMedias .une-rea:nth-child(2n){margin:0 0 2% 2%}*/ #mosaiqueMedias .une-rea:nth-child(3n+2){margin:0 0 2% 2%} /*#realisations .listing-realisations .une-rea a,#mosaiqueMedias .une-rea a{height:150px}*/ #realisations .listing-realisations .une-rea a,#realisations .listing-realisations .plus-de-rea a,#mosaiqueMedias .une-rea a{display:block;position:relative;color:#1a171b} #realisations .listing-realisations a img,#mosaiqueMedias .une-rea a img{display:block;width:100%;vertical-align:middle;} #realisations .listing-realisations a.plus-media{background:#eaeaea;font-size:18px;text-decoration:underline;border-radius:15px;} #realisations .listing-realisations a.plus-media:hover{text-decoration:none} #realisations span.contentCenter,#mosaiqueMedias span.contentCenter{display:table;border-spacing: 0;border-collapse: collapse;} #realisations span.centerMe,#mosaiqueMedias span.centerMe{display:table-cell;width:100%;height:100%;vertical-align:middle;box-sizing:border-box;padding:0 10px} #realisations .une-rea span.contentCenter,#mosaiqueMedias .une-rea span.contentCenter{border-radius:0;position:absolute;top:0;left:0;background:rgba(0, 148, 166,0.9);opacity:0;width:calc(100% + 1px);height:100%;box-sizing:border-box;color:#fff;font-family:'Catamaran', sans serif;font-size:15px} span.fixH{display:block;position:absolute;top:0;left:0;right:0;bottom:0} #realisations .une-rea:hover span.contentCenter,#mosaiqueMedias .une-rea:hover span.contentCenter{opacity:0.9} .une-rea span.img-avant,.une-rea span.img-apres{display:inline-block;width:50%;position:relative;vertical-align:top;} .une-rea span.img-avant img{border-radius:15px 0 0 15px;border-right:1px #dce7f5 solid;box-sizing:border-box;} .une-rea span.img-apres img{border-radius:0 15px 15px 0;border-left:1px #dce7f5 solid;box-sizing:border-box;} .une-rea span.txt-info{display:inline-block;padding:5px 8px;background:#a70230;color:#fff;bottom:15px;position:absolute;font-size:12px;} .une-rea span.img-avant span.txt-info{right:1px;border-radius:7px 0 0 7px} .une-rea span.img-apres span.txt-info{left:1px;border-radius:0 7px 7px 0} /* redefinition supr avant apres */ #realisations .listing-realisations .une-rea,#realisations .listing-realisations .plus-de-rea,#mosaiqueMedias .une-rea{vertical-align:top;width:32%;margin:0 0 20px;display:inline-block;font-size:20px;text-align:center;color:#1a171b;border-radius:15px;box-sizing:border-box;} #mosaiqueMedias .une-rea:nth-child(3n+2){margin:0 2% 2% 2%} .une-rea span.img-avant img{border-radius:0;border:none;box-sizing:border-box;} .une-rea span.img-avant,.une-rea span.img-apres{display:inline-block;width:100%;position:relative;vertical-align:top;} #mosaiqueMedias .var-video a img{border-radius:15px 15px 0 0} #gestionnaire_content #mediatheque #partie_contenu h2{margin-bottom:0} #mediatheque #partie_contenu h2{position:relative;background:#f6dbcd ;padding:20px 20px 16px;font-size:24px;text-transform:uppercase;font-weight:700;text-align:center;color:#b3242d;} #mediatheque #partie_contenu h2 span.border{width:160px;height:9px;background:#f2db00;position:absolute;top:-5px;left:50%;margin-left:-80px;} #mediatheque .consultationMedia img{width:100%;display:block;} #mediatheque #texteMedia{border-radius:0 0 10px 10px;border:2px #f6dbcd solid;padding:25px 25px 10px;color:#353535;font-size:15px;line-height:20px;font-weight:300;} #mediatheque #texteMedia a{color:#b3242d;text-decoration:underline} #mediatheque #texteMedia a:hover{text-decoration:none} #mediatheque #texteMedia p{text-align:justify;padding-bottom:15px;} #mediatheque #texteMedia ul{text-align:left;border-radius:8px;font-family:'Roboto', sans serif;padding:15px;list-style:disc outside none;margin-bottom:15px;color:#353535;background:#f5f5f5;} #mediatheque #texteMedia ul li{color:#353535;list-style:disc outside none;display:list-item;margin-left:25px;} #mediatheque #texteMedia ul li a{color:#353535;font-weight:500} #mediatheque .avap .consultationMedia .split-aa a{position:relative;display:block;float:left;width:50%;box-sizing:border-box;} #mediatheque .consultationMedia .split-aa a{position:relative;display:block;float:left;width:100%;box-sizing:border-box;} #mediatheque .consultationMedia .split-aa:after{content:"";clear:both;display:table;} #mediatheque .consultationMedia .split-aa .txt-info{position:absolute;bottom:0;background:#a70230;display:block;text-align:center;padding:7px;color:#fff;bottom:10px;} /*#mediatheque .consultationMedia .split-aa a.pic-avant{border-right:1px #e7eef8 solid;}*/ #mediatheque .consultationMedia .split-aa a.pic-avant img{border-radius:20px 0 0 0;} #mediatheque .consultationMedia .split-aa a.pic-avant span.txt-info{right:0;border-radius:6px 0 0 6px} #mediatheque .consultationMedia .split-aa a.pic-apres span.txt-info{left:0;border-radius:0 6px 6px 0} #mediatheque .consultationMedia .split-aa a.pic-apres{border-left:1px #333 solid;} #mediatheque .consultationMedia .split-aa a.pic-apres img{border-radius:0 20px 0 0;} #mosaiqueMedias{text-align:left;display:flex;flex-flow: row wrap;} #mosaiqueMedias .cell_media{display:block;width:25%;float:left;position:relative;} #mosaiqueMedias .cell_media img{width:100%;display:block;vertical-align:middle} #mosaiqueMedias .cell_media span.titre{padding:15px;color:#fff;display:block;text-align:center;background:#444;height:60px;} #mosaiqueMedias .odd span.titre{background:#333} #mosaiqueMedias .cell_media span.roll{border-radius:15px;display:inline-block;opacity:0;text-align:center;position:absolute;top:0;left:0;width:100%;height:100%;font-size:80px;font-weight:bold;color:#fff;font-family:'Catamaran', sans serif;font-size:15px background:#f2db00;background: rgba(0, 124, 191, 0.9); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2db00e5, endColorstr=#f2db00e5); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2db00e5, endColorstr=#f2db00e5)";} #mosaiqueMedias .cell_media span.roll span{display:inline-block;vertical-align:middle;color:#918700} #mosaiqueMedias .cell_media span.roll:before { /* this is the important part */ content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } #mosaiqueMedias .cell_media:hover span.roll{opacity:.8} /* video consult */ .video-container {margin:0 0px 0px 0px;position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- DOCUMENT -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* ----- ESPACE DOC ------ */ .espace_document #bandeau,#espace_actualite #bandeau,#espace_question #bandeau,#espace_contenu #bandeau{height:225px;background-image:url(../img/bandeau/bg_bas_c.gif)} .espace_document #bandeau h2,#espace_actualite #bandeau h2,#espace_question #bandeau h2,#espace_contenu #bandeau h2{top:180px;font-size:28px;} .espace_document #bandeau form#moteurRecherche,#espace_actualite #bandeau form#moteurRecherche,#espace_question #bandeau form#moteurRecherche,#espace_contenu #bandeau form#moteurRecherche{top:181px;} .espace_document .ligne a.roots{display:block;width:28px;height:28px;background:url(../img/docs/tree/extra_doc.gif) no-repeat 0 0;vertical-align:middle;float:left; margin-right:5px} .espace_document .ligne a.roots:hover{background-position: 0 -28px;} .espace_document a.dl_tree_doc{padding: 0 0 0 20px;background:url(../img/picto/dl.gif) no-repeat 2px 0;color:#6d5238;font-size:12px;position:relative;top:2px} .espace_document a.dl_tree_doc:hover{background-position:2px -34px;color:#6ca624} .espace_document h3{font-size:22px;color:#f39800} .espace_document .extras{padding-top:10px;} form#recherche{padding-bottom:20px;} div.separateurDoc{background:#c5c5c5;height:1px;margin:40px 60px;} #leGestionnaire p.seeAll{float:right;font-size:12px;background:url(../img/docs/tree/seeall.gif) no-repeat 0 0;height:28px;padding:0 0 0 31px;margin-bottom:15px;} #leGestionnaire p.seeAll a{display:block;background:#656565;color:#fff;padding:4px 15px 0;text-align:center;height:24px} .ligne{position:relative;margin:15px 0;width:100%;clear:both;height:30px;} .ligne select{width:90%;padding:6px;background:#f3f0ee;color:#6d5238;border:none;float:left;} #navDoc{border-bottom:1px #fffddd solid} #navDoc div.ligne{padding:5px 5px 0 5px;border-top:1px #fffddd solid} #navDoc div.ligne img,#navDoc div.ligne select{vertical-align:middle} #navDoc select{width:655px;} #navDoc img{position:relative;top:1px;} #treeDoc{color:#6d5238;margin-left:20px;background:url(../img/docs/tree/ligne_verticale.gif) repeat-y top left} #treeDoc h4{margin-top:10px;font-size:16px;padding-bottom:15px;color:#572f08;background:#fff url(../img/docs/tree/tree_root.gif) no-repeat 0 7px;padding-left:15px;} #treeDoc p{font-size:13px;margin-bottom:0;} #treeDoc p a{font-size:13px;color:#6d5238;font-weight:bold} #treeDoc p a:hover,#treeDoc p a.actif{text-decoration:underline;} #treeDoc p.folder{background:url(../img/docs/tree/folder.gif) no-repeat 0 7px;padding:3px 0 6px 42px} #treeDoc p.file{background:url(../img/docs/tree/file.gif) no-repeat 0 7px;padding:3px 0 6px 42px} #treeDoc p.zip{background:url(../img/docs/tree/zip.gif) no-repeat 0 7px;padding:4px 0 6px 42px} #treeDoc p.pdf{background:url(../img/docs/tree/pdf.gif) no-repeat 0 7px;padding:4px 0 7px 42px} #treeDoc p.odt,#treeDoc p.ods,#treeDoc p.odp,#treeDoc p.odg,#treeDoc p.odc,#treeDoc p.odf,#treeDoc p.odb,#treeDoc p.odi,#treeDoc p.odm,#treeDoc p.otg,#treeDoc p.otp,#treeDoc p.ots,#treeDoc p.ott{background:url(../img/docs/tree/oo.gif) no-repeat 0 7px;padding:4px 0 7px 42px} #treeDoc p.xls,#treeDoc p.xlsx{background:url(../img/docs/tree/xls.gif) no-repeat 0 7px;padding:4px 0 7px 42px} #treeDoc p.doc,#treeDoc p.docx{background:url(../img/docs/tree/doc.gif) no-repeat 0 7px;padding:4px 0 7px 42px} #treeDoc p.pic,#treeDoc p.jpg,#treeDoc p.jpeg{background:url(../img/docs/tree/pic.gif) no-repeat 0 7px;padding:4px 0 7px 42px} #treeDoc hr.clear{height:10px;border:0} div.largeurTotale div#document_consult{width:640px;margin:0} div#document_consult{width:564px;margin-left:12px} div#document_consult p{color:#574837;line-height:16px;padding-bottom:3px;text-align:justify} div#document_consult a img.visu{border:5px #c1c1c1 solid;float:left;margin:0 23px;} div#document_consult div.right{width:430px;} div#document_consult p.fil a{color:#b09f8d;text-decoration:underline} div#document_consult p.fil{padding-bottom:10px;border-bottom:dotted 1px #e5e5e5;color:#b09f8d;} div#document_consult p.fil a:hover{color:#a9b720;text-decoration:underline} div#document_consult div.bg_dl{background:#f5f5f5;padding:7px;margin-top:15px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;} div#document_consult div.bg_dl p{padding:5px} div#document_consult div.bg_dl a{display:block;float:right} div#document_consult p a{color:#574837;text-decoration:none} div#leGestionnaire h4.titreDoc{color:#13216a;font-size:22px;font-weight:normal;padding-bottom:0} #espace_affilies div#leGestionnaire h4.titreDoc{color: #6d5238;} div#leGestionnaire #treeDoc h5{color:#6d5238;font-size:16px;font-weight:normal} #docConsult{padding:10px 0px 30px;} #docConsult h3{padding:0;margin:0;font-size:22px;color:#f39800;margin-bottom:10px} #docConsult .fil{font-size:12px;background:#f5f5f5;color:#fff;padding:5px 10px;} #docConsult .fil a{color:#6d5238} #docConsult .fil a:hover{color:#f39800;text-decoration:underline} #docConsult .fil img{margin:0 5px} #docConsult .doc{line-height:16px;font-size:12px;border-top:1px #fff dashed;padding:35px 20px 10px 80px;background:url("../img/doc/pdf.gif") no-repeat 20px 40px;min-height: 50px} div#leGestionnaire #docConsult h3{margin-bottom:10px;padding:0;background:transparent;font-weight:normal} div.dlDoc{margin:20px 0;background:#f3f0ee;color:#6d5238;font-size:12px;} div.dlDoc p{padding:10px;} div.dlDoc a{display:block;padding:10px;height:96%;background:#63bee0;color:#fff;font-weight:bold;float:right;margin: 0 0 0 0;text-decoration:underline} div.dlDoc a:hover{text-decoration:none} #body div.doc form{ padding: 0px 0px 20px 0px; margin: 0; background: transparent; } #body div.doc form select:disabled{ color: #aca08d !important; font-weight: normal; } #body div.doc form select{ background: #F5F5F5; border: 1px #eee solid; font-size: 13px; padding: 4px; font-weight: bold; color: #54483d; width: 90%; float: left; } #body div.doc div.treeDoc{color:#6d5238;margin-left:20px;background:url(../img/docs/tree/ligne_verticale.gif) repeat-y top left} #body div.doc div.treeDoc h4{margin-top:10px;font-size:16px;padding-bottom:15px;color:#572f08;background:#fff url(../img/docs/tree/tree_root.gif) no-repeat 0 7px;padding-left:15px;} #body div.doc div.treeDoc p{font-size:13px;margin-bottom:0;line-height: normal} #body div.doc div.treeDoc p a{font-size:13px;color:#fff;font-weight:bold;text-decoration: none !important;} #body div.doc div.treeDoc p a.dl_tree_doc{color:#1c4b5e;} #body div.doc div.treeDoc p a:hover,#body div.doc div.treeDoc p a.actif{text-decoration:underline !important;} #body div.doc div.treeDoc p.folder{background:url(../img/docs/tree/folder.gif) no-repeat 0 7px;padding:8px 0 7px 45px} #body div.doc div.treeDoc p.file{background:url(../img/docs/tree/file.gif) no-repeat 0 7px;padding:8px 0 7px 45px} #body div.doc div.treeDoc p.zip{background:url(../img/docs/tree/zip.gif) no-repeat 0 7px;padding:8px 0 7px 45px} #body div.doc div.treeDoc p.pdf{background:url(../img/docs/tree/pdf.gif) no-repeat 0 7px;padding:8px 0 7px 45px} #body div.doc div.treeDoc p.odt,#body div.doc div.treeDoc p.ods,#body div.doc div.treeDoc p.odp,#body div.doc div.treeDoc p.odg,#body div.doc div.treeDoc p.odc,#body div.doc div.treeDoc p.odf,#body div.doc div.treeDoc p.odb,#body div.doc div.treeDoc p.odi,#body div.doc div.treeDoc p.odm,#body div.doc div.treeDoc p.otg,#body div.doc div.treeDoc p.otp,#body div.doc div.treeDoc p.ots,#body div.doc div.treeDoc p.ott{background:url(../img/docs/tree/oo.gif) no-repeat 0 7px;padding:4px 0 7px 42px} #body div.doc div.treeDoc p.xls,#body div.doc div.treeDoc p.xlsx{background:url(../img/docs/tree/xls.gif) no-repeat 0 7px;padding:8px 0 7px 45px} #body div.doc div.treeDoc p.doc,#body div.doc div.treeDoc p.docx{background:url(../img/docs/tree/doc.gif) no-repeat 0 7px;padding:8px 0 7px 45px} #body div.doc div.treeDoc p.pic,#body div.doc div.treeDoc p.jpg,#body div.doc div.treeDoc p.jpeg{background:url(../img/docs/tree/pic.gif) no-repeat 0 7px;padding:8px 0 7px 45px} #body div.doc div.treeDoc hr.clear{height:10px;border:0} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- FOOTER -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #footer{border-top:5px #f0f0f0 solid;font-size:16px;line-height:26px;position:relative;color:#303030;box-sizing:border-box;background:#fff;padding:40px 30px} #footer .conteneur{position:relative;padding:0;box-sizing:border-box} #zoneLogo{float:left;padding:0;text-align:left;margin:12px 50px 0 0;font-weight:300;box-sizing:border-box;text-align:center;} a#footerLogo{display:block;background:url(../img/squelette/logo-rapido-groupe.svg) no-repeat 0 0;background-size:145px 46px;width:145px;height:46px;} #reprise-metiers{float:left;margin:0;box-sizing:border-box;} #reprise-metiers a{display: inline-block;padding:0 0 8px;color: #303030;font-size: 16px;margin-right:15px;box-sizing:border-box;border-bottom:4px #fff solid;font-weight:400} #reprise-metiers a:hover,#contact-footer a:hover{color:#b3242d;border-color:#b3242d} #reprise-metiers a#postule-footer{border-bottom:0;font-family: 'Merriweather', serif;padding:10px 16px 8px;border-radius:8px;background:#b3242d;color:#fff;font-size:18px;margin-top:10px;} #reprise-metiers a#postule-footer:hover{background-color:#d71d28} #reprise-metiers a#postule-footer span.ico-svg{width:20px;height:20px;background-position:-200px -130px;position:relative;top:-3px} #reprise-metiers a.social{border-bottom:0;background:#f3f3f3;border-radius:24px;padding:2px 8px 4px 8px} #reprise-metiers a.social .ico-svg{width:15px;height:17px;background-position:-300px -20px;margin:0} #reprise-metiers a.social:hover{background:#b3242d} #reprise-metiers a.social:hover .ico-svg{background-position:-300px -43px} #annexes{color:#777;float:right;text-align:center;font-size:16px;font-weight:300;margin-top:20px;box-sizing:border-box;box-sizing:border-box} #annexes span.separateur{display:inline-block;} #annexes a{color:#777;display:inline;text-align:right;line-height:30px;font-size:14px} #annexes a.ib{display:inline;} #annexes a:hover,#annexes a.ib:hover,#footer #annexes a:hover{text-decoration: underline;color:#d71d28} .first-line:after{content:"";display:table;clear:both;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- MESSAGES -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /*** MESSAGES ERREUR ***/ .ok, .error{text-align:center; } .ok,#gestionnaire_content p.ok {background-color:#b3242d; color:#fff; font-weight:300; padding:15px;font-size:20px;} .error,#gestionnaire_content p.error {background-color:#009dd0; color:#fff; font-weight:300; padding:15px;font-size:20px;} .erreur,#formContact form p.textuel input.erreur,#formContact p.oblig textarea.erreur{border:1px #1c4b5e solid;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- EXTRAS -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ div.extras .widthExtras{width:100%;} div#basRound{margin-left:16px;width:673px;background:#fff url(../img/squelette/bas_contenu.gif) no-repeat bottom right;padding:0 0 30px;} div.extras{padding-bottom:65px;} div.extras h4{margin:5px 0} div.extras p{color:#666;} div.extras p a{color:#000;text-decoration:none} div.extras a:hover{text-decoration:underline} div.extras .width1{width:70px} div.extras .width2{width:380px} div.extras .width3{width:120px} div.extras td a,div.extras div.credits1 a,div.extras div.credits2 a{color:#009dd0;text-decoration:none;font-size:18px} div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#009dd0;text-decoration:underline} div.extras caption{font-size:16px;background-color:#58585a; color:#fff; padding:10px; font-weight:600} #leb-img {margin-top:20px} div.extras .credits1,div.extras .credits2{background-color:#fff; margin:5px 0px; padding:15px; width:100%} #creditsLeb ul{background:#fff !important} #creditsLeb ul{width: 100%;} div.extras .bg1{background-color:#F0F0F0} div.extras .credits2,div.extras .bg2{background-color:#F9F9F9} div.extras td{padding:10px;color:#333333;font-size:16px} #creditsLeb .left{margin-right:30px;width:350px;} #plan{font-size:16px;} #plan ul li{list-style:none} #plan a {border-radius:4px;display:block;padding:12px; background-color:#f5f5f5;margin-bottom:4px;color:#555;font-size:15px;} #creditsLeb .grisC{color:#b3242d !important;font-size:16px;} #plan a:hover {background-color:#b3242d; color:#fff;text-decoration:none} #plan a.titre{margin-top:35px;font-weight:500;background:#0094a6;color:#fff;text-transform: uppercase;font-family:'Catamaran', sans serif;} #plan a.titre:hover{background:#b3242d;color:#fff} div.extras h4{font-family: 'Merriweather', serif;font-size:22px;margin:30px 0 20px !important;font-family: Roboto;font-weight: 400;} div.extras h4.rouge{color:#b3242d !important;font-family: 'Merriweather', serif;} #creditsLeb a.cell{padding:10px !important;font-size:16px;color:#555;background:#f5f5f5 !important} #creditsLeb a.cell:hover{background:#b3242d !important;color:#fff} p.high{border:1px #eee solid;padding:20px;margin-bottom:20px;} p.high strong{color:#222} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- FORMULAIRE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #formContact p.textuel input{color:#fff;width:380px;border:none;font-size:11px;margin-bottom:5px;padding:3px;} #formContact textarea{color:#fff;width:380px;border:none;font-size:11px;margin-bottom:5px;padding:3px;} #formContact p.textuel input, #formContact select, #formContact textarea{padding:5px;color:#5f5f5f;font-size:14px;display:block;float:left;width:450px;margin-bottom:15px;vertical-align:middle} #formContact select{width:463px} #formContact form p.send input{margin-left:155px;width:463px;background:#0087c8;color:#fff;padding:10px;border:none;cursor:pointer} #fancybox-title-main{color:#414141 !important} #formContact label.normal{padding:2px 15px 0 0;float:left;width:20%;text-align:right;font-weight:normal;margin-right:7px;position:relative;top:10px;color:#555;font-weight:normal;font-size:18px;} #formContact label.lettre{width:20%} #formContact p.textuel input{color:#555;width:65%;background:#f5f5f5;border:none;font-size:13px;margin-bottom:5px;padding:2%;} #formContact textarea{font-family:'Roboto', sans-serif;color:#555;width:65%;border:none;background:#f5f5f5;font-size:13px;margin-bottom:5px;padding:2%;} #formContact input.send{ padding: 15px; font-size: 24px; background: #b3242d; border: 2px #b3242d solid; cursor: pointer; color: #fff; text-transform: uppercase; font-weight: bold; border-radius: 8px;padding:2%;display:block;width:69%;font-weight:bold;text-align:center;margin-left:22%;cursor:pointer;margin-top:20px;} #formContact input.send:hover{ background: #fff; color: #b3242d;} #formContact .lettreSend{margin-top:30px} #formContact .lettreSend input.send,#recaptcha_widget_div{margin-left:23%} #formContact p.oblig input,#formContact p.oblig textarea{background:#f5f5f5;} #formContact select{border-width:1px;background:#f5f5f5;padding:10px;color:#555;width:65%;margin-bottom:5px;font-size:13px;border:0} #fancybox-title-main{color:#666 !important}