/*
TRAITS
*/
.traits span {position:fixed;top:0;bottom:0;pointer-events:none;width:1px;background:rgba(250,250,250,0.10);z-index:100000;}
.traits span:nth-child(1) {left:13%;left:15%;}
.traits span:nth-child(2) {left:50%;}
.traits span:nth-child(3) {right:13%;right:15%;}

/*
GLOBAL
*/
section {display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;padding:5% 0 5% 0;}
.center {display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;padding:0 13% 0 13%;}
h2 {font-family:'Playfair Display';text-transform:uppercase;font-size:16px;letter-spacing:2px;margin-bottom:50px;}
.btn {font-size:14px;text-transform:uppercase;font-weight:600;position:relative;margin-top:50px;}
.btn:after{content:'';height:2px;position:absolute;bottom:-5px;left:0;right:100%;background:#fff;transition:300ms;}
.btn:hover:after{right:0;}
.padding15 {margin-top:200px;}

/*
LOGO
*/
.barre {position:absolute;top:0;left:0;right:0;z-index:100;}
.barre.sticky3 {position:fixed;background:#0c0d11;height:125px;border-bottom:1px solid rgba(250,250,250,0.10);}

/*
LOGO
*/
.logo {position:absolute;top:0;left:50%;z-index:101;padding-top:40px;}
.logo a {display:flex;align-items:flex-start;cursor:pointer;width:240px;margin-left:-75px;transition:0.2s;}
.logo a img:nth-child(1) {width:100%;}
.logo a img:nth-child(2) {width:100%;display:none;}
.logo.sticky2 a {width:130px;margin-left:-40px;margin-top:-17px; position:fixed;height:80px;overflow:hidden;}

/*
MENU
*/
.menu {position:fixed;top:35px;left:5%;z-index:100;}
.menu a {display:flex;align-items:center;cursor:pointer;height:50px;}
.menu a span {display:flex;width:50px;flex-direction:column;}
.menu a span em {height:1px;width:100%;background:#fff;margin:6px 0 6px 0;transition:0.4s;}
.menu a b {font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-left:25px;}
.menu a:hover em {margin:2px 0 2px 0;}

/*
SHARE
*/
.share {position:fixed;top:35px;right:5%;z-index:100;}
.share a {display:flex;align-items:center;cursor:pointer;height:50px;}
.share a b {font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-right:25px;}
.share a i {height:34px;width:34px;font-size:11px;display:flex;justify-content:center;align-items:center;border:2px solid #fff;border-radius:50%;transition:0.4s;}
.share a:hover i {transform:scale(1.2);}
.share span {position:relative;display:flex;flex-direction:column;align-items:flex-end;}
.share span div {display:flex;margin-top:-10px;}
.share span div a {margin-left:10px;}
.share span em {display:none;}

/*
COLOR
*/
.color {position:fixed;top:35px;right:5%;z-index:100;display:flex;height:50px;align-items:center;margin-right:130px;}
.color span {display:flex;height:24px;width:44px;border-radius:12px;border:1px solid rgba(250,250,250,0.5);align-items:center;justify-content:center;}
.color button {outline:none;cursor:pointer;}
.color button:nth-child(1) {-moz-appearance:none;-webkit-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:#fff;border:none;cursor:default;}
.color button:nth-child(2) {-moz-appearance:none;-webkit-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:none;border:none;cursor:pointer;}
.color.on span {background:#e1e1e1;border:1px solid #e1e1e1;}
.color.on button:nth-child(1) {background:none;cursor:pointer;}
.color.on button:nth-child(2) {background:#fff;cursor:default;}

/*
HEADER
*/
header {position:fixed;top:0;left:0;right:0;bottom:0;display:none;background:#0c0d11;z-index:1000;}
.header_container {position:fixed;top:0;left:0;right:0;bottom:0;display:flex;width:100%;flex-direction:column;padding:3%;justify-content:space-between;z-index:1000;}
.header_top {display:flex;font-size:40px;display:flex;width:100%;height:100%;align-items:center;border-top:1px solid rgba(250,250,250,0.40);padding:0 0 0 40px;position:relative;opacity:0;}
.header_top nav {font-family:'Playfair Display';}
.header_top nav ul li a {position:relative;transition:0.4s;width:auto;}
.header_top nav ul li a:after{content:'';height:2px;position:absolute;bottom:0;left:0;right:100%;background:#fff;transition:300ms;}
.header_top nav ul li a:hover:after{right:0;}
.header_bottom {display:flex;width:100%;justify-content:space-between;border-bottom:1px solid rgba(250,250,250,0.40);opacity:0;}
.header_bottom div {display:flex;flex-direction:column;}
.header_bottom div b {font-family:'Playfair Display';border-bottom:1px solid rgba(250,250,250,0.40);width:100%;padding:0 0 20px 40px;font-weight:400;}
.header_bottom div:nth-child(1) {width:25%;}
.header_bottom div:nth-child(2) {width:25%;}
.header_bottom div:nth-child(3) {width:25%;}
.header_bottom div:nth-child(4) {width:25%;}
.header_bottom div ul {display:flex;flex-direction:column;padding:40px 0 40px 40px;border-left:1px solid rgba(250,250,250,0.40);height:100%;}
.header_bottom div ul li a:hover {text-decoration:underline;}
.header_bottom div:nth-child(1) span {padding:40px 40px 40px 40px;display:flex;justify-content:space-between;width:100%;}
.header_bottom div:nth-child(1) span p {padding-right:10%;font-size:13px;}
.header_bottom div:nth-child(2) img {width:65%;}
.header_bottom div:nth-child(4) {width:25%;}
.header_close {position:absolute;top:3%;right:0;}
.header_close a {display:flex;justify-content:center;align-items:center;cursor:pointer;}
.header_close a i {height:34px;width:34px;font-size:12px;display:flex;justify-content:center;align-items:center;border:2px solid #fff;border-radius:50%;transition:0.4s;}
.header_close a b {font-size:11px;text-transform:uppercase;margin-right:20px;}
.header_close a:hover i {transform:rotate(360deg)}

/*
FOOTER
*/
footer {border-top:1px solid rgba(250,250,250,0.40);padding:30px 0 30px 0;font-size:13px;width:100%;margin-top:100px;}
footer .center {flex-direction:row;justify-content:space-between;width:100%;}
footer .center span:nth-child(1) {font-family:'Playfair Display';}
footer .center span:nth-child(2) b {font-weight:400;}
footer .center span:nth-child(2):hover i {color:red;}
footer .center span:nth-child(2):hover b {color:red;}

/*
BACKGROUND
*/
.background {background-size:cover;background-repeat:no-repeat;background-position:center center;}

/*
HP HEADER
*/
.hp_header {display:flex;width:100%;height:100vh;position:relative;}
.hp_header div:nth-child(1) {position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;opacity:0;}
.hp_header div:nth-child(1) .hp_header1 {position:absolute;top:0;bottom:0;left:0;right:50%;}
.hp_header div:nth-child(1) .hp_header2 {position:absolute;top:0;bottom:0;left:50%;right:0;}
.hp_header div:nth-child(2) {position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;}
.hp_header div:nth-child(2) h1 {font-size:10vw;line-height:1.25;letter-spacing:1vw;text-transform:uppercase;text-align:center;}
.hp_header div:nth-child(2) p {font-size:22px;font-family:'Playfair Display';letter-spacing:1px;}

/*
TITLE
*/
.title {margin-top:300px;padding:0;}
.title h1 {font-family:'Playfair Display';font-size:5vw;text-align:center;line-height:1.15;}

/*
HP SECTION 1
*/
.hp_section1 p {font-family:'Playfair Display';font-size:5vw;text-align:center;line-height:1.15;}

/*
HP SECTION 2
*/
.hp_section2 span {width:100%;height:80vh;display:flex;;overflow:hidden;}
.hp_section2 span a {display:flex;;overflow:hidden;width:100%;}
.hp_section2 span a img {width:100%;object-fit:cover;object-position:center center;height:80vh;transition:0.4s}
.hp_section2 span a img:hover {transform:scale(1.05);}

/*
HP SECTION 3
*/
.hp_section3 {}
.hp_section3 .text {display:flex;justify-content:space-between;margin-bottom:100px;}
.hp_section3 .text h2 {width:50%;}
.hp_section3 .text p {width:50%;line-height:30px;font-size:16px;opacity:0.7;font-weight:300;padding:0 5% 0 6%;}
.hp_section3 .gallery {display:flex;justify-content:space-between;width:100%;}
.hp_section3 .gallery .bloc {display:flex;flex-direction:column;width:50%;}
.hp_section3 .gallery .bloc:nth-child(1) {padding-right:6%;}
.hp_section3 .gallery .bloc:nth-child(2) {padding-left:6%;}
.hp_section3 .gallery .bloc div {display:flex;flex-direction:column;}
.hp_section3 .gallery .bloc div img {width:100%;}
.hp_section3 .gallery .bloc div img.vertical {object-fit:cover;object-position:center center;max-height:80vh;}
.hp_section3 .gallery .bloc div img.horizontal {}
.hp_section3 .gallery .bloc div span {width:100%;margin:30px 0 100px 0;display:flex;flex-direction:column;height:100px;}
.hp_section3 .gallery .bloc div span h3 {width:100%;margin:0;font-family:'Playfair Display';text-transform:uppercase;font-size:14px;letter-spacing:2px;}
.hp_section3 .gallery .bloc div span p {width:100%;opacity:0.7;font-weight:300;font-size:14px;}
.hp_section3 .gallery .bloc div span b {width:100%;font-weight:300;font-size:14px;font-style:italic;margin-top:5px;}
.hp_section3 .gallery.full {width:100%;flex-direction:column;}
.hp_section3 .gallery.full .bloc {width:100%;padding:0;}
.hp_section3 .gallery.full .bloc div img.horizontal {object-fit:cover;object-position:center center;max-height:80vh;}
.hp_section3 a.btn {margin-top:-50px;}

/*
HP SECTION 4
*/
.hp_section4 .text {display:flex;justify-content:space-between;width:100%;}
.hp_section4 .text h2 {width:100%;}
.hp_section4 .galerie {display:flex;justify-content:space-between;width:100%;overflow:hidden;align-items:flex-start;}
.hp_section4 .galerie img {width:48%;height:auto;}

/*
CONTACT
*/
.contact {position:relative;}
.contact .center {display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
.contact .left {width:70%;border-right:1px solid rgba(250,250,250,0.40);padding-right:5%;}
.contact .right {width:30%;padding:40px 0 0 7%;display:flex;flex-direction:column;font-family:'Playfair Display';align-items:flex-start;}
.contact .right p {margin:0 0 50px 0;line-height:30px;font-size:16px;opacity:0.7;font-weight:300;}
.contact .right a {line-height:30px;font-size:16px;opacity:0.7;font-weight:300;}
.contact .right a:hover {text-decoration:underline;opacity:1;}
.contact input[type=submit].btn {font-size:14px;text-transform:uppercase;font-weight:600;position:relative;cursor:pointer;}
.contact input[type=submit].btn:after{content:'';height:2px;position:absolute;bottom:-5px;left:0;right:0;background:#fff;transition:300ms;}
.contact input[type=submit].btn:hover:after {right:0;}
.contact.contact_home .center {flex-direction:row-reverse;}
.contact.contact_home .left {width:50%;border-right:none;padding:0;}
.contact.contact_home .right {width:50%;padding:40px 0 0 0;}
.contact.contact_home .right p {font-size:24px;opacity:1;line-height:34px;}
.contact.contact_home .right a {font-size:24px;opacity:1;line-height:34px;}

/*
MATERIAUX
*/
.materiaux {}
.materiaux ul {display:flex;flex-direction:column;width:100%;}
.materiaux ul li {display:flex;width:100%;justify-content:space-between;align-items:stretch;margin:0 0 15% 0;}
.materiaux ul li .image {width:50%;}
.materiaux ul li .image img {width:100%;}
.materiaux ul li .texte {width:50%;display:flex;flex-direction:column;justify-content:center;}
.materiaux ul li .texte h2 {}
.materiaux ul li .texte p {line-height:30px;font-size:16px;opacity:0.7;font-weight:300;}
.materiaux ul li:nth-child(2n+1) {flex-direction:row-reverse;}
.materiaux ul li:nth-child(1) .image, 
.materiaux ul li:nth-child(4) .image, 
.materiaux ul li:nth-child(5) .image, 
.materiaux ul li:nth-child(8) .image, 
.materiaux ul li:nth-child(9) .image, 
.materiaux ul li:nth-child(12) .image, 
.materiaux ul li:nth-child(13) .image, 
.materiaux ul li:nth-child(16) .image {width:60%;}
.materiaux ul li:nth-child(1) .texte, 
.materiaux ul li:nth-child(4) .texte, 
.materiaux ul li:nth-child(5) .texte, 
.materiaux ul li:nth-child(8) .texte, 
.materiaux ul li:nth-child(9) .texte, 
.materiaux ul li:nth-child(12) .texte, 
.materiaux ul li:nth-child(13) .texte, 
.materiaux ul li:nth-child(16) .texte {width:40%;padding:0 7% 0 7%;}
.materiaux ul li:nth-child(2) .image, 
.materiaux ul li:nth-child(3) .image, 
.materiaux ul li:nth-child(6) .image,
.materiaux ul li:nth-child(7) .image, 
.materiaux ul li:nth-child(10) .image, 
.materiaux ul li:nth-child(11) .image, 
.materiaux ul li:nth-child(14) .image, 
.materiaux ul li:nth-child(15) .image {width:30%;}
.materiaux ul li:nth-child(2) .texte, 
.materiaux ul li:nth-child(3) .texte, 
.materiaux ul li:nth-child(6) .texte, 
.materiaux ul li:nth-child(7) .texte, 
.materiaux ul li:nth-child(10) .texte, 
.materiaux ul li:nth-child(11) .texte, 
.materiaux ul li:nth-child(14) .texte, 
.materiaux ul li:nth-child(15) .texte {width:70%;padding:0 20% 0 20%;}

/*
SAVOIRFAIRE
*/
.savoirfaire {padding:0;}
.savoirfaire ul {display:flex;flex-direction:column;width:100%;}
.savoirfaire ul li {display:flex;width:100%;justify-content:space-between;align-items:stretch;margin:0 0 200px 0;}
.savoirfaire ul li .image {width:50%;}
.savoirfaire ul li .image img {width:100%;}
.savoirfaire ul li .texte {width:50%;display:flex;flex-direction:column;justify-content:center;padding:5%;}
.savoirfaire ul li .texte h2 {}
.savoirfaire ul li .texte p {line-height:30px;font-size:16px;opacity:0.7;font-weight:300;}
.savoirfaire ul li:nth-child(2n) {flex-direction:row-reverse;}
.savoirfaire.maison {padding:100px 0 100px 0;}
.savoirfaire.maison ul li {flex-direction:row-reverse;}
.savoirfaire.maison ul li .texte {padding-left:0;padding-right:10%;}

/*
SAVOIR FAIRE
*/
.savoirfaire_header {margin-top:300px;padding:0 0 200px 0;}
.savoirfaire_header h1 {font-family:'Playfair Display';font-size:4.7vw;text-align:center;line-height:1.15;}
.savoirfaire_header h1 em {font-size:150px;}
.savoirfaire_header .center {flex-direction:row;align-items:flex-start;}
.savoirfaire_header .right {width:50%;flex-direction:column;padding-top:0;}
.savoirfaire_header .right img {width:100%;}
.savoirfaire_header .left {display:flex;width:50%;flex-direction:column;z-index:1;padding-top:50px;}
.savoirfaire_header .left h1 {width:125%;text-align:left;}
.savoirfaire_header .left h2 {width:100%;}
.savoirfaire_header .left span {display:flex;flex-direction:column;width:100%;margin:70px 0 70px 0;}
.savoirfaire_header .left span a {font-weight:600;margin:5px 0 5px 0;}
.savoirfaire_header .left p {width:100%;line-height:30px;font-size:16px;opacity:0.7;font-weight:300;padding-right:30%;}

/*
RECRUTEMENT
*/
.recrutement {padding:100px 0 0 0;}
.recrutement ul {display:flex;flex-direction:column;width:100%;}
.recrutement ul li {display:flex;width:100%;justify-content:space-between;align-items:stretch;margin:0 0 100px 0;flex-direction:row-reverse;}
.recrutement ul li .image {width:50%;}
.recrutement ul li .image img {width:100%;}
.recrutement ul li .texte {width:50%;display:flex;flex-direction:column;justify-content:center;padding:0 10% 0 0;}
.recrutement ul li .texte h2 {margin:0;}
.recrutement ul li .texte p {line-height:30px;font-size:16px;opacity:0.7;font-weight:300;margin-top:20px;}
.recrutement ul li .texte .annonce {margin:20px 0 20px 0;}
.recrutement ul li .texte .recrutement_bottom {margin-top:30px;display:flex;align-items:center;}
.recrutement ul li .texte .recrutement_bottom span {display:flex;display:none;}
.recrutement ul li .texte .recrutement_bottom span a {display:flex;margin-right:15px;}
.recrutement ul li .texte .recrutement_bottom span a i {display:flex;height:36px;width:36px;border:1px solid rgba(250,250,250,0.7);border-radius:50%;align-items:center;justify-content:center;}
.recrutement ul li .texte .recrutement_bottom .btn {margin:0 0 0 20px;}
.recrutement ul li .texte .recrutement_bottom .poste {display:flex;border:1px solid #ccc;padding:5px 10px 5px 10px;border-radius:5px;}

/*
MAISON IMAGE
*/
.maison_image img {display:flex;overflow:hidden;width:100%;object-fit:cover;object-position:center center;height:80vh;}

/*
MAISON GALLERY
*/
.maison_gallery .text {display:flex;justify-content:space-between;margin-bottom:100px;}
.maison_gallery .text h2 {width:50%;}
.maison_gallery .text p {width:50%;line-height:30px;font-size:16px;opacity:0.7;font-weight:300;padding:0 5% 0 6%;}
.maison_gallery .gallery {display:flex;justify-content:space-between;width:100%;}
.maison_gallery .gallery div {display:flex;flex-direction:column;width:50%;}
.maison_gallery .gallery div:nth-child(1) {padding-right:6%;}
.maison_gallery .gallery div:nth-child(2) {padding-left:6%;}
.maison_gallery .gallery div img {width:100%;object-fit:cover;object-position:bottom center;height:80vh;}

/*
MAISON CHIFFRES
*/
.maison_chiffres {padding:100px 0 100px 0;}
.maison_chiffres .center {justify-content:flex-start;align-items:flex-start;}
.maison_chiffres h2 {justify-content:flex-start;align-items:flex-start;text-align:left;}
.maison_chiffres ul {display:flex;width:100%;justify-content:flex-start;align-items:stretch;margin:50px 0 100px 0;}
.maison_chiffres ul li {border-left:1px solid rgba(250,250,250,0.40);display:flex;flex-direction:column;padding-right:120px;padding-left:50px;}
.maison_chiffres ul li b {font-weight:400;font-size:15px;}
.maison_chiffres ul li span {font-family:'Playfair Display';font-size:120px;margin-top:-20px;line-height:1;padding-bottom:10px;}
.maison_chiffres p {line-height:30px;font-size:16px;opacity:0.7;font-weight:300;column-count:2;column-gap:3%;}
.maison_chiffres ul li:nth-child(1) {border-left:none;padding-left:0;}


@media (max-height:750px){
.header_top {font-size:30px;}
.header_container {padding:0;}
.header_close {top:3%;right:3%;}

}