/* IMPORT FONTS */ @font-face { font-family: 'glgt-lt'; src: url('../../fonts/galanogrotesque-light.eot?#iefix') format('embedded-opentype'), url('../fonts/galanogrotesque-light.otf') format('opentype'), url('../fonts/galanogrotesque-light.woff') format('woff'), url('../fonts/galanogrotesque-light.ttf') format('truetype'), url('../fonts/galanogrotesque-light.svg#galanogrotesque-light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'glgt-b'; src: url('../fonts/galanogrotesque-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/galanogrotesque-bold.otf') format('opentype'), url('../fonts/galanogrotesque-bold.woff') format('woff'), url('../fonts/galanogrotesque-bold.ttf') format('truetype'), url('../fonts/galanogrotesque-bold.svg#galanogrotesque-bold') format('svg'); font-weight: normal; font-style: normal; } /* RESET */ body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;} article, aside, dialog ,figcaption, figure, footer, header, hgroup, main, nav, section { display:block;} input, textarea { -webkit-appearance:none; -ms-appearance:none; appearance:none; -moz-appearance:none; -o-appearance:none; border-radius:0;} * { outline:none !important;} strong, b { font-weight:normal; font-family:glgt-b;} ul { list-style-type:none;} body { font:normal 14px/24px glgt-lt; color:#343739;} a { text-decoration:none; color:#343739; outline:none;} img { border:none;} #wrapper { min-width:320px; overflow:hidden;} #wrapper * { box-sizing:border-box; outline:0} #wrapper:before { content:''; display:block; z-index:99; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.80); opacity:0; visibility:hidden; transition:0.4s all ease-in-out !important; -webkit-transition:0.4s all ease-in-out !important} #wrapper.active:before { visibility:visible; opacity:1} .slick-dots { width:100%; height:14px; position:relative; text-align:center; padding:0; line-height:0; z-index:50;margin-top:30px;} .slick-dots li { display:inline-block; height:14px; margin:0 7.5px;text-indent:-9999px} .slick-dots button { display:block; width:14px; height:14px; text-indent:-9999px; background:none; outline:none; padding:0; border:1px solid #ffffff;} .slick-active button { background:#ffffff;} /* CLASS */ .clear { clear:both; float:none !important; width:100% !important; padding:0 !important; margin:0 !important; display:block;} .left { float:left;} .right { float:right;} .link { width:auto; height:60px; display:inline-block; border:1px solid #bed348; position:relative; font:normal 14px/53px glgt-b;text-decoration:none !important; padding:0 30px; text-transform:uppercase;} .clr:after { content:''; display:table; width:100%; clear:both} .social a { display:block;width:58px;height:58px;border:1px solid #757575;float:left;border-radius:50%;} .social .facebook { background:url(../images/icon-fb.svg)center no-repeat;margin-right:10px;} .social .lettre { background:url(../images/icon-mail.svg)center no-repeat;margin-right:10px;} .wrapper { max-width: 1280px; width: 100%; padding-left: 40px; padding-right: 40px; margin: 0 auto; } /* HEADER */ #header { width:100%; position:relative;} .headerTop { width:100%; height:130px; position:absolute; z-index:9999;} .headerTop .top-1 { background: #2b5771 } .headerTop .slogan { font:normal 14px/14px glgt-lt; color: #ffffff;padding-top: 22px;display: block;padding-left: 60px } .headerTop .top-1 .right { max-width:905px;background: #2b5771;text-align: center;padding: 0 40px;color: #ffffff } .headerTop .top-1 .right a { display: inline-block;font:normal 14px/62px glgt-lt;height: 65px;margin-left: 24px;color: #ffffff } .headerTop .top-1 .right a:first-child { margin-left:0; } .headerTop .top-1 .right .tel { background: url(../images/icon-tel.svg)left center no-repeat;padding-left: 27px;background-size:12px; } .headerTop .top-1 .right .mail { background: url(../images/icon-mail.svg)left center no-repeat;padding-left: 27px;background-size:18px;} .headerTop .top-1 .right .mesDossier { background: #539f45;text-transform: uppercase;color: #ffffff;font-family:glgt-b;padding: 0 30px; } .headerTop .top-2 .logo { display: inline-block;margin-top: 17px; } .headerTop .top-2 { padding:0 60px} /* MENU */ .menu { height:auto; display:block;float:right;} .menu>ul { width:100%; display:block; position:relative; text-align:center; font-size:0; line-height:0; } .menu li { display:inline-block; position:relative; margin-right:29px;} .menu li:last-child { margin-right:0;} .menu a { width:auto; font:normal 16px/25px glgt-lt;display:block; padding:38px 0 25px; position:relative;color: #ffffff} .menu>ul>li.active>a { color:#bed348;} .menu>ul>li.active>a:before { width:100%;} /* SUB */ .sub { width:265px; position:absolute; top:88px; left:50%; z-index:995; margin-left:-135px; display:block; background:#ffffff; visibility:hidden; opacity:0;} .sub li { width:100%; margin:0; border:none; padding:0; text-align:center;} .sub li a { width:100%; height:52px; line-height:49px; position:relative; margin:0;color:#3f3d3e;text-transform:inherit;font-size:15px;padding: 0;border-bottom:1px solid #cdcdcd} .sub li a:before { display:none;} .sub li:last-child a { border:0;} .menu li:hover .sub { opacity:1; visibility:visible; z-index:999;} .menu .sub li.active a { background:#bed348;color: #ffffff} /* SLIDER */ .mobile { display: none } .blocSlider { position:relative;height:100vh;min-height: 760px} .slider-mob { display: none } #slider { width:100%; height:100vh; position:relative;} #slider .slick-list, .slider-mob .slick-list { width:100%; height:100%;} #slider .slick-track, .slider-mob .slick-track { width:100%; height:100%;} .slider-mob { height: 480px } #slider .banner1 { background:url(../images/banner1.jpg) 50% 50% no-repeat;height:100%;position: relative;-webkit-background-size:cover; -moz-background-size:cover; background-size:cover;} #slider .banner2 { background:url(../images/banner2.jpg) 50% 50% no-repeat;height:100%;position: relative;-webkit-background-size:cover; -moz-background-size:cover; background-size:cover;} .banner:after { content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;background: rgba(0,0,0,0.75);z-index:15 } .blocSlider .textBanner { left:0;z-index: 100 ;width: 100%;color: #ffffff;position: relative;max-width: 1280px;padding: 0 15px;margin: 0 auto;display: table;height: 100% } .blocSlider .textBanner .item { display: table-cell;vertical-align: middle; } .blocSlider .textBanner .title, .slider-mob .title { font:normal 40px/46px glgt-lt;letter-spacing: 0.8px;display: block;margin-bottom: 50px;color: #ffffff} .blocSlider .textBanner .title i, .slider-mob .title i { font-style: normal;color: #bed348 } .blocSlider .textBanner .item2 .title { margin-bottom: 0 } .blocSlider .textBanner .icon-micro { display: block;width: 40px;height: 61px;margin: auto; } .blocSlider .textBanner .icon-text { display: block;width: 55px;height: 61px;margin: auto; } .blocSlider .textBanner .picto { display: inline-block;text-align: center; } .blocSlider .textBanner .txt, .slider-mob .txt { font:normal 20px/20px glgt-b;text-transform: uppercase;display: block;margin-top: 19px;color: #ffffff} .slider-mob .txt { text-align: center; } .blocSlider .textBanner .txt-arrow, .slider-mob .txt-arrow { font: normal 20px/20px glgt-lt;text-transform: lowercase;color: #bed348;} .blocSlider .textBanner .picto-2 { margin-left: -6px } .blocSlider .textBanner .picto-3 { margin-left: -4px } .blocSlider .content { display: table;height: 100%;margin:auto;width: 100%; } .blocSlider .textBanner .link { color: #ffffff;margin-top: 45px;letter-spacing: 0.2px; } .blocSlider .scroll { display: block;width: 60px;height: 60px;position: absolute;bottom: 63px;right:60px;border:1px solid #fff;background: url(../images/scroll-bottom.png)center no-repeat;z-index: 999;animation: MoveUpDown 1s infinite ease-in-out; } .blocSlider .scroll:hover { animation-play-state: paused; } @keyframes MoveUpDown { 0% { background-position-y: 17px; } 50% { background-position-y: 23px; } 100% { background-position-y: 17px; } } .blocSlider .scroll:before { content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;width: 100%;background: url(../images/scroll-bottom-on.png)center no-repeat #2b5771;opacity: 0;border:1px solid #2b5771; } .blocSlider .wrapper { width: 100%;height: 100%;} .blocSlider .textBanner .slide2 .title { margin-bottom: 0;} .blocSlider .textBanner .s-title { font: normal 40px/48px glgt-lt; color: #fff; display: block; } .blocSlider .textBanner .s-title b { font-family:glgt-b; font-weight: normal; } .blocSlider .textBanner .picto { position: relative; } .blocSlider .textBanner .txt-arrow { margin: 0 15px } .blocSlider .banner1 .textBanner .arrow { display: block;width: 43px;height: 61px;background: url(../images/arrow.png)center no-repeat;margin: auto;position: absolute; left:5px; top: -80px } .blocSlider .banner1 .textBanner .title { margin-top: 114px } .blocSlider .banner2 .textBanner .picto { vertical-align: middle; } .blocSlider .banner2 .textBanner .arrow { vertical-align: middle;display: inline-block;margin:0 20px;} .blocSlider .banner2 .textBanner .title { margin-top: 100px; } /* HOME PAGE */ .titre { font: normal 36px/36px glgt-lt;text-transform: uppercase;color: #2b5771;margin-bottom: 12px; } .blocBienvenue .wrapper { padding: 87px 40px 100px } .blocBienvenue .sousTitre { font:normal 24px/24px glgt-b;color: #3f3d3e;position: relative;padding-bottom: 32px;letter-spacing: 0.5px;margin-bottom: 28px; } .blocBienvenue .sousTitre:after { content: '';width: 50px;height: 1px;background: #bed348;position: absolute;left: 0;right: 0;bottom: 0;margin: auto; } .blocBienvenue .content { max-width: 1024px;margin: auto;text-align: center; } .blocBienvenue .link { margin: 36px auto 0;background: #bed348;color: #fff } .blocService { text-align: center;color: #343739;position: relative; } .blocService .content { position: relative;z-index: 65;} .blocService .content:before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0; background: rgba(46,100,131,1); background: -moz-linear-gradient(top, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(46,100,131,1)), color-stop(20%, rgba(46,100,132,1)), color-stop(100%, rgba(47,101,134,0.6))); background: -webkit-linear-gradient(top, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); background: -o-linear-gradient(top, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); background: -ms-linear-gradient(top, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); background: linear-gradient(to bottom, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e6483', endColorstr='#2f6586', GradientType=0 ); z-index: 555} .blocService:before { content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0; background: rgba(46,100,131,1); background: -moz-linear-gradient(top, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(46,100,131,1)), color-stop(20%, rgba(46,100,132,1)), color-stop(100%, rgba(47,101,134,0.6))); background: -webkit-linear-gradient(top, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); background: -o-linear-gradient(top, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); background: -ms-linear-gradient(top, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); background: linear-gradient(to bottom, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e6483', endColorstr='#2f6586', GradientType=0 ); } .blocService .listMetier .wrapper { font-size: 0;max-width: 560px;padding: 0 } .blocService .listMetier .slick-track { margin: auto; } .blocService .sousTitre { font: normal 36px/36px glgt-lt;color: #fefefe;text-transform: uppercase;padding: 87px 0 30px;position: relative;z-index: 999 } .blocService .listMetier .item { display: inline-block;width: 25%;padding:0 1px;margin-bottom: 40px } .blocService .listMetier .item span { display: block;height: 60px;font: normal 14px/56px glgt-b;text-transform: uppercase;color: #ffffff;cursor: pointer; } .blocService .listMetier .item1 { margin-left: 0 } .blocService .detailService .juriste .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-juriste.svg)bottom center no-repeat; } .blocService .detailService .exp-immob .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-exp-imob.svg)bottom center no-repeat; } .blocService .detailService .exp-assur .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-exp-assur.svg)bottom center no-repeat; } .blocService .detailService .geometre .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-geometre.svg)bottom center no-repeat; } .blocService .detailService .medecin .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-medecin.svg)bottom center no-repeat; } .blocService .detailService .psychiatre .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-psychiatre.svg)bottom center no-repeat; } .blocService .detailService .reporter .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-reporter.svg)bottom center no-repeat; } .blocService .detailService .traducteur .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-traducteur.svg)bottom center no-repeat; } .blocService .detailService { text-align: center;max-width: 1104px;margin: auto;font-size: 0 } .blocService .detailService .s-titre { font: normal 20px/20px glgt-b;display: block;margin: 0 0 20px;color: #bed348 } .blocService .detailService .link { color: #ffffff;border:1px solid #ffffff;letter-spacing: 0.5px; } .blocService .detailService .wrapper { padding: 0 } .blocService .detailService .service { width: 45%;padding:0 35px;display: inline-block;font-size: 14px;text-align: left;vertical-align: top; } .blocService .detailService .service .desk { display: block; } .blocService .detailService .service .mob { display: none } .blocService .detailService .service .txt { background: #ffffff;padding: 40px;display: block;position: relative; } .blocService .detailService .service .txt:after { content: '';width: 18px;height: 13px;background: url(../images/arrow-srvc.png)center no-repeat;position: absolute;bottom: 40px;right: 40px; } .blocService .detailService .service .contenu { display: block;background: #316888 } .blocService .detailService .service .contenu .img img { width: 100%;display: block;height: 255px;object-fit: cover; } .blocService .detailService .service .contenu .img { background: #316888;position: relative;display: block;} .blocService .detailService .service .contenu .img:before { content:'';background: rgba(0, 0, 0, 0.5);position: absolute;left: 0;right: 0;top: 0;width: 100%;height: 100%;display: block;opacity: 1} .blocService .detailService .service p { margin-bottom: 25px;min-height: 110px;color: #343739 } .blocService .detailService .huissier .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-huissier.svg)bottom center no-repeat; } .blocService .detailService .notaire .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-notaire.svg)bottom center no-repeat; } .blocService .listBg { position: absolute;width: 100%;height: 100%;top: 0;z-index: 0 } .blocService .listService { position: relative;z-index: 65;z-index: 999;padding-bottom: 100px; background: rgba(46,100,131,1); background: -moz-linear-gradient(top, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(46,100,131,1)), color-stop(20%, rgba(46,100,132,1)), color-stop(100%, rgba(47,101,134,0.6))); background: -webkit-linear-gradient(top, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); background: -o-linear-gradient(top, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); background: -ms-linear-gradient(top, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); background: linear-gradient(to bottom, rgba(46,100,131,1) 0%, rgba(46,100,132,1) 20%, rgba(47,101,134,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e6483', endColorstr='#2f6586', GradientType=0 ); } .blocService.pageInterne .listService { background: none } .blocService .listBg .item1 { width: 100%;height: 100%;top: 0;left: 0;right: 0;background: url(../images/bg-srvc1.jpg)center no-repeat;-webkit-background-size:cover; -moz-background-size:cover; background-size:cover; } .blocService .listBg .item2 {width: 100%;height: 100%;top: 0;left: 0;right: 0;background: url(../images/bg-srvc2.jpg)center no-repeat;-webkit-background-size:cover; -moz-background-size:cover; background-size:cover; } .blocService .listBg .item3 { width: 100%;height: 100%;top: 0;left: 0;right: 0;background: url(../images/bg-srvc3.jpg)center no-repeat;-webkit-background-size:cover; -moz-background-size:cover; background-size:cover; } .blocService .listBg .item4 { width: 100%;height: 100%;top: 0;left: 0;right: 0;background: url(../images/bg-srvc4.jpg)center no-repeat;-webkit-background-size:cover; -moz-background-size:cover; background-size:cover; } #listBg .slick-list { width:100%; height:100%;} #listBg .slick-track { width:100%; height:100%;} .blocService .listMetier .item.slick-current { position: relative; } .blocService .listMetier .item.slick-current span { color: #bed348;display: inline-block;position: relative;padding-bottom: 23px } .blocService .listMetier .item.slick-current span:after { content: '';width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;background: #bed348; } .blocContact { background: #2b5771;color: #fff;font-size: 18px;position: relative; } .blocContact .s-titre { font:normal 20px/20px glgt-b; color: #bed348;margin-bottom: 9px;} .blocContact a { color: #ffffff;font:normal 18px/20px glgt-lt; } .blocContact .blocTel span { font-size: 11px; } .blocContact .left { padding:49px 60px 50px 80px;width: 65% } .blocContact .left .content { max-width: 686px;margin: auto; } .blocContact .left .content>div { display: inline-block; } .blocContact .left .blocMail { padding-left: 79px;} .blocContact .right { background: #1e3d4f;width: 35%;padding: 20px 0;position: absolute;overflow: hidden;right: 0;top: 0;height: 100%;display: flex;align-items: center; } .blocContact .right:before { content: '';width: 83px;height: 97px;background: url(../images/icon-audio.svg)center no-repeat;position: absolute;left: -33px;top: 50%;bottom: 0;margin-top: -48px } .blocContact .right .blocTest { display: block;width: 210px;border:1px solid #ffffff;padding: 6px 15px 15px;margin: auto;color: #ffffff; } .blocContact .right .blocTest span { font:normal 24px/25px glgt-lt;display: block;text-transform: uppercase; } .blocContact .right .blocTest b { font:normal 20px/20px glgt-b;text-transform: uppercase;display: block;margin-bottom: 17px; } .blocContact .right .blocTest i { font:normal 14px/23px glgt-b;text-transform: uppercase;display: block;background: #bed348;height: 30px;padding:0 5px;color: #ffffff } label.error { position: absolute; left: 0; bottom: -26px; color: red; font-size: 11px; } textarea + label.error { bottom: -22px } select.error, input.error, textarea.error { border: 1px solid #f00 !important; } .cont-file {color: #343739;font-family: glgt-lt;font-size: 16px;height: 60px;padding: 0;width: 100%;margin-bottom: 20px;position: relative;border: 1px solid #dadada} .cont-file.error { border: 1px solid #f00 !important; } .cont-file span {white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;display: block;height: 100%;position: relative;line-height: 53px;padding: 0 28px;text-align: left;color: #80888e;} .blc-chp .chp .cont-file input {height: 100%;left: 0;opacity: 0;position: absolute !important;top: 0;width: 100%;z-index: 10 !important;display: block;} .blocSolution .wrapper { padding: 87px 40px 92px; } .blocSolution .sousTitre { font: normal 36px/36px glgt-lt;text-transform: uppercase;color: #2b5771;margin-bottom: 12px;text-align: center; } .blocSolution .s-titre { font: normal 24px/24px glgt-b;color: #3f3d3e;position: relative;padding-bottom: 34px;letter-spacing: 0.5px;margin-bottom: 40px;text-align: center; } .blocSolution .s-titre:after { content: '';width: 50px;height: 1px;background: #bed348;position: absolute;left: 0;right: 0;bottom: 0;margin: auto; } .blocSolution .img { width: 50%;background: url(../images/img-solution.jpg)center no-repeat;min-height: 362px;float: left;position: relative;background-size: cover;position: relative; } .blocSolution .img >div { position: absolute;left: 0;right: 0;top: 50%;margin: -30px auto 0;text-align: center} .blocSolution .img .link { margin: auto;color: #ffffff;border:1px solid #ffffff;background: #bed348; } .blocSolution .text { float: left;width: 100%;padding-left: 70px;padding-right: 33px;text-align: center; } .blocSolution .text li { font:normal 18px/24px glgt-lt;border: 1px solid #cbd3d8;border-left:none;min-height: 220px;position: relative;} .blocSolution .text li:first-child { border-left: 1px solid #cbd3d8 } .blocSolution .text li .vert { color: #bed348 } .blocSolution .text li .title { padding-top: 60px;position: absolute;top: 50%;left: 0;right: 0;margin:-54px auto 0; } .blocSolution .text li.item1 .title { background: url(../images/voice-recorder.svg)top center no-repeat;display: block;-webkit-background-size:24px; -moz-background-size:24px; background-size:24px; } .blocSolution .text li.item2 .title { background: url(../images/cloud.svg)top center no-repeat;display: block;background-size: 36px } .blocSolution .text li.item3 .title { background: url(../images/typing.svg)top center no-repeat;display: block; background-size: 34px} .blocSolution .text li.item4 .title { background: url(../images/icon-fichier.svg)top center no-repeat;display: block; background-size: 28px } .blocSolution .link { margin-top: 60px;background: #bed348;color: #ffffff } .blocSolution #listSolution { position: relative; } .blocSolution .slick-prev {cursor: pointer;text-indent: -9999px;outline: none;border: 0;padding: 0;background: url(../images/arrow-prev-sol.png)center no-repeat;width: 18px;height: 13px;position: absolute;left: -25px;top: 50%;margin-top: -6px;z-index: 65;} .blocSolution .slick-next {cursor: pointer;text-indent: -9999px;outline: none;border: 0;padding: 0;background: url(../images/arrow-next-sol.png)center no-repeat;width: 18px;height: 13px;position: absolute;right: -25px;top: 50%;margin-top: -6px;z-index: 65;} .blocAtout { background: #2b5771 } .blocAtout .wrapper { max-width: 1304px;padding: 0 } .blocAtout .listAtout { padding: 50px 0 57px; } .blocAtout .listAtout .item { color: #ffffff;font: normal 18px/25px glgt-lt;float: left;width: 33.33%;padding: 0 40px } .blocAtout .listAtout .item span { display: block;background: url(../images/puce-atout.svg)left center no-repeat;padding-left: 53px;background-size:24px; } .blocAtout .listAtout .item:nth-child(2) { padding-left: 34px } .blocAtout .listAtout .item:nth-child(3) { padding-left: 30px } .blocAtout .listAtout .item span br { display: none } .blocAtout .listAtout .slick-dots { margin-top: 14px } /* FOOTER */ #footer { width:100%; height:auto; position:relative;background:#1e3d4f;color:#ffffff;} .footer { padding: 60px 0 80px;position: relative;} #footer .wrapper { padding: 0 15px;position: relative;} .footer-1 .be { display: block; } .footer-1 .be a, .footer-1 .be a:hover { text-decoration: none; color: #fff; cursor: default; } .footer-1 .logo-f { display: block;width: 200px } .footer-1 .logo-f img { width: 100% } .footer .s-titre { font: normal 20px/25px glgt-b;color: #bed348;margin-bottom: 19px } .footer-1 span { display: block; } .footer-1,.coord,.contact-footer { float: left; } .contact-footer .mob { display: none;line-height: 6px;font-size: 11px} .coord { padding:12px 148px 0; } .coord >div { display: inline-block; } .coord .adresse-1 { padding-right: 66px } .contact-footer { padding-top: 12px } .contact-footer a { color:#ffffff;display:inline-block; } .footer .scrollTop { width: 60px;height: 60px;border: 1px solid #ffffff;display: block;position: absolute;right:0;top: 75px;background: url(../images/scrolltop.svg)center no-repeat; animation: MoveUpDown 1s infinite ease-in-out;background-size:13px;} .footer .scrollTop:after { content: '';width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;background: url(../images/scrolltop-on.svg) center no-repeat #2b5771; opacity: 0} .footer-bottom { border-top:1px solid #ffffff; font-size: 12px;padding: 15px 0;letter-spacing: 0.3px;} .footer-bottom a { color: #ffffff } .footer-bottom .left span { text-transform: uppercase;color: #bed348 } .footer-bottom .right ul { display: inline-block; } .footer-bottom .right li { display: inline-block; } .footer-bottom .right .maki { display: inline-block;background: url(../images/logo-maki.svg)left no-repeat; padding-left: 32px;margin-left: 27px} /*******QUI SOMMES NOUS ************/ .page .blocSlider { height: auto; min-height: inherit;} .page .blocSlider .wrapper { position: relative; } .page .blocSlider::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; background: rgba(0,0,0,0.75); z-index: 15;} .banner-page { height: 320px; width: 100%; display: block;} .banner-page.qui-sommes-nous { background: url(../images/banner-qui-sommes-nous.jpg); background-size: cover; } .banner-page .titre { color: #fff; font:normal 40px/40px glgt-lt; position: absolute; bottom: 63px; left:38px; text-transform: none; z-index: 20; letter-spacing: 0.85px } #pageContent .wrapper { max-width: 1024px; margin: auto; } .blc-contenu1 .wrapper { padding: 86px 0 69px 306px; position: relative; } .blc-cadre { width: 240px; height: 240px; border: #3d3c3c solid 1px; position: absolute;; left: 0; top: 50%;display: table;margin-top: -119px} .blc-cadre span { display: block; text-align: center; font:normal 24px/28px glgt-b ; color: #3d3c3c; letter-spacing: 0.25px; text-transform: uppercase;display: table-cell;vertical-align: middle; } .blc-cadre span i { font-style: normal; display: block; font-family:glgt-lt; font-size: 30px} .blc-titre .s-titre { font-weight: normal; font:normal 24px/36px glgt-b ; letter-spacing: 0.55px} .blc-titre .titre { margin-bottom: 6px } .blc-titre:after { content: ''; border-bottom: #bed348 solid 1px; display: block; width: 50px; margin: 25px 0 28px} .blc-contenu1 .blc-txt p { margin-bottom: 25px } .blc-collaborateur { background: url(../images/bg-collab.jpg) no-repeat bottom center; background-size: cover; color: #fff; position: relative; } .blc-collaborateur:after { content: ""; background: -moz-linear-gradient(top, rgba(43,87,113) 0%, rgba(43,87,113) 1%, rgba(43,87,113,0.6) 100%); background: -webkit-linear-gradient(top, rgba(43,87,113) 0%,rgba(43,87,113) 1%,rgba(43,87,113,0.6) 100%); background: linear-gradient(to bottom, rgba(43,87,113,0.8) 0%,rgba(43,87,113,1) 1%,rgba(43,87,113,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a452', endColorstr='#9950a452',GradientType=0 ); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; } .img-deco { position: absolute; right: 0; top: 0;; width: 190px; height: 248px; display: block;; z-index: 20 } .blc-collaborateur .wrapper { padding:67px 0 76px; position: relative; z-index: 20} .blc-collaborateur .blc-titre .titre { color: #fff } .blc-collaborateur .blc-titre:after { border-color: #fff } .blc-collaborateur .blc-txt { margin: 0 -30px } .blc-collaborateur .blc-txt a { color: #ffffff;font-family: glgt-b} .blc-collaborateur .blc-txt a:after { background: #ffffff } .blc-collaborateur .blc-txt .col { width: 50%; float: left; padding: 0 30px } .blc-collaborateur .blc-txt p { margin-bottom: 25px } .lst-collab { padding-left: 34px } .lst-collab li { padding-left: 47px; background: url(../images/puce-atout.svg) no-repeat left 10px; margin-bottom: 14px; background-size: 16px } .lst-collab li span { font-family:glgt-b} .bandeau-marron { background-color: #2b5771; padding: 39px 0 40px; text-align: center } .bandeau-marron div { display: inline-block; color: #fff; font-size: 24px; font:normal 24px/24px glgt-lt; text-transform: uppercase; vertical-align: top; margin: 2px 17px } .bandeau-marron div span { display: block; font-family: glgt-b; font-size: 20px } .bandeau-marron .link { margin: 0 17px; background-color: #bed348; color: #fff } /* CONTACT */ .banner-page.contact { background: url(../images/banner-contact.jpg); background-size: cover; } .pagecontact .blocContact .content span { display: block; } .pagecontact .blocContact .adr { padding-right: 65px } .pagecontact .blocContact .left .content { max-width: 690px; } .pagecontact .blocContact .left { padding: 28px 40px 33px;} .pagecontact .blocContact { font-size: 14px } .pagecontact .blocContact .linkCarte { font-size: 11px;text-transform: uppercase;color: #bed348;text-decoration: underline; } .pagecontact .blocContact .tel a { font-size: 14px } .pagecontact .blocContact .tel { vertical-align: top;padding-left: 70px } .pagecontact .blocContact .blocHoraire { width: 250px;border: 1px solid #ffffff;padding:21px 29px;margin: auto; } .pagecontact .blocContact .blocHoraire span { font:normal 14px/24px glgt-lt; display: block;} .pagecontact .blocContact .blocHoraire i { font:normal 14px/24px glgt-b;text-transform: uppercase;color: #bed348 } .pagecontact .blocContact .blocHoraire em { color: #ffffff } .pagecontact .blocContact .right::before {content: '';width: 97px;height: 97px;background: url(../images/icon-clock.svg)center no-repeat;position: absolute;left: -50px;top: 50%;bottom: 0;margin-top: -48px;} .pagecontact .blocFormulaire { text-align: center} .pagecontact .blocFormulaire .wrapper { max-width: 1130px;padding: 87px 40px 107px } .pagecontact .blocFormulaire .sousTitre { font: normal 24px/24px glgt-b;color: #3f3d3e;position: relative;letter-spacing: 0.5px; } .pagecontact .blocFormulaire .titre { padding-bottom: 32px;margin-bottom: 28px;position: relative; } .pagecontact .blocFormulaire .titre::after {content: '';width: 50px;height: 1px;background: #bed348;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;} .pagecontact .blc-chp { float: left;width: 33.33%;padding: 0 15px;position: relative;margin-bottom: 19px} .pagecontact .blc-chp .chp { padding: 0; position: relative;} .pagecontact .blc-chp .chp label { margin-bottom: 5px; display: block; } .pagecontact .blc-chp .chp label span { color: #bed348 } .pagecontact .blc-chp .chp input {border: 1px solid #dadada;width: 100%;font: normal 14px/24px glgt-lt;color: #80888e;padding: 17px 29px;position: relative;height: 60px;} .pagecontact .blc-chp .chp input:focus { color:#38393b;border-color: #38393b } .pagecontact .blc-chp .chp select { border: 1px solid #dadada;width: 100%;font: normal 14px/24px glgt-lt;color: #80888e;padding: 17px 29px;position: relative;height: 60px; } .pagecontact .blc-chp .chp select:focus { color:#38393b;border-color: #38393b } .pagecontact .formulaire-contact { text-align: left; } .pagecontact .blc-chp .chp textarea {height: 170px;padding: 17px 29px;width: 100%;border: 1px solid #dadada;font: normal 14px/24px glgt-lt;color: #80888e;resize: none;} .pagecontact .blc-chp .chp textarea:focus { color:#38393b;border-color: #38393b } .pagecontact .blc-chp.textarea { width: 100%;margin-bottom: 12px } .pagecontact .btn { float: right;} .pagecontact .blc-chp .chp select { background: url(../images/icon-select.png)right no-repeat; -moz-appearance:none;-webkit-appearance:none;} .pagecontact .blocFormulaire .nb { padding-left: 15px;display: block; } .pagecontact .blocFormulaire .nb i { color: #bed348;font-style: normal; } .pagecontact .blocFormulaire .boutton { margin-top: 6px;padding: 0 15px } .pagecontact .blocFormulaire .boutton .link { width: 132px;background: transparent;cursor:pointer;color: #bed348 } .pagecontact .blocFormulaire .reset { margin-right: 30px } .pagecontact .blc-chp .chp ::-webkit-input-placeholder { opacity:1;color:#80888e;} .pagecontact .blc-chp .chp ::-moz-placeholder { opacity:1;color:#80888e;} .pagecontact .blc-chp .chp ::-ms-input-placeholder { opacity:1;color:#80888e;} .pagecontact .blc-chp .chp input:focus::-webkit-input-placeholder, .pagecontact .blc-chp .chp textarea:focus::-webkit-input-placeholder { opacity:1;color:#000;} .pagecontact .blc-chp .chp input:focus::-moz-placeholder, .pagecontact .blc-chp .chp textarea:focus::-moz-placeholder { opacity:1;color:#000;} .pagecontact .blc-chp .chp input:focus::-ms-input-placeholder, .pagecontact .blc-chp .chp textarea:focus::-ms-input-placeholder { opacity:1;color:#000;} .output { padding: 0 15px; margin: 30px 0 0; text-align: center; } .output > p { border: 1px solid #368e38; padding: 2px 0 5px; line-height: 30px; } .output.opt-success > p { border-color: #368e38; } .output.opt-error > p { border-color: red;} /* NOTRE SOLUTION */ .banner-page.notreSolution { background: url(../images/banner-qui-sommes-nous.jpg); background-size: cover; } .blc-processus { background: url(../images/bg-processus.jpg) no-repeat bottom center; background-size: cover; text-align: center; color: #fff; position: relative;} .blc-processus:after { content: ""; background: -moz-linear-gradient(top, rgba(43,87,113) 0%, rgba(43,87,113) 1%, rgba(43,87,113,0.6) 100%); background: -webkit-linear-gradient(top, rgba(43,87,113) 0%,rgba(43,87,113) 1%,rgba(43,87,113,0.6) 100%); background: linear-gradient(to bottom, rgba(43,87,113,0.8) 0%,rgba(43,87,113,1) 1%,rgba(43,87,113,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a452', endColorstr='#9950a452',GradientType=0 ); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block} #pageContent .blc-processus .wrapper { padding:68px 0 73px; position: relative; z-index: 2 } .blc-processus .blc-titre .titre { color: #fff } .blc-processus .blc-titre:after { display: none } .blc-processus .blc-titre { margin-bottom:66px } .lst-processus .item { float: left; width: 25% } .lst-processus .item .content { max-width:325px; margin: 0 auto } .lst-processus .item .content .img { width: 100px; height: 100px; border: #fff solid 1px; display: block; margin:0 auto 30px; position: relative; } .lst-processus .item .content .img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: block; } .lst-processus .item .content .titre { text-transform: none; font-size: 20px; font-family: glgt-b; color: #fff; line-height: 24px; margin-bottom: 18px; letter-spacing: -0.15px } .lst-processus .item .content p { max-width: 215px; margin: 0 auto } /* VOTRE METIER */ .banner-page.juridique { background: url(../images/banner-juridique.jpg); background-size: cover; } .banner-page .titre span { color: #bed348; font-size: 24px; font-family:glgt-b } .banner-page .titre span:before { content: '//'; margin-right: 10px } .blc-contenu2 { border-bottom: #cccccc solid 1px } .blc-contenu2 .wrapper { padding:87px 0 } .blc-contenu2 .blc-titre.center { text-align: center } .blc-titre.center::after { margin: 25px auto 28px } .blc-txt p { margin-bottom: 25px } .blc-txt a { color: #bed348;position: relative; } .blc-txt a:after { content:'';position: absolute;left: 0;right: 0;width:0;bottom: 0;height:1px;background: #bed348; } .blc-img .col { float: left; width: 50%;padding: 0 35px } .blc-img .col img { width: 100%;display: block; } .blc-contenu2 .blc-img { padding: 50px 0;margin: 0 -35px } .blocService.page .sousTitre { background-color: transparent; color: #50a452 } .blocService.page .content::after { display: none } .blocService.page .detailService .s-titre { color: #50a452} .blocService.page .detailService .service p { color: #343739;} .blocService.page .detailService .link { border-color: #bed348; color: #bed348 } .blocService.page .content { padding-bottom:78px } .blocService.page .listMetier .item span { background-color: #f5f5f5 } .blocService.page .listMetier .item.slick-current span { background-color: #bed348 ; color: #fff } .blocService.page .listMetier .item.slick-current::after { background-image:url(../images/shape-v.png) } #pageContent .blocService .listMetier .wrapper { max-width: 560px } #pageContent .detailService .wrapper { max-width: 1280px } .blc-titre.titre-with-margin { margin-top: 50px } .blocService.pageInterne::before, .blocService .content::before { display: none } .blocService.pageInterne .sousTitre { color: #2b5771;} .blocService.pageInterne .listMetier .item span { color: #2b5771 } .blocService.pageInterne .detailService .service .contenu{ border: 1px solid #dbdee0 } /* EXPERTISE */ .banner-page.expertise { background: url(../images/banner-expertise.jpg)center ;background-size: auto auto;background-size: cover; } /* traducteur */ .banner-page.redaction { background: url(../images/banner-redaction.jpg)center ;background-size: auto auto;background-size: cover; } @media (min-width:1201px) { .wrapMenuMobile, .menu .vueMobile { display:none;} body a span, body a, span:before, span:after, a:after, a:before, .link, .slick-prev, .slick-next, .slick-dots button, .blocSlide, .sub,.menuMobile,.wrapMenuMobile,.blocContact .on,.blocContact .right{ -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; -ms-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out;} a:hover { color:#bed348 } .logo:hover,.logo-f:hover { opacity:0.5;} .menu a:hover { color:#bed348;} .menu .sub a:hover { background:#bed348;color:#ffffff;} .headerTop .top-1 .right a:hover { color: #bed348 } .link:hover { background-color:#bed348;color:#fff;} .pagecontact .blocFormulaire .boutton .link:hover { background-color:#bed348;color: #ffffff } .blocBienvenue .link:hover { background: none;color: #bed348} .blocService .detailService .link:hover { background: #ffffff;color: #bed348; } .scroll:hover:before { opacity: 1 } .footer .scrollTop:hover:after { opacity: 1 } .footer .scrollTop:hover { border:1px solid #2b5771; } .blocSolution .link:hover { background: #ffffff;color:#bed348;border-color: #bed348 } .pagecontact .blocContact .linkCarte:hover { color: #ffffff } .bandeau-marron .link:hover { background-color: transparent; border-color: #bed348; } .menu ul { display:block !important;} .blocContact .right.on { background: #082e42 } .blc-txt a:hover:after { width: 100%; } .blocService.page .detailService .link:hover { background-color: #bed348;color: #ffffff } .blocService .detailService .service .contenu:hover .txt:after { background: url(../images/arrow-srvc-on.png)center no-repeat;} .blocService .detailService .service .contenu:hover .txt{ background: #2b5771;color: #ffffff } .blocService .detailService .service .contenu:hover p { color: #ffffff } .blocService .detailService .service .contenu:hover .img:before{ opacity: 0 } .blocSlider .scroll:hover { border:1px solid #2b5771; } } /* RESPONSIVE */ @media (max-width:1280px) { .headerTop .top-1 .left { width: 35%; } .headerTop .top-1 .right { width: 65%;padding: 0 40px } .blocAtout .wrapper { padding: 0 40px } #footer .wrapper { padding: 0 40px } .blocContact .left { padding: 49px 40px 50px;} .blocSlider .textBanner { padding: 0 40px } } @media (max-width:1245px) { .headerTop .top-2 .wrapper { padding: 0 40px;position: relative; } .blocContact .left { padding: 50px 40px} .blocContact .left .blocMail { padding-left: 20px } .blocSlider .scroll { right: 40px } } @media (max-width:1200px) { .wrapMenuMobile { width:auto; height:45px; display:block; z-index:80; transition:all 400ms ease-in-out; cursor:pointer; text-transform:uppercase; position:absolute; right:40px; top:100px;} .menuMobile { width:45px; display:block; height:45px; cursor:pointer; position:relative; line-height:20px;border:1px solid #fff;} .menuMobile>div { width:20px; height:2px; background:#316888; position:absolute; left:0;right:0;margin:auto; top:50%; margin-top:-1px;} .menuMobile>div:before { width:100%; height:2px; background:#316888; position:absolute; right:0; top:8px; content:"";} .menuMobile>div:after { width:100%; height:2px; background:#316888; position:absolute; right:0; top:-8px; content:"";} .menuMobile.active>div { height:0px;} .menuMobile.active > div::before { top: 0;transform: rotate(45deg);} .menuMobile.active > div::after { top: 0;transform: rotate(-45deg);} .menu { max-width:100%;right:0; float: none; } .menu>ul { width:100%; height:auto; position:absolute; left:0; top:100px; padding:0; background:#fff; display:none; z-index:999;} .menu ul li { width:100%; margin:0 auto; display:block; float:none; padding:0;} .menu li a { height:53px; line-height:47px; border:0; padding:0 40px; margin:0; text-align:left; border-bottom:1px solid #cecece;color: #3f3d3e} .menu>ul:after { content: ""; width: 100%; height: 9999px; background: rgba(0,0,0,.6); position: absolute; left: 0; bottom: -9999px; z-index: -1;} .menu a:before { display:none;} .menu i { display:block; width:100%; height:53px; position:absolute; right:0; top:0;} .menu i::before { display: block;width: 2px;height: 22px;position: absolute;right: 50px;top: 50%;margin-top: -11px;content: "";background: #316888;} .menu i::after { display: block;width: 22px;height: 2px;position: absolute;right: 40px;top: 50%;margin-top: -1px;content: "";background: #316888;} .menu i.active:before { background:url(../images/prev-arrow.svg) center no-repeat; } .menu .vueMobile { display:block;} .menu .sub { display:none; visibility:visible; width:100%; position:relative; left:auto; top:auto; margin:0; opacity:1; background:#316888; padding:0;} .menu .sub li a { color:#fff; text-align:left; padding:0 40px;} .menu .sub li.active a { background:#1f4f6b; color:#fff;} .headerTop .slogan { padding-left: 40px } .headerTop .top-2 { padding: 0 40px } .blocSlider .scroll { right: 40px} .blocSlider { min-height: auto } #listBg { height: 100%} .blocService .sousTitre { padding-top: 50px} .blocAtout .listAtout .item { padding: 0 25px!important } .blocAtout .listAtout { padding: 50px 0 } .blocAtout .wrapper { padding: 0 15px } .pagecontact .blocContact .adr { padding-right: 30px } .pagecontact .blocContact .tel { padding-left: 0 } .footer { padding: 50px 0 } .coord { padding:12px 50px 0; } .coord .adresse-1 { padding-right: 50px } .blocService .detailService .service .contenu .img:before { opacity: 0 } /* QUI SOMMES NOUS */ .blc-contenu1 .wrapper { padding: 86px 40px 69px 330px;} .blc-cadre { left: 40px } .blc-collaborateur .wrapper { padding: 67px 40px 76px;} /* NOTRE SOLUTION */ #pageContent .blc-processus .wrapper { padding:68px 40px 93px; } } @media (max-width:1100px) { .headerTop .top-1 .right, .headerTop .slogan { display: none } .wrapMenuMobile { top: 35px } .blocContact .left .content > div { display: block; } .blocContact .left .blocMail { padding-left: 0;margin-top: 20px } .pagecontact .blocContact .left .content > div { display: inline-block; } .blc-contenu2 .wrapper { padding-left: 40px;padding-right: 40px } .blc-titre.titre-with-margin { margin-top: 60px } } @media (max-width:1024px) { .blocSlider { height: inherit;min-height: inherit;} .blocSlider .textBanner .title,.slider-mob .title { font: normal 24px/25px glgt-lt;text-align: center;margin-bottom: 19px} .blocSlider .textBanner .icon-micro, .blocSlider .banner2 .textBanner .arrow, .blocSlider .banner2 .textBanner .blocPicto, .blocSlider .banner2 .textBanner .title br, .blocSlider .banner2 .textBanner .icon-text, .blocSlider .banner1 .textBanner .icon-text, .blocSlider .banner1 .textBanner .arrow { display: none } .blocSlider .banner2 .textBanner .txt { padding: 0 20px;margin-top: 15px } .blocSlider .textBanner .picto { display: block; } .blocSlider .textBanner .txt-arrow { display: block;margin-top: 0 } .blocSlider .textBanner .txt { margin-top: 0 } .blocSlider .scroll { display: none } #slider { height: 500px} .textBanner .item { text-align: center } .blocSlider .textBanner .link { display: inline-block; } .blocSlider .banner1 .textBanner .title { margin-top: 50px } .blocSlider .banner2 .textBanner .title { margin-top: 55px } .blocBienvenue .wrapper { padding: 47px 40px 60px } .blocSolution .wrapper { padding: 49px 40px 60px } .blocAtout .listAtout .item { padding: 0 10px!important } .blocContact .right::before { display: none } .blocService .detailService .service { padding: 0 20px } .blocService .detailService { padding: 0 20px } .pagecontact .blocContact .right { float: none;position: relative;width: 100%; } .pagecontact .blocContact .left { width: 100%;padding: 20px 40px } .pagecontact .blocContact .left .content { max-width: 100%;font-size: 0 } .pagecontact .blocContact .left .content >div { width: 33.33%;font-size: 14px } .pagecontact .blc-chp { width: 50%; } .footer-1 { float: none;width: 100%; } .footer-1 .logo-f { margin: auto; } .footer-1 .be { text-align: center; } .footer-2 { max-width: 600px;margin: auto;margin-top: 25px } .coord { padding-left: 0;padding-top: 0 } .footer .scrollTop { top: 200px } .blocContact .right::before { display: none } .blocSolution .text { padding-left: 40px; padding-right: 0 } /* QUI SOMMES NOUS */ .blc-contenu1 .wrapper { padding: 48px 40px 32px 330px;} .blc-collaborateur .wrapper { padding: 49px 40px 42px;} .img-deco { display: none } #pageContent .blc-processus .wrapper { padding: 48px 40px 60px} .pagecontact .blocFormulaire .wrapper { padding: 47px 40px 60px;} /* VOTRE METIER */ .blc-contenu2 .wrapper { padding: 48px 40px 30px;} .blc-img .col { padding: 0 25px } .blc-contenu2 .blc-img { margin: 0 -25px } } @media (max-width:900px) { .blocService .detailService .service { width: 50% } .blocService .detailService .service p { min-height: 150px } .blocService .detailService .service .contenu .img img { height: 275px } .blocService .detailService .service .txt { padding: 30px 25px;} } @media (max-width:768px) { #listBg { display: none } .blocService .detailService .link { display: none } .blocBienvenue .sousTitre { margin-bottom: 23px } .blocService .detailService { background: #ffffff;color: #3f3d3e;padding: 0 40px; } .blocService .detailService .service { border-bottom: 1px solid #cccccc;margin: 0;height: 73px;padding-top: 10px;width: 100%;float: none;} #pageContent .detailService .service { padding-top: 0; } #pageContent .detailService .picto { height: 73px;position: relative; } #pageContent .detailService .picto img { position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto; } .blocService .detailService .service:last-child { border-bottom: none } .blocService .listService { background: #316888;padding-bottom: 0 } .blocService.pageInterne .listService { background: none } .blocService .detailService .service p { display: none } .blocService .detailService .juriste .picto { background: url(../images/picto-juriste-mob.svg)bottom center no-repeat;display: inline-block;vertical-align: middle; } .blocService.pageInterne .detailService .juriste .picto { background-position: center } .blocService .detailService .huissier .picto { background: url(../images/picto-huissier-mob.svg)bottom center no-repeat;display: inline-block;vertical-align: middle; } .blocService.pageInterne .detailService .huissier .picto { background-position: center } .blocService .detailService .notaire .picto { background: url(../images/picto-notaire-mob.svg)bottom center no-repeat;display: inline-block;vertical-align: middle;} .blocService.pageInterne .detailService .notaire .picto { background-position: center } .blocService .detailService .exp-immob .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-exp-imob-mob.svg)bottom center no-repeat;display: inline-block;vertical-align: middle; } .blocService.pageInterne .detailService .exp-immob .picto { background-position: center } .blocService .detailService .exp-assur .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-exp-assur-mob.svg)bottom center no-repeat;display: inline-block;vertical-align: middle; } .blocService.pageInterne .detailService .exp-assur .picto { background-position: center } .blocService .detailService .geometre .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-geometre-mob.svg)bottom center no-repeat;display: inline-block;vertical-align: middle; } .blocService.pageInterne .detailService .geometre .picto { background-position: center } .blocService .detailService .medecin .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-medecin-mob.svg)bottom center no-repeat;display: inline-block;vertical-align: middle; } .blocService.pageInterne .detailService .medecin .picto { background-position: center } .blocService .detailService .psychiatre .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-psychiatre-mob.svg)bottom center no-repeat;display: inline-block;vertical-align: middle; } .blocService.pageInterne .detailService .psychiatre .picto { background-position: center } .blocService .detailService .reporter .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-reporter-mob.svg)bottom center no-repeat;display: inline-block;vertical-align: middle; } .blocService.pageInterne .detailService .reporter .picto { background-position: center } .blocService .detailService .traducteur .picto { display: block;width: 40px;height: 40px;background: url(../images/picto-traducteur-mob.svg)bottom center no-repeat;display: inline-block;vertical-align: middle; } .blocService.pageInterne .detailService .traducteur .picto { background-position: center } .blocService .detailService .s-titre { font: normal 18px/20px glgt-lt;display: inline-block;vertical-align: middle;margin: 0 0 0 17px;min-height: auto;color: #316888;padding-top: 5px } .blocService .content { padding-bottom: 0 } .blocService::before { background: #316888 } .blocService .detailService .service .desk { display: none } .blocService .detailService .service .mob { display: block } .blocService.pageInterne .listMetier .item { margin-bottom: 0} .blocService.pageInterne .content { padding-bottom:0 } .blocContact .left {display: none} .blocContact .right { width: 100%; } .blocContact .right { position: relative;display: block;float: none } .blocContact .right .blocTest { margin: auto; } .blocSolution .img { float: none;width: 100%; } .blocSolution .text { float: none ;width: 100%;padding-left:0; padding-right: 0 } .blocSolution #listSolution { border:1px solid #cbd3d8;position: relative; } .blocSolution #listSolution:before { content: '';width: 1px;height: 100%;position: absolute;top: 0;left: 50%;background: #cbd3d8; } .blocSolution .text li { border: none!important } .blocAtout .listAtout .item { text-align: center; } .blocAtout .listAtout .item span { background-position: top center;padding:40px 0 0 0; } .footer-1, .coord, .contact-footer { float: none } .coord { padding: 0 } .coord > div { display: block; } .footer-2 { text-align: center; } .coord .adresse-1 { padding-right: 0} .footer .scrollTop { display: none } .coord .adresse-1 { position: relative;padding-bottom: 25px;margin-bottom: 25px } .coord .adresse-1:after { content: '';width: 104px;height: 1px;background: #ffffff;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; } .contact-footer .mob { display: block;} .contact-footer .desk,.contact-footer br { display: none } .contact-footer a { display: block;width: 245px;border: 1px solid #ffffff;height: 60px;padding-top: 13px;font-size: 18px;margin:0 auto 17px; } .contact-footer .mail { padding-top: 15px } .footer { padding: 20px 0 0 0 } .footer .s-titre { display: none } .footer-bottom .left { display: none } .footer-bottom .right { float: none} .footer-bottom .right ul { display: none } .footer-bottom { text-align: center;border:none;padding-top: 0 } .footer-bottom .right .maki { margin-left: 0 } /* QUI SOMMES NOUS */ .page .blocSlider { height: 320px;} .blc-contenu1 .wrapper { padding:60px 40px 34px 40px} .blc-cadre { position: static;margin: 0 auto 40px;width: 200px;height: 200px} .blc-collaborateur .blc-txt { margin: 0;} .blc-collaborateur .blc-txt .col { width: 100%; float: none;padding: 0;} .blc-contenu1.secretariat .blc-cadre span { padding-top: 0; } /* VOTRE METIER */ .blocService.page .listService { background-color: transparent; } .blocService.page .detailService .picto { background-image: none !important } .blc-img .col { padding: 0 15px } .blc-contenu2 .blc-img { margin: 0 -15px } .blocService.page .listMetier .slick-next { background-image: url(../images/slick-next-v.svg ); } .blocService.page .listMetier .slick-prev { background-image: url(../images/slick-prev-v.svg ); } .blc-img .col img { display: block; width: 100% } .blc-img .col { margin-bottom: 10px } } @media (max-width:600px) { .wrapper { padding: 0 20px } .menu li a { padding:0 20px;} .menu > ul { top: 110px } .menu .sub li a { padding:0 20px;} .menu i::before { right:30px;} .menu i::after { right:20px;} .headerTop .top-2 .wrapper { padding: 0 20px } .wrapMenuMobile { right: 20px;top: 47px } #slider { display: none } .blocSlider { height: 480px;background: url(../images/banner-mobile.jpg)center no-repeat;background-size: cover; } .headerTop .top-2 .logo { margin-top: 30px;width: 200px } .headerTop .top-2 .logo img { width: 100% } .headerTop .top-2 { padding: 0 20px } .mobile { display: block;position: relative; } .mobile:before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;background: rgba(0,0,0,0.75); } { display: block; } .blocSlider .wrapper { padding: 0 } .slider-mob { display: block; } .slider-mob .slide { display: table !important;height: 100%;width: 100%;position: relative; } .slider-mob .slide .item { display: table-cell;vertical-align: middle;position: relative;z-index: 999 ;padding: 0 20px;position: relative;} .slider-mob .txt { margin-top: 0;line-height: 30px; } .slider-mob .slider1 .title { margin-top: 40px;} .slider-mob .slider2 .title { margin-top: 38px; } .slider-mob .link { background:#bed348;letter-spacing: 0.2px;color: #ffffff;position: absolute;bottom: 0;left: 0;right: 0;padding: 0;text-align: center;} .blocSlider .textBanner { margin-top: -61px } .blocSlider .textBanner .title { line-height: 28px } .blocSlider .textBanner .link { padding: 0 20px;margin-top: 106px;width: 100%;background: #bed348 } .blocSlider .textBanner .slide2 .link { margin-top: 106px } .blocSlider .textBanner .slide1 .link { margin-top: 96px } .blocSlider .textBanner .slide2 .title { margin-top: 264px } .blocSlider .textBanner .slide1 .title { margin-top: 250px } .blocSlider .textBanner { padding: 0 20px } .banner-page.juridique { background: url(../images/banner-juridique-mob.jpg)center no-repeat; background-size: inherit; } .banner-page.expertise { background: url(../images/banner-expertise-mob.jpg)center no-repeat; background-size: inherit } .banner-page.redaction { background: url(../images/banner-redaction-mob.jpg)center ; background-size: inherit } .titre { font-size: 24px;line-height: 25px;margin-bottom: 0 } .blocBienvenue .wrapper { padding: 31px 20px 40px } .blocBienvenue .sousTitre { font-size: 18px;line-height: 25px;padding: 0} .blocBienvenue p { display: none } .blocBienvenue .sousTitre::after { display: none; } .blocBienvenue .link { margin-top: 0 } .blocService .listMetier { position: relative; } .blocService .sousTitre { font: normal 24px/24px glgt-lt;padding-top: 32px;padding-bottom: 15px; } .blocService .listMetier .item.slick-current::after { bottom: 7px } .blocService .listMetier .item span { width: auto;margin: auto; } .blocService .listMetier .slick-next { cursor:pointer; text-indent:-9999px; outline:none; border:0; padding:0;background: url(../images/slick-next.svg)center no-repeat;position: absolute;width: 18px;height: 13px ;right: 20px;top: 50%;margin-top: -18px ;z-index: 65} .blocService .listMetier .slick-prev { cursor:pointer; text-indent:-9999px; outline:none; border:0; padding:0; background: url(../images/slick-prev.svg)center no-repeat;width: 18px;height: 13px;position: absolute;left: 20px;top: 50%;margin-top: -18px;z-index: 65 } .blocService.pageInterne .listMetier .slick-next { cursor:pointer; text-indent:-9999px; outline:none; border:0; padding:0;background: url(../images/slick-next-page.svg)center no-repeat;position: absolute;width: 18px;height: 13px ;right: 20px;top: 50%;margin-top: -5px ;z-index: 65} .blocService.pageInterne .listMetier .slick-prev{ cursor:pointer; text-indent:-9999px; outline:none; border:0; padding:0; background: url(../images/slick-prev-page.svg)center no-repeat;width: 18px;height: 13px;position: absolute;left: 20px;top: 50%;margin-top: -5px;z-index: 65 } .blocService .detailService { padding: 0 20px } .blocService .detailService .service { padding-left:0;padding-right: 0 } .blocService .content { padding-bottom: 0 } .blocSolution { margin: 0 } .blocSolution .wrapper { padding: 40px 0 } .blocSolution .link { margin-top: 40px } .blocSolution .text { padding: 0 45px } .blocSolution .img { min-height: 248px } .blocSolution .text li { line-height: 24px;padding-top: 29px } .blocSolution .text li.item3 { padding-top: 20px } .blocAtout .listAtout { padding: 37px 0; } .blocSolution #listSolution:before { display: none } .blocAtout .listAtout .item span { padding-top: 34px; max-width: 300px; margin: 0 auto } .blocAtout .listAtout .item { padding: 0!important } .blocAtout .wrapper { padding: 0 20px;} /***QUI SOMMES NOUS ***********/ .page .blocSlider { height: 250px;} .banner-page { height: 100% } .banner-page .titre { left: 20px; font-size: 28px } .blc-contenu1 .wrapper { padding: 52px 20px 34px 20px;} .blc-collaborateur .wrapper { padding: 49px 20px 42px;} .blc-titre .s-titre { font-size: 18px;line-height: 25px } .lst-collab { padding-left: 0;} .lst-collab li { padding-left: 40px } .bandeau-marron div { margin-bottom: 20px } .blc-collaborateur { background-image: none; background-color: #1e3d4f } .banner-page.qui-sommes-nous { background: url(../images/banner-qui-sommes-nous-mob.jpg)center no-repeat; } .blc-cadre { display: none } /* NOTRE SOLUTION */ .blc-processus { background-image: none; background-color: #1e3d4e } #pageContent .blc-processus .wrapper { padding:50px 20px 60px} .blc-processus .blc-titre { margin-bottom: 40px;} .blc-processus .blc-titre .titre { line-height: 30px } .blc-processus .blc-titre .s-titre { font: normal 20px/30px glgt-b;} .lst-processus .item .content .titre { font-size: 20px !important } /***CONTACT ***********/ .banner-page.contact { background: url(../images/banner-contact-mob.jpg)right center no-repeat; } .pagecontact .blc-chp { width: 100%;padding: 0 } .pagecontact .blocFormulaire .nb { padding: 0;margin-bottom: 24px } .pagecontact .btn { float: none;display: inline-block; } .pagecontact .blc-chp.textarea { margin-bottom: 19px; } .pagecontact .blocFormulaire .wrapper { padding: 50px 20px 60px} .pagecontact .blocFormulaire .reset { margin-right: 15px } .pagecontact .blocFormulaire .boutton { padding: 0;display: flex;flex-direction: row-reverse;justify-content: center; } .pagecontact .blocFormulaire .sousTitre { font-size: 18px;line-height: 25px; } .blocSlider .textBanner .s-title { font: normal 28px/38px glgt-lt;} /* VOTRE METIER */ .blc-contenu2 .wrapper { padding: 48px 20px 30px;} .blc-contenu2 .blc-img { padding: 20px 0;} .blocService.page .sousTitre { padding-top: 52px; padding-bottom: 30px } #pageContent .blocService.page .sousTitre { padding-top: 25px } .blc-contenu2 .blc-img { padding-bottom: 40px } .blocService.page .content { padding-bottom: 0 } .blc-img .col { float: none; width: 100%;} .blc-titre.titre-with-margin {margin-top: 45px;} } @media (max-width:420px) { .banner-page .titre.with-s-titre { bottom: 40px; } .banner-page .titre.with-s-titre span { display: block; } .banner-page.assurance .titre span { letter-spacing: 0 } .s-titre.reporter { letter-spacing: -0.9px } } /* SLICK */ .slick-slider { position:relative; display:block; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;} .slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0;} .slick-list:focus { outline:none;} .slick-list.dragging { cursor:pointer; cursor:hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform:translate3d(0 0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .slick-track { position:relative; top:0; left:0; display:block;} .slick-track:before, .slick-track:after { display:table; content: '';} .slick-track:after { clear:both;} .slick-loading .slick-track { visibility:hidden;} .slick-slide { display:none; float:left; height:100%; min-height:1px;} [dir='rtl'] .slick-slide { float:right;} .slick-slide img { display:block;} .slick-slide.slick-loading img { display:none;} .slick-slide.dragging img { pointer-events:none;} .slick-initialized .slick-slide { display:block;} .slick-loading .slick-slide { visibility:hidden;} .slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent;}