/*
TRAITS
*/
.traits span {background:rgba(250,250,250,0.05);}
.traits span:nth-child(1) {left:5%;left:5%;}
.traits span:nth-child(3) {right:5%;right:5%;}

/*
GLOBAL
*/
section {padding:50px 0 50px 0;}
.btn {font-size:12px;}
.center {padding:0 5% 0 5%;}
.barre.sticky3 {height:70px;}


.share {display:block;top:10px;right:5%;z-index:100050;}
.share b {display:none;}
.share a {height:50px;}
.share a i {height:26px;width:26px;font-size:10px;border-width:1px;}
.share a:hover i {transform:none;}

.share span div {display:flex;flex-direction:column;margin-top:0;}

.color {top:10px;right:5%;margin-right:35px;}

/*
LOGO
*/
.logo {padding-top:20px;}
.logo a {width:150px;margin-left:-44px;transition:0.2s;}
.logo.sticky2 a {width:80px;margin-left:-24px;margin-top:-10px;height:50px;}

/*
MENU
*/
.menu {top:10px;}
.menu a span {width:25px;}
.menu a span em {margin:3px 0 3px 0;}
.menu a b {margin-left:10px;}

/*
FOOTER
*/
footer {padding:20px 0 70px 0;}
footer .center {flex-direction:column;font-size:10px;}
footer .center span:nth-child(2) {margin-top:5px;}

/*
HEADER
*/
.header_container {padding:5%;justify-content:flex-start;}
.header_top {font-size:24px;padding:10px 0 0 0;border:none;height:auto;}
.header_bottom {flex-direction:column-reverse;border:none;height:auto;margin-top:20px;}
.header_bottom div b {border-bottom:none;padding:0 0 10px 0;}
.header_bottom div:nth-child(1) {display:none;}
.header_bottom div:nth-child(2) {width:100%;padding-top:20px;border-top:1px solid rgba(250,250,250,0.2);margin-top:20px;}
.header_bottom div:nth-child(2) b {font-size:14px;}
.header_bottom div:nth-child(2) img {width:40%;}
.header_bottom div:nth-child(3) {width:100%;padding-top:20px;font-size:13px;border-top:1px solid rgba(250,250,250,0.2);}
.header_bottom div:nth-child(3) b {display:none;}
.header_bottom div:nth-child(4) {display:none;}
.header_bottom div ul {padding:0;border-left:none;height:auto;}

/*
HOMEPAGE
*/
.hp_header {height:90vh;}
.hp_header div:nth-child(2) h1 {font-size:20vw;}
.hp_header div:nth-child(2) p {font-size:18px;margin-top:-5px;}
.hp_section1 p {font-size:8.5vw;}
.hp_section2 span {height:30vh;}
.hp_section2 span a img {height:30vh;}
.hp_section3 .text {display:flex;justify-content:space-between;margin-bottom:100px;flex-direction:column;}
.hp_section3 .text h2 {width:100%;}
.hp_section3 .text p {width:100%;padding:0;}
.hp_section4 .text {justify-content:center;width:100%;align-items:center;}
.hp_section4 .text h2 {width:auto;}
.hp_section3 a.btn {margin-top:-20px;}

/*
CONTACT
*/
.contact .center {flex-direction:column-reverse;justify-content:center;align-items:center;}
.contact .left {width:100%;padding-right:0;border:none;}
.contact .right {width:100%;padding:0 0 50px 0;align-items:center;}
.contact .right h2 {margin-bottom:20px;}
.contact.contact_home .center {flex-direction:column-reverse;}
.contact.contact_home .left {width:100%;border-right:none;padding:0;}
.contact.contact_home .right {width:100%;padding:40px 0 50px 0;}
.contact.contact_home .right p {font-size:24px;opacity:1;line-height:34px;text-align:center;}
.contact.contact_home .right a {font-size:24px;opacity:1;line-height:34px;}
.contact .left textarea {height:150px;margin-top:20px;}

/*
TITLE
*/
.title {margin-top:180px;}
.title h1 {font-size:8.5vw;}

/*
MATERIAUX
*/
.materiaux ul li {flex-direction:column;justify-content:space-between;align-items:stretch;margin:0 0 50px 0;}
.materiaux ul li .image {width:100%;}
.materiaux ul li .image img {width:100%;object-fit:cover;object-position:center center;height:45vh;}
.materiaux ul li .texte {width:100%;display:flex;flex-direction:column;justify-content:center;}
.materiaux ul li .texte h2 {margin-bottom:5px;margin-top:20px;}
.materiaux ul li .texte p {line-height:24px;font-size:16px;opacity:0.7;font-weight:300;}
.materiaux ul li:nth-child(2n+1) {flex-direction:column;}
.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:100%;}
.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:100%;padding:0;}
.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:100%;}
.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:100%;padding:0;}

/*
RECRUTEMENT
*/
.recrutement {padding-top:50px;}
.recrutement ul li {flex-direction:column;margin:0 0 50px 0;}
.recrutement ul li .image {width:100%;}
.recrutement ul li .texte {width:100%;padding:20px 10% 0 0;}
.recrutement ul li .texte .annonce {margin:20px 0 20px 0;}
.recrutement ul li .texte .recrutement_bottom {flex-direction:column;align-items:flex-start;margin-top:20px;}
.recrutement ul li .texte .recrutement_bottom .poste {margin:20px 0 20px 0;}
.recrutement ul li .texte .recrutement_bottom .btn {margin:0;}

/*
SAVOIR FAIRE
*/
.savoirfaire_header {margin-top:180px;padding:0 0 100px 0;}
.savoirfaire_header h1 {font-size:8vw;text-align:center;line-height:1.1;width:100%;}
.savoirfaire_header h1 em {font-size:150px;display:block;}
.savoirfaire_header .center {flex-direction:column-reverse;}
.savoirfaire_header .right {width:100%;}
.savoirfaire_header .right img {width:100%;height:auto;}
.savoirfaire_header .left {width:100%;padding-top:0;}
.savoirfaire_header .left h1 {width:100%;text-align:center;}
.savoirfaire_header .left h2 {width:100%;margin-bottom:20px;}
.savoirfaire_header .left span {margin:50px 0 50px 0;text-align:center;}
.savoirfaire_header .left p {padding-right:0;}

/*
SAVOIRFAIRE
*/
.savoirfaire ul li {flex-direction:column;margin:0 0 100px 0;}
.savoirfaire ul li .image {width:100%;}
.savoirfaire ul li .image img {width:100%;}
.savoirfaire ul li .texte {width:100%;padding:30px 0 0 0;}
.savoirfaire ul li .texte h2 {margin-bottom:20px;}
.savoirfaire ul li:nth-child(2n) {flex-direction:column;}
.savoirfaire.maison {padding:0;}
.savoirfaire.maison ul li {flex-direction:column;}
.savoirfaire.maison ul li .texte {padding:30px 0 0 0;}

/*
MAISON IMAGE
*/
.maison_image img {height:45vh;}

/*
MAISON GALLERY
*/
.maison_gallery {padding-top:0;}
.maison_gallery .text {flex-direction:column;margin-bottom:50px;}
.maison_gallery .text h2 {width:100%;margin-bottom:20px;}
.maison_gallery .text p {width:100%;padding:0;}
.maison_gallery .gallery {margin-top:-20px;}
.maison_gallery .gallery div img {width:100%;object-fit:cover;object-position:bottom center;height:30vh;}

/*
MAISON CHIFFRES
*/
.maison_chiffres {padding:50px 0 70px 0;}
.maison_chiffres .center {justify-content:center;align-items:center;}
.maison_chiffres h2 {justify-content:center;align-items:center;text-align:center;margin-bottom:20px;}
.maison_chiffres ul {flex-direction:column;margin:0 0 0 0;}
.maison_chiffres ul li {border-left:none;padding:0 0 10px 0;width:100%;align-items:center;justify-content:center;flex-direction:column-reverse;}
.maison_chiffres ul li b {font-weight:400;font-size:15px;margin-top:5px;}
.maison_chiffres ul li span {font-size:80px;margin-top:0;line-height:1;}
.maison_chiffres p {line-height:30px;font-size:16px;opacity:0.7;font-weight:300;column-count:1;column-gap:0;margin-top:20px;}
.maison_chiffres ul li:nth-child(1) {border-left:none;padding-left:0;}

/*
HP SECTION 3
*/
.hp_section3.realisations .gallery {flex-direction:column;}
.hp_section3.realisations .gallery .bloc {flex-direction:column;width:100%;}
.hp_section3.realisations .gallery .bloc:nth-child(1) {padding-right:0;}
.hp_section3.realisations .gallery .bloc:nth-child(2) {padding-left:0;}
.hp_section3.realisations .gallery .bloc div {display:flex;flex-direction:column;}
.hp_section3.realisations .gallery .bloc div img.vertical {object-fit:cover;object-position:center center;max-height:80vh;}
.hp_section3.realisations .gallery .bloc div span {margin:30px 0 50px 0;height:auto;}
.hp_section3.realisations .gallery.full .bloc div img.horizontal {object-fit:cover;object-position:center center;max-height:80vh;}