/* --- 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: 'Montserrat', sans-serif; font-family: 'Roboto Slab', serif; font-family: 'Roboto', sans-serif; */ html {font:12px 'Roboto';background:#333330} #body,#formContact input,#interactifHeader input,input{font-family: 'Roboto';} .corp-l,.highlights{font-family: 'Roboto Slab', serif;font-weight:300} .corp-m,h1,h2,h3,h4,#information-contact h2 a span.consult strong,#contenuPage h1.noBandeau,#body h2{font-family: 'Roboto Slab', serif;font-weight:400} .corp-b,p#baseline span strong{font-family: 'Roboto Slab', 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,a#cta-temoignages span.hov,#entete-body img,#body,.bulle-collaborateur img,a.btn-lil-b svg .arr,#about-acc a.btn-lil-b svg .shape,footer .rapido-unicolor .shape,footer .itineo-unicolor .shape,footer .dreamer-unicolor .shape,footer .campereve-unicolor,#switch-maps a,#switch-maps a:hover svg.active-arr,.one-col input[type="submit"],a.btn-arr svg,svg,#enquete-durable-acc .inside,#enquete-durable-acc h4,#focus-alb img,#focus-alb h2,#lisibilite-voile,.one-theme .cta span.plus,.one-theme .cta{ 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,#block-europe h2,#block-europe .content-txt,#block-europe .content-txt p,#block-europe .content-txt a,.alb-photos{ transition:all .3s ease; -o-transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; } .main-ext{ transition:all .5s ease; -o-transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; } .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%; } .waitEffect{transition:none !important; -o-transition:none !important; -moz-transition:none !important; -webkit-transition:none !important;} .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 #eee 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} .cpt-roll a.aBlanc:hover{text-decoration:underline} a.under{text-decoration:none} .cpt-roll 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%;} /* flex */ .flex-row{display:flex;flex-direction:row;flex-wrap:wrap;} .flex-col{display:flex;flex-direction:column;flex-wrap:wrap;} /* 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} #atk_map{margin-bottom:40px} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- SHAPES COLOR -- SVG -/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #le-logo .st0{fill:#a08a71;} #le-logo .st1{fill:#c03541;} #ico-insc .st0{fill:#fff} #ico-insc .st1{fill:#c12938} #ico-insc .st2{fill:#383838} #ico-login .st1{fill:#fff} #ico-login .st4{fill:#383838} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- LANG DRAPEAUX -/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ .c-lang{position: absolute;bottom:-10px;left:0;} .u-flag{display: block;width:20px;height:12px;background:url(../dist/images/drapeaux.png) 0 0;background-size:20px 320px;display:none;border-radius:2px} .u-flag--actif .u-flag{display: block;} .u-flag--actif{display: block;background:#eee;border-radius:5px;padding:5px 18px 5px 5px;position: relative;} .u-flag--actif:hover{background:#c3303e} .u-flag--actif:after{content:"";display: block;width:0;height:0;border-top:4px #000 solid;border-left:4px transparent solid;border-right:4px transparent solid;position: absolute;top:50%;margin-top:-1px;right:5px;} .c-lang--accueil{text-align:center;position:relative;bottom:auto;display:flex;align-items:center;justify-content:center;top:17px;} .c-lang--accueil .u-flag{display: block;} .c-lang--accueil .u-flag--actif:after{display: none;} .c-lang--accueil .u-flag--actif{padding:5px} .c-lang--accueil a{background:#fff;display: block;padding:5px;border-radius:5px;margin:0 3px} .c-lang--accueil a:hover,.c-lang--accueil a.u-flag--actif{background:#eee} .u-flag--fr{background-position:0 0} .u-flag--en{background-position:0 -91px} .u-flag--de{background-position:0 -13px} .u-flag--es{background-position:0 -39px} .u-flag--it{background-position:0 -26px} .box-champs .u-flag{display: block;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- PREMIER ECRAN - LOGIN + INSCRIPTION -/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ .center-acc #le-logo{text-align:center;float:none;width:100%;box-sizing:border-box;} .center-acc #le-logo a{margin:auto;} #login-inscription{display:flex;flex-direction:row;flex-wrap:wrap;position:relative;z-index:301} .pannel-acc{box-sizing:border-box;text-align:center;width:calc(50% - 200px);text-align:center;position:relative;} .pannel-acc .inside{position:absolute;top:20px;left:20px;width:calc(100% - 50px);height:calc(100% - 40px);display:flex;align-items:center;justify-content:center;padding:60px 40px;border:1px #c9b497 solid;box-sizing:border-box;} #identification .inside{left:30px} .englob-inside{width:70%} #identification .inside{border-color:#a88f6c;} #inscription-club{background:#a88f6c url(../img/ecran1/bg-inscription.jpg) repeat-x 0 0;} #identification{background:#e9e9e9;} #visuels-club{width:400px;position:relative;z-index:10} #visuels-club img{display:block;width:100%;border:10px #fff solid;box-sizing: border-box; -moz-box-shadow: 0px 0px 9px 0px #666666; -webkit-box-shadow: 0px 0px 9px 0px #666666; -o-box-shadow: 0px 0px 9px 0px #666666; box-shadow: 0px 0px 9px 0px #666666; filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666, Direction=NaN, Strength=5);} a.btn-stand{display:inline-block;padding:16px 40px 14px;background:#c12938;color:#fff;font-size:20px;font-weight:700;border-radius:8px;margin-top:20px;font-family:'Roboto Slab', serif;} a.btn-stand:hover{background:#282828} a.btn-stand svg{width:19px;margin-right:12px;} #login-inscription svg.ico-svg{width:48px;margin-bottom:20px;} a.btn-fw{width:100%;box-sizing: border-box;text-align:center} #login-inscription h2{font-size:26px;font-weight:bold;font-family:'Montserrat', sans-serif;background:#fff;padding:13px;margin:0 20px 20px;-webkit-clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0% 100%, 3% 50%, 0% 0%);clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0% 100%, 3% 50%, 0% 0%);} #login-inscription h2 span{color:#c12938;font-family:'Roboto Slab', serif} .list-adv p{font-family:'Roboto', sans serif; font-size:20px;color:#fff;padding:20px 0;position:relative;font-weight:300} .list-adv p:after{content:"";display:block;width:60px;height:1px;background:#333330;position:absolute;bottom:0;left:50%;margin-left:-30px;} .list-adv p:last-child:after{display:none} .list-adv p strong{font-family:'Roboto Slab', serif;font-weight:bold;} form.login-form input{padding:15px;background:#fff;border:1px #c5c5c5 solid;color:#adadad;font-size:15px;font-family:'Roboto', sans serif;font-weight:300;margin-bottom:12px;text-align:center;border-radius:6px;width:94%;box-sizing:border-box} form.login-form a{display:inline-block;margin-bottom:15px;color:#666;text-decoration:underline;font-size:15px;} form.login-form a:hover{text-decoration:none;} #visuels-club{display:flex;flex-direction:column;} #visuels-club .box-img{position:relative;width:100%;height:33.3334%} #visuels-club img.sentinel{opacity:0} #visuels-club .legende{position:absolute;top:0;left:0;width:100%;height:100%} #visuels-club .legende img{width:calc(100% + 20px)} #visuels-club .box-img:nth-child(1) .legende img,#visuels-club .box-img:nth-child(3) .legende img{position:relative;top:-10px;left:-15px;} #visuels-club .box-img:nth-child(2) .legende img{position:relative;left:-5px;top:5px} #visuels-club .box-img:nth-child(3) .legende img{top:auto;bottom:-10px;} .tpl-accueil-log header{position:relative;padding-bottom:50px;} #page.tpl-accueil-log{padding-top:0;} /* ------ INSCRIPTION -------- */ .tpl-inscription .pannel-acc{width:100%} .tpl-inscription.tpl-accueil-log header{padding-bottom:30px} .tpl-inscription .pannel-acc .inside{position:relative;top:auto;left:auto;width:100%;height:auto;padding:20px 0;border:none;} .tpl-inscription .one-col{margin-top:-54px;} .tpl-inscription .border-wrap, .tpl-accueil-log .border-wrap{padding-top:60px;} .tpl-inscription .one-col h3{color:#fff;padding-top:15px;font-family: 'Montserrat', sans serif;font-size: 24px;} .tpl-inscription #login-inscription svg.ico-svg{display:block;margin:20px auto} .tpl-inscription #login-inscription h2{font-size: 16px;padding:13px 40px;display:inline-block;margin-bottom:30px} .tpl-inscription .one-col h3:after{background:#c12938;left:50%;margin-left:-45px} .tpl-inscription .one-col label{text-align:left;color:#222;font-weight:700} .tpl-inscription .one-col input[type="text"],.tpl-inscription .one-col input[type="email"],.tpl-inscription .one-col input[type="tel"],.tpl-inscription .one-col select, .tpl-inscription .one-col .nb-ch-3 .box-champs p, .tpl-inscription .one-col .nb-ch-2 .box-champs p, .tpl-inscription .tpl-form-standard input, .tpl-inscription .tpl-form-standard textarea, .tpl-inscription .tpl-form-standard input, .tpl-inscription .tpl-form-standard select, .tpl-enquete #wrapper-contact input[type="file"]{border-color:#8e7959} .tpl-inscription .icon-inscription{margin:0 auto;text-align:center;} .icon-inscription .block-icon{display:inline-block;vertical-align:middle;line-height:0;} .tpl-inscription .icon-inscription svg{width:80px;height:57px;} .tpl-inscription #split-et3 .one-col{text-align:center;width:50%;box-sizing:border-box} .tpl-inscription #split-et3 .one-col img{border-radius:10px;width:180px;} .tpl-inscription #split-et3 .one-col input[type="file"]{border:2px #8e7959 dotted;padding:20px;margin:0 0 15px 0;border-radius:10px;} .tpl-inscription #split-et3 .one-col label{display:block;font:400 20px 'Roboto Slab', serif;padding:15px;text-align:center;} .tpl-inscription #split-et3 .one-col textarea{border:2px #8e7959 solid;background:#fff;display:block;width:100%;font:400 16px 'Roboto', sans serif;padding:20px;box-sizing:border-box;border-radius:7px} .tpl-inscription .avatar p.text-standard{margin:0px auto 15px} p.intro-pre-site{color:#fff;font:500 18px 'Roboto', sans serif;line-height:24px;text-align:center;margin:30px 0} .tpl-inscription p.intro-pre-site{background:#c9b18c;padding:40px 20px 20px;margin-top:-50px;color:#121212} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- MODIF CARRIERE ERGO -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #gestionnaire_content #zone-offres{background:#fff;} .landing #gestionnaire_content{padding-bottom:0} .landing #top-carrieres p,.landing #top-carrieres h2{padding:0;color:#fff;} .landing .search-engine input[type="text"],.landing .search-engine select{background:#eee;} .landing #der-offres .offres a{border-color:#fff;background:#eee} .landing #mos-metiers a{width:25%;} #contenuPage #top-carrieres h1{margin-bottom:0;font-family:'Roboto Slab', serif;font-weight: 300;} .landing #display-collaborateurs{background:#fff} .landing .bulle-collaborateur{width:25%;} .landing .bulle-collaborateur img{border-color:#eee;} .cpt-roll .landing .bulle-collaborateur:hover{background:#eee} .landing .bulle-collaborateur:hover img,.landing .bulle-collaborateur:hover h3{border-color:#fff;} #gestionnaire_content .espace-collaborateurs p{padding-bottom:20px;font-size:15px;line-height:24px;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- SQUELETTE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ html,body{background:#333330;} #page{background:#fff;padding-top:146px} .logo-club-rapido .st0{fill:#a08a71} .logo-club-rapido .st1{fill:#c03541} /* LOGO */ #le-logo{float:left;position:relative;z-index:200;margin:0 30px 0 0;} #le-logo a{display:block;width:210px;height:74px} #le-logo a svg{width:100%} header{position:fixed;padding:20px;top:0;left:0;width:100%;box-sizing:border-box;z-index:300;background:#fff;border-bottom:1px #eee solid;border-bottom: 1px #eee solid;-webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1);} 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;} /* 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 img{display:inline-block;vertical-align:middle;} #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;} .cpt-roll #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} /* MENU HORIZONTAL */ #nav{color:#303030;padding:0;float:left;margin:26px 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:6px 8px 6px 8px;margin:0;color:#303030;font-size:16px;font-weight:300;vertical-align:middle;font-family: 'Montserrat', sans-serif;box-sizing:border-box;margin-right:10px;border-left:4px #39373c solid;} #nav a span.small{font-size:14px;font-weight:300} #nav a strong{font-size:18px} .cpt-roll #nav a:hover,#nav a.actif{background:#303030;color:#fff;border-radius:0 8px 8px 0;padding:6px 8px 6px 8px} #nav ul li.reforest{margin:-5px 0 0 40px} #nav ul li.reforest a{border:none;background:#e9e9e9;position:relative;border-radius:20px;padding:12px 20px 9px 55px;} #nav ul li.reforest a:before{content:"";display:block;width:76px;height:74px;background:url(../img/squelette/top/reforest.png) no-repeat 0 0;position:absolute;top:-12px;left:-24px;} .cpt-roll #nav ul li.reforest a:hover{background:#303030;color:#fff;padding:12px 20px 9px 55px;border-radius:20px;} #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} /* ESPACE CLIENT TOP BAR */ #recep-p-u-top{float:right;width:330px;margin-top:5px;} #recep-p-u-top .pannel-usr{width:100%} .pannel-usr{display:flex;flex-direction:row;align-items:center;} .pic{width:63px;position:relative;} .pic img{display:block;border:4px #dadada solid;border-radius:50px;} svg.mails-account{width:26px;position:absolute;bottom:-2px;right:-4px} svg.mails-account .st0{fill:#fff} .links-espace a{display:inline-block;background:#e9e9e9;color:#1d1d1b;font-size:12px;padding:8px 12px;border-radius:5px;} .links-espace a:hover,.links-espace a.actif{background:#c3303e;color:#fff} .links-espace p{padding-left:15px;} .links-espace p:first-child a{margin-bottom:8px;} .first-space p{text-align:right;padding-right:15px} /* --------------------------- ########### #grid-wrap -- slider + 3 blocs passerelle // about + SRC ------------------------------ */ #part-one{width:75%} #passerelle-site{background:#333330;align-items:center;} #passerelle-site section{width:33.3334%;text-align:center;padding:20px;box-sizing:border-box;color:#fff;font-size:16px;font-weight:300} #slider{width:100%} #slider .elt_defile, #slider .elt_defile img{width:100%;display:block;vertical-align:middle;} #passerelle-site h2,#src-acc h2{font-family:'Montserrat', sans serif;font-size:24px;font-weight:300} #passerelle-site h2 strong,#src-acc h2 strong{font-family:'Roboto Slab', serif;font-weight:bold;font-size:24px;color:#a9906c} a.btn-lil-b{display:inline-block;padding:10px;background:#282826;color:#fff;font-size:14px;font-weight:300;border-radius:6px;margin-top:20px;} a.btn-lil-b:hover{background:#c12938;} a.btn-lil-b svg{width:13px;margin-left:12px;} a.btn-lil-b svg .arr{fill:#a9906c} a.btn-lil-b:hover svg .arr{fill:#fff} .tab-simu-b{font-size:18px;margin:20px 0 40px;} .tab-simu-b p{padding:12px;} .tab-simu-b p:first-child{border:1px #595959 dotted;border-radius:10px 10px 0 0;font-weight:500} .tab-simu-b p.type{font-weight:300;border:1px #595959 dotted;border-radius:0 0 10px 10px;background:#282826} #vehicule-acc .rapido-unicolor{display:inline-block;vertical-align:middle;margin-right:10px;} #vehicule-acc .rapido-unicolor .shape{fill:#fff;} #vehicule-acc div.tab-simu-b svg{display:inline-block;vertical-align:middle;height: 24px;margin-right:10px;} #vehicule-acc div.tab-simu-b svg .shape{fill:#fff;} #jauge{margin:10px 0;border:4px #282826 solid;position:relative;border-radius:6px;height:4px;background:#000} #jauge #progress{position:absolute;height:4px;border-radius:4px;top:0;left:0;background:#a9906c;} #enquete-durable-acc{padding:15px;} #enquete-durable-acc .inside{background:#ffffff;color:#282826;padding-bottom:30px;} #enquete-durable-acc p{font-size:24px;margin-top:20px;font-family:'Montserrat', sans serif;} #enquete-durable-acc p span.nb-arbre{padding:6px 7px;margin:0 2px;border-radius:6px;display:inline-block;vertical-align:middle;background:#c12938;color:#fff;border:1px #eb4959 solid;-webkit-box-shadow: -1px 3px 3px 0px rgba(184,184,184,1); -moz-box-shadow: -1px 3px 3px 0px rgba(184,184,184,1); box-shadow: -1px 3px 3px 0px rgba(184,184,184,1);} #enquete-durable-acc h2{border-bottom:1px #c0c0c0 dashed;background:#282826;color:#fff;padding:25px 15px 20px;text-align:center;position:relative;margin-bottom:30px;} #enquete-durable-acc h2:before{content:"";display:block;position:absolute;top:0;left:50%;margin-left:-8px;border-top:8px #333330 solid;border-left:8px transparent solid;border-right:8px transparent solid;} #enquete-durable-acc h3{font:700 15px 'Roboto', sans serif;color:#c12938;margin-bottom:10px;} #enquete-durable-acc h4{font:300 22px 'Montserrat', sans serif;padding:10px;margin:7px 30px;color:#333330} #enquete-durable-acc p.text-standard{font:300 16px 'Roboto', sans serif;line-height:22px;color:#333330} .is-enquete h3,.is-enquete h4,.is-enquete p.text-standard{margin-left:30px;margin-right:30px} #enquete-durable-acc a:hover .inside{background:#eee;} #enquete-durable-acc a:hover h4{background:#fff;color:#c12938;} #passerelle-site section#vip-acc{color:#333330;font-weight:400} .bg-vip{background:#a88f6c url(../img/ecran1/bg-inscription.jpg) repeat-x 0 0;position:relative;} .bg-vip .inside{width: 100%;padding:30px 25px 20px;border: 1px #c9b497 solid;box-sizing: border-box;} #vip-acc h2{font-weight:bold;color:#333330;margin-bottom:10px;} #vip-acc h2 strong{color:#c12938} #vip-acc h3{position:relative;font-size:18px;font-family:'Roboto Slab', serif;margin:20px 0 10px;padding-top:25px;font-weight:700} #vip-acc h3:before{content:"";content:"";display:block;position:absolute;top:0;left:50%;margin-left:-50px;width:100px;height:4px;background:#333330} #vip-acc h4{font-size:22px;font-family: 'Montserrat', sans serif;font-weight:300;color:#fff;} #vip-acc p.date{color:#fff;font-size:15px;margin:10px 0;} #part-two{width:25%;background:#282826;text-align:center;} #about-acc{background:#e9e9e9;padding:60px 60px 50px;margin-bottom:40px;-webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);} #about-acc p.bl{font-size:16px;font-family:'Montserrat', sans serif;} #about-acc h2{margin:5px 0 20px;font-size:16px;font-family:'Roboto Slab', sans serif;font-size:30px;font-weight:bold;line-height:32px;position:relative;padding-bottom:20px;} #about-acc h2:after{content:"";display:block;position:absolute;bottom:0;left:50%;margin-left:-50px;width:100px;height:4px;background:#c12938} #about-acc p{font-size:16px;line-height:22px;font-weight:400} #about-acc a.btn-lil-b{background:#fff;color:#333330;} #about-acc a.btn-lil-b:hover{background:#c12938;color:#fff;} #about-acc a.btn-lil-b svg .shape{fill:#c12938} #about-acc a.btn-lil-b:hover svg .shape{fill:#fff} #src-acc{width:100%;padding:0 20px 20px;box-sizing:border-box;} #src-acc h2{color:#fff;margin-bottom:20px;} #src-acc h3{font-size:22px;font-weight:bold;font-family:'Montserrat', sans-serif;background:#fff;padding:15px;margin:0 60px 20px;-webkit-clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0% 100%, 3% 50%, 0% 0%);clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0% 100%, 3% 50%, 0% 0%);} #src-acc h3 span{color:#c12938;font-family:'Roboto Slab', serif} a.question{text-align:left;font-size:16px;color:#fff;line-height:20px;font-weight:300;display:block;border:1px #595959 dashed;padding:12px 40px 12px 12px;margin-top:15px;position:relative;} a.question svg{position:absolute;top:50%;margin-top:-7px;right:15px;width:20px;} a.question svg .shape{fill:#a9906c} a.question:hover{background:#282826} #src-acc p{margin:25px 0 10px;font-weight:300;color:#fff;font-size:15px;} #src-acc p svg{width:17px;display:inline-block;margin-left:7px;position:relative;top:10px;} #grid-wrap a.btn-stand{font-family:'Roboto', sans serif;font-weight:300;padding-top:12px} #grid-wrap a.btn-stand strong{font-family:'Roboto Slab', sans serif;font-weight:700} #grid-wrap a.btn-stand svg{display:inline-block;vertical-align:middle;position:relative;top:-2px;} #grid-wrap a.btn-stand:hover{background:#a9906c} /* --------------------------- ########################## #ROAD TRIP ACCUEIL ------------------------------ */ #road-trip-acc{padding:50px 0 0;color:#333330} #road-trip-acc h2{text-align:center;font-size:34px;font-family:'Roboto', sans serif;font-weight:300} #road-trip-acc h2 strong{color:#c12938;font-family:'Roboto Slab', sans serif;font-weight:700} #road-trip-acc h3{text-align:center;font-size:22px;font-family:'Roboto', sans serif;font-weight:300;padding-bottom:50px;} #road-trip-acc h3 strong{font-family:'Roboto Slab', sans serif;font-weight:700} #englob-map{position:relative;background:#333330} #maps-zone{position:relative;height:800px;-webkit-box-shadow: 0px -2px 24px -6px rgba(0,0,0,0.75);-moz-box-shadow: 0px -2px 24px -6px rgba(0,0,0,0.75);box-shadow: 0px -2px 24px -6px rgba(0,0,0,0.75);} #maps-zone #map{width: 100%;height: 100%;box-sizing:border-box;} .ico-album .cls-1{fill:none;} .ico-album .cls-2{fill:#c12938;} .ico-album .cls-3{fill:#ddd;} .ico-album .cls-4{fill:#8e8d8b;} .ico-album .cls-5{fill:#282d33;} .ico-user .cls-1{fill:#fff;} .ico-user .cls-2{fill:#dcdcdc;} .ico-user .cls-3{fill:#a88f6c;} .ico-coeur{width:42px;} .ico-coeur .cls-1{fill:#a9906c;} .ico-coeur .cls-2{fill:#282d33;} .ico-coeur .cls-3{fill:#fff;} .ico-phone{width:62px;} .ico-phone .cls-1{fill:none;} .ico-phone .cls-2{fill:#c12938;} .ico-phone .cls-3{fill:#ddd;} .ico-phone .cls-4{fill:#383838;} .ico-pouce{width:40px;} .ico-pouce .cls-1{fill:#a9906c;} .ico-pouce .cls-2{fill:#fff;} .ico-pouce .cls-3{fill:#333330;} .ico-pouce .cls-4{fill:#c12938;} #switch-maps{position:absolute;top:20px;left:0;z-index:250} #switch-maps a{display:inline-block;margin-bottom:10px;border-radius:0 8px 8px 0;background:#fff;padding:15px 15px 12px;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);font-size:16px;color:#333330;} #switch-maps p{position:relative;} #switch-maps a svg.active-arr{position:absolute;top:50%;left:-50px;margin-top:-11px;opacity:.4} #switch-maps a:hover,#switch-maps .actif{padding-left:50px;} #switch-maps a:hover svg.active-arr,#switch-maps a.actif svg.active-arr{left:20px;opacity:1} #switch-maps a strong{color:#c12938;font-weight:700} #switch-maps svg.ico-album{width:27px;} #switch-maps svg.ico-user{width:21px;} #switch-maps svg.active-arr{width:18px;} #switch-maps a svg{display:inline-block;vertical-align: middle;margin-right:12px;} #action-albums{background:#333330;text-align:center;display:flex;flex-direction:row;justify-content:center;} #pres-alb,#add-album{margin-top:-100px;position:relative;z-index:250;box-sizing:border-box;background:#fff;padding:40px 40px 30px;border-radius:20px 0 0 20px;width:640px;} #add-album{width:370px;border-radius:0 20px 20px 0;background:#eee;border:10px #fff solid;position:relative;} #add-album:before{content:"";display:block;width:0;height:0;border-right:16px #eee solid;border-top:16px transparent solid;border-bottom:16px transparent solid;position:absolute;top:50%;margin-top:-16px;left:-16px;} .gfx-alb{margin-bottom:20px;} .gfx-alb svg{display:inline-block;vertical-align:middle;margin:0 5px;} .gfx-alb svg.ico-album{width:92px;} #pres-alb p{font-size:18px;text-align:center;line-height:24px;font-weight:300} #pres-alb p span.breakline{display:block;} #add-album{padding-top:25px} #add-album .gfx-alb{margin-bottom:15px;} #add-album a.btn-stand{padding:15px;font-weight:300;font-family:'Roboto', sans serif;margin-top:0} #focus-alb{position:absolute;top:30px;right:30px;z-index:250} #focus-alb #main-ext{background:#fff;padding:20px;-webkit-box-shadow: 9px 10px 26px -12px rgba(0,0,0,0.72);-moz-box-shadow: 9px 10px 26px -12px rgba(0,0,0,0.72);box-shadow: 9px 10px 26px -12px rgba(0,0,0,0.72);width:380px;height:380px;box-sizing: border-box;} #main-ext img{width:100%;display:block;} #focus-alb img#min-1{transform:rotate(-7deg);width:190px;position:absolute;top:-60px;left:-110px;border:12px #fff solid;box-sizing: border-box;-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset} #focus-alb img#min-2{transform:rotate(4deg);width:135px;position:absolute;top:-80px;left:115px;border:9px #fff solid;box-sizing: border-box;-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset} #focus-alb a:hover h2{background:#c12938;color:#fff;} #focus-alb a:hover img#min-1{transform:rotate(-9deg);} #focus-alb a:hover img#min-2{transform:rotate(6deg);} #focus-alb a:hover #lisibilite-voile{opacity:.4} #main-ext{position:relative;} #lisibilite-voile{position:absolute;top:20px;left:20px;bottom:20px;right:20px;background:url(../img/album/voile-noir.png) repeat-x bottom left;} #infos-alb-ext{text-align:center;position:absolute;color:#fff;bottom:20px;left:20px;width:calc(100% - 40px);box-sizing: border-box;padding:25px;} #infos-alb-ext h2{display:inline-block;background:#fff;padding:6px 15px;border-radius:6px;font-family:'Montserrat', sans serif;font-size:16px;color:#333330;margin-bottom:15px;font-weight:500} #infos-alb-ext p{font-size:18px;line-height:32px;color:#fff;} #infos-alb-ext span.love{display:inline-block;margin-left:7px;vertical-align:middle;background:#c12938;padding:6px 10px;border-radius:10px;color:#fff;font-weight:400;font-size:12px;line-height:15px;} .ico-love{display:inline-block;vertical-align:middle;margin-right:5px;width:13px} .ico-love .cls-1{fill:#fff;} p.warning{background:#eee;padding:15px;border-radius: 20px;margin:0 0 20px;font:300 15px 'Roboto', sans serif;} /* --------------------------- ########################## #ENQUETES ------------------------------ */ .ico-pen .st1{fill:#fff} .ico-pen .st2{fill:#aa906d} .ico-pen .st4{fill:#383838} .tpl-reponse #intro-page.variante-background h1{color:#fff;width:60%;margin:auto;} .topic{padding:0 15%;background:#dadada;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;box-sizing:border-box;border-bottom:1px #fff solid;} .topic svg{width:75px;} .topic a.btn-stand{width:180px;box-sizing:border-box;font:400 20px 'Roboto', sans serif;padding:12px;text-align:center;} .topic .recap-enquete{width:calc(100% - 260px);box-sizing:border-box;padding:60px;} .topic h2{font:700 26px 'Roboto Slab', serif;margin-bottom:10px;} .topic p{font:400 16px 'Roboto', sans serif;} .main-topic{background:#aa906d} .sub-topic a.btn-stand{background:#333330;} .sub-topic a.btn-stand:hover{background:#c12938;} .tpl-enquete #intro-page.t-st-bc{padding-top:40px;} .tpl-enquete #intro-page.t-st-bc h1 strong{font:700 34px 'Roboto Slab', serif;color:#c12938} .tpl-enquete #intro-page.t-st-bc p.def-rubrique{text-align:center;font:400 16px 'Roboto', sans serif;width:60%;margin:15px auto 30px} /* r�ponse ETAPE 1 -- CONFIRMATION DES DONNEES */ .tpl-reponse #intro-page svg.ico-pen{width:75px;margin:0 auto 20px;} .tpl-reponse #intro-page .conteneur-centrage{text-align:center;width:100%;} .tpl-reponse #intro-page.t-st-bc h2{color:#333330;margin-top:10px;} .conteneur-enquete{width:60%;margin:auto;} .conteneur-enquete label,.conteneur-enquete input,.conteneur-enquete textarea,.conteneur-enquete select{color:#333330;font:400 16px 'Roboto', sans serif;box-sizing:border-box;} .conteneur-enquete input[type="text"],.conteneur-enquete textarea,.conteneur-enquete select{border:1px #ddd solid;padding:15px; box-sizing: border-box; border-radius: 7px; border: 2px #dadada solid; font-size: 16px; color: #282826; padding: 10px;} #reponse-enquete{padding:60px;text-align:center;} #reponse-enquete input[type="submit"]{display:inline-block;border-radius:8px;background:#c12938;color:#fff;padding:16px 30px;font-weight:bold;font-family:'Montserrat', sans serif;font-weight:bold;border:0;display:block;box-sizing:border-box;width:auto;font-size:18px;cursor:pointer;margin-top:15px;margin:30px auto 0;} #reponse-enquete input[type="submit"]:hover{background:#282826;padding:16px 40px;} #reponse-enquete .send{text-align:center;} #reponse-enquete{font:300 16px 'Roboto', sans serif;line-height:24px;} #reponse-enquete h2{font:700 20px 'Roboto Slab', serif;color:#c12938;margin:60px 0 30px} #reponse-enquete form h2:first-child{margin:30px 0 0} #reponse-enquete .data-infos{border:2px #eee dotted;padding:60px;background:#eee;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap;} #reponse-enquete .data-infos .cell-infos{width:50%;padding:15px;box-sizing: border-box} #reponse-enquete .data-infos .cell-infos p.label{display:block;text-align:left;padding:0 16px 10px 16px} #reponse-enquete .data-infos input[type=text],#reponse-enquete .data-infos select{box-sizing:border-box;width:100%;padding:15px;color:#333;font:16px 'Roboto', sans serif;} #reponse-enquete h2.question{text-align:left;padding-bottom:10px;border-bottom:1px #ddd dotted;margin-bottom:10px;} #reponse-enquete h3{font:500 18px 'Roboto', sans serif;padding:55px 0 30px;text-align:left;} #reponse-enquete h3.inside-question{padding-top:0px;} #reponse-enquete .data-textarea h3.inside-question{padding-bottom: 0;} #reponse-enquete h3 strong{color:#c12938} /* - - variation contact service client - - */ #contacter-src #reponse-enquete{padding:0} #contacter-src #reponse-enquete h2{background:#eee;font-size: 16px;font-family: 'Montserrat', sans serif;margin:0;color:#303030;text-align:left;font-weight:400;padding:40px 40px 0} #contacter-src #reponse-enquete h2 strong{font-family:'Roboto Slab', sans serif} #contacter-src #reponse-enquete .data-infos{padding:20px;} .data-check{display:flex;border:1px #ddd solid;padding:30px;align-items:center;flex-direction:row;flex-wrap:wrap} .data-check .one-check{width:50%;padding:10px;box-sizing:border-box;text-align:left;} .data-ouinon .one-check{width:auto;padding:10px 30px 10px 10px;} .data-ouinon .one-check.not-bool{width:100%;} .data-check .one-check input{margin-right:10px;} .data-check .one-check select{width:100%} .heading-choice div{display:flex;justify-content:center;align-items:center;} .heading-choice div.row-check{background:#eee} .data-table-choice .row-choice{display:flex;flex-direction:row;flex-wrap:wrap;} .row-choice div{padding:10px;border:1px #eee solid;box-sizing:border-box;} .data-table-choice .row-q{width:40%;text-align:left;font-size:15px;} .data-table-choice .row-check{width:15%;display: flex;justify-content: center;align-items: center;} .data-table-choice label.label-mob{display:none;} .data-note{display:flex;flex-direction:row;flex-wrap:wrap;} .data-note .note{padding:10px;border:1px #eee solid;box-sizing:border-box;width:9.091%} .data-note .note input{margin-right:7px;} .data-textarea{border:1px #ddd solid;padding:40px;background:#eee} .data-textarea label{display:block;text-align:left;padding:0 16px 10px 16px;} .data-textarea textarea{width:100%;min-height:150px;} #reponse-enquete .item{border:1px #ddd solid;} #reponse-enquete h4.note-item{background:#eee;padding:40px 15px 15px;color:#333;font:700 16px 'Roboto', sans serif;} #reponse-enquete h5{background:#eee;padding:0px 90px 15px;color:#333;font:300 16px 'Roboto', sans serif;line-height: 24px;} #reponse-enquete .item{margin-bottom:10px;} .item .data-note{border:40px #eee solid;border-top:none;} .item .data-textarea{border:none;padding-top:0} .item .data-textarea label{text-align:center;} #reponse-enquete #avis-vehicule{border-radius:6px;margin-top:10px;} #avis-vehicule .data-textarea{border-radius:0 0 6px 6px} #reponse-enquete #avis-vehicule h4.note-item{font-size: 18px;color:#c12938;border-radius:6px 6px 0 0} .txt-libre{text-align:left;} .txt-libre input{width:50%;text-align:right;margin-right:10px;} p.remarque{background:#fdcece;border:1px #f38b8b solid;padding:20px;margin:10px 0} p#satisfaction-vehicule{background:#c12938;padding:20px;border-radius:6px;margin-top:30px;position:relative;text-align:center;color:#fff;font:400 18px 'Roboto', sans serif;} p#satisfaction-vehicule:before{content:"";display:block;position:absolute;top:-10px;left:50%;margin-left:-5px;width:0;height:0;border-bottom:10px #c12938 solid;border-left:10px transparent solid;border-right:10px transparent solid} p#satisfaction-vehicule span.big{font:700 24px 'Roboto Slab', serif;} /* --------------------------- ########################## #CONTACT ------------------------------ */ .ico-contact .st2{fill:#fff} .tpl-contact #intro-page h1 svg{display:block;margin:10px auto 5px;width:60px;vertical-align:middle;} #contacter-src{padding:0 0 40px;} #contacter-src input,#contacter-src textarea{color:#333330;font:400 16px 'Roboto', sans serif;box-sizing:border-box;width:100%} #contacter-src input[type="text"],#contacter-src textarea,#contacter-src select{ box-sizing: border-box; border-radius: 7px; border: 2px #dadada solid; font-size: 16px; color: #282826; padding: 10px;} #contacter-src input[type="submit"]{color:#fff;} #contacter-src textarea{min-height:300px;} #wrapper-contact{background:#f4f4f4;border-radius:20px 20px 0 0;margin-top:-70px;} .objet-contact{padding:40px;} #wrapper-contact .border-wrap{background:#fff;} .tpl-contact #intro-page.t-st-bc{padding-bottom:100px;} /* --------------------------- ########################## #preload ------------------------------ */ #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} .cpt-roll #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;} */ /* --------------------------- ########################## #ESPACE CLIENT ------------------------------ */ .ico-arbre .cls-1{fill:#4d4d4d;} .ico-arbre .cls-1,.ico-arbre .cls-2{fill-rule:evenodd;} .ico-arbre .cls-2{fill:#94b411;} #intro-page{background:#e9e9e9;padding:25px 60px 15px;font-family:'Montserrat', sans serif;} #intro-page svg#ico-login{width:36px;display:inline-block;vertical-align:middle;margin-right:15px;position:relative;top:-7px} #intro-page h1{font-size:16px;color:#1d1d1b;font-weight:700;font-family:'Montserrat', sans serif;padding-top:10px;} #intro-page h1 span.actif{color:#c12938;text-decoration:underline;font-weight:400} svg.ico-fl-black{width:7px;display:inline-block;vertical-align:middle;} #intro-page svg.ico-fl-black{margin:0 10px;} .ico-fl-black .cls-1{fill:#292927;} .tpl-2-col{display:flex;flex-direction:row;flex-wrap:wrap;padding:50px;} .tpl-2-col .one-col{width:48%;margin-left:1%;} .tpl-2-col .one-col:first-child{margin-right:1%;} .border-wrap{padding:40px;border:1px #ddd solid;} .tpl-inscription .border-wrap,.tpl-accueil-log .border-wrap{border-color:#c9b18c;} .one-col h2,.objet-contact h2{font-size:16px;font-family:'Montserrat', sans serif;margin-bottom:30px;margin-top:20px;} .one-col h2:first-child,.objet-contact h2:first-child{margin-top:0px;} .one-col h2 strong,.objet-contact h2 strong{font-family:'Roboto Slab', sans serif;} .one-col{font-size:15px;color:#282826;} .one-col label,.sameVehiculeLabel{font-size:15px;color:#959595;font-weight:300;padding:0 0 10px 10px;display:block;} .one-col input[type="text"],.one-col input[type="email"],.one-col input[type="tel"],.one-col input[type="password"],.one-col select,.one-col .nb-ch-3 .box-champs p,.one-col .nb-ch-2 .box-champs p,.tpl-form-standard input,.tpl-form-standard textarea,.tpl-form-standard input,.tpl-form-standard select, .tpl-enquete #wrapper-contact input[type="file"], .data-infos .box-champs .z-champ{box-sizing:border-box;border-radius:7px;border:2px #dadada solid;font-size:16px;color:#282826;padding:15px;} .one-col .nb-ch-4 .box-champs{display:flex;flex-flow:row wrap;justify-content:space-between} .one-col .nb-ch-4 .box-champs p{width:23%;box-sizing:border-box} .one-col .nb-ch-4 .box-champs p label{box-sizing:border-box;border-radius:7px;border:2px #dadada solid;font-size:16px;color:#282826;padding:15px;background: #fff;border-color: #8e7959;} .one-col .nb-ch-4 .box-champs p input{margin-right: 10px;} .one-col .nb-ch-4 .z-champ:nth-child(4){padding-right:0;} @media (max-width:800px){ .one-col .nb-ch-4 .box-champs p{width:49%} .one-col .nb-ch-4 .box-champs p:nth-child(1), .one-col .nb-ch-4 .box-champs p:nth-child(2){margin-bottom:10px} } @media (max-width:700px){ .one-col .nb-ch-4 .box-champs p{width:100%} .one-col .nb-ch-4 .box-champs p:nth-child(1), .one-col .nb-ch-4 .box-champs p:nth-child(2), .one-col .nb-ch-4 .box-champs p:nth-child(3), .one-col .nb-ch-4 .box-champs p:nth-child(4){margin-bottom:10px} } .one-col .nb-ch-3 .box-champs,.one-col .nb-ch-2 .box-champs,.one-col .col-50 .box-champs, .data-infos .box-champs{display:flex;flex-direction:row;flex-wrap:wrap;} .one-col .nb-ch-3 .box-champs p,.one-col .col-50 .box-champs .z-champ,.one-col .col-50 .box-champs .z-champ{width:32.3334%;} .one-col .nb-ch-2 .box-champs p, .data-infos .box-champs .z-champ{width:auto;padding-right:40px;background:#fff} .one-col .nb-ch-5 .box-champs p{width:auto;padding-right:40px;background:#fff} .one-col .col-50 .box-champs .z-champ input,.one-col .col-50 .box-champs .z-champ select{width:100%;} .one-col .nb-ch-3 .box-champs p input,.one-col .nb-ch-2 .box-champs p input{margin-right:10px} .block-champ{margin-bottom:25px;} .one-col .col-100 .nb-ch-1 select{width:100%} .one-col .col-100 .z-champ:nth-child(2),.one-col .col-50 .box-champs .z-champ:nth-child(2){margin:0 1.5%} .one-col .col-100 .nb-ch-4 .z-champ:nth-child(2), .one-col .col-100 .nb-ch-4 .z-champ:nth-child(3) {margin-left:0;margin-right:0} .one-col .nb-ch-2 .box-champs .z-champ:nth-child(2){margin:0 0 0 2%} .one-col .nb-ch-5 .box-champs .z-champ{margin:0 0 0 2%} .one-col .nb-ch-5 .box-champs .z-champ:first-child{margin:0} .one-col .nb-ch-2 .z-champ label, .data-infos .box-champs .z-champ label{display:inline-block;padding:0;text-align: center;} .one-col .col-50{display:flex;flex-direction:row;flex-wrap:wrap;} .one-col .col-50 .block-champ{width:49%;} .one-col .col-50 .block-champ:first-child{margin-right:2%} .one-col .col-50 input,.one-col .col-50 select{width:100%} .one-col input[type="submit"],.message-overlay input[type="submit"],#contacter-src input[type="submit"],.tpl-form-standard input[type="submit"],#split-et3 input[type="submit"]{border-radius:8px;background:#c12938;color:#fff;padding:16px;font:700 18px 'Roboto Slab', serif;border:0;display:block;box-sizing:border-box;width:100%;cursor:pointer;margin-top:15px;} .one-col input[type="submit"]:hover,.message-overlay input[type="submit"]:hover,#contacter-src input[type="submit"]:hover,.tpl-form-standard input[type="submit"]:hover,#split-et3 input[type="submit"]:hover{background:#282826} .struc-flex{display:flex;flex-direction:row;flex-wrap:wrap;} .one-col h3{font-size:18px;color:#959595;font-family:'Roboto', sans serif;font-weight:400;margin-bottom:35px;padding-bottom:30px;position:relative;} .one-col h3 a.btn-arr{margin-left:20px;} .one-col h3:after { content: ""; display: block; position: absolute; bottom: 0; left: 0%; width: 90px; height: 7px; background: #282826; } #visuel-membre{width:240px;text-align:left;} #visuel-membre .actions-btn{margin-top:20px;} #visuel-membre a.btn-arr{display:block;width:210px;margin:8px 0 0;text-align:center;padding:13px 10px 8px;box-sizing:border-box;} #visuel-membre a.btn-arr svg{display:inline-block;vertical-align:middle;} #visuel-membre svg{width:22px;position:relative;top:-1px} #visuel-membre a:hover svg{fill:#fff} #visuel-membre img{width:210px;border-radius:210px;border:4px #dadada solid;margin:0 auto;box-sizing:border-box;} #visuel-membre img.noradius{border-radius:0} #texte-membre{width:calc(98% - 240px);} #texte-membre p{font-size:16px;line-height:22px;padding-bottom:20px;} #texte-membre p a{text-decoration:underline;color:#c12938} a.btn-arr{display:inline-block;padding:10px;background:#e9e9e9;color:#282826;font-size:14px;font-weight:300;border-radius:6px;margin-top:20px;font-family:'Roboto', sans serif;} .estampe a.btn-arr{margin:0 0 0 10px;vertical-align:middle;padding:9px 15px 7px 10px;line-height:12px} a.btn-arr:hover{background:#c12938;color:#fff} a.btn-arr svg{width:13px;margin-right:12px;margin-left:3px;} a.btn-arr svg .arr{fill:#aa906d} a.btn-arr:hover svg .arr{fill:#fff} #reforest-col{margin-top:30px;} svg.ico-arbre{width:22px;display:inline-block;vertical-align:middle;margin-right:15px;} #reforest-col h2{font-size:16px;font-family:'Montserrat', sans serif;margin-bottom:25px;} #reforest-col h2 strong{font-weight:bold;font-family:'Roboto Slab', serif;} #reforest-col p.code-arbre{background:#e9e9e9;color:#333;padding:15px;border-radius:25px;font-family:'Roboto Slab', serif;font-weight:400;font-size:26px;text-align:center;} /* --------------------------- ########################## #FICHE MEMBRE ------------------------------ */ .message-overlay{position:fixed;background:rgba(51,51,48,0.8);top:0;left:0;width:calc(100% + 17px);height:100%;overflow-y:scroll;display:none;justify-content:center;padding:60px;z-index:300;overflow-x:hidden;box-sizing:border-box;} .show-form #form-modif{display:flex;} .show-form-delete #message-suppression{display:flex;} .message-overlay form{position:relative;display:flex;flex-direction:column;width:700px;} .message-overlay a#close-form{display:block;position:absolute;top:-20px;right:-20px;} .message-overlay a#close-form:hover svg{transform:rotate(90deg)} .message-overlay a#close-form svg{width:20px;fill:#fff} .message-overlay input,.message-overlay textarea{border:1px #ddd dotted;background:#fff;padding:15px;color:#39373c;border-radius:4px;margin:8px 0;font:300 16px 'Roboto', sans serif;line-height:24px;} .message-overlay input#titre-vehicule,.message-overlay input.serifbold{font:700 24px 'Roboto Slab', sans serif;color:#a88f6c} .message-overlay textarea{min-height:250px;} .conteneur-centrage{width:74%;margin:auto;} .ico-bin .st0{fill:#fff} p.warning-overlay{background:#fff;border-radius:10px;padding:30px;font:400 16px 'Roboto', sans serif;line-height:24px;text-align:center;margin-bottom:10px;color:#333} p.warning-overlay span.big{font-size:20px;} .message-overlay p.double-input{display:flex;flex-direction:row;} .message-overlay p.double-input input,.message-overlay p.double-input a{width:49%;margin:0;text-align:center;} .message-overlay p.double-input input{margin-right:2%} .message-overlay p.double-input a{display:block;border-radius: 8px;background: #eee;color: #333;padding: 16px;font: 700 18px 'Roboto Slab', serif;border: 0;display: block;box-sizing: border-box;cursor: pointer;} #intro-page.variante-background{background:#a88f6c url(../img/ecran1/bg-inscription.jpg) repeat-x 0 0;padding:0} #intro-page.variante-background .estampe{padding:40px 0;background:url(../img/squelette/mask-motif.png) repeat-y top center;background-size:100% auto;} #intro-page.variante-background h1{color:#fff;padding:0 0 0 330px;font:300 20px 'Roboto', sans serif;} #intro-page.variante-background h1 strong{font:700 26px 'Roboto Slab', serif;} #fiche-membre{padding:60px 0} #fiche-membre .struc-flex .struc-flex{width:calc(100% - 330px)} #fiche-membre #visuel-membre{margin:-120px 30px 0 0;} #fiche-membre .col-format{width:calc(50% - 25px);} #fiche-membre .col-format:first-child{margin-right:50px} #fiche-membre p{text-align:justify;line-height:24px;font-size:16px;} h3.serif-b{color:#1d1d1b;font:700 20px 'Roboto Slab', serif;margin-bottom:20px;} #fiche-membre a.btn-stand{display:block;text-align:center;font:300 20px 'Roboto', sans serif;} h3.contrast{font:300 18px 'Roboto', sans serif;} h3.contrast strong{color:#c12938;font:700 26px 'Roboto Slab', serif;} #fiche-membre h4{font:300 18px 'Roboto', sans serif;} #fiche-membre h4 span{font-size:20px;} #fiche-membre h4 strong{font-weight:700;color:#c12938} .bbblack{position:relative;padding-bottom:25px;margin-bottom:20px;} .bbblack:after{content:"";display:block;width:60px;height:10px;background:#1d1d1b;position:absolute;bottom:0;left:0} #texte-vehicule img.w100{display:block;margin-bottom:20px;} /* --------------------------- ########################## # VARIATIONS MON VEHICULE ------------------------------ */ #autres-vehicules{background:#eee;text-align:center;padding:60px;} #autres-vehicules h2{font-size:20px;margin-bottom:20px;} #liste-vdl{margin:0 5%;} #liste-vdl a{display:block;border:1px #ddd solid;padding:30px;font-size:18px;color:#303030} #liste-vdl a:hover{background:#ddd} #liste-vdl a span.archi{display:inline-block;padding:6px;border-radius:6px;background:#303030;color:#fff;font-size:15px;} /* --------------------------- ########################## # ALBUMS ------------------------------ */ #listing-albums{padding:60px;} .mos-albums{display:flex;flex-direction:row;flex-wrap:wrap;} .alb-photos{width:18%;margin:1%;border:1px #eee solid;box-sizing:border-box;position:relative;} .main-ext{position:relative;} .lisibilite-voile{position:absolute;top:5px;left:5px;bottom:5px;right:5px;background:url(../img/album/voile-noir.png) repeat-x bottom left;background-size:auto 50%} .main-ext img{width:100%;display:block;border:5px #fff solid;box-sizing:border-box;-webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);} .infos-alb-ext{text-align:left;position:absolute;color:#fff;bottom:5px;left:5px;width:calc(100% - 10px);box-sizing: border-box;} .infos-alb-ext p{font-size:18px;line-height:23px;color:#fff;padding:10px;} .infos-alb-ext p span.name{display:block;margin-top:6px;text-align:left;} a.love,a.like{display:inline-block;vertical-align:middle;background:#c12938;padding:6px 10px;border-radius:10px;color:#fff;font-weight:400;font-size:12px;line-height:15px;} a.like{background:#1d1d1b} a.love{margin:0 10px;} a.like:hover{background:#c12938} a.love:hover{background:#1d1d1b} .alb-photos p.infos,#texte-membre .alb-photos p.infos{padding:15px 12px 12px;font:300 13px 'Roboto', sans serif;} .alb-photos p.infos a,#texte-membre .alb-photos p.infos a{font-weight:bold;color:#c12938;text-decoration:underline} .alb-photos p.infos a:hover,#texte-membre .alb-photos p.infos a:hover{text-decoration:none} .alb-photos span.nb{display:inline-block;float:right;font:300 13px 'Roboto', sans serif;} #lovers-alb{position:fixed;z-index:200;background:rgb(48, 48, 48, 0.85);top:0;;left:0;width:100vw;height:100vh;display:none;align-items:center;justify-content: center} #lovers-alb .inside{transition:all .3s ease-out;opacity:0;position:relative;display:flex;width:320px;background:#c12938;padding:10px 0 0;justify-content:center;flex-direction: column;box-sizing:border-box} #intro-page.fiche-album #lovers-alb h2{font-size:14px;color:#fff;padding:0 0 0 12px;text-align: left;} #lovers-alb.appear .inside-bulle{opacity:1} #lovers-alb .inside .close-lov{position:absolute;top:13px;right:13px;font-size:18px;color:#fff;transition:all .3s ease-in-out} #lovers-alb .inside .close-lov:hover{transform:rotate(90deg)} #lovers-alb .liste-lovers{display:block;overflow-y:scroll;width:100%;background:#a82230;max-height:250px;} #lovers-alb .liste-lovers a{display:block;border-bottom:1px #c12938 dotted;padding:10px;color:#fff;text-align:left;background:#a82230} #lovers-alb .liste-lovers a:hover{background:#303030;} #intro-page.t-st-bc h1#entete-alb-aut{font:300 18px 'Roboto', sans serif;color:#fff;} #intro-page.t-st-bc h1#entete-alb-aut a{text-decoration:underline;font:700 18px 'Roboto Slab', serif;font-size:26px;color:#fff} #intro-page.t-st-bc h1#entete-alb-aut a:hover{text-decoration:none;} #intro-page.t-st-bc h1#entete-alb-aut strong{font-size:18px;} #intro-page.t-st-bc h1#entete-alb-aut img{display:inline-block;vertical-align:middle;margin-right:20px;width:90px;border:4px #dadada solid;border-radius:100px;} a.link-alb:hover .main-ext{transform:rotate(-2deg) scale(1.05);} #fiche-membre .alb-photos{width:48%;margin:0} #fiche-membre .alb-photos:first-child{margin-right:4%;} #texte-membre .alb-photos p.infos{padding:15px 12px 12px;font:300 15px 'Roboto', sans serif;line-height:20px;color:#333} #texte-membre .lisibilite-voile{display:none;} #intro-page.t-st-bc h1{padding:0;text-align:center;font-size:34px;color:#333330;font-weight:400} #intro-page.t-st-bc h1 strong{font-size:34px;color:#fff} #intro-page.t-st-bc h2{font:300 22px 'Roboto', sans serif;text-align:center;color:#fff} #intro-page.t-st-bc h2 strong{font-weight:bold;font-family:'Roboto Slab', serif;} #fil-ariane{background:#927d61;padding:16px;text-align:center;font:300 13px 'Roboto', sans serif;} #fil-ariane a{font-weight:bold;color:#333;text-decoration:underline} #fil-ariane a:hover{text-decoration:none;} #fil-ariane svg{width:6px;display:inline-block;vertical-align:middle;margin:0 10px;position:relative;top:-2px} #intro-page.fiche-album{text-align:center;} #intro-page.fiche-album h1,#intro-page.fiche-album h1 input{font:700 26px 'Roboto Slab', serif;padding:0} #intro-page.fiche-album input,#intro-page.fiche-album textarea{color:#fff;display:block;background:transparent;text-align:center;padding:15px;margin:auto;border:none;border-bottom:1px #fff dotted;margin-top:1px;} #intro-page.fiche-album input:focus,#intro-page.fiche-album textarea:focus{outline:none;border:1px #fff dotted;text-align:center;margin-top:1px;} #intro-page.fiche-album h2,#intro-page.fiche-album h2 input{text-align:center;font:300 16px 'Roboto', sans serif;color:#fff;margin:10px 0 20px;} #intro-page.fiche-album h2 input{margin:11px auto 20px;} #intro-page.fiche-album h2 input:focus{margin:10px auto 20px;} #intro-page.fiche-album p,#intro-page.fiche-album p textarea{font:400 16px 'Roboto', sans serif;line-height:24px;color:#000;margin:10px auto 20px;width:60%} #intro-page.fiche-album h2 a.author{font:700 18px 'Roboto Slab', serif;color:#fff;text-decoration: underline} #intro-page.fiche-album h2 a.author:hover{text-decoration: none} #intro-page a.plus{display:inline-block;} #intro-page span.love{margin:0 10px;} #intro-page a.suite{display:inline-block;padding:10px 20px;border-radius:6px;color:#fff;font:300 12px 'Roboto', sans serif;background:#927d61;} #intro-page a.suite span{display:inline-block;font-weight:bold;font-size:18px;position: relative;line-height: 10px;top: 2px;margin-right: 7px;} #maps-zone-album{ height:200px; position: relative; -webkit-box-shadow: 0px -2px 24px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px -2px 24px -6px rgba(0,0,0,0.75); box-shadow: 0px -2px 24px -6px rgba(0,0,0,0.75); } #maps-zone-album #map {width: 100%; height: 100%; box-sizing: border-box;} .ico-like{width:22px;position:relative;top:2px;margin-right:2px} .ico-like .cls-1{fill:#fff} /* -- GRILLE CONSULTATION ALBUM -- */ .mos-consult-album{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center} .mos-consult-album img{height:240px;display:block;vertical-align:middle;border: 5px #fff solid;box-sizing: border-box;-webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);} .mos-consult-album a.zoom-img,.mos-consult-album .gest-pic,.mos-consult-album a.zoom-img-gal{display:block;margin:10px;} .mos-consult-album a.zoom-img:hover{transform:rotate(-2deg) scale(1.05);} /* -- GESTION MES ALBUMS -- */ #listing-albums a.btn-stand{font-weight:300;margin:0 0 30px 20px} a.btn-remove-abs{border:3px #fff solid;position:absolute;top:-20px;right:-20px;z-index:10;background:#333330;padding:11px 14px;border-radius:40px;-webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);} a.btn-remove-abs svg{width:16px} a.btn-remove-abs:hover{background:#c12938} .gest-pic a.btn-remove-abs{top:-10px;right:-10px} a.btn-rotate-abs{border:3px #fff solid;position:absolute;top:-20px;right:-20px;z-index:10;background:#333330;padding:11px 14px;border-radius:40px;-webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);} a.btn-rotate-abs svg{width:16px} a.btn-rotate-abs:hover{background:#c12938} .gest-pic a.btn-rotate-abs{top:-10px;right:50px} .gest-pic{position:relative;} .cetner-btn{text-align:center;} #full-width-form{padding-top:60px;} /* -- SRC FAQ -- */ .src-tpl #intro-page.variante-background{background:#a88f6c url(../img/src/fond-route.jpg) repeat-x bottom center;} .src-tpl #intro-page.fiche-album h1{font:300 24px 'Montserrat', sans serif;position:relative;padding-bottom:20px;position:relative;} .src-tpl #intro-page.fiche-album h1 strong{display:block;font:700 34px 'Roboto Slab', sans serif;} .src-tpl #intro-page.fiche-album h1:after{content: "";content: "";display: block;position: absolute;bottom: 0;left: 50%;margin-left: -28px;width: 56px;height: 8px;background: #fff;} .src-tpl .consult-vehicule img{width:100%} /* --------------------------- ########################## # VIP ------------------------------ */ .ico-blason .st0{fill:#fff} .tpl-vip #intro-page.t-st-bc h1{font-weight:700;margin-bottom:15px;} .tpl-vip #intro-page.t-st-bc h1 strong{color:#c12938} .blason{display:flex;flex-direction:row;flex-wrap:wrap;position:relative;align-items:center;justify-content:center;margin-bottom:40px;} .blason svg{width:66px;position:absolute;top:-10px;left:50%;margin-left:-39px;} .blason .cell{padding:20px 30px 20px 50px;border-radius:0 15px 15px 0;background:#e9e9e9;font:300 24px 'Montserrat', sans serif;color:#333330;} .blason .cell:nth-of-type(1){padding:20px 50px 20px 30px;border-radius:15px 0 0 15px} .blason-evts svg{margin-left:-45px;} .cell-dec{margin-right:56px;} #visites-usine,#evts-a-venir{padding:80px 40px;background:url(../img/contenu/mos-blanc.jpg) repeat-x top left} p.text-standard{text-align:center;font:400 16px 'Roboto', sans serif;text-align:center;line-height:24px;} p.marge-standard{margin-bottom:40px;} .mos-dates{padding-top:30px;display:flex;flex-direction:row;flex-wrap:wrap;width:70%;margin:auto;justify-content: center;} .date-usine{text-align:center;width:31%;margin:1%;border:1px #ddd dotted;padding:20px;box-sizing: border-box;margin-bottom:20px;} .date-usine h3{font:700 24px 'Roboto Slab', serif;color:#c12938} .date-usine h3 span.annee{font:500 24px 'Montserrat', sans serif;color:#333} .date-usine a.btn-stand,.date-usine select{width:100%;box-sizing: border-box} .date-usine a.btn-stand{margin-top:5px;padding:16px 15px 14px} .date-usine select{margin-top:15px;box-sizing: border-box;border-radius: 7px;border: 2px #dadada solid;font-size: 16px;color: #282826;padding: 10px;margin-bottom:10px;} .date-usine select.sel-date{margin-bottom:20px;font-size:20px;font-family:'Roboto Slab', serif;} #evts-a-venir{background:#a88f6c url(../img/ecran1/bg-inscription.jpg) repeat-x 0 0;padding-bottom:40px;} #evts-a-venir a{display:block;width:70%;margin:40px auto 0px;border:1px #c9b497 dotted;padding:40px;box-sizing: border-box;font:300 24px 'Montserrat', sans serif;color:#333330;text-align:center;} #evts-a-venir a:hover{background:#a58c69;border-color:#fff;} #evts-a-venir a h3{font:400 22px 'Montserrat', sans serif;color:#fff;} #evts-a-venir a h4{font:500 16px 'Roboto Slab', sans serif;color:#333330;margin-top:10px;} /* --------------------------- ########################## # FAQ ------------------------------ */ p.intro-src{width:100%;margin:40px 0 0;padding:0 30px 30px;box-sizing:border-box;position:relative;text-align:center;font:400 18px 'Roboto', sans serif;line-height:24px;} p.intro-src:after { content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -50px; width: 100px; height: 4px; background: #c12938; } .ico-rep{width:27px;display:inline-block;vertical-align:middle;margin-right:7px;} .ico-rep .cls-1{fill:#c12938;} .ico-rep .cls-2{fill:#fff;} .ico-rep .cls-3{fill:#333330;} #faq-land{display:flex;flex-direction:row;flex-wrap:wrap;padding:60px 60px 180px 60px;} #faq-land.retrait-acc{padding-top:0} .split-faq{width:48%;} .split-faq:first-child{margin-right:4%} .consult-question .split-faq{width:40%;} .consult-question .split-faq:first-child{width:56%;} .white-bb{padding:30px 40px;border:1px #e5e5e5 solid;margin-bottom:30px} .tpl-form-standard h2{font:300 24px 'Montserrat', sans serif;color:#1d1d1b;margin-bottom:25px;} .tpl-form-standard h2 strong{font-weight:bold;font-family:'Roboto Slab', serif;color:#c12938} .block-theme{margin-bottom:10px} .one-theme{display:flex;flex-direction:row;flex-wrap:wrap;background:#eee;} .one-theme .etiquette{display:block;flex-grow:1;padding:18px 18px 12px;font-size:16px;color:#333330} .one-theme .cta{display:block;background:#dddddd;font:700 24px 'Roboto', sans serif;line-height:17px;padding:18px;color:#333330} .one-theme .cta span.plus{display:block;} .one-theme:hover .cta,.actif .cta{background:#c12938;color:#fff;} .actif span.plus{transform:rotate(45deg);} .questions-theme{padding:20px;background:#eee;border-top:1px #fff dashed;display:none} .en-cours .questions-theme{display:block;} .questions-theme a,#faq-der-question .one-question{display:block;background:#eeeeee;padding:20px;color:#333330;font:400 16px 'Roboto', sans serif;} .questions-theme a{font-size:15px;padding:12px;border-radius:5px;} #faq-der-question .one-question{padding:20px 40px} .questions-theme a{margin-bottom:6px;background:#fff} .questions-theme a:hover{background:#c12938;color:#fff;} .line-for{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin-bottom:20px;} .tpl-form-standard form{margin:0 20px} .tpl-form-standard form label{width:100px;color:#959595;font:300 15px 'Roboto', sans serif;} .tpl-form-standard form .input{width:calc(100% - 100px)} .line-for input,.line-for select{width:100%;box-sizing: border-box} .line-for textarea{width:100%;font:400 15px 'Roboto', sans serif;min-height:150px;} .line-for input[type="file"]{background:#eee;} .basic-form-center { margin: 0 80px; text-align: center; } .single-snd{display:inline-block} .basic-form-center .line { padding: 0; margin-bottom:30px; display:flex; flex-direction:row; flex-wrap:wrap;} .basic-form-center .line label, .basic-form-center .line .label { display: inline-block; width: 47%; text-align: right; vertical-align: middle; margin-right: 2%; color:#333; font:400 16px 'Roboto', sans serif;} .basic-form-center .line .label { vertical-align: top; font-weight: bold; } .basic-form-center .line .champ { position:relative;display: inline-block; width: 100%; text-align: center; vertical-align: middle; position: relative; } .basic-form-center .line .champ span.aj-label{ position:absolute;top:12px;right:11.5%; font-weight:bold;font-size:18px; } .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-radius: 7px; border: 2px #dadada solid; font-size: 16px; color: #282826; padding: 10px; width: 80%; 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: 100%; text-align:center; margin-bottom:30px } .basic-form-center .qlongue label:first-child {font-weight:700 } .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: 80%; border-radius: 7px; border: 2px #dadada solid; font-size: 16px; color: #282826; padding: 10px; } .basic-form-center .qlongue .content-checks { width: 100%; display: inline-block; text-align: center; 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 3% 10%; border-radius: 10px; cursor: pointer; font-family: "Roboto", sans-serif;} .cpt-roll .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; } #ask-zone .single, #ask-zone .split-input{width:100%} #faq-der-question{padding:30px 0} #faq-der-question h2{margin:0 40px 20px} #faq-der-question .one-question h2{margin:0} #faq-der-question .one-reponse{padding:25px 40px;} .one-reponse p.infos-reponse{font-size:15px;color:#959595;margin-bottom:15px;text-align:left;} .one-reponse p.infos-reponse a{color:#1d1d1b;font-weight:bold;} .one-reponse p.infos-reponse a:hover{color:#c12938;} .one-reponse p{font:400 16px 'Roboto', sans serif;color:#333330;text-align:justify;line-height:26px;} .one-reponse p a{font-weight:bold;color:#c12938;text-decoration:underline} .one-reponse p a:hover{text-decoration: none} .one-reponse ul,.one-reponse ol{margin:10px 0;border:1px #ddd solid;padding:20px 20px 20px 40px;font:400 16px 'Roboto', sans serif;line-height:26px;color:#333330} /* - rajouts image dans reponses -- */ #faq-der-question .one-reponse.one-reponse__figures{display:flex;flex-direction:column;justify-content:center;background:#f5f5f5;padding:20px;margin:0 40px} .figures__display{display:flex;flex-direction:column;justify-content:center;} .figures__display img{display:block;margin:auto;max-width:100%;border:1px #ddd solid;box-sizing:border-box;transition:all .3s ease-out} .figures__display img:hover{border-color:#c12938} .figures__display + .figures__display{margin-top:30px;} .one-reponse span.one-reponse__enclosed{font-style:italic;display:flex;align-items:center;gap:5px;margin-bottom:25px;padding-bottom:10px;border-bottom:1px #fff solid;font-size:13px;color:#959595} .one-reponse span.one-reponse__enclosed svg{width:27px;height:23px} @media screen and (max-width: 800px){ #faq-der-question .one-reponse.one-reponse__figures{margin:0 20px} } #valide-question{text-align:center;padding-top:60px;} #valide-question h2{width:86%;font:400 32px 'Montserrat', sans serif;margin:0 auto 20px;color:#333330} #valide-question h2 strong{font-family:'Roboto Slab', serif;color:#c12938} #valide-question p{width:60%;margin:auto;font:400 16px 'Roboto', sans serif;line-height:24px;} #valide-question .gfx{width:80px;margin:0 auto 15px;} p.txt-pilote{font:400 14px 'Roboto Slab', serif;color:#a08a71} .ico-valid{width:80px;} .ico-valid .cls-1{fill:none;} .ico-valid .cls-2{fill:#c12938;} /* BOUTON APPEL AU CONTACT EN PIED DE PAGE */ .ico-contact-footer{width:100px;} .ico-contact-footer .cls-1{fill:#aa906d;} .ico-contact-footer .cls-2{fill:#c12938;} .ico-contact-footer .cls-3{fill:#231f20;} .ico-contact-footer .cls-4{fill:#fff;} .ico-contact-footer .cls-5{fill:#e3e3e3;} footer #btn-contact-footer{width:350px;display:block;border-radius:30px;padding:25px;border:2px #c6c6c6 dashed;background:rgba(255,255,255,0.8);color:#1d1d1b;position:absolute;right:60px;top:-235px;} footer #btn-contact-footer .gfx-contact-footer{margin:-60px auto 20px;} footer #btn-contact-footer p.accroche{font:500 17px 'Montserrat', sans serif;margin-bottom:20px;} footer #btn-contact-footer p.accroche span{color:#c12938} footer #btn-contact-footer p{font:400 16px 'Roboto', sans serif;margin-bottom:10px} footer #btn-contact-footer a.btn-stand{font:300 20px 'Roboto', sans serif;} footer #btn-contact-footer a.btn-stand svg{position:relative;top:2px} /* -- TROUVER UN CONCESSIONNAIRE -- */ .find-concess{text-align:center;padding:0 10%;padding-bottom:30px;} .find-concess a{position:relative;display:inline-block;background:#e9e9e9;padding:15px 60px;border-radius:7px;color:#333330;font:400 15px 'Roboto', sans serif;border:2px #e9e9e9 solid;} .find-concess a:hover{background:#333330;color:#e9e9e9} .find-concess a:before{display:block;content:"";position:absolute;top:-12px;left:50%;margin-left:-10px;border-bottom:10px #e9e9e9 solid;border-left:10px transparent solid;border-right:10px transparent solid;} .find-concess a strong{font:700 18px 'Roboto Slab', serif;} .src-tpl .find-concess{margin-top:20px} .src-tpl .find-concess a strong{font-size:22px} .src-tpl .find-concess a:before{border-bottom:0;border-top:10px #e9e9e9 solid;top:auto;bottom:-12px} .src-tpl .find-concess a:hover{background:#fff;color:#333330} /* ################################################################################################################################################################ ################################################################################################################################################################### ################################################################################################################################################################### RECUP SITE CORPORATE -- A FILTRER ####################################################################################################################### ################################################################################################################################################################### */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- ACCUEIL -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #englob-page{background:#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:#e9e9e9;padding-bottom:20px;border:1px #eee solid;} #gestionnaire_content #inside_content{padding:0 60px;position:relative;} #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 {position:relative;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: 'Roboto Slab', 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: 'Roboto Slab', serif;font-weight:300;font-size:18px;color:#fff} #box-img{position:relative;} #box-img img{position:relative;z-index:2} #box-img p#rub-page{text-transform:uppercase;position:absolute;width:100%;bottom:48px;text-align:center;left:0;padding:0 0 30px;z-index:110;font:700 34px 'Roboto Slab', serif;color:#fff;} #box-img p#rub-page:after{content: "";content: "";display: block;position: absolute;bottom: -4px;left: 50%;margin-left: -28px;width: 56px;height: 8px;background: #c12938;} #gestionnaire_content .conteneur-centrage{margin-top:-57px;background:#fff url(../img/contenu/bg-page.jpg) bottom left repeat-x;position:relative;z-index:105} #gestionnaire_content .conteneur-centrage h1{font:400 34px 'Montserrat', sans serif;color:#aa906d;text-align:center;padding:45px 25px 0;text-align:center;} /* 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: 'Roboto Slab', 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;} .cpt-roll #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;} .cpt-roll #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;} .cpt-roll #menuPages ul li a:hover,#menuPages ul li a.actif,#menuPages ul li.actif > a,.cpt-roll #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} .cpt-roll #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} .cpt-roll #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;} .cpt-roll #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;} .cpt-roll #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{overflow:hidden;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} .cpt-roll a#cta-postulerx:hover span.hov{opacity:0} a#cta-postulerx strong{font-size:20px;display:block;margin-bottom:7px;} a#cta-temoignages{overflow:hidden;display:block;font-size:16px;background:#8e1920 url(../img/squelette/bg-temoignages.jpg) no-repeat top center;color:#fff;padding:31px 15px 20px;text-align:center;margin-top:25px;position:relative;} a#cta-temoignages span.hov{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:#b3242d;opacity:0.2} .cpt-roll a#cta-temoignages:hover span.hov{opacity:0} a#cta-temoignages 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 #eee 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} .cpt-roll #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;} .cpt-roll #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;} .cpt-roll .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); } .cpt-roll .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-3012 #entete-body h1,.p-3069 #entete-body h1,.p-3183 #entete-body h1,.p-3126 #entete-body h1{font-size:60px;line-height:34px;padding-top:90px;} .p-3012 #entete-body h2,.p-3069 #entete-body h2,.p-3183 #entete-body h2,.p-3126 #entete-body h2{font-size:30px;line-height:64px;} .p-3012 #entete-body #inside-entete,.p-3069 #entete-body #inside-entete,.p-3183 #entete-body #inside-entete,.p-3126 #entete-body #inside-entete{margin-bottom:25px;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:#961e27 url(../img/carrieres/pourquoi.jpg) no-repeat top center;padding:55px 0 40px;color:#fff;background-size:100% auto;font-size:16px;line-height:28px;font-weight:300} #grpdo-emploi #top-carrieres{background:#961e27 url(../img/carrieres/bg-page.jpg) no-repeat top center;background-size:100% auto} .tpl-candidature #grpdo-emploi #top-carrieres{background:#961e28 url(../img/carrieres/candidature.jpg) no-repeat top center;background-size:100% auto} .tpl-temoignages #top-carrieres{background:#9d1e25 url(../img/carrieres/temoignages.jpg) no-repeat bottom center;background-size:100% auto} .tpl-metiers #top-carrieres{background:#9d1e25 url(../img/metiers/bg-metiers.jpg) no-repeat bottom center;background-size:100% auto} .tpl-actualites #top-carrieres{background:#b3242d url(../img/actu/bg-actualites.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.spont{background:#fff;border-radius:4px;padding:0 6px;color:#b3242d;border-bottom:0} .cpt-roll #top-carrieres p a.spont:hover{background:#e8c5c7;border:none} .cpt-roll #top-carrieres p a:hover,.cpt-roll #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;} .cpt-roll #top-carrieres .lire:hover{background:#fff;color:#b3242d;padding:10px 15px;} span.ico-plus{width:20px;height:20px;background-position:-20px -170px;} .cpt-roll .lire:hover span.ico-plus{background-position:-20px -200px;} span.ico-bulle{width:20px;height:20px;background-position:-20px -239px;} .cpt-roll .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;} .cpt-roll #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:0 20px 80px} #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.var{background:#353535;color:#fff} .cpt-roll #der-offres .offres a:hover{background:#b3242d;color:#fff} .search-engine input[type="text"],.search-engine select{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;} .cpt-roll .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;} .cpt-roll #zone-metiers a.single:hover{padding: 10px 26px;background:#fff;color: #b3242d;} #mos-metiers{display:flex;flex-direction:row;padding:10px;flex-wrap:wrap;} #mos-metiers a{border:10px #353535 solid;box-sizing:border-box;display:block;background:#3f3f3f;width:16.6667%;color:#fff;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;} .cpt-roll #mos-metiers a:hover{background:#fff;color:#353535} .cpt-roll #mos-metiers a:hover img{border-color:#fff;} #emploi .estampe{text-align:center;border:1px #ddd solid;padding:30px;} #emploi .estampe{margin-bottom:20px;} #emploi .estampe a{color:#b3242d;text-decoration:none;font-weight:bold;} #emploi .estampe a:hover{text-decoration:underline;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */ /* -/-/-/-/-/-/-/-/-/-/-/-/- EMPLOI -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #grpdo-emploi:after{content:"";display:table;clear:both} a.back-espace{display:inline-block;margin-bottom:10px;background:#fff;color:#b3242d;padding:5px 15px;border-radius:3px;font-size:15px;line-height:18px} #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:right;width:75%;} .tpl-candidature #grpdo-emploi .zone-contenu{float:none;width:100%;box-sizing:border-box} #form-emploi .search-engine input[type="text"],#form-emploi .search-engine select{box-sizing:border-box;width:100%;margin:0;} #form-emploi .search-engine select{margin-bottom:20px} #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,#form-emploi h4{position:relative;padding-top:20px;font-family:'Roboto', sans serif;display:block;margin-bottom:15px;font-size:18px;font-weight:500} #form-emploi h4{font-size:15px;font-weight:300;padding:0;margin-bottom:10px;color:#666} #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:500;font-family:'Roboto', sans serif;color:#b3242d;} .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; } a.cellOffre .societe-poste,a.cellOffre .service-poste{text-transform:uppercase;font-size:15px} a.cellOffre .societe-poste strong{display:inline;font-size:15px} .pr-mobile{display:none;} .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; } .cpt-roll .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; } .cpt-roll #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; } .cpt-roll a.cellOffre:hover,.cpt-roll .listingOffres a:hover{background: #b3242d;color: #fff;} .cpt-roll 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;} #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; } .cpt-roll a.wide-link:hover { background: #d71d28; } /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- ESPACE COLLABORATEURS -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ .corner-section{position:relative;} .corner-section: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;} #display-collaborateurs{padding:40px 60px 60px;background:#eee;} #mos-collaborateurs{display:flex;flex-direction:row;flex-wrap:wrap;} .bulle-collaborateur{width:20%;padding:30px;text-align:left;box-sizing:border-box;color:#353535;text-align:center;} .cpt-roll .bulle-collaborateur:hover{background:#fff} .bulle-collaborateur img{width:100%;display:block;box-sizing:border-box;border:12px #fff solid;margin-bottom:15px;} .bulle-collaborateur h2{font-size:20px;font-weight:700;margin:0 15px 10px;color:#b3242d} .bulle-collaborateur h3{font-size:15px;font-family:'Roboto', sans serif;padding:0;border-top:3px #f5f5f5 solid;border-bottom:3px #f5f5f5 solid;padding:10px 0;margin:0 15px 10px;} .bulle-collaborateur h3 strong{font-size:16px;font-weight: 600;font-style: normal;color: #353535;} .bulle-collaborateur p{border-bottom:3px #f5f5f5 solid;font-size:16px;line-height:24px;text-align:justify;margin:0 15px 0;padding-bottom:15px;font-weight:300} .tpl-collaborateur #display-collaborateurs h2.subtil{padding-top:60px;color:#353535;font-family:'Roboto', sans serif;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- ACTUALITES -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ .tpl-actualites .bulle-collaborateur{border:3px #f5f5f5 solid} .tpl-actualites .bulle-collaborateur .corps p{border:none;} .tpl-actualites #display-collaborateurs{padding:40px 40px 80px} #archives.corner-section:before{border-bottom-color:#e5e5e5} .tpl-actualites #display-collaborateurs h2.single,.tpl-actualites #archives h2{text-align:center;padding:20px;color:#353535;font-family:'Roboto', sans serif;} #archives{background:#e5e5e5;padding:40px 20px 20px} #mos-archives{display:flex;flex-direction:row;flex-wrap:wrap;} .line-actu{width:33.3334%;padding:30px;text-align:left;box-sizing:border-box;color:#353535;text-align:center;font-size:16px;border:2px #e5e5e5 solid;background:#eee;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- 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;} .cpt-roll #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} .cpt-roll #realisations .une-rea:hover span.contentCenter,.cpt-roll #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:#eee ;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 #eee solid;padding:25px 25px 10px;color:#353535;font-size:15px;line-height:20px;font-weight:300;} #mediatheque #texteMedia a{color:#b3242d;text-decoration:underline} .cpt-roll #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; } .cpt-roll #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} .cpt-roll .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} .cpt-roll .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} .cpt-roll #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;} .cpt-roll 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} .cpt-roll #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} .cpt-roll 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;} .cpt-roll #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} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */ /* -/-/-/-/-/-/-/-/-/-/-/-/- COPYRIGHT -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #inside_content{border:none;width:100%;box-sizing:border-box;} #inside_content article{padding:50px 80px;} #inside_content h2{font-weight: 400;color: #ce2934;font-size: 26px;font-family: 'Rajdhani', sans-serif;margin-bottom:20px;} #inside_content p{margin-bottom:15px;font-weight: 300;color: #353535;font-size: 16px;line-height:26px;} #inside_content nav a{font-size:16px;display:inline-block;margin:0 7px 7px 0;background:#f3f3f3;color:#353535;padding:7px;border-radius:4px;} .cpt-roll #inside_content nav a:hover{background:#ce2934;color:#fff;} .ancrage { padding-top: 20px; } .zone-ancre { border: 1px #e7e7e7 solid; padding: 30px; } .zone-ancre a#leb-logo { display: block; float: right; margin: 30px; } .zone-ancre img#logo-rebmann { display: block; float: right; margin: 0; } .zone-ancre p { margin-bottom: 30px; } .zone-ancre p a { color: #c12938; } .zone-ancre p a:hover { text-decoration: underline; } .zone-ancre p:last-child { margin-bottom: 0; } .zone-ancre span.bullet { color: #c12938; } .zone-ancre .cadre { border: 1px #e7e7e7 solid; padding: 30px; margin-bottom: 30px; } .zone-ancre h3 { text-transform: uppercase; font-family: "Roboto", sans-serif; padding: 10px 0 15px; border-bottom: 2px #e7e7e7 solid; margin-bottom: 15px; font-size:18px;} .zone-ancre .display-highlight { background: #f1f1f1; } .zone-ancre .display-highlight h4 { color: #c12938; font-size:18px; padding-bottom: 15px; } #inside_content .zone-ancre .display-highlight p,#inside_content .zone-ancre p { margin-bottom: 15px;padding-bottom:0 } .zone-ancre .display-highlight p:last-child { margin: 0; } .zone-ancre .display-highlight ul { padding: 0; } .zone-ancre .display-highlight ul li { list-style:none } .zone-ancre .display-highlight ul a { display: block; background: #e1e1e1; padding: 14px 10px 10px; color: #343434; font-size:16px; margin-bottom: 2px; } .zone-ancre .display-highlight ul a:hover { background: #c12938; color: #fff; } .zone-ancre .display-highlight:after { content: ''; display: table; clear: both; } .display-highlight { background: #f1f1f1; padding: 20px 40px; border-left: 10px #c12938 solid; margin-bottom:30px; } /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- FOOTER -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ footer{background:#333330;font-size:16px;line-height:26px;position:relative;color:#303030;box-sizing:border-box;padding:40px 30px;text-align:center;} footer .conteneur{position:relative;padding:0;box-sizing:border-box} footer .rapido-unicolor .shape,footer .itineo-unicolor .shape,footer .dreamer-unicolor .shape,footer .campereve-unicolor{fill:#fff;opacity:.7} footer a:hover .rapido-unicolor .shape,footer a:hover .itineo-unicolor .shape,footer a:hover .dreamer-unicolor .shape,footer a:hover .campereve-unicolor{opacity:1;} footer .logo-club-rapido .shape-blason{fill:#fff} #ligne-logos{padding:60px 0 30px;text-align:center;} #ligne-logos a{display:inline-block;vertical-align:middle;margin:0 20px;} footer svg.rapido-unicolor{width:112px;} footer svg.itineo-unicolor{width:96px;} footer svg.logo-club-rapido{width:210px;} footer svg.dreamer-unicolor{width:111px;} footer svg.campereve-unicolor{width:131px;position:relative;top:5px} #french-fab{text-align:center;display:block;} #reprise-metiers{text-align:center;color:#fff;} #reprise-metiers a{display: inline-block;margin:0 10px;padding:10px 0;color: #fff;font-size: 16px;box-sizing:border-box;border-bottom:4px #333330 solid;font-weight:400} .cpt-roll #reprise-metiers a:hover,.cpt-roll #contact-footer a:hover{border-color:#fff} #reprise-metiers a#postule-footer{border-bottom:0;font-family: 'Roboto Slab', serif;padding:10px 16px 8px;border-radius:8px;background:#b3242d;color:#fff;font-size:18px;margin-top:10px;} .cpt-roll #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} #annexes{color:#858584;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:#858584;display:inline;text-align:right;line-height:30px;font-size:14px} #annexes a.ib{display:inline;} .cpt-roll #annexes a:hover,.cpt-roll #annexes a.ib:hover,.cpt-roll footer #annexes a:hover{text-decoration: underline;color:#d71d28} .first-line:after{content:"";display:table;clear:both;} footer .pannel-usr{position:relative;padding:30px 0 30px 22px;margin:30px 0;width:100%;align-items:center;justify-content:center;} footer .pannel-usr:before,footer .pannel-usr:after{content: "";display: block;position: absolute;bottom: 0;left: 50%;margin-left: -65px;width: 130px;height: 3px;background: #4d4f50;} footer .pannel-usr:after{top:0;bottom:auto} footer .pannel-usr p{display:inline-block;padding:0 10px} footer .pic{margin:0 10px} footer .pic img{border-color:#4d4f50} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- 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:#b3242d; 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;} .alert { padding: 15px; border: 1px solid transparent; border-radius: 6px; width: 94%; box-sizing: border-box; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; font-size: 15px; margin: 0 20px 20px; } /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- 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} .cpt-roll 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} .cpt-roll div.extras td a:hover,.cpt-roll div.extras div.credits1 a:hover,.cpt-roll 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;} .cpt-roll #plan a:hover {background-color:#b3242d; color:#fff;text-decoration:none} #plan a.titre{margin-top:35px;font-weight:500;background:#fff;color:#353535;font-size:22px;font-family:'Roboto Slab', serif;} .cpt-roll #plan a.titre:hover{background:#b3242d;color:#fff} div.extras h4{font-family: 'Roboto Slab', serif;font-size:22px;margin:30px 0 20px !important;font-family: Roboto;font-weight: 400;} div.extras h4.rouge{color:#b3242d !important;font-family: 'Roboto Slab', serif;} #creditsLeb a.cell{padding:10px !important;font-size:16px;color:#555;background:#f5f5f5 !important} .cpt-roll #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;} .cpt-roll #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} /* opt images fond */ @media screen and (max-width:1800px) { #top-carrieres{background-image:url(../img/carrieres/pourquoi-1400.jpg);} #grpdo-emploi #top-carrieres{background-image:url(../img/carrieres/bg-page-1400.jpg);} .tpl-candidature #grpdo-emploi #top-carrieres{background-image:url(../img/carrieres/candidature-1400.jpg);} .p-3012 #entete-body #inside-entete{background-image:url(../img/carrieres/paris-1400.jpg);} .tpl-temoignages #top-carrieres{background-image:url(../img/carrieres/temoignages-1400.jpg);} .tpl-actualites #top-carrieres{background-image:url(../img/actu/bg-actualites-1400.jpg);background-size:cover} } @media screen and (max-width:1400px) { #top-carrieres{background-image:url(../img/carrieres/pourquoi-1000.jpg);background-size:cover} #grpdo-emploi #top-carrieres{background-image:url(../img/carrieres/bg-page-1000.jpg);background-size:cover} .tpl-candidature #grpdo-emploi #top-carrieres{background-image:url(../img/carrieres/candidature-1000.jpg);} .p-3012 #entete-body #inside-entete{background-image:url(../img/carrieres/paris-1000.jpg);background-size:cover} .tpl-temoignages #top-carrieres{background-image:url(../img/carrieres/temoignages-1000.jpg);background-size:cover} .tpl-actualites #top-carrieres{background-image:url(../img/actu/bg-actualites-1000.jpg);background-size:cover} } @media screen and (max-width:900px) { #top-carrieres{background-image:url(../img/carrieres/pourquoi-700.jpg);} #grpdo-emploi #top-carrieres{background-image:url(../img/carrieres/bg-page-700.jpg);} .tpl-candidature #grpdo-emploi #top-carrieres{background-image:url(../img/carrieres/candidature-700.jpg);} .p-3012 #entete-body #inside-entete{background-image:url(../img/carrieres/paris-700.jpg);} .tpl-temoignages #top-carrieres{background-image:url(../img/carrieres/temoignages-700.jpg);background-size:cover} .tpl-actualites #top-carrieres{background-image:url(../img/actu/bg-actualites-700.jpg);background-size:cover} } /* .tpl-candidature #grpdo-emploi #top-carrieres{background:#961e28 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} .tpl-actualites #top-carrieres{background:#b3242d url(../img/actu/bg-actualites.jpg) no-repeat center center;background-size:100% auto}*/ /* LOADING SPINNERS */ /* -- spinner -- */ #spin-marque{display: flex;align-items: center;justify-content: center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1} #spin-bandeau{display: flex;align-items: center;justify-content: center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1} #spin-content{display: flex;align-items: center;justify-content: center;position:absolute;top:0;left:0;width:100%;height:600px;z-index:1} .spinner { animation: rotator 1.4s linear infinite; } @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .path { stroke-dasharray: 187; stroke-dashoffset: 0; transform-origin: center; animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; } @keyframes colors { 0% { stroke: #ededed; } 25% { stroke: #d4acaf; } 50% { stroke: #c47378; } 75% { stroke: #b53d45; } 100% { stroke: #b3242d; } } @keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46; transform:rotate(135deg); } 100% { stroke-dashoffset: 187; transform:rotate(450deg); } } /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- MODIF MENU INLINE PAGES -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ .ico-file .st1{fill:#c12938} .ico-file .st2{fill:#383838} #menuPages ul#mainMenu li a.hide-souspage{display:none;} /* variation template gestionnaire contenu */ .tpl-collaborateur #contenuPage .conteneur,.tpl-actualites #contenuPage .conteneur,.tpl-contenu-line #contenuPage .conteneur{padding:0 15%;padding-top:30px;} .tpl-contenu-line #contenuPage .conteneur{padding-top:30px;} .tpl-collaborateur #gestionnaire_content,.tpl-actualites #gestionnaire_content,.tpl-contenu-line #gestionnaire_content{width:100%;float:none;padding-bottom:0;position:relative;} .tpl-collaborateur #gestionnaire_content,.tpl-metiers #gestionnaire_content{margin-top:-60px;border:none;} .tpl-collaborateur #display-collaborateurs,.tpl-actualites #display-collaborateurs{padding:40px 0} .tpl-collaborateur #contenuPage,.tpl-actualites #contenuPage,.tpl-contenu-line #contenuPage{padding:0 0 0px} .tpl-collaborateur #display-collaborateurs h2,.tpl-actualites #display-collaborateurs h2{color:#b3242d} .tpl-collaborateur .bulle-collaborateur,.tpl-actualites .bulle-collaborateur{width:33.3334%} #page{padding-top:114px;} #page.tpl-index{padding-top:105px;} #menuPages{display:block;width:100%;float:none;text-align:center;background:#f9f9f9;padding:0;z-index:160;border-bottom:1px #fff solid;top:118px;} #menuPages ul#mainMenu{border:none;display:block;text-align:center;} #menuPages ul#mainMenu li{display:block;text-align:center;} #menuPages ul#mainMenu li a{display:block;font:300 20px 'Roboto slab';color:#1d1d1b;padding:40px;margin:0;background:#eeeeee;border-bottom:2px transparent solid} #menuPages ul#mainMenu li:nth-child(2n) a{background:#dadada} #menuPages ul#mainMenu li a:hover,#menuPages ul#mainMenu li a.actif{background:#c12938;color:#fff} #menuPages ul#mainMenu li a svg.ico-file{width:28px;display:inline-block;margin-right:25px;vertical-align:middle;} #menuPages ul#mainMenu li a svg.ico-arr{width:18px;display:inline-block;margin-left:25px;vertical-align:middle;} #menuPages ul#mainMenu li a svg .arr{fill:#333330} #menuPages ul#mainMenu li a:hover svg.ico-file,#menuPages ul#mainMenu li a.actif svg.ico-file{margin-right:35px;} #menuPages ul#mainMenu li a:hover svg.ico-arr,#menuPages ul#mainMenu li a.actif svg.ico-arr{margin-left:35px;} #menuPages ul#mainMenu li a:hover svg .arr,#menuPages ul#mainMenu li a.actif svg .arr{fill:#dadada} #menuPages ul#mainMenu li a:hover svg.ico-file .st2,#menuPages ul#mainMenu li a.actif svg.ico-file .st2{fill:#dadada} #lvl2-sousPages{margin-top:30px;background:#f0f0f0;border-top:10px #f0f0f0 solid;} #lvl2-sousPages #listing-sp{display:flex;flex-direction:row;flex-wrap:wrap;} #lvl2-sousPages #listing-sp a{display:block;width:33.3334%;border:5px #f0f0f0 solid;box-sizing:border-box;background:#fff;padding:10px;color:#353535;font-size:16px;line-height:22px;text-align:left;} #lvl2-sousPages #listing-sp a:hover,#lvl2-sousPages #listing-sp a.actif{background:#b3242d;color:#fff;} .tpl-contenu-line #mos-metiers a{width:20%;} .night #menuPages{background:#333;border-bottom-color:#484747} .night #menuPages ul#mainMenu li a{color:#adadad;border-bottom-color:transparent} .night #menuPages ul#mainMenu li a:hover,.night #menuPages ul#mainMenu li a.actif{color:#fff;border-color:#fff;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* -- -- FIX IE 11 -- -- */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ @media all and (-ms-high-contrast:none) { #defilementVA,.elt_defile{width:100%} /* tailles svg : height */ #login-inscription svg.ico-svg{height:56px;} #login-inscription svg#ico-login{height:63px} a.btn-stand svg{height:16px;} a.btn-lil-b svg{height:11px;} #src-acc p svg{height:19px} #vehicule-acc .rapido-unicolor{height:24px;} a.question svg{height:17px} #switch-maps a:hover svg.active-arr, #switch-maps a.actif svg.active-arr{height:15px;} #switch-maps svg.ico-album{height:23px;} #switch-maps svg.ico-user{height:27px;} .ico-coeur{height:52px;} .ico-phone{height:70px;} .ico-pouce{height:44px;} .gfx-alb svg.ico-album{height:76px;} .ico-love{height:11px;} footer svg.rapido-unicolor{height:33px;} footer svg.itineo-unicolor{height:32px;} footer svg.logo-club-rapido{height:74px;} footer svg.campereve-unicolor{height:27px;} footer svg.dreamer-unicolor{height:32px;} #menuPages ul#mainMenu li a svg.ico-file{height:33px;} #menuPages ul#mainMenu li a svg.ico-arr{height:15px;} .topic svg,.tpl-reponse #intro-page svg.ico-pen{height:84px;} .ico-rep{height:21px;} .ico-contact-footer{height:83px;} .ico-valid{height:80px;} .blason svg{height:90px;} .ico-like{height:12px;} #fil-ariane svg{height:10px;} #intro-page svg#ico-login{height:47px;} a.btn-arr svg{height:11px;} #intro-page svg.ico-fl-black{height:14px} svg.ico-arbre{height:28px} a.btn-remove-abs svg{height:21px} } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .hide{display:none !important;} #top .suite-menu{ display: block; text-align: right; } #top .suite-menu a{ margin-left: 4px; margin-bottom: 4px; display: inline-block; padding: 5px; background: #333230; color: #fff; } #top .suite-menu a.actif, #top .suite-menu a:hover{ background-color: #c03541;; } input[readonly]{ background-color: #e3e3e3; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* -- -- DISCUSSIONS SRC FIL DE DISCUSSIONS -- -- */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #contacter-src-disc { display: inline-flex; padding:0 0 40px; width:100%; } .conteneur-tier { width: 33%; } #intro-page.t-st-ds { padding-bottom: 40px; } #intro-page.t-st-ds .conteneur-tier h1 strong { color:#b3242d; font-family: 'Roboto Slab', serif; } #intro-page.t-st-ds .conteneur-tier h1, #intro-page.t-st-ds .conteneur-tier h1 strong { font-size: 24px; text-align: right; } #intro-page.t-st-ds .conteneur-tier h1 strong.strong-2 { font-family: 'Montserrat', sans-serif; color:#333330; } .tpl-contact #intro-page .conteneur-tier h1 svg{ margin:10px 85% 5px; } /*liste des discussions*/ aside.conteneur-tier { display: inline-grid; width: 33%; margin-right: -2px; float:left; } #contacter-src-disc .conteneur-d-tier { width: 60%; display: inline-grid; position: relative; top: -185px; left: 50px; } ul.liste-discussion { padding-top: 20px; margin-right: -51px; } ul.liste-discussion li { font-family: 'Roboto', sans-serif; font-size: 16px; list-style: none; background: #e9e9e9; padding: 2% 2% 2% 5%; border-radius: 10px 0 0 10px; text-align: right; color:#333330; transition: all 0.5s; margin-top:10px; } ul.liste-discussion li:hover { background: #b3242d; color:#fff; } ul.liste-discussion li.actif { background: #b3242d; color:#fff; } /*span.new-message { display:none; }*/ ul.liste-discussion span.cloture-message:hover{ cursor:initial; } ul.liste-discussion span.new-message, ul.liste-discussion span.cloture-message { float: left; background: #fff; padding: 5px 10px; border-radius: 10px; margin-left: -50px; vertical-align: middle; display: inline; margin-top: -5px; } ul.liste-discussion span.new-message::after { content: '1'; background: #b3242d; border-radius: 50px; width: 15px; color: #fff; font-size: 12px; display: inline-block; height: 15px; text-align: center; font-weight: bold; margin-left: -5px; padding: 1px; } /*ul.liste-discussion span.cloture-message::after { content: 'X'; background: #000; border-radius: 50px; width: 15px; color: #fff; font-size: 12px; display: inline-block; height: 15px; text-align: center; font-weight: bold; margin-left: -5px; padding: 1px; }*/ .nouvelle-discussion { display: flex; padding-top:50px; padding-left:100px; } .nouvelle-btn { padding-top: 34px; margin-left:10px; } .btn-nouvelle { background: #b3242d; padding: 10px 20px; color: #fff; font-family: 'Roboto Slab', serif; border-radius: 10px; font-size: 16px; /* margin-top: 20px; */ transition: all .5s; display: inline-block; width: auto; } .btn-nouvelle:hover { background: #7d7d7d; } /* DISCUSSION */ .discussion-objet { background: #f4f4f4; padding: 40px; border-radius: 25px 25px 0 0; } .discussion-objet h2,.discussion-objet h3 { font-family: 'Roboto', sans-serif; font-size: 16px; line-height:18px; } .discussion-objet h2 span { font-family: 'Montserrat', sans-serif; font-size: 22px; color:#b3242d; font-weight: bold; } .discussion-objet h3 span { font-family: 'Montserrat', sans-serif; font-size: 18px; color:#b3242d; font-weight: bold; } .bloc-pj{ border-top: 1px #cccccc solid; margin-top: 20px; padding-top: 10px; } .piece-jointe svg.ico-file{width:15px;display:inline-block;margin-right:5px;vertical-align:middle;} a.piece-jointe { /*margin-top: 10px;*/ /*background: #b3242d;*/ padding: 5px; border-radius: 10px; color: #666; font-size: 12px; /*margin-left: 2px;*/ transition: all .5s; display: inline-block; } .discussion-conteneur { background: #fff; border:2px solid #e9e9e9; padding:40px; border-radius: 25px; margin-top:-20px; } .discussion-menu { display: flex; justify-content: space-between; } .discussion-menu p { font-family: 'Roboto', sans-serif; color:#7d7d7d; font-size: 15px; } .discussion-menu p strong { color:#000; } .btn-repondre { background: #b3242d; padding: 10px 15px 10px 33px; border-radius: 10px; color: #fff; margin-right: 2px; transition: all .5s; cursor: pointer; } .btn-repondre:hover { background: #7d7d7d; } .btn-resolu { background: #000; padding: 10px 15px 10px 33px; border-radius: 6px; color: #fff; margin-left: 2px; transition: all .5s; } .btn-resolu:hover { background: #7d7d7d; } #icons-resolu { display: inline-block; /* padding-top: 2px; */ position: absolute; padding-right: 10px; padding-top: 1px; margin-left: -22px; margin-top: 1px; } #icons-message-new { display: inline-block; position: absolute; padding-top: 2px; margin-left:-22px; } /* BULLE DE DISCUSSIONS */ #repondre { display: none; margin-top:100px; transition: all 1s; } #repondre textarea { box-sizing: border-box; border-radius: 7px; border: 2px #dadada solid; font-size: 16px; color: #282826; padding: 10px; width: 100%; } .derniere-reponse { /*padding: 30px;*/ /*background: #aa906d;*/ display: flex; border-radius: 25px; margin-top: 20px; } .discussion-info { display: block; justify-content: right; text-align: center; } .discussion-info img { background: #fff; padding: 10px; border-radius: 50%; border: 4px solid #dadada; } .reponse-rapido .discussion-txt { background: #c4b198 !important; /*background: #b99e7b !important;*/ } .reponse-rapido, .reponse-user { display: flex; width: 100%; margin-top: 40px; box-sizing: border-box; font: 400 14px 'Roboto', sans serif; line-height: 18px; color:#1d1d1b; } /*.reponse-rapido {*/ /* float: left;*/ /*}*/ /*.reponse-user {*/ /* float: right;*/ /*}*/ .reponse-rapido .discussion-txt { margin-left:20px; border-radius: 0 25px 25px 25px; } .reponse-user .discussion-txt { margin-right:20px; border-radius: 25px 0 25px 25px; } .reponse-rapido .discussion-txt,.reponse-user .discussion-txt { flex: 1; padding:20px; background:#e8e8e8; } .clearfix{clear: both} .dm-nav-btn{cursor: pointer} .dm-infos-client{/*color: #b3242d;*/ margin-top: 40px;} .conteneur-enquete textarea{width: 100%;resize: vertical} .discussion-objet div.dm-ref{text-align: right;margin-top: 15px} .discussion-objet div.dm-ref span{color: #4a4a4a;} .discussion-reponse-notif.discussion-reponse-notif-resolved{margin-top: 20px;background:#259b25c4;padding: 10px;color:#fff;border-radius: 3px;line-height: 20px;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- LANG DRAPEAUX -/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ .c-lang{position: absolute;bottom:-10px;left:0;} .u-flag{display: block;width:20px;height:12px;background:url(../dist/images/drapeaux.png) 0 0;background-size:20px 320px;display:none;border-radius:2px} .u-flag--actif .u-flag{display: block;} .u-flag--actif{display: block;background:#eee;border-radius:5px;padding:5px 5px 5px 5px;position: relative;} .u-flag--actif:hover{background:#c3303e} .u-flag--actif:after{content:"";display:none;/*display: block;width:0;height:0;border-top:4px #000 solid;border-left:4px transparent solid;border-right:4px transparent solid;position: absolute;top:50%;margin-top:-1px;right:5px;*/} .c-message {position: absolute;bottom:-10px; right: -6px;} .u-message{display:block; width:25px; height:15px; background:url(../dist/images/puce-info-discussion.png) no-repeat; background-size: 20px auto; border-radius: 2px} .u-message:hover {background: url(../dist/images/puce-info-discussion-hover.png) no-repeat; background-size: 20px auto;} .u-message--actif {display: block;background: #eee;border-radius: 5px;padding:5px 0px 2px 4px;position:relative;} .u-message--actif:hover {background: #c3303e;} .u-message--notif:after{content:''; display:block;width: 0; height: 0;border:4px #b3242d solid; border-radius: 4px; position:absolute;top:0;left:18px;} .u-message--actif:hover:after {border-color:#eee;} .c-lang--accueil{text-align:center;position:relative;bottom:auto;display:flex;align-items:center;justify-content:center;top:17px;} .c-lang--accueil .u-flag{display: block;} .c-lang--accueil .u-flag--actif:after{display: none;} .c-lang--accueil .u-flag--actif{padding:5px} .c-lang--accueil a{background:#fff;display: block;padding:5px;border-radius:5px;margin:0 3px} .c-lang--accueil a:hover,.c-lang--accueil a.u-flag--actif{background:#eee} .u-flag--fr{background-position:0 0} .u-flag--en{background-position:0 -91px} .u-flag--de{background-position:0 -13px} .u-flag--es{background-position:0 -39px} .u-flag--it{background-position:0 -26px} .box-champs .u-flag{display: block;} /*REGLE RESPONSIVE*/ a#launchRecherche .ico-notif::after { content: ''; display: block; height: 0; width: 0; border: 6px #b3242d solid; border-radius: 6px; position: relative; top: -4px; left: 18px; } nav#nav .pic a.u-flag--actif{display:block;padding:5px 5px 5px 5px} .alertDispo{ text-align: center;margin: 20px 0;} .alertDispo{ font-family: 'Montserrat', sans-serif; font-size: 16px; color: #b3242d; font-weight: bold; } /*-- rajouts flo pour fix accueil --*/ #part-two{display:flex;flex-direction:column;} #part-two > *{display:flex;flex-direction:column;justify-content:center;flex:1} #passerelle-site{display:flex;} #passerelle-site>*{width:auto;flex:1} #passerelle-site section{width:auto;flex:1} /* ---------------------------- */ @media (max-width:900px){ #passerelle-site{flex-direction:column;} #passerelle-site section{width:100%} } /* ---------------------------- */ .notice-form{margin-top:20px;border:1px #ddd solid;border-radius:10px;padding:15px;} .notice-form select{width:100%} .notice-form .info-notice{font-style: italic;padding-top: 10px;} .notice-form .info-notice ul{list-style-position: inside;list-style-type: decimal;padding-left: 10px;} .notice-form .button-notice{display: flex; gap: 15px} .notice-form .button-notice a{cursor: pointer;} .notice-form .ready-notice{font-weight: bold; padding-top: 10px} .notice-form .ready-notice svg{vertical-align: middle;display: inline-block;padding-right: 5px} .notice-error{color:#c12938;font-weight: bold;padding: 10px 10px 0 10px;} .notice-error svg{vertical-align: middle;display: inline-block;padding-right: 5px} .btn-notice{transition:all .3s;flex: 1;width: auto!important;} .btn-notice--off{cursor:not-allowed!important;opacity:0.3} a.btn-stand.btn-notice--off:hover{background:#c12938}