/*** FONTS font-family: 'Avenir LT W01_35 Light1475496'; font-family: 'Avenir LT W01_45 Book1475508'; font-family: 'Avenir LT W01_95 Black1475556'; font-family: 'DIN Next W01 Bold'; ***/ @font-face { font-family: 'Avenir LT W01_35 Light1475496'; src: url('../fonts/AvenirLTStd-Light.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir LT W01_45 Book1475508'; src: url('../fonts/AvenirLTStd-Book.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir LT W01_95 Black1475556'; src: url('../fonts/AvenirLTStd-Black.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DIN Next W01 Bold'; src: url('../fonts/DIN-Next-W01-Bold.otf'); font-weight: 700; font-style: normal; } /*** COLOR Green #00a14b; Light Gray #939393; Dark Gray #414141; ***/ * { padding:0; margin:0; border: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a, a:active, a:focus, input:focus, input, textarea:focus { outline: none; } :focus { outline: none; } ::-moz-focus-inner { border: 0; } ::-ms-clear { display: none; } table { border-collapse: collapse; } a { text-decoration: none; transition: color 200ms; -moz-transition: color 200ms; -webkit-transition: color 200ms; -o-transition: color 200ms; } ul { list-style-type: none; } h1,h2,h3,h4,h5,h6,b { font-weight: normal; } strong { font-weight: normal; font-family: 'Avenir LT W01_95 Black1475556', Arial, sans-serif; } sup, sub { vertical-align: 0; position: relative; } sup { bottom: 1ex; } input { outline: none; -webkit-appearance: none; -moz-appearance: none; } textarea { resize: none; outline: none; -webkit-appearance: none; -moz-appearance: none; } /** SHORTKEYS **/ .clearfloat { clear: both; } .left { float: left; } .right { float: right; } .green { color: #00a14b; } /*** MEDIA ***/ .lg-show, .md-show, .sm-show, .xs-show { display: none; } /*** FRAMESET ***/ html { width: 100%; } body { width: 100%; font: normal 13px/14px 'Avenir LT W01_45 Book1475508', Arial, sans-serif; color: #414141; } .container { position: relative; width: 100%; overflow: hidden; } .wrapper { position: relative; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 20px 0 70px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } /*** HEADER ***/ header { position: absolute; left: 0; top: 0; width: 100%; z-index: 105; } header .wrapper { height: 174px; padding-top: 59px; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; } #logo { position: relative; display: inline-block; width: 32%; max-width: 363px; z-index: 1; } #logo img { width: 100%; } #topNav { position: absolute; right: 20px; top: 0; z-index: 1; } #topNav li { float: left; border-left: solid 1px #c9c9c9; margin: 45px 0; font: normal 14px/22px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; } #topNav li:first-child { border: none; } #topNav li:first-child a { position: relative; padding-right: 12px; } #topNav li:first-child img { position: absolute; left: 0; top: 50%; margin-top: -8px; } #topNav li a { display: block; padding: 0 20px; color: #414141; } #topNav #phone { padding: 0 20px; } #topNav #quote a { position: relative; color: #00a14b; } #topNav #quote span { position: absolute; left: 50%; bottom: -3px; height: 3px; display: block; margin-left: -5px; width: 10px; background: #00a14b; opacity: 0; filter: alpha(opacity=0); } #topNav #lang a { padding-right: 0; color: #939393; } nav { position: absolute; right: 0; bottom: 0; } nav .fixed { float: left; } nav .fixed > li { float: left; margin: 0 1px 0 0; font: normal 18px/20px 'Avenir LT W01_45 Book1475508', Arial, sans-serif; text-align: center; } nav .fixed > li > a { display: block; padding: 22px 31px; color: #939393; background: #f0f0f0; } #langEn nav .fixed > li > a { padding-left: 39px; padding-right: 39px; } #dropBtns #dropBtn { font-family: 'Avenir LT W01_95 Black1475556', Arial, sans-serif; } #dropBtns #dropBtn > a { padding: 22px 34px 22px 33px; } #dropBtns #dropBtn span { display: inline-block; margin-left: 10px; width: 0; height: 0; border-style: solid; border-width: 9px 5.5px 0 5.5px; border-color: #939393 transparent transparent transparent; } #dropBtns #dropBtn > a:hover span { border-color: white transparent transparent transparent;} #dropBtns #navToggle { display: none; } #dropBtns #navToggle div { display: none; width: 25px; height: 3px; margin: 0 0 5px 0; background: #fff; } #mainNav #contactLink { margin-right: 0; } #mainNav .active a { color: #fff; background: #939393; } #mainNav li a.green { background-color: #1aab5d; color: white; } #mainNav li a.green:hover { background-color: #002913; } #dropNav { position: absolute; right: 0; top: 100%; width: 100%; height: 0; overflow: hidden; z-index: 1; opacity: 0.1; filter: alpha(opacity=10); transition: all 300ms ease 250ms; -webkit-transition: all 300ms ease 250ms; -moz-transition: all 300ms ease 250ms; -o-transition: all 300ms ease 250ms; } #dropMenu { height: 157px; padding: 15px 10px 30px 30px; border-bottom: solid 10px #414141; background: #939393; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #dropMenu li { float: left; width: 30.33%; margin-right: 3%; border-bottom: solid 1px white; text-align: left; } #dropMenu li h2 { font: normal 14px/20px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; } #dropMenu li a { display: block; padding: 15px 0 15px 10px; color: #fff; } #dropMenu li a:hover { color: #414141; } /*** BANNERS ***/ .banner { position: relative; background-repeat: no-repeat; background-size: cover; transition: margin 300ms; -webkit-transition: margin 300ms; -moz-transition: margin 300ms; -o-transition: margin 300ms; } .banner .wrapper { height: 755px; line-height: 755px; z-index: 101; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; } .banner h1 { display: inline-block; max-width: 480px; margin-top: -40px; font: normal 60px/55px 'DIN Next W01 Bold', Arial, sans-serif; vertical-align: middle; color: #fff; text-transform: uppercase; } .bannerGradient { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/header/gradient.png') repeat-x center top; } .blueCover { position: absolute; right: 60%; top: 0; width: 100%; height: 100%; min-width: 2000px; background: url('../images/header/blue-cover.png') repeat center center; z-index: -1; } #homeBanner1 { background-image: url('../images/header/homebanner1.jpg'); background-position: right center; } #homeBanner2 { background-image: url('../images/header/homebanner2.jpg'); background-position: right center; } #homeBanner3 { background-image: url('../images/header/homebanner3.jpg'); background-position: left center; } #banner0 { background-image: url('../images/header/banner1.jpg'); background-position: center center; } #banner1 { background-image: url('../images/header/banner2.jpg'); background-position: center bottom; } #banner2 { background-image: url('../images/header/banner3.jpg'); background-position: center center; } #banner3 { background-image: url('../images/header/banner4.jpg'); background-position: center center; } #banner4 { background-image: url('../images/header/banner5.jpg'); background-position: center bottom; } #banner5 { background-image: url('../images/header/banner6.jpg'); background-position: center center; } #banner6 { background-image: url('../images/header/banner7.jpg'); background-position: center bottom; } #banner7 { background-image: url('../images/header/banner8.jpg'); background-position: center bottom; } #banner8 { background-image: url('../images/header/banner9.jpg'); background-position: center bottom; } #banner9 { background-image: url('../images/header/banner10.jpg'); background-position: center bottom; } /*** FOOTER ***/ footer { position: relative; width: 100%; background: #f1f1f1; } #prefooter { background: #26365c; color: white; position: relative; display: block; } #prefooter > .image { background-image: url(../images/header/banner4.jpg); background-position: center center; opacity: 0.5; top: 0; left: 0; right: 0; bottom: 0; position: absolute; transition: all 0.3s} #prefooter > .wrapper { padding-top: 100px; padding-bottom: 100px; position: relative; z-index: 2; } #prefooter .cta { font-size: 30px; line-height: 1.4em; } #prefooter p.link { font: normal 16px/18px 'Avenir LT W01_45 Book1475508', Arial, sans-serif; margin-top: 30px; } #prefooter:hover > .image { opacity: 0.3; } footer > img { position: absolute; right: 0; bottom: 100%; z-index: -1; vertical-align: top; margin-bottom: 20px;} footer > .wrapper { padding-top: 50px; padding-bottom: 40px; } footer > .wrapper img { position: absolute; left: 70px; top: 40px;} footer > .wrapper img:last-of-type { position: absolute; left: 70px; bottom: 30px; top: auto;} footer ul { float: right; width: 455px; margin-right: 300px; } footer li { float: left; width: 170px; margin: 0 0 5px 0; font-size: 16px; line-height: 18px; } footer li:nth-child(3n + 0) { width: 95px; padding-left: 20px; } footer li a { display: block; padding: 5px 0; color: #414141; } #subFooter { color: #939393; background: #414141; } #subFooter .wrapper { height: 65px; line-height: 65px; } #subFooter p { float: left; } #subFooter a { float: right; margin: 3px 300px 0 0; opacity: 0.3; filter: alpha(opacity=30); } #subFooter br { display: none; } /* background: url(../images/header/blue-cover.png) */ /*** SECTION ***/ section { position: relative; z-index: 103; } section h1 { margin: 0 0 30px 0; font: normal 32px/38px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; color: #00a14b; } section h2 { margin: 0 0 35px 0; font: normal 26px/28px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; } section h3 { min-height: 53px; margin: 15px 0 5px 0; font: normal 20px/24px 'Avenir LT W01_45 Book1475508', Arial, sans-serif; color: #00a14b; } section h4 { margin: 0 0 30px 0; font: normal 22px/30px 'Avenir LT W01_45 Book1475508', Arial, sans-serif; color: #00a14b; } section h5 { margin: 0 0 30px 0; font: normal 22px/24px 'Avenir LT W01_35 Light1475496', Arial, sans-serif; color: #00a14b; } section h6 { margin: 0 0 20px 0; font: normal 16px/18px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; color: #00a14b; } section p { margin: 0 0 20px 0; font: normal 22px/30px 'Avenir LT W01_35 Light1475496', Arial, sans-serif; } section .boxedBtn { position: relative; display: inline-block; padding: 15px 20px; font: normal 16px/18px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; color: #fff; white-space: nowrap; background: #00a14b; z-index: 2; overflow: hidden; } section .boxedBtn img { margin-left: 5px; } section .boxedBtn .m-over { position: absolute; left: 0; top: -48px; display: block; width: 100%; height: 48px; background: #414141; z-index: -1; } section p.link { font: normal 16px/18px 'Avenir LT W01_45 Book1475508', Arial, sans-serif; color: #939393; } .absArrow { position: relative; display: inline-block; padding-right: 30px; } .absArrow span { position: absolute; top: 5px; right: 0; display: block; width: 17px; height: 10px; } .absArrow span img { position: absolute; left: 0; top: 0; } .absArrow .overArrow { opacity: 0; filter: alpha(opacity=0); } section small { display: block; margin: 0 0 3px 0; font: normal 16px/18px 'Avenir LT W01_45 Book1475508', Arial, sans-serif; color: #939393; } section .wrapper { margin: -200px auto 0 auto; padding: 0; transition: margin 300ms; -webkit-transition: margin 300ms; -moz-transition: margin 300ms; -o-transition: margin 300ms; } .bannerBtn { position: absolute; right: 0; top: 100px; width: 20%; padding: 41px 0; font: normal 16px/18px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; color: #fff; text-align: center; background: #0ba14b; background: rgba(11, 161, 75, 0.7); transition: top 300ms, padding 300ms, background 200ms; -webkit-transition: top 300ms, padding 300ms, background 200ms; -moz-transition: top 300ms, padding 300ms, background 200ms; -o-transition: top 300ms, padding 300ms, background 200ms; } .bannerBtn img { margin-left: 10px; } .content { min-height: 550px; width: 80%; background: #fff; } .padding { padding: 70px 70px 100px 70px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: padding 300ms; -webkit-transition: padding 300ms; -moz-transition: padding 300ms; -o-transition: padding 300ms; } .row { clear: both; } .col { float: left; width: 50%; line-height: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .col > img { width: 100%; } .newsBloc { position: relative; display: block; margin: 0; padding:60px 0; border-bottom: solid 1px #afdfc4; color: #414141; } .lastNewsBloc { margin-bottom: 20px; padding-bottom: 40px; border: none; } .newPic { position: relative; float: left; max-width: 500px; line-height: 0; } .newsDesc h2 { margin-bottom: 15px; } /*** DYNAMIC ***/ .dynamic { margin: 0 0 50px 0; } .dynamic > :first-child { margin-top: 0 !important; } .dynamic h1 { margin: 40px 0 30px 0; font: normal 20px/22px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; color: #00a14b; } .dynamic h2 { margin: 40px 0 30px 0; font: normal 16px/18px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; color: #414141; text-transform: uppercase; } .dynamic h3 { margin: 40px 0 30px 0; font: normal 20px/22px 'Avenir LT W01_35 Light1475496', Arial, sans-serif; color: #00a14b; } .dynamic a { color: #00a14b; } .dynamic strong { font-size: 20px; color: #939393; } .dynamic ul { margin: 20px 0 25px 25px; } .dynamic ol { margin: 30px 0 25px 35px; } .dynamic li { margin: 0 0 10px 0; font: normal 18px/20px 'Avenir LT W01_45 Book1475508', Arial, sans-serif; } .dynamic ul li { position: relative; padding: 0 0 0 10px; } .dynamic ul li:before { position: absolute; left: -10px; top: 0; content: '\2022'; color: #00a14b; } /*** HOME ***/ .cycle-slideshow { position: relative; } #cycleNav { position: absolute; left: 80%; top: 100px; } .cycleBtn { float: left; display: block; width: 100px; height: 100px; margin-right: 1px; line-height: 100px; text-align: center; background: #0ba14b; background: rgba(11, 161, 75, 0.7); } .cycleBtn img { vertical-align: middle; } .cycleBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; } #homeDesc { display: inline-block; max-width: 480px; line-height: normal; vertical-align: middle; } #home .banner h1 { display: block; margin-bottom: 20px; vertical-align: baseline; } #home .link { font: normal 16px/18px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; color: #fff; } #home .valign { display: inline-block; line-height: normal; vertical-align: middle; margin: 0 0 0 70px; } #home .col.right { float: right; } #servBloc { position: relative; display: block; height: 320px; line-height: 320px; background: #fff url('../images/content/services-bg.jpg') no-repeat right center; z-index: 2; } #servBloc .cover { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: #00a14b url('../images/content/services.jpg') no-repeat right center; z-index: -1; } #servBloc h2 { margin-bottom: 30px; max-width: 285px; color: #fff; } #prodBloc { display: block; height: 320px; line-height: 320px; color: #414141; } #prodBloc h2 { margin-bottom: 30px; max-width: 70%; } #prodBloc .link { color: #414141; } #home #productsZone { width: 100%; margin: -50px 0 0 0; padding: 0 30px 0 70px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #home .productBox { width: 46%; margin: 0 2% 40px 2%; } #home .item2 { clear: both; } #fw { display: block; text-align: center; margin: 0 20px 0 70px; } #homeNew { padding-bottom: 0; clear: left; } #homeNew > a { display: block; margin: 0 0 25px 0; border-bottom: solid 1px #00a14b; color: #414141; } #homeNew > .link { margin-bottom: 70px; } #homeNew a p.link { margin-bottom: 25px; font-family: 'Avenir LT W01_45 Book1475508', Arial, sans-serif; color: #939393; } #homeNew .link a { color: #414141; } #contactBloc { position: relative; height: 340px; line-height: 340px; background: #f1f1f1; } #contactBloc h2 { margin-top: 15px; } #contactBloc .left { margin-right: 40px; } #contactBloc .left a { color: #414141; } #contactBloc .link a { color: #00a14b; } #contactBloc .boxedBtn { position: absolute; right: 0; top: 0; } #clients { padding: 90px 0; } #clients > span { display: block; margin: 0 0 20px 0; font: normal 16px/16px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; color: #939393; text-align: center; } .clientsSlide { height: 50px; width: 100%; } .clientsSlide span { float: left; display: block; width: 21%; padding: 0 2%; height: 50px; line-height: 50px; text-align: center; } .clientsSlide img { max-width: 100%; vertical-align: middle; } /*** PRODUITS ***/ #filter { float: left; width: 20%; margin: 0 5% 30px 0; } #filter li { display: block; margin: 0 0 10px 0; font: normal 14px/18px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; } #filter li a { display: block; padding: 10px 20px; border: solid 1px #939393; color: #939393; text-align: center; } #filter li.active a { border-color: #00a14b !important; color: #fff; background: #00a14b !important; cursor: default; } #productsZone { float: left; width: 75%; } .productBox { float: left; display: block; width: 29.33%; margin: 0 2% 20px 2%; text-align: center; } .productBox h3 { color: #414141; } .productImg { position: relative; height: 265px; padding: 0 1% 10px 1%; line-height: 265px; } .productImg > img { max-width: 100% !important; max-height: 100% !important; vertical-align: bottom; } .productBox .overlay { position: absolute; left: 0; bottom: 0; top: auto; height: 45px; line-height: 45px; text-align: center; background: transparent; opacity: 1; filter: alpha(opacity=100); overflow: hidden; } .productBox .greenBar { margin-top: -45px; height: 100%; background: #00a14b; background: rgba(0, 161, 75, 0.9); opacity: 0; filter: alpha(opacity=0); } .productBox .overlay img { vertical-align: middle; } aside { float: left; width: 20%; } aside h3 { min-height: 0; margin: 0 0 20px 0; padding: 0 0 0 30px; font-size: 18px; line-height: 20px; } aside ul { margin: 0 0 70px 0; } aside ul li { font: normal 16px/18px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; } aside ul li a { display: block; padding: 12px 0 12px 30px; color: #939393; } #backBtn { display: block; padding: 0 0 0 60px; margin: 0 0 40px 0; font: normal 16px/95px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; color: #00a14b; background: #f1f1f1; } #backBtn span { top: 43px; right: auto; left: 30px; } article { float: left; width: 80%; } article h6:first-child { margin-top: 0; } article h6 { margin: 30px 0 3px 0; } article .dynamic { margin-bottom: 50px; } article .dynamic h1, article .dynamic h2, article .dynamic h3 { margin: 40px 0 30px 0; font: normal 20px/22px 'Avenir LT W01_35 Light1475496', Arial, sans-serif; color: #00a14b; } #share { margin: 50px 0 20px 0; padding-top: 20px; border-top: solid 1px #c6c6c6; } #share .title { display: inline-block; height: 37px; margin: 0 0 20px 0; font: normal 16px/37px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; color: #939393; } #share span { cursor: pointer; display: inline-block; width: 35px; height: 35px; line-height: 37px; margin: 0 0 0 10px; border: solid 1px #414141; color: #414141; vertical-align: middle; text-align: center; } #share #pdf { margin: 0 0 0 15px; } #sociaux { float: right; height: auto; } #sociaux span { background: #414141; } #sociaux img { vertical-align: middle; } #seeAll { display: none; } #seeAll a { display: block; color: #fff; } #produits.open .productBox { width: 29.33%; } #produits #gallery { float: right; max-width: 438px; padding: 0 0 0 68px; } #produits #gallery > img { width: 100%; max-width: 370px; margin-bottom: 20px; } #produits #gallery ul { text-align: left; } #produits #gallery ul li { width: 110px; border: solid 1px #dcdcdc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #produits #gallery ul li:nth-child(3n) { margin-right: 0; } /*** NEWS ***/ #nouvelles .content > :first-child { padding-top: 0 !important; } #nouvelles .newPic { margin-bottom: 20px; } #nouvelles .newsBloc { padding: 60px 0 40px 0; margin-bottom: 0; } .newPic img { max-width: 100%; } .newsDesc { min-height: 250px; margin: 0 0 0 570px; padding: 40px 0 0 0; } .newsBloc .noImg { width: 100%; min-height: 0; margin: 0; padding: 0; } .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #26365c; opacity: 0.15; filter: alpha(opacity=15); } .newsDesc .link { margin: 0 0 20px 0; } .pagination { font: normal 16px/18px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; } .pagination li { float: left; } .pagination a, .pagination span { padding: 0 5px; color: #939393; } .pagination .active * { color: #00a14b; cursor: default; } .pagination li.disabled span, .pagination li.disabled a { color: #ddd !important; cursor: default; } #new .boxedBtn.sm-show { display: none; } #new img.sm-show { width: 100%; max-width: 500px; margin: 0 0 40px 0; } #gallery { max-width: 570px; padding: 0 0 0 70px; } #gallery img.sm-hide { width: 100%; max-width: 500px; margin-bottom: 20px; } #gallery ul li { float: left; display: block; width: 110px; margin: 0 20px 20px 0; } #new #gallery ul li:nth-child(4n) { margin-right: 0; } #gallery ul li a { position: relative; display: block; width: 100%; } #gallery ul li a img { width: 100%; } #gallery ul li a span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #26365c; opacity: 0.2; filter: alpha(opacity=20); } /*** APROPOS ***/ #apropos section h4 { margin-bottom: 50px; } #apropos .newPic { max-width: 290px; } #apropos .newsDesc { min-height: 130px; margin-left: 340px; padding-top: 30px; } #apropos .newsBloc.noborder { margin-bottom: 30px; padding-bottom: 40px; border: none; } .grayBloc { margin: 0 0 140px 0; padding: 80px 70px 60px 70px; background: #f1f1f1; cursor: pointer; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; } .grayBloc h2 { margin-bottom: 20px; max-width: 50%; } .grayBloc .link { font-family: 'Avenir LT W01_95 Black1475556', Arial, sans-serif; } .grayBloc .link a { color: #414141; } /*** SERVICES ***/ #services .col.padding { padding-bottom: 0; padding-top: 100px; } #services .col.right { float: right; } #services .col .boxedBtn { margin-top: 30px; } /*** REALISATIONS ***/ #realisations .content { padding-top: 70px; } #realisations .nopaddingtop { padding-top: 0; } #realisations .col .realBox { display: block; color: #414141; } #realisations .col h2 { margin-bottom: 5px; } #realisations .col h6 { padding-bottom: 10px; border-bottom: solid 1px #afdfc4; } #realisations .open p > img { width: 100%; max-width: 500px; } #realisations .boxedBtn.sm-show { display: none; } .projectPic { position: relative; margin: 0 0 50px 0; max-width: 500px; } .projectPic img { max-width: 100%; } .projectPic p { position: absolute; right: 0; bottom: 0; margin: 0; } /*** CLIENTS ***/ ul.listeclt { font: normal 20px/24px 'Avenir LT W01_35 Light1475496', Arial, sans-serif; } ul.listeclt li { float: left; width: 33%; margin: 0 0 6px 0; } /*** CONTACT ***/ #coord { padding-bottom: 0; } #coord p { font: normal 16px/22px 'Avenir LT W01_35 Light1475496', Arial, sans-serif; } #coord .left { width: 50%; } #coord .address { clear: both; margin-bottom: 0; } #coord a { color: #414141; } #map a { position: relative; display: block; background: url('../images/content/map.jpg') no-repeat center center; } #map a > img { width: 100%; } #map .boxedBtn { position: absolute; left: 0; bottom: 0; margin: 0; } #staff { padding-bottom: 0; } #staff .left { width: 100%; } #staff h2 { margin-bottom: 5px; } #staff small { margin-bottom: 20px; } #staff a { color: #00a14b; } #staff p { margin-bottom: 40px; } #commentBox { position: relative; height: 520px; background: #414141; } #commentBox > img { width: 100%; } #commentForm { position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #commentForm h2 { margin-bottom: 22px; color: #fff; } #commentForm h2 br { display: none; } #commentForm input, #commentForm textarea { padding: 0 20px; margin: 0 0 22px 0; width: 100%; height: 50px; font: normal 14px/50px 'Avenir LT W01_45 Book1475508', Arial, sans-serif; color: #939393; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #commentForm input:focus { color: #0ba14b; background: #f2f2f2; } #commentForm textarea { height: 100px; margin-bottom: 25px; padding: 20px; line-height: 16px; } #commentForm textarea:focus { color: #0ba14b; background: #f2f2f2; } #commentForm textarea.invalid, #commentForm input.invalid { -webkit-box-shadow: inset 0px 0px 7px 2px rgba(255, 0, 0, 0.4); -moz-box-shadow: inset 0px 0px 7px 2px rgba(255, 0, 0, 0.4); box-shadow: inset 0px 0px 7px 2px rgba(255, 0, 0, 0.4); } #commentForm #commentBtn { width: auto; padding: 0 30px; font: normal 18px/44px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; color: #fff; background: #0ba14b; background: rgba(11, 161, 75, 0.7); cursor: pointer; } #commentForm .msgs { position: absolute; left: 70px; top: 150px; display: none; color: #fff; } #commentForm .msgs strong { color: #00a14b; } #commentForm .msgs a { color: #00a14b; text-decoration: underline; } #spinner { position: absolute; right: 220px; top: 392px; display: none; } /*** QUOTE-POPUP ***/ #quotePopup { position: relative; display: none; max-width: 640px; margin: 0 auto; padding: 60px 0 40px 0; text-align: center; color: #fff; } #quotePopup h2 { margin: 0 0 25px 0; font: normal 32px/32px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; } #quotePopup p { margin: 0 0 35px 0; font: normal 22px/28px 'Avenir LT W01_35 Light1475496', Arial, sans-serif; } #quotePopup a { color: #414141; } #formBox { position: relative; height: 355px; } #formBox form { position: absolute; left: 0; top: 0; } #formBox input[type="text"], #formBox textarea { font: normal 14px/44px 'Avenir LT W01_45 Book1475508', Arial, sans-serif; color: #939393; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: inset 0px 0px 3px 0px rgba(50, 50, 50, 0.5); box-shadow: inset 0px 0px 3px 0px rgba(50, 50, 50, 0.5); } #formBox input[type="text"] { width: 48%; height: 44px; margin: 0 0 12px 0; padding: 0 20px; } #formBox input[type="text"]:focus, #formBox textarea:focus { color: #414141; } #formBox #quoteBtn { padding: 0 30px; font: normal 18px/44px 'Avenir LT W01_95 Black1475556', Arial, sans-serif; color: #fff; background: #414141; cursor: pointer; } #formBox textarea { width: 100%; height: 160px; padding: 15px 20px; margin: 10px 0 25px 0; line-height: 16px; overflow: hidden; resize: none; } #formBox textarea.invalid, #formBox input.invalid { -webkit-box-shadow: inset 0px 0px 7px 2px rgba(255, 0, 0, 0.4); -moz-box-shadow: inset 0px 0px 7px 2px rgba(255, 0, 0, 0.4); box-shadow: inset 0px 0px 7px 2px rgba(255, 0, 0, 0.4); } #formBox .msgs { position: absolute; left: 0; top: 0; display: none; font-family: 'Avenir LT W01_45 Book1475508', Arial, sans-serif; } .closeBtn { position: absolute; top: 10px; right: 0; width: 18px; height: 18px; padding: 10px; background: url('../fancy/close.png') no-repeat center center; cursor: pointer; z-index: 8040; opacity: 0.7; filter: alpha(opacity=70); } #spinner2 { display: none; margin: 0 20px 0 0; } /*** PAGES ERREURS ***/ #error footer > img { display: none; } #error .content { min-height: 0px; }