@CHARSET "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap");
@font-face {font-family: 'regular'; src: url(//www.lutz.alsace/wp-content/themes/maisonsboislutz/assets/fonts/font-regular.woff) format("woff"), url(//www.lutz.alsace/wp-content/themes/maisonsboislutz/assets/fonts/font-regular.svg) format("svg"); font-weight: normal; font-style: normal;}
* {box-sizing:border-box; padding:0; margin:0; -webkit-backface-visibility:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; outline:none;}
:root {
--blanc:#fffcee;
--vert:#c4d6b0;	
--gris:#4b4342;
--noir:#291f1e;
--menu:200px;
--padl:100px;
--pad:70px;
--padm:50px;
--pads:2rem;
--padxs:1rem;
} 
html {background:var(--blanc);}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;}
body {background:var(--blanc); color:var(--noir); overflow-x: hidden; webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; counter-reset:item;}
a {color:var(--noir); outline:none; webkit-transition:all .35s; -moz-transition:all .35s; transition:all .35s; -o-transition:all .35s; -ms-transition:all .35s; text-decoration:none;}
a:focus, a:active {outline: none;}
a:link, a:visited, a:hover, a:active, a:focus, button {outline:0;}
:focus, :hover {-webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
sup {font-size:.6em; vertical-align:super;}
button {font-size:inherit; border:0;}
button:hover {cursor:pointer;}
section {position:relative; clear:both; transform-style:preserve-3d;}
li {list-style: none; margin-bottom:0;}
li:last-child {margin-bottom:0;}
p {margin-bottom:var(--pads);}
p:last-child {margin-bottom:0!important;}
.wrapper-btn {z-index:1;}
.button {;}
.grecaptcha-badge {visibility: hidden!important; pointer-events:none!important; display:none!important;}
img {pointer-events:none;}
.bg-vert {background:var(--vert);}
.bg-noir {background:var(--noir); color:var(--blanc);}
.color-vert {color:var(--vert);}
.underline-lines a {text-decoration: none; background-image: linear-gradient(var(--noir),var(--noir)); background-position: bottom left; background-repeat: no-repeat; 
background-size: 0% 1px; webkit-transition: all .3s; -moz-transition: all .4s; transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; padding: .2rem 0;}
.underline-lines a:hover {background-size:100% 1px;}
.underline-lines .font-size--b a {background-size:0% 1px; padding: 0;}
.underline-lines .font-size--b a:hover {background-size:100% 1px; }
.bg-noir .underline-lines a {background-image:linear-gradient(var(--vert), var(--vert));}
.page-content .underline-lines a {background-size:100% 1px;}
.page-content .underline-lines a:hover {background-size: 0% 1px; color: rgba(41,31,30,.5);}
.underline a {position:relative; transition:color .6s cubic-bezier(0.165, 0.84, 0.44, 1);}
.underline a:before {content:''; position:absolute; bottom:-4px; left:0; width:100%; min-height:1px; height:1px; background-color:var(--noir); transform-origin:right; transform:scaleX(0); 
transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.underline a:hover::before, .current-menu-item a:before {transform-origin:left; transform:scaleX(1);}
.bg-noir .underline a:before {background-color:var(--vert);}
.article.underline a:before {transform:none;}
.article.underline a:hover::before, .current-menu-item a:before {transform:scaleX(0)}
.button {display:inline-flex; justify-content:center; align-items:center; width:auto; height:var(--pad); position:relative; padding:0 var(--pads); white-space: nowrap;
color:var(--blanc); box-sizing:border-box; transform:translateZ(0);}
.button:hover {color:var(--noir);}
.button:before {content:''; position:absolute; inset:0; border-radius:6.25rem; z-index:-1; transform-origin:50% 50%; transform:translate(0);
background-color:var(--noir); transition:transform .45s cubic-bezier(0.23, 1, 0.32, 1), background .4s cubic-bezier(.215,.61,.355,1); transform-style:preserve-3d;}
.button-label {overflow:hidden; position:relative; line-height:1; letter-spacing:-0.01em;}
.button:hover::before{transform:scale(1.1) translateZ(0); background:var(--vert);}
.bg-vert .button:hover::before{background:var(--blanc);}
.button .button-label>span, .label-nav>svg {display:block; transition:transform .45s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:.01s;}
.button .button-label>span:nth-child(2), .label-follow>svg:nth-child(2), .label-nav>svg:nth-child(2) {position:absolute; top:0; bottom:0;}
.button .button-label>span:nth-of-type(2), .label-follow>svg:nth-of-type(2), .label-nav>svg:nth-of-type(2) {transform:translate3d(0, calc(100% + 0.2em), 0);}
.button:hover .button-label>span:nth-of-type(1), .button:focus .button-label>span:nth-of-type(1) {transform:translate3d(0, calc(-100% - 0.2em), 0);}
.button:hover .button-label>span:nth-of-type(2), .button:focus .button-label>span:nth-of-type(2) {transform:translate3d(0, 0, 0);}
.button-follow {padding:0; width:var(--padl); height:var(--padl);}
.button-follow:before {background:var(--vert);}
.button-follow:hover::before {background:var(--blanc);}
.button-follow svg {fill:var(--noir); width:1.75rem;} body, .font-size--normal {font-family: 'regular', sans-serif; font-size:1.4rem; line-height:1.4; font-weight:400;}
h1, h2, h3 {font-weight:400; line-height:1;}
.font-size--a {font-size:6vw; font-weight:400; line-height:1;}
.font-size--b {font-size:5vw; font-weight:400; line-height:1;}
.font-size--c {font-size:4vw; font-weight:400; line-height:1;}
.menu-principal {font-size:3vw; font-weight:400; line-height:1;}
.font-size--d {font-size:2vw; font-weight:400; line-height:1.2;}
.font-size--e, .select-items div {font-size:1.1rem; font-weight:400; line-height:1.2;}
.center {text-align:center;}
.right {text-align:right;} .smooth-scroll {width:100%; overflow:hidden!important; opacity:1;}
html, body {overflow:hidden;}
html.has-scroll-dragging {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
html.has-scroll-smooth {overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; }
.has-scroll-smooth body {overflow: hidden;}
.has-scroll-smooth [data-scroll-container] {min-height: 100vh;}
.c-scrollbar {position:absolute; right:0; top:0; z-index:99; width:10px; height:100vh; transform-origin:center right; transition:transform 0.3s, opacity 0.3s; opacity:0; mix-blend-mode:difference;}
.c-scrollbar:hover {transform:scaleX(1.45); }
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {opacity:1; }
.c-scrollbar_thumb {position:absolute; top:0; right:0; background-color:var(--blanc); opacity:1; width:4px; border-radius:10px; margin:4px; cursor:-webkit-grab; cursor:grab;}
.has-scroll-dragging .c-scrollbar_thumb {cursor: -webkit-grabbing; cursor: grabbing;}
.c-scrollbar_display {opacity:0!important; transition:.3s!important;} .absolute {position:absolute;}
.grid {display:grid;}
.flex {display:flex;}
.aligncenter {justify-content:center;}
.alignstart {justify-content: flex-start;}
.itemscenter {align-items:center;}
.alignright {justify-content:flex-end;}
.alignbottom {justify-content:flex-end;}
.itemstbottom {align-items:flex-end;}
.justify {justify-content:space-between;}
.baseline {align-items:baseline;}
.direction {flex-direction:column;}
.center {text-align:center;}
.grid-padxl {grid-gap:calc(var(--pad) * 2);}
.grid-padl {grid-gap:var(--padl);}
.grid-pad {grid-gap:var(--pad);}
.grid-padm {grid-gap:var(--padm);}
.grid-pads {grid-gap:var(--pads);}
.grid-padxs {grid-gap:var(--padxs);}
.column-gapl {column-gap:var(--padl);}
.column-gap {column-gap:var(--pad);}
.row-gap {row-gap:var(--pad);}
.row-gapl {row-gap:var(--padl);}
.col-1-2-1 {grid-template-columns:.5fr 2fr .5fr;}
.col-1-2-2 {grid-template-columns:.5fr 2fr 2fr;}
.col-1-3 {grid-template-columns:.5fr 3fr;}
.col-2 {grid-template-columns:1fr 1fr;}
.col-2-1 {grid-template-columns:2fr 1fr;}
.col-3 {grid-template-columns:1fr 1fr 1fr;}
.inline-block {display:inline-block;}
.block {display:block;}
.relative {position:relative;}
.absolute {position:absolute;}
.hidden {overflow:hidden;}
.wrapper-bar {padding:var(--padl) var(--padl) var(--padl) calc(var(--menu) + var(--padl));}
.wrapper {padding:var(--padl);}
.wrapper-lf-l {padding:var(--pad) var(--padl);}
.wrapper-n-t {padding:0 var(--padl) var(--padl) var(--padl);}
.wrapper-n-b {padding:var(--padl) var(--padl) 0 var(--padl);}
.wrapper-l  {padding-left:var(--menu);}
.wrapper-m-tb {padding:var(--padm) 0;}
.wrapper-m-b {padding-bottom:var(--padm);}
.wrapper-m-left {padding-left:var(--padm);}
.wrapper-m-right {padding-right:var(--padm);}
.wrapper-tb {padding:var(--pad) 0;}
.wrapper-s-tb {padding:var(--pads) 0;}
.pad-left-m {padding-left:var(--padm);}
.pad-left-s {padding-left:var(--pads);}
.mar-topl {margin-top:var(--padl);}
.mar-topm {margin-top:var(--padm);}
.mar-tops {margin-top:var(--pads);}
.mar-bots {margin-bottom:var(--pads);}
.mar-botl {margin-bottom:var(--padl);}
.mar-botm {margin-bottom:var(--padm);}
.content-90 {width:90%;}
.content-80 {width:80%;}
.content-70 {width:70%;}
.content-60 {width:60%;}
.content-50 {width:50%;}
.content-45 {width:45%;}
.content-40 {width:40%;}
.content-30 {width:30%;}
.content-height-100 {height:100%;}
.height-80 {height:80vh;}
.height-100 {height:100vh;}
.splitting .word, .splitting .char {display:inline-block;}
.splitting .char {position:relative;}
.splitting .char::before, .splitting .char::after {content:attr(data-char); position: absolute; top: 0; left: 0; visibility: hidden; transition: inherit; user-select: none;}
.splitting {--word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2);}
.splitting .word {--word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total));}
.splitting .char {--char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); 
--distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center)); --distance-sine: calc(var(--char-offset) / var(--char-center));
--distance-percent: calc((var(--distance) / var(--char-center)));}
.char-wrap {display: inline-block; position: relative; overflow: hidden;} .overlay-bar {position:fixed; padding:var(--padm) 0 50vh 0; width:var(--menu); height:100vh; mix-blend-mode:difference; z-index:10;}
.overlay-bar:after {content:''; position:absolute; top:0; right:0; width:1px; height:0; background:var(--blanc); transition:.7s; transition-timing-function: ease-out;}
.overlay-bar.open:after {opacity:.15;}
.is-ready .overlay-bar:after {height:100%;}
.overlay-logo {width:60px; position:relative; opacity:0; transform:scale(.7); transition:transform .4s cubic-bezier(.215,.61,.355,1); pointer-events:none; transform-style:preserve-3d;}
.is-ready .overlay-logo {transform:none; opacity:1; pointer-events:auto;}
.overlay-logo svg {fill:var(--blanc);}
.overlay-devis {width:calc(var(--padl) * 1.5); height:calc(var(--padl) * 1.5); border-radius:50%; display:flex; align-items:center; justify-content:center; transform-style:preserve-3d;
position:fixed; z-index:20; left:calc(var(--menu) - calc(var(--padl) * 1.5) / 2); bottom:calc(var(--padl) + calc(var(--padm) / 2)); opacity:0; transform:rotate(90deg) scale(.5);
transition:transform .4s cubic-bezier(.215,.61,.355,1), opacity .4s cubic-bezier(.215,.61,.355,1); pointer-events:none;}
.is-ready .overlay-devis {transform:none; opacity:1; transition-delay:.3s; pointer-events:auto;}
.overlay-devis:before {content:''; background:var(--blanc); border:1px solid var(--noir); height:100%; width:100%; top:0; left:0; position:absolute; border-radius:50%;
transition:transform .4s cubic-bezier(.215,.61,.355,1), background .4s cubic-bezier(.215,.61,.355,1);} .overlay-devis--pen {z-index:1;}
.overlay-devis--pen:before {content:''; position:absolute; background:var(--noir); width:60%; height:60%; border-radius:50%; left:50%; top:50%; transform:translate(-49.5%,-49.5%); z-index:-1;
border:1px solid var(--noir); transition:.4s cubic-bezier(.215,.61,.355,1);}
.overlay-devis:hover .overlay-devis--pen:before {width:100%; height:100%;}
.overlay-devis:hover .overlay-devis--pen svg {transform:scale(.9);}
.overlay-devis--pen svg {width:2.3rem; fill:var(--blanc); transition:transform .4s cubic-bezier(.215,.61,.355,1);}
.overlay-devis--txt {position:absolute; z-index: 1; -webkit-animation: spindown 10s linear infinite; -moz-animation: spindown 10s linear infinite; animation:spindown 10s linear infinite;}
@-moz-keyframes spindown {100% {-moz-transform: rotate(360deg);}}
@-webkit-keyframes spindown {100% {-webkit-transform: rotate(360deg);}}
@keyframes spindown {100% {-webkit-transform: rotate(360deg); transform:rotate(360deg);}}
.overlay-devis--txt svg {fill:var(--noir); width:calc(var(--padl) * 1.5); height:calc(var(--padl) * 1.5); transform:translateY(.2rem) scale(.9);
transition:fill .4s cubic-bezier(.215,.61,.355,1);} 
.overlay-devis:hover .overlay-devis--txt svg {fill:var(--blanc);} .open .overlay-devis--pen:before {background: var(--vert); border:1px solid var(--vert);}
.open.overlay-devis:hover .overlay-devis--txt svg {fill:var(--noir);}
.overlay-devis.open svg {fill:var(--noir);}
.overlay-mobile {display:none;}
.overlay-mobile {width:100vw; height:4rem; position:fixed; bottom:0; left:0; grid-template-columns:1fr 1fr; background:var(--vert); z-index:5; 
transform: translateY(4rem); transition:transform .4s cubic-bezier(.215,.61,.355,1); opacity:0; pointer-events:none;}
.is-ready .overlay-mobile {opacity:1; transform:none; pointer-events:auto; transition-delay:.3s;}
.overlay-mobile--item {display: flex; align-items: center; grid-gap: .5rem; justify-content: center; position:relative;}
.overlay-mobile--item:first-child::after {content:''; position:absolute; width:1px; height:100%; background:var(--noir); right:0; bottom:0;}
.overlay-mobile--item svg {width:1rem;} .overlay-menu--cta, .menu-close {display:flex; align-items:center; flex-direction:column; grid-gap:1rem; cursor:pointer; width:calc(var(--padm) * 1.5); height:calc(var(--padm) * 1.5);}
.menu-icon {display:flex; flex-direction:column; grid-gap:5px; align-items:center; justify-content:center; z-index:1; transform:translateY(10px);
transition-timing-function: ease-in; transition:.3s;}
.menu-bar {width:0; height:1px; background:var(--blanc); transition:.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .2s;}
.is-ready .menu-bar {width:2.3rem;}
.overlay-menu--cta-txt {transform-style:preserve-3d; color:var(--blanc); transition:opacity .4s cubic-bezier(.215,.61,.355,1), transform .4s cubic-bezier(.215,.61,.355,1);
opacity:0; transform:translateY(.5rem); position: absolute; bottom: 0; display:flex; justify-content: center;}
.is-ready .overlay-menu--cta-txt {transform:none; opacity:1;}
.overlay-menu--cta-txt span {position: absolute; bottom: 0; transition:opacity .4s cubic-bezier(.215,.61,.355,1), transform .4s cubic-bezier(.215,.61,.355,1);}
.overlay-menu--cta-txt.open span:nth-child(1) {opacity:0; transform:translateY(.5rem);}
.overlay-menu--cta-txt span:nth-child(2) {opacity:0; transform:translateY(.5rem);}
.overlay-menu--cta-txt.open span:nth-child(2) {opacity:1; transform:none;}
.menu-close {z-index:20; pointer-events:none; position:absolute;}
.menu-close.disable {pointer-events:auto;}
.menu-icon.open {transform:rotate(-180deg) translateY(-15px);}
.menu-icon.open .menu-bar:nth-child(1) {transform:rotate(45deg) translateY(4px) translateX(5px);}
.menu-icon.open .menu-bar:nth-child(2) {transform:rotate(-45deg);}
.menu-icon.open .menu-bar:nth-child(3) {display:none;}
.menu-icon.open .menu-bar {background:var(--blanc);}
.menu-content {width:100vw; height: 100%; left:0; top:0; position:fixed; overflow:hidden; z-index:5; opacity:0; pointer-events:none;
transition:opacity .8s cubic-bezier(.215,.61,.355,1);}
.menu-content.open {opacity:1; pointer-events:auto;}
.c-scrollbar.open {opacity:0!important; pointer-events:none!important;}
.menu--inner {width:100%; height:100%; position:relative; padding-left:var(--menu);}
.menu--inner a {color:var(--blanc);}
.menu--inner a:hover {color:var(--vert);}
.menu-principal {padding:var(--padl) var(--padl) var(--padl) calc(var(--padl) * 1.5);}
.menu-principal .menu-item {transform:translateX(-3rem) skewX(5deg); position: relative; opacity:0; height:calc(calc(100vh - var(--padl) - var(--padl)) / 6); display: flex; align-items: center;
transition:transform .6s cubic-bezier(.215,.61,.355,1), color .6s cubic-bezier(.215,.61,.355,1), opacity .5s cubic-bezier(.215,.61,.355,1);}
.menu-principal.open .menu-item {transform:none; opacity:1;}
.menu-principal .menu-item .line-bottom {background:var(--blanc); opacity:.15; transition:1s;}
.menu-principal.open .menu-item .line-bottom {width:100%;}
.menu-principal .menu-item .circle {position:absolute; background:var(--blanc); left:auto; right:0;}
.menu-principal.open .menu-item .circle {transform:none; opacity:1;}
.menu-principal a {display:inline-block;}
.menu-principal a:before {content:''; background:var(--vert); position:absolute; bottom:0; right:0; width:100%; height:1px; transform-origin:right; transform:scaleX(0); 
transition:transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);}
.menu-principal a:hover .circle {background:var(--vert);}
.menu-principal a:hover::before, .current-menu-item a:before {transform-origin:left; transform:scaleX(1);}
.menu-principal .current a {color:var(--vert);}
.menu-principal .menu-item:nth-child(2) {transition-delay:.03s;}
.menu-principal .menu-item:nth-child(3) {transition-delay:.06s;}
.menu-principal .menu-item:nth-child(4) {transition-delay:.09s;}
.menu-principal .menu-item:nth-child(5) {transition-delay:.12s;}
.menu-principal .menu-item:nth-child(6) {transition-delay:.15s;}
.menu-principal .menu-item:nth-child(7) {transition-delay:.18s;}
.menu-stuff {overflow:hidden;}
.menu-stuff .wrapper {width:100%;}
.menu-thumb {position:absolute; width:100%; height:100vh; top:0; right:0; opacity:0; overflow: hidden; z-index:-1; transform:scale(1.2); filter:blur(1rem);
transition: opacity .9s cubic-bezier(0.165, 0.84, 0.44, 1), transform .9s cubic-bezier(0.165, 0.84, 0.44, 1), filter .9s cubic-bezier(0.165, 0.84, 0.44, 1);}
.menu-stuff.open .menu-thumb {opacity:.5; transform:none; filter:blur(0);}
.menu-thumb--img.active {opacity:1; transform:none;}
.menu-thumb--img {position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-size:cover; transform:scale(1.2);
transition: opacity .9s cubic-bezier(0.165, 0.84, 0.44, 1), transform .9s cubic-bezier(0.165, 0.84, 0.44, 1); opacity:0;}
.menu-content .follow, .menu-content .coordonnees {position:relative; pointer-events:none; transition:transform .6s cubic-bezier(.215,.61,.355,1), opacity .6s cubic-bezier(.215,.61,.355,1), filter .6s cubic-bezier(.215,.61,.355,1); opacity:0;
transform: translateY(3rem) skewY(5deg); filter:blur(1rem);}
.menu-stuff.open .coordonnees {transform:none; opacity:1; pointer-events:auto; filter:blur(0);}
.menu-stuff.open .follow, .menu-stuff.open  {transform:none; opacity:1; pointer-events:auto; filter:blur(0);} .is-ready .homepage .char {opacity: 1; transform: none; transition-delay: calc(.8s + ( 0.05s * ( var(--char-index)) )); filter:blur(0);}
.is-ready .first .char {opacity: 1; transform: none; transition-delay: calc(.5s + ( 0.01s * ( var(--char-index)) )); filter:blur(0);}
.char, .first .char {display: inline-block; opacity: 0; transform:translate(0%, -20%) rotateY(-90deg); filter:blur(1rem);
transition:opacity .8s cubic-bezier(.15,.61,.5,1), transform .8s cubic-bezier(.15,.61,.5,1), filter .8s cubic-bezier(.15,.61,.5,1);}
.splitting .word, .splitting .char {display:inline-block;}
.splitting .char {position:relative;}
.splitting .char::before, .splitting .char::after {content:attr(data-char); position: absolute; top: 0; left: 0; visibility: hidden; transition: inherit; user-select: none;}
.splitting {--word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2);}
.splitting .word {--word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total));}
.splitting .char {--char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); 
--distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center)); --distance-sine: calc(var(--char-offset) / var(--char-center));
--distance-percent: calc((var(--distance) / var(--char-center)));}
.char-wrap {display: inline-block; position: relative; overflow: hidden;}
.fx, .homepage .surtitre div:nth-child(1), .first .surtitre div:nth-child(1), .homepage .wrapper-btn, .single-realisation .realisation-meta div {opacity: 0; transform: translateY(75px) skewY(5deg); filter:blur(1rem);
transition:opacity .7s cubic-bezier(.215,.61,.355,1), transform .7s cubic-bezier(.215,.61,.355,1), filter .7s cubic-bezier(.215,.61,.355,1);}
.fx.is-inview {opacity: 1; transform: none; transition-delay:.3s; filter:blur(0);}
.is-ready .homepage .surtitre .line-top, .is-ready .first .surtitre .line-bottom {width:100%; transition-delay:.6s;}
.is-ready .homepage .surtitre div:nth-child(1), .is-ready .first .surtitre div:nth-child(1), .is-ready .homepage .wrapper-btn {opacity:1; transform:none; transition-delay:.6s; filter:blur(0);}
.is-ready .homepage .line-bottom {width:100%; transition-delay:.6s;} 
.line-top {width:0; height:1px; position:absolute; background:var(--noir); top:0; left:0; transition:2s; transition-timing-function: ease-out;}
.line-bottom {content:''; width:0; height:1px; position:absolute; background:var(--noir); bottom:0; left:0; transition:2s; transition-timing-function: ease-out;}
.bg-noir .line-top, .bg-noir .line-bottom {background:var(--blanc); opacity:.3;}
.section-thumb .line-top, .section-thumb .line-bottom {background:var(--blanc); z-index:1;}
.line-top.is-inview, .line-bottom.is-inview {width:100%; transition-delay:.2s;} 
.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before, .circle, .article li:before {width:20px; height:20px;}
.title-circle {grid-template-columns:20px 1fr;}
.circle, .article li:before {position:relative; left:0; background:var(--noir); border-radius:50%; transform:scale(0); opacity:0;
transition:opacity .7s cubic-bezier(.215,.61,.355,1), transform .7s cubic-bezier(.215,.61,.355,1), background .7s cubic-bezier(.215,.61,.355,1);}
.is-inview .circle, .is-inview.article li:before  {transform:none; opacity:1; transition-delay:.4s;}
.title-circle .circle {background:var(--noir); margin-top:.4rem;}
.bg-noir .title-circle .circle {background:var(--vert);}
.surtitre {position:relative; padding-bottom:var(--padm);}
.item-link--rounded {padding:var(--padm) 0; position:relative; transition-delay:0s!important; transition:.4s cubic-bezier(.215,.61,.355,1); overflow:hidden;}
.item-link--rounded .circle {transition-delay:0s!important;}
.item-link--rounded:hover {color:var(--vert); padding:var(--padm);}
.item-link--rounded:hover .circle {background:var(--vert);}
.item-link--rounded:after {content:''; position: absolute; bottom:-2rem; top:-1rem; left:0; right:0; transform:scaleY(0) skewY(10deg); transform-origin:center top; background-color:var(--noir);
transition:transform .5s cubic-bezier(.215,.61,.355,1); z-index:-1;}
.item-link--rounded:hover::after {transform:scaleY(1); transform-origin:center bottom;}
.homepage {height:calc(100vh - var(--padl)); transform:scaleY(0); transform-origin:top; transition:transform .6s cubic-bezier(.215,.61,.355,1);}
.is-ready .homepage {height:calc(100vh - var(--padl)); transform:none;}
.homepage .wrapper-marquee {position:absolute; bottom:0;}
.is-ready .section-thumb--wrapper .thumb, .vos-envies .thumb.is-inview {opacity:.6; transform: none; transition-delay:.6s; filter:blur(0);}
.is-ready .homepage .wrapper-marquee {transition-delay:.6s;}
.section-thumb {color:var(--blanc);}
.section-thumb .section-thumb--wrapper {position:absolute; top:0; left:var(--menu); width:calc(100% - var(--menu));  height:100%; z-index:-1; background:var(--noir); overflow:hidden;}
.section-thumb--wrapper .fx.is-inview {opacity:.6; transform: none; transition-delay: .3s;}
.realisation-meta {white-space: nowrap; grid-gap:.4rem;}
.realisation-thumb--wrapper {grid-template-columns:2fr 1fr; min-width:45vw; height:21rem;}
.realisation-thumb {overflow:hidden;}
.thumb {height:100%; width:100%; position:relative; top:0; left:0; transform:scale(1.2); overflow:hidden; opacity:0; filter:blur(1rem);
transition:opacity 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), filter 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);}
.is-inview .thumb {opacity:1; transform:scale(1); transition-delay:.3s; filter:blur(0);}
.thumb-img {background-size:cover; background-position:center center; width:100%; height: calc(100% + 10vh); position:absolute; top:-5vh; left:0;}
.is-ready .single-realisation .realisation-meta div {opacity:1; transform:none; transition-delay:.5s; filter:blur(0);}
.is-ready .single-realisation .realisation-meta div:nth-child(2) {opacity:1; transform:none; transition-delay:.6s;}
.is-ready .single-realisation .realisation-meta div:nth-child(3) {opacity:1; transform:none; transition-delay:.7s;}
.thumb-full {overflow:hidden;}
.thumb-full .is-inview.thumb {opacity:.6;}
.thumb-full .wrapper-bar {position:absolute; bottom:0; left:0; z-index:1;}
.thumb-page {overflow:hidden; width:100%; height:47rem;}
.thumb-m {overflow:hidden; height:35rem;}
.thumb-s {overflow:hidden; height:17.5rem;}
.single-realisation--thumb {overflow:hidden;}
.galerie .galerie-thumb {overflow:hidden;}
.galerie .galerie-thumb:nth-child(1), .galerie .galerie-thumb:nth-child(4), .galerie .galerie-thumb:nth-child(5), .galerie .galerie-thumb:nth-child(8), .galerie .galerie-thumb:nth-child(10), .galerie .galerie-thumb:nth-child(12),
.galerie .galerie-thumb:nth-child(13) {width:100%;}
.galerie .galerie-thumb:nth-child(1) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(4) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(5) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(8) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(10) .galerie-thumb--wrapper , .galerie .galerie-thumb:nth-child(12) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(13) .galerie-thumb--wrapper {height:50rem;}
.galerie .galerie-thumb:nth-child(2), .galerie .galerie-thumb:nth-child(3), .galerie .galerie-thumb:nth-child(6), .galerie .galerie-thumb:nth-child(7), .galerie .galerie-thumb:nth-child(9), .galerie .galerie-thumb:nth-child(11),
.galerie .galerie-thumb:nth-child(14) {width:70%;}
.galerie .galerie-thumb:nth-child(2) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(3) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(6) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(7) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(9) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(11) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(14) .galerie-thumb--wrapper {height:40rem;}
.historique-thumb {overflow:hidden; width:100%; height:23rem;}
.wrapper-marquee {margin-left:var(--menu); display:flex; pointer-events:none; overflow:hidden; height:var(--padl); width:calc(100% - var(--menu)); position:relative; user-select:none;
transform:scaleY(0); transform-origin:bottom; opacity:0; transition:opacity .4s cubic-bezier(.215,.61,.355,1), transform .4s cubic-bezier(.215,.61,.355,1);}
.is-ready .wrapper-marquee {opacity:1; transform:none; transition-delay:.4s;}
.wrapper-marquee--line {transition:.3s; animation-direction:reverse; animation-delay:-3s; flex-shrink:0; display:flex; align-items:center; justify-content:space-around; min-width:100%;
animation:marquee 25s linear infinite;}
.wrapper-marquee--item {width:auto; position:relative; display: flex;}
.wrapper-marquee--item svg {width:auto; height:100%; width:1.3rem; fill:var(--noir);}
.wrapper-marquee--item .relative {margin:0 var(--pad); display:flex; justify-content:center;}
.wrapper-marquee--item span {position:absolute;
-webkit-animation: spindown 10s linear infinite; -moz-animation: spindown 10s linear infinite; animation:spindown 10s linear infinite;}
.wrapper-marquee.bg-noir svg {fill:var(--vert);}
@keyframes marquee {from {transform: translateX(0);} to {transform: translateX(-100%);}}
.single-realisation .realisation-meta {margin-bottom:.5rem;}
.legende {grid-gap:1rem;}
.legende svg {width:.5rem;}
.counter:after {counter-increment:item; content:"0"counter(item);}
.expertises-col a {color:var(--blanc); z-index:1; position:relative;}
.expertises-col--item:before {content:''; position:absolute; top:0; right:0; background:var(--blanc); width:1px; height:0; transition:1s; transition-timing-function: ease-out; opacity:.5;}
.expertises-col.is-inview .expertises-col--item:before {height:100%; transition-delay:.4s;}
.expertises-col .expertises-col--item:nth-child(3)::before {content:none;} 
.expertises-col a .counter {opacity:.4; transition:.3s;}
.expertises-col a .font-size--d {opacity:.4; transition:.3s;}
.expertises-col a .wrapper-btn {opacity:0; transition: opacity .4s cubic-bezier(0.165, 0.84, 0.44, 1), transform .4s cubic-bezier(0.165, 0.84, 0.44, 1); transform:scale(.9);}
.expertises-col a .button {color:var(--noir);}
.expertises-col a .button:before {background:var(--vert);}
.expertises-col a:hover .counter, .expertises-col a:hover .font-size--d, .expertises-col a:hover .wrapper-btn {opacity:1;}
.expertises-col a:hover .wrapper-btn {transform:none;}
.expertises-col a:hover .button:hover::before{transform:none; background:var(--vert);}
.expertises-col a:hover .button {color:var(--noir);}
.expertises .is-inview .thumb {opacity:0; transform:scale(1.2); transition-delay:0s;}
.expertises .thumb {position:absolute; top:0; left:0; transition: opacity .9s cubic-bezier(0.165, 0.84, 0.44, 1), transform .9s cubic-bezier(0.165, 0.84, 0.44, 1);}
.expertises .active.thumb {opacity:.5!important; transform:none;}
.pagination  {margin-top:var(--padl); position:relative!important; grid-gap:var(--pads);}
.pagination a {color:var(--noir);}
.pagination li {display:inline-block; margin-bottom:0; overflow:hidden;}
.pagination .page-numbers {position:relative; display:flex; align-items: center; justify-content: center; border-radius:6.25rem; transform-style:preserve-3d;
box-sizing:border-box; transform:translateZ(0); height:var(--pad); width:var(--pad);}
.pagination .next.page-numbers, .pagination .prev.page-numbers {display:none;}
.pagination .page-numbers:before  {content: ''; position:absolute; border-radius:6.25rem; transform-origin:50% 50%; transform:translate(0); inset:0; 
transition:transform .45s cubic-bezier(0.23, 1, 0.32, 1); z-index:-1; border:1px solid var(--noir); background:transparent;}
.pagination .page-numbers:hover::before {transform:scale(0.95) translateZ(0);}
.page-numbers.current {color:var(--blanc); background:var(--transparent); pointer-events:none;}
.page-numbers.current:before {background:var(--noir);}
.page-content.article h2:first-child {margin:0 0 var(--pads) 0;}
.article h2, .article h3 {margin-bottom:var(--pads);}
.page-content.article h2, .page-content.article h3 {margin:var(--pad) 0 var(--pads) 0;}
.page-content.article h3 {color:rgba(41,31,30,.5);}
.article.page-content ul {margin-bottom:var(--pads);}
.article li {padding:var(--pads) 0 var(--pads) var(--pad); position:relative; border-bottom:1px solid var(--noir);}
.article li:before {content:''; position:absolute; margin-top:.4rem;}
.team-item {grid-gap:1.5rem;}
.team-item .font-size--e {margin-top:.5rem;}
.team-item img {width:100%; height:auto;}
.team-thumb {width:100%; height:70%; position:relative; overflow:hidden;}
.equipe .team-grid {display:grid; row-gap:var(--padl); column-gap:var(--padm); grid-template-columns: 1fr 1fr 1fr 1fr;}
.equipe .wrapper-bar:nth-child(1) .team-grid {grid-template-areas:"a a b c" "a a . ." ". . e e" "d . e e" ". f . g";}
.equipe .wrapper-bar:nth-child(2) .team-grid {grid-template-areas:". . b b" ". a b b" "c . d e" "g g . ." "g g h f";}
.equipe .wrapper-bar:nth-child(3) .team-grid {grid-template-areas:"a a b c" "a a . ." "d . e ." ". . h h" "f g h h";}
.equipe .wrapper-bar:nth-child(4) .team-grid {grid-template-areas:". . b b" ". a b b" "c . d e" "g g . ." "g g f h" "i j . k" ". . m m" ". l m m" "n . o ." "p q . t" "r r . ." "r r s .";}
.team-grid .team-item:nth-child(1) {grid-area: a;}
.team-grid .team-item:nth-child(2) {grid-area: b;}
.team-grid .team-item:nth-child(3) {grid-area: c;}
.team-grid .team-item:nth-child(4) {grid-area: d;}
.team-grid .team-item:nth-child(5) {grid-area: e;}
.team-grid .team-item:nth-child(6) {grid-area: f;}
.team-grid .team-item:nth-child(7) {grid-area: g;}
.team-grid .team-item:nth-child(8) {grid-area: h;}
.team-grid .team-item:nth-child(9) {grid-area: i;}
.team-grid .team-item:nth-child(10) {grid-area: j;}
.team-grid .team-item:nth-child(11) {grid-area: k;}
.team-grid .team-item:nth-child(12) {grid-area: l;}
.team-grid .team-item:nth-child(13) {grid-area: m;}
.team-grid .team-item:nth-child(14) {grid-area: n;}
.team-grid .team-item:nth-child(15) {grid-area: o;}
.team-grid .team-item:nth-child(16) {grid-area: p;}
.team-grid .team-item:nth-child(17) {grid-area: q;}
.team-grid .team-item:nth-child(18) {grid-area: r;}
.team-grid .team-item:nth-child(19) {grid-area: s;}
.team-grid .team-item:nth-child(20) {grid-area: t;}
.error img {width:50%; height:auto;}
.vos-envies {overflow:hidden;}
.vos-envies .vos-envies--content:nth-child(1) {padding:0 var(--padl) var(--padl) calc(var(--menu) + var(--padl));}
.vos-envies .vos-envies--content:nth-child(2), .vos-envies .vos-envies--content:nth-child(4), .vos-envies .vos-envies--content:nth-child(6), .vos-envies .vos-envies--content:nth-child(8) {background:var(--vert);}
.vos-envies .thumb {position:absolute; top:0; left:0;}
.vos-envies .thumb.is-inview {opacity:1!important;}
.vos-envies .wrapper-bar {height:100%; display:flex; flex-direction:column; justify-content: flex-end; padding:var(--padl) var(--padl) var(--padl) calc(var(--menu) + var(--padl)); z-index:2; position: relative;}
.galerie-pagination {position:absolute; z-index:2; top:var(--padl)!important; right:var(--padl)!important; left:auto!important; width:auto!important; height:min-content!important;}
.vos-envies .surtitre {position:absolute; z-index:2; left:calc(var(--menu) + var(--padl)); top:var(--padl); width:calc(100% - (var(--menu) + var(--padl)) - var(--padl));}
.galerie-overlay {position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(41,31,30,.4); z-index:1;}
.item-navigation {position:absolute; z-index:2; bottom: var(--padl); right: var(--padl); display: flex; grid-gap:1.5rem;}
a.nav-btn:hover .label-nav>svg:nth-of-type(1) {transform:translate3d(0, calc(-100% - 0.2em), 0);}
a.nav-btn:hover .label-nav>svg:nth-of-type(2) {transform:translate3d(0, 0, 0);}
a.nav-btn {cursor:pointer;}
.label-nav {overflow:hidden; position:relative;}
.label-nav > svg {fill:var(--blanc); width:1rem;}
.nav-btn {display:inline-flex; justify-content:center; align-items:center; height:var(--pad); width:var(--pad); position:relative; white-space: nowrap; box-sizing:border-box; transform:translateZ(0);}
.nav-btn:hover {;}
.nav-btn:before {content:''; position:absolute; inset:0; border-radius:6.25rem; z-index:-1; transform-origin:50% 50%; transform:translate(0);
background-color:var(--noir); transition:transform .45s cubic-bezier(0.23, 1, 0.32, 1), background .4s cubic-bezier(.215,.61,.355,1); transform-style:preserve-3d;}
.nav-btn:hover::before{transform:scale(1.1) translateZ(0); background:var(--vert);}
.nav-btn.nav-left.is-inview {transform:rotate(90deg);}
.nav-btn.nav-right.is-inview {transform:rotate(-90deg);}
.swiper-slide.swiper-slide-active .thumb-img {transform:none; filter: blur(0);}
.swiper-slide.swiper-slide-active .galerie-title {opacity:1; transform: none; filter: blur(0);}
.swiper-slide .thumb-img {transform: scale(1.2); filter: blur(1rem); transition:transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), filter 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);}
.swiper-slide .galerie-title {opacity:0; width: 80%; transform:translateY(75px) skewY(5deg); filter:blur(1rem);
transition:opacity .7s cubic-bezier(.215,.61,.355,1), transform .7s cubic-bezier(.215,.61,.355,1), filter .7s cubic-bezier(.215,.61,.355,1);} .footer a {color:var(--blanc);}
.footer a:hover {color:var(--vert);}
.marsrouge {position:absolute; right:calc(var(--pad) * 2);}
.marsrouge svg {height:auto; width:40px; position:relative; fill:var(--blanc); transition:.5s;}
.marsrouge:hover svg {fill:var(--vert);}
.mailerlite-form-title, .mailerlite-form-field label, .mailerlite-form-description {display:none!important;}
.mailerlite-form-field input {width:100%; border: 0; padding:0 12rem 0 var(--padm); transition:.4s;}
.mailerlite-form-field input:hover, .mailerlite-form-field input:focus {background:var(--vert);}
.mailerlite-subscribe-submit {background:var(--vert); border:0; cursor:pointer; position:absolute; top:0; right:0; padding:0 var(--padm);}
.mailerlite-form-field input, .mailerlite-subscribe-submit {border-radius:8rem; height: var(--padl);}
.mailerlite-form-error {font-size:.8rem; color:var(--blanc)!important; text-align:center; margin-top:.5rem;}
.mailerlite-form h4 {font-weight:400!important; margin-top: 0!important;}
.mailerlite-form-loader {font-weight:400!important; margin:0!important;} .form-item {;}
.form-item--message {margin-bottom:0!important;}
.label {margin-bottom:var(--padm);}
input, textarea {font-family:'Roboto', sans-serif; font-size:inherit;}
.formulaire label {display: flex;}
.formulaire input, .formulaire textarea, .select-selected  {width:100%; background:var(--vert); transition:.4s; border:0;}
.formulaire input, .select-selected {border-radius:8rem; padding:0 var(--padm); height: var(--padl);}
.formulaire textarea {border-radius:3rem; padding:var(--padm);}
.formulaire input:hover, .formulaire textarea:hover, .formulaire input:focus, .formulaire textarea:focus, .select-selected:hover {background:var(--noir); color:var(--blanc);}
.formulaire textarea {resize: none; height:24rem;}
.formulaire button[type="submit"] {position:relative;}
.formulaire input[type=file] {margin-top:1.5rem; padding:2rem 3rem; height:auto; cursor:pointer;}
.form-file input:nth-child(2) {margin-top:0!important;}
.formulaire .enquete-item:nth-child(1) {border-top:1px solid var(--noir);}
.formulaire .enquete-item {padding:var(--pad) 0; border-bottom:1px solid var(--noir); display:flex; flex-direction:column; grid-gap:var(--pads);}
.formulaire .enquete-item .label-enquete span {padding-right:var(--pads);}
button[type="submit"] {position:relative; font-family:inherit; background: none;}
.wp-zindex-a {z-index:1;}
.wp-zindex-b {z-index:2;}
.wpcf7-checkbox {display:inline-block;}
.wpcf7-form input[type="radio"], .wpcf7-form input[type="checkbox"] {display: none;}
.wpcf7-radio label, .wpcf7-checkbox label {top:0rem!important; display:inline-block; margin-bottom:.5rem;}
.wpcf7-list-item-label {cursor:pointer;}
.wpcf7-list-item.first {padding-top:0!important; height:auto;}
.wpcf7-radio {display:flex; column-gap: 3rem; row-gap:1rem; margin-bottom:var(--pad); flex-wrap: wrap;}
.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {
background: none; background:var(--blanc); border:1px solid var(--noir); border-radius:50%; margin-top:-8px; margin-right:1rem; display:inline-block; vertical-align:middle; content:''; transition:.2s;}
.wpcf7-list-item.last label {margin-bottom:0;}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before {background:var(--noir);}
.formulaire .acceptance {margin-bottom:calc(var(--pads) + 2rem);}
::-webkit-input-placeholder {opacity:1; -webkit-transition: opacity .5s; transition: opacity .5s;}
:-moz-placeholder {opacity:1; -moz-transition: opacity .5s; transition: opacity .5s;}
::-moz-placeholder {opacity:1; -moz-transition: opacity .5s; transition: opacity .5s;}
:-ms-input-placeholder {opacity:1; -ms-transition: opacity .5s; transition: opacity .5s;}
::placeholder {opacity:1; transition: opacity .5s;}
*:focus::-webkit-input-placeholder {opacity: 0;}
*:focus:-moz-placeholder {opacity: 0;}
*:focus::-moz-placeholder {opacity: 0;}
*:focus:-ms-input-placeholder {opacity: 0;}
*:focus::placeholder {opacity: 0;}
:invalid {box-shadow: none;}
:-moz-submit-invalid {box-shadow: none;}
:-moz-ui-invalid {box-shadow:none;}
.wpcf7-not-valid {border:2px solid var(--noir)!important;}
.screen-reader-response, .wpcf7-response-output {display:none;}
.wpcf7-not-valid-tip {color: var(--noir); font-size: .8rem; width: 100%; position: absolute; display: block; margin-top:.5rem;}
.mc4wp-alert.mc4wp-success {font-size: .8rem; margin-top:1.5rem; text-align: center;}
.footer .button:before {background:var(--vert);}
.footer a.button, .footer a:hover.button {color:var(--noir);}
.footer .button:hover::before {background:var(--blanc);} @media screen and (max-width:1690px) {
.col-1-2-2 {grid-template-columns: .5fr 1fr 2fr;}
.galerie .galerie-thumb:nth-child(2) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(3) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(6) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(7) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(9) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(11) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(14) .galerie-thumb--wrapper {height:36rem;}
.thumb-page, .galerie .galerie-thumb:nth-child(1) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(4) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(5) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(8) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(10) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(12) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(13) .galerie-thumb--wrapper {height:45rem;}
.thumb-m {height: 25rem;}
.realisation-thumb--wrapper .realisation-thumb:nth-child(2) {display:none;}
.realisation-thumb--wrapper {grid-template-columns: 1fr; width: 35vw; height: 20rem; min-width: 35vw;}
}
@media screen and (max-width:1650px) {
.button-follow {padding: 0; width: var(--pad); height: var(--pad);}
.button-follow svg {fill: var(--noir); width: 1.2rem;}
}
@media screen and (max-width:1390px) {
:root {
--menu:150px;
--padl:80px;
--pad:50px;
--padm:50px;
}
body, .font-size--normal {font-size: 1.2rem;}
.font-size--e, .select-items div {font-size: .9rem;}
.is-ready .homepage {height: 100vh;}
.expertises .height-100 {height:80vh;}
.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before, .circle, .article li::before {width: 10px; height: 10px;}
.content-60 {width: 70%;}
.overlay-logo {width: 50px;}
.overlay-devis {left: calc(var(--menu) - calc(6rem / 2)); bottom:3rem;}
.overlay-devis, .overlay-devis--txt svg {width:6rem; height:6rem;}
.overlay-devis--pen svg {width:1.4rem;}
.menu-principal {padding: var(--padl);}
.button {height:4rem;}
.button-follow, .overlay-menu--cta, .menu-close {width:4rem; height:4rem;}
.thumb-page, .galerie .galerie-thumb:nth-child(1) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(4) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(5) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(8) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(10) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(12) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(13) .galerie-thumb--wrapper {height: 70vh;}
.galerie .galerie-thumb:nth-child(2) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(3) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(6) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(7) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(9) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(11) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(14) .galerie-thumb--wrapper {height:29rem;}
.thumb-s.content-50 {width:100%;}
.thumb-m, .thumb-s {height:22rem;}
.historique-thumb {height:20rem;}
.surtitre {padding-bottom: var(--pads);}
.col-1-3 {grid-template-columns: .2fr 3fr;}
.col-1-2-2 {grid-template-columns: .2fr 2fr 2fr;}
}
@media screen and (max-width:1090px) {
:root {
--menu: 120px;
--padl: 3rem;
--pad: 2rem;
--padm: 2rem;
}
body, .font-size--normal {font-size: 1rem;}
.is-ready .homepage {height: auto;}
.homepage .wrapper {padding:var(--padl) var(--padl) calc(var(--padl) * 2) var(--padl);}
.content-50, .content-60 {width:100%;}
.content-50.wrapper-m-right {padding-right:0;}
.content-50.wrapper-m-left {padding-left:0;}
.is-ready .menu-bar {width: 1.5rem;}
.menu-icon {grid-gap: 4px;}
.button-follow, .overlay-menu--cta, .menu-close {width: 3rem; height: 3rem;}
.button-follow svg {width: .9rem;}
.overlay-logo {width:45px;}
.overlay-devis--pen:before {content:none;}
.overlay-devis--pen svg {fill:var(--noir); width:1.75rem;}
.overlay-devis {left: 1.25rem; bottom: 1.25rem;}
.overlay-devis:hover .overlay-devis--pen svg {transform:none;}
.overlay-devis, .overlay-devis--txt svg {width:5rem; height:5rem;}
.overlay-devis--txt {display:none;}
.overlay-devis.open:before {background:transparent; border:1px solid var(--blanc);}
.overlay-devis.open svg {fill:var(--blanc);}
.menu-principal {grid-template-columns: 1fr 1fr; display: grid; column-gap: var(--padl);}
.menu--inner, .formulaire .col-2 {grid-template-columns:1fr;}
.coordonnees  {flex-direction: initial; grid-gap: var(--padl); justify-content:space-between;}
.coordonnees  .direction {flex-direction:column;}
.col-1-3, .col-2-1 {grid-template-columns:1fr;}
.col-1-3 .surtitre:nth-child(1) {display:none;}
.realisation-meta {flex-direction:initial; justify-content:space-between;}
.realisation-thumb--wrapper {width:16rem; height:15rem; min-width:16rem;}
.galerie .galerie-thumb:nth-child(2) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(3) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(6) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(7) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(9) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(11) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(14) .galerie-thumb--wrapper {height:20rem;}
.wrapper-marquee--item svg {width:.9rem;}
.formulaire input[type="file"], .formulaire input, .select-selected, .mailerlite-form-field input {padding: 2rem; height:auto;}
.marsrouge svg {width: 30px;}
.nav-btn {height:4rem; width:4rem;}
.galerie {height:80vh;}
.single-realisation .galerie {height:auto;}
}
@media screen and (max-width:900px) {
:root {
--pads: 1rem;
--padxs: 1rem;
}
html, body {overflow-y: auto;}
.font-size--b {line-height: 1.1;}
.font-size--c {font-size: 6vw; line-height: 1.1;}
.font-size--d {font-size:4vw;}
.font-size--e, .select-items div {font-size:.8rem;}
.coordonnees {grid-gap: var(--pads);}
.coordonnees .font-size--d {font-size:3vw;}
.coordonnees .color-vert {font-size:.9rem;}
.fx {opacity:1; transform:none; filter:blur(0);}
.fx.is-inview {transition-delay:0s;}
.col-2 {grid-template-columns:1fr;}
.height-100 {height: 50vh;}
.col-1-2-2 {grid-template-columns: 1fr;}
.expertises .thumb {display:none;}
.expertises .bg-noir {background:transparent;}
.expertises-col {grid-template-columns: 1fr;}
.expertises-col a .wrapper-btn {opacity: 1; transform: none;}
.expertises .height-100 {height: auto;}
.expertises-col--item {height:15rem!important; border-top:1px solid var(--noir);}
.expertises-col a {color:var(--noir);}
.expertises-col a .counter, .expertises-col a .font-size--d {opacity:1; transition:.3s;}
.is-ready .section-thumb--wrapper .fx {opacity:.6; transform: none; transition-delay: .3s;}
.is-ready .thumb-full .thumb {opacity:.6;}
.is-ready .thumb {opacity:1; transform:scale(1); transition-delay:.3s; filter:blur(0);}
.thumb-img {height: 100%; top:0;}
.is-ready .circle, .is-ready.article li:before  {transform:none; opacity:1; transition-delay:.4s;}
.is-ready .line-top, .is-ready .line-bottom {width:100%; transition-delay:.2s;}
.is-ready .article li:before {transform:none; opacity:1;}
.overlay-bar {width:auto; height:auto;}
.overlay-bar:after {content:none;}
.overlay-devis, .overlay-devis--txt svg {width: 3rem; height: 3rem;}
.overlay-devis--pen svg {width:1rem;}
.overlay-logo {width: 40px; position: fixed; top: 1rem; left: 1rem;}
.overlay-menu--cta, .menu-close {width: 3.5rem; height: 3.5rem; position: fixed; right: 1rem; top: 1rem;}
.menu-stuff .menu-thumb {display:none;}
.menu-principal .menu-item {height:4rem;}
.menu-principal {padding: calc(var(--padl) * 2) var(--padl) var(--padl) var(--padl);}
.menu-stuff .coordonnees {flex-direction:column; padding:0 var(--padl) var(--padl) var(--padl);}
.article h2 {font-size: 1.3rem;}
.article h3 {font-size: 1.1rem;}
.equipe .wrapper-bar:nth-child(1) .team-grid {grid-template-areas:"a b c" "d . e" ". f g";}
.equipe .wrapper-bar:nth-child(2) .team-grid {grid-template-areas:"a . b" "c d ." "e . f" ". g h";}
.equipe .wrapper-bar:nth-child(3) .team-grid {grid-template-areas:"a . b" "c d ." ". e f" "g . h";}
.equipe .wrapper-bar:nth-child(4) .team-grid {grid-template-areas:". a b" "c d e" "f . g" ". h i" "j . k" "l m ." "n . o" ". p q" "r s t";}
.equipe .team-grid {grid-template-columns: 1fr 1fr 1fr;}
.menu--inner {padding-left: 0;}
.menu-icon.open .menu-bar:nth-child(1) {transform: rotate(45deg) translateY(3px) translateX(4px);}
.wrapper-bar {padding: var(--padl);}
.wrapper-l {padding-left: 0;}
.section-thumb .section-thumb--wrapper {left: 0; width: 100%; height: 100%;}
.wrapper-marquee {margin-left: 0; width: 100%;}
.first.page {padding-top: calc(var(--pad) * 2);}
.homepage .wrapper {padding:calc(var(--padl) * 2) var(--padl);}
.button, .mailerlite-subscribe-submit {height: 3rem;}
.mailerlite-subscribe-submit {position:relative;}
.thumb-page, .galerie .galerie-thumb:nth-child(1) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(4) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(5) .galerie-thumb--wrapper, .thumb-m, .thumb-s, .historique-thumb, .realisation-thumb--wrapper, .galerie .galerie-thumb:nth-child(2) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(3) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(6) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(7) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(8) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(9) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(10) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(11) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(12) .galerie-thumb--wrapper, 
.galerie .galerie-thumb:nth-child(13) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(14) .galerie-thumb--wrapper  {height:15rem;}
.galerie .galerie-thumb:nth-child(2), .galerie .galerie-thumb:nth-child(3), .galerie .galerie-thumb:nth-child(6), .galerie .galerie-thumb:nth-child(7), .galerie .galerie-thumb:nth-child(9), .galerie .galerie-thumb:nth-child(11),
.galerie .galerie-thumb:nth-child(14){width: 100%;}
.realisation-item, .realisation-item  .flex {flex-direction:column;}
.realisation-item .grid-padl {grid-gap: var(--pad);}
.realisation-thumb--wrapper {width: 100%; height: 15rem; min-width: 100%;}
.realisation-meta {flex-direction: column; align-items: flex-start;}
.formulaire input[type="file"], .formulaire input, .select-selected, .mailerlite-form-field input {padding: 1rem 2rem;}
.follow {grid-gap:1rem;}
.footer.wrapper-bar {padding:var(--padl) var(--padl) calc(var(--padl) + 4rem) var(--padl);}
.footer .title-circle .grid-pads {grid-gap:1rem;}
.footer .wrapper-m-tb {flex-direction:column; grid-gap:var(--padl);}
.footer .content-30 {width: 100%;}
.footer-links .underline {flex-direction:column; grid-gap:1rem;}
.marsrouge {right: var(--padl); bottom:calc(var(--padl) + 4rem);}	
.nav-btn {height:3rem; width:3rem;}
.vos-envies .wrapper-bar {padding: var(--padl);}
.vos-envies .surtitre {left:var(--padl); width: calc(100% - var(--padl) - var(--padl));}
.nav-btn.nav-left.fx {transform:rotate(90deg);}
.nav-btn.nav-right.fx {transform:rotate(-90deg);}
.galerie.height-100 {height:60vh;}
.swiper-slide .galerie-title {width:100%;}
.overlay-devis {display:none;}
.overlay-mobile {display:grid; grid-template-columns:1fr 1fr;}
.realisation-item .flex {order:2;}
.realisation-thumb--wrapper {order:1;}
}
@media screen and (max-width:650px) {
:root {
--padl: 2rem;
--pad: 2rem;
--padm: 2rem;
}
body, .font-size--normal {font-size: .9rem;}
.font-size--b {font-size: 7vw;}
.font-size--c {font-size:6vw;}
.font-size--d {font-size:5.5vw;}
.font-size--e, .select-items div {font-size: .7rem;}
.menu-principal, .coordonnees .font-size--d {font-size: 4vw;}
.first.page, .single-realisation {padding-top: calc(var(--pad) * 3);}
.homepage {margin-top: 6rem;}
.homepage .wrapper {padding:var(--padl) var(--padl) calc(var(--padl) + 3rem) var(--padl);}
.overlay-menu--cta, .menu-close {height:3rem;}
.legende svg {width:.4rem;}
.wrapper-marquee {height:3rem;}
.equipe .wrapper-bar:nth-child(1) .team-grid {grid-template-areas:"a" "b" "c" "d" "e" "f" "g";}
.equipe .wrapper-bar:nth-child(2) .team-grid {grid-template-areas:"a" "b" "c" "d" "e" "f" "g" "h";}
.equipe .wrapper-bar:nth-child(3) .team-grid {grid-template-areas:"a" "b" "c" "d" "e" "f" "g" "h";}
.equipe .wrapper-bar:nth-child(4) .team-grid {grid-template-areas:"a" "b" "c" "d" "e" "f" "g" "h" "i" "j" "k" "l" "m" "n" "o" "p" "q" "r" "s" "t";}
.equipe .team-grid {grid-template-columns:1fr;}
.thumb-page, .galerie .galerie-thumb:nth-child(1) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(4) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(5) .galerie-thumb--wrapper, .thumb-m, .thumb-s, .historique-thumb, .realisation-thumb--wrapper, .galerie .galerie-thumb:nth-child(2) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(3) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(6) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(7) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(8) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(9) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(10) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(11) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(12) .galerie-thumb--wrapper,
.galerie .galerie-thumb:nth-child(13) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(14) .galerie-thumb--wrapper {height:15rem;}
.galerie .galerie-thumb:nth-child(2), .galerie .galerie-thumb:nth-child(3), .galerie .galerie-thumb:nth-child(6), .galerie .galerie-thumb:nth-child(7), .galerie .galerie-thumb:nth-child(9), .galerie .galerie-thumb:nth-child(11),
.galerie .galerie-thumb:nth-child(14) {width: 100%;}
.height-100 {height:17rem;}
.error img {width:100%;}
.menu-principal {height: calc(7vh * 6); padding:calc(var(--padl) * 3) var(--padl) var(--padl) var(--padl); grid-template-columns: 1fr;}
.menu-principal .menu-item {height: 7vh;}
.menu--inner .follow {position: absolute; bottom: 5rem; right: 2rem;}
.menu-stuff .coordonnees {flex-direction: initial; text-align: left;}
.footer.wrapper-bar {padding:var(--padl) var(--padl) calc(var(--padl) + 3rem) var(--padl);}
.marsrouge {right: var(--padl); bottom:calc(var(--padl) + 3rem);}	
.item-navigation {grid-gap: 1rem;}
.label-nav > svg {width:.7rem;}
.galerie.height-100 {height:22rem;}
.formulaire textarea {height: 15rem;}
.label {margin-bottom:1rem;}
.wpcf7-radio {row-gap: .5rem; flex-direction: column;}
.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {margin-right:.5rem;}
.overlay-mobile {height:3rem;}
.button, .mailerlite-subscribe-submit {height: 2.5rem;}
.item-link--rounded {padding:1rem 0;}
.item-link--rounded:hover {color:var(--vert); padding:1rem;}
.realisation-item {padding:var(--padm) 0;}
}
@media screen and (max-width:650px) {
.menu-principal .menu-item {height: 6vh;}
.thumb-page, .galerie .galerie-thumb:nth-child(1) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(4) .galerie-thumb--wrapper, 
.galerie .galerie-thumb:nth-child(5) .galerie-thumb--wrapper, .thumb-m, .thumb-s, .historique-thumb, .realisation-thumb--wrapper, 
.galerie .galerie-thumb:nth-child(2) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(3) .galerie-thumb--wrapper, 
.galerie .galerie-thumb:nth-child(6) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(7) .galerie-thumb--wrapper, 
.galerie .galerie-thumb:nth-child(8) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(9) .galerie-thumb--wrapper, 
.galerie .galerie-thumb:nth-child(10) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(11) .galerie-thumb--wrapper, 
.galerie .galerie-thumb:nth-child(12) .galerie-thumb--wrapper, .galerie .galerie-thumb:nth-child(13) .galerie-thumb--wrapper, 
.galerie .galerie-thumb:nth-child(14) .galerie-thumb--wrapper {height:13rem;}
}