/*
Theme Name: Mars Rouge
Theme URI: https://www.marsrouge.pro
Author: Mars Rouge
Author URI: https://www.marsrouge.pro
Version: 3.0
*/

@CHARSET "UTF-8";

@font-face {
	font-family: 'regular';
	src: url("assets/fonts/HKGrotesk-Regular.woff") format("woff"), url("/assets/fonts/HKGrotesk-Regular.woff2") format("truetype"), url("assets/fonts/HKGrotesk-Regular.svg") format("svg");
	font-weight: normal; 
	font-style: normal;
	}
	
@font-face {
	font-family: 'medium';
	src: url("assets/fonts/HKGrotesk-Medium.woff") format("woff"), url("assets/fonts/HKGrotesk-Medium.woff2") format("truetype");
	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:#e0d8cd;
	--rouge:#dd4d42;	
	--noir:#231f20;
	--beige:#b0a99f;
	--pad:200px;
	--padm:100px;
	
} 

html {background:#ffffff;}
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 {font-family: 'regular', sans-serif; background:var(--noir); color:var(--blanc); line-height: 1.5; font-weight:400; webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: 0.3s ease-out;}

a {color:var(--noir); outline:none; webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; text-decoration:none;}
a:hover {color:var(--beige);}
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);}

strong {font-family: 'medium'; font-weight:400;}
sup {font-size:.6em; vertical-align:super; margin-left:-.3em;}
p {margin-bottom:calc(var(--pad) / 2);}
p:last-child, .article p:last-child {margin-bottom:0!important;}	
 
section {position:relative; clear:both; transform-style:preserve-3d;}
button {border:0;}
li {list-style: none; margin-bottom:.5rem;}
li:last-child {margin-bottom:0;}
 
.center {text-align:center;}
.right {text-align:right;}
.img img {width:100%; height:auto;}
.difference {-webkit-mix-blend-mode: difference; -moz-mix-blend-mode: difference; -o-mix-blend-mode: difference; -ms-mix-blend-mode: difference; mix-blend-mode:difference;}

.btn {width: 10vw; height: 10vw; position:relative; display:flex; align-items:center;}
.btn:before {content: ''; position: absolute; background: var(--noir); width:100%; height:100%; display: block; border-radius: 50%; z-index:-1; transition:.4s; transition-timing-function:ease-in-out;}
.btn:hover::before {transform:scale(1.3);}
.btn span {color:var(--blanc); text-align:center; padding: 0 2rem; display: block; line-height:1;}

.grecaptcha-badge {visibility: hidden!important; pointer-events:none!important; display:none!important;}
 
 
 
/* FONTS */
 
body, .liste-reconnaissance div:nth-child(3) {font-size:1.4rem;}
h1, h2, h3 {line-height:1; margin-bottom:var(--pad);}
h4 {font-weight:inherit; font-size:inherit;}
.font-title, .font-xm, .menu-principal {font-family: ivymode, sans-serif; font-weight: 400; font-style: normal;}
.font-title, .menu-principal {font-size:14.5vh; line-height:1;}
.font-xm {font-size:5.5vh; line-height:1.2; margin-bottom:var(--padm)}
.font-xs{font-size:1.2rem; line-height:1;}
.uppercase {text-transform:uppercase;}
.font-xss, .wp-caption-text {font-family: 'medium', sans-serif; font-size:.7rem; margin-bottom:2rem; display:block;}
.font-title--mbot {margin-bottom:var(--padm);}
.title-neg {margin-top:-10vw;}
.article h3 {font-family: 'regular';}
.article-contenu a {color:var(--rouge); background-image: linear-gradient(var(--rouge), var(--rouge))!important; padding-bottom:.2rem!important;}
.article-contenu h3, .article-contenu h4 {font-family: 'medium'!important; font-size: 1.5rem!important;}
.article-contenu h4 {color:var(--beige);}

button {font-size:inherit; transition:.3s;}
button:hover {cursor:pointer;}

.underline a {text-decoration:none; background-position:bottom; background-repeat:no-repeat; background-image:linear-gradient(var(--beige), var(--beige));
background-size:100% 1px; webkit-transition:all .4s; -moz-transition:all .4s; transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; padding-bottom:.6rem; transition-timing-function:ease-in-out;}
.underline a:hover {background-size:0% 1px;}



/* SCROLL */

.smooth-scroll {width:100%; overflow:hidden!important; transition:.9s ease; 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; }
.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: 11px; 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:5px; border-radius:10px; margin: 3px; 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;}
.smooth-scroll--menu {transform:translateX(-100%); opacity:0;}



/* CURSOR */

.cursor {z-index: 1000000; width: 10px; height: 10px; background-color:transparent; border:1px solid var(--rouge); transition-timing-function: ease-out; border-radius: 50%; position: fixed; pointer-events: none; transform: translate(-50%, -50%); transition: height 500ms, width 500ms;}
.cursor__icon {position: relative; width: 100%; height: 100%;}
.cursor__voir, .cursor__decouvrir, .cursor__lire, .cursor__contact {color:var(--blanc); top: 50%; left: 50%; transform:translate(-50%,-50%) scale(0); display: block; position: absolute; opacity: 0; transition: all 400ms; line-height:1.4; text-align:center;}
.cursor.state--voir, .cursor.state--decouvrir, .cursor.state--lire, .cursor.state--contact {width: 10vw; height: 10vw; border:none; background:var(--rouge);}
.cursor.state--voir .cursor__voir, .cursor.state--decouvrir .cursor__decouvrir, .cursor.state--lire .cursor__lire, .cursor.state--contact .cursor__contact {opacity: 1; transform:translate(-50%,-50%) scale(1);}
.cursor.state--transition-movement {transition: height 400ms, width 400ms, left 400ms, top 400ms;}
.cursor.state--link {width:5vw; height:5vw; background-color:var(--noir); -webkit-mix-blend-mode: difference; -moz-mix-blend-mode: difference; -o-mix-blend-mode: difference; -ms-mix-blend-mode: difference; mix-blend-mode:difference!important; border:none;}
a.hover-voir, a.hover-decouvrir, a.hover-lire,  a.hover-contact {display:block;}
.cursor__inview {background-color:var(--noir)!important;}
.cursor__btn {background-color:var(--blanc)!important;}
.cursor__transparent {background-color:transparent!important;}



/* IS READY */

body.unload .loading:before {height:100%!important; bottom:0!important; transition:.3s!important;}

html.is-ready .contact-w {transition-delay:.8s;}
html.is-ready .menu-lang {transition-delay:1.2s;}
.menu-links li:nth-child(1) {transition-delay:.5s;}
.menu-links li:nth-child(2) {transition-delay:.6s;}
.menu-links li:nth-child(3) {transition-delay:.7s;}
html.is-ready .menu-line--delay:before {transition-delay:1s;}

.logo-letter:nth-child(1) {transition-delay:.4s!important;}
.logo-letter:nth-child(2) {transition-delay:.45s!important;}
.logo-letter:nth-child(3) {transition-delay:.5s!important;}
.logo-letter:nth-child(4) {transition-delay:.55s!important;}
.logo-letter:nth-child(9) {transition-delay:.6s!important;}
.logo-letter:nth-child(5) {transition-delay:.65s!important;}
.logo-letter:nth-child(6) {transition-delay:.7s!important;}
.logo-letter:nth-child(7) {transition-delay:.75s!important;}
.logo-letter:nth-child(8) {transition-delay:.8s!important;}

html.is-ready .subtitle-first {transition-delay:.7s!important;}
html.is-ready .realisation-col1 {transition-delay:1.3s;}
html.is-ready .realisation-col2 {transition-delay:1.5s;}



/* OVERLAY */

.header {position:fixed; width:100%; top:0; pointer-events:none; z-index:10; -webkit-mix-blend-mode: difference; -moz-mix-blend-mode: difference; -o-mix-blend-mode: difference; -ms-mix-blend-mode: difference; mix-blend-mode:difference;}
.logo-w {width: var(--pad); height: var(--pad); top:0; left:0; justify-content: center; align-items: center; position:fixed; z-index:200;}
.logo {pointer-events:auto; display:block; width:4rem; height:auto;}
.logo svg {fill:var(--blanc); overflow:initial;}
.logo .logo-letter {display:block; transform:translateY(5rem); opacity:0; transition-timing-function:ease-out; transition:.7s; position:relative;}
html.is-ready .logo-letter {opacity:1; transform:none;}

.menu-links {position:absolute; top:0; right:var(--pad); height:var(--pad); justify-content:center; align-items:center; pointer-events:none; z-index:5;}
.menu-links a {color:var(--blanc);}
.menu-links a:hover {color:var(--blanc); opacity:.3;}
.menu-links li {display:inline-block; margin-bottom:0; margin-right:4rem; pointer-events:auto; overflow:hidden;}
.menu-links li:last-child {margin-right:0;}
.menu-links li {display:block; transform:none; transition:.4s; top:2rem; opacity:0; position:relative; transition-timing-function:ease-out; pointer-events:none;}
html.is-ready .menu-links li {top:0; opacity:1; pointer-events:auto;}

html.is-ready .contact-w {transform:none; opacity:1;}
.contact-w {position:fixed; width:var(--pad); height:var(--pad); bottom:0; right:0; pointer-events:none; justify-content: center; align-items: center; transform:scale(0) rotate(-180deg); opacity:0; transition:.5s; transition-timing-function:ease-in-out; z-index:10; -webkit-mix-blend-mode: difference; -moz-mix-blend-mode: difference; -o-mix-blend-mode: difference; -ms-mix-blend-mode: difference; mix-blend-mode:difference;}
.contact-btn {pointer-events:auto; width:80%; height:80%; border-radius:50%; justify-content: center; align-items: center; z-index:10; overflow:hidden; position:relative;}
.contact-btn:before {content:''; position:absolute; width:80%; height:80%; border:1px solid rgba(224,216,205,.1); border-radius:50%; transition:.4s;}
.contact-smile {width:30%; height:30%; display:block; position:absolute; transition:.4s;}
.contact-smile svg {fill:var(--blanc);}
.contact-txt {width:60%; height:60%; display:block; position:absolute; pointer-events:none;}
.contact-txt svg {fill:var(--blanc);}
.spin-down {-webkit-animation:spindown 5s linear infinite; -moz-animation:spindown 5s linear infinite; animation:spindown 5s 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);}}
.spin-top {-webkit-animation:spintop 5s linear infinite; -moz-animation:spintop 5s linear infinite; animation:spintop 5s linear infinite;}
@-moz-keyframes spintop {100% {-moz-transform: rotate(-360deg);}}
@-webkit-keyframes spintop {100% {-webkit-transform: rotate(-360deg);}}
@keyframes spintop {100% {-webkit-transform: rotate(-360deg); transform:rotate(-360deg);}}
.contact-w:hover .contact-btn:before {width:95%; height:95%;}

.menu-lang {position:fixed; width:auto; height:auto; top:50%; right:0; z-index:10; margin-bottom:0; writing-mode:vertical-lr; transform:translateY(-50%); pointer-events:none;
opacity:0; transition-timing-function:ease-out; transition:.6s;}
.menu-lang a {color:var(--blanc); padding:1vw;}
.menu-lang a:hover, .menu-lang a:focus, .menu-lang a:active {opacity:.3;}
html.is-ready .menu-lang {pointer-events:auto; opacity:1; right:calc(var(--pad) / 2 - .5vw);}



/* LOADER */

#loader {position:fixed; height:100%; width:100%; z-index:100; pointer-events:none; display:flex; align-items: center; justify-content: center;}
#loader:before {position:absolute; content:''; background:var(--noir); width:100%; height:100%; top:0; left:0; transition:1s;}
#loader.loading:before {height:0;}
#loader div {color:var(--blanc); position:absolute;}
#loader span {opacity:0; transform:translateY(100%); transition:.3s; display:inline-block;}
#loader .loading-chars span {opacity:1; transform:none;}
#loader span:nth-child(1) {transition-delay:0s;}
#loader span:nth-child(2) {transition-delay:.02s;}
#loader span:nth-child(3) {transition-delay:.04s;}
#loader span:nth-child(4) {transition-delay:.06s;}
#loader span:nth-child(5) {transition-delay:.08s;}
#loader span:nth-child(6) {transition-delay:.1s;}
#loader span:nth-child(7) {transition-delay:.12s;}
#loader span:nth-child(8) {transition-delay:.14s;}
#loader span:nth-child(9) {transition-delay:.16s;}
#loader span:nth-child(10) {transition-delay:.18s;}
#loader span:nth-child(11) {transition-delay:.2s;}
#loader span:nth-child(12) {transition-delay:.22s;}
#loader span:nth-child(13) {transition-delay:.24s;}
#loader span:nth-child(14) {transition-delay:.26s;}
#loader span:nth-child(15) {transition-delay:.28s;}
#loader span:nth-child(16) {transition-delay:.3s;}
#loader span:nth-child(17) {transition-delay:.32s;}
#loader span:nth-child(18) {transition-delay:.34s;}
#loader span:nth-child(19) {transition-delay:.36s;}
#loader span:nth-child(20) {transition-delay:.38s;}
#loader .chars-out {opacity:0; transition:.6s;}



/* MENU */

.menu {position:fixed; pointer-events:none; top:0; right:0; width:var(--pad); height:var(--pad); justify-content:center; align-items:center; z-index:10;}
button.menu-open, button.menu-close--btn {cursor:pointer; pointer-events:auto; background:none; width:50px; height:50px;}
.menu-line {width:100%; height:2px; position:relative;}
.menu-line:before, .menu-line:after {content:''; position:absolute; background:var(--blanc); height:100%; transition:.4s;}
.menu-line-1 {bottom:8px;}
.menu-line-3 {top:8px;}
.menu-line-1:before {left:0; width:0;}
.menu-line-2:before {left:0; width:0;}
.menu-line-3:before {right:0; width:0;}
html.is-ready .menu-line-1:before {width:50%;}
html.is-ready .menu-line-2:before {width:75%;}
html.is-ready .menu-line-3:before {width:50%;}
.menu-open:hover .menu-line:before {width:0;}
.menu-line-1:after {right:0; width:0;}
.menu-line-2:after {right:0; width:0;}
.menu-line-3:after {left:0; width:0;}
.menu-open:hover .menu-line-1:after {width:50%;}
.menu-open:hover .menu-line-2:after {width:75%;}
.menu-open:hover .menu-line-3:after {width:50%;}
.menu-txt {width:70%; height:70%; display: block; position: absolute; pointer-events:none; -webkit-animation:spindown 5s linear infinite; -moz-animation:spindown 5s linear infinite; animation:spindown 5s linear infinite;}
.menu-txt svg {width:100%; fill:var(--blanc); transform:scale(.7); opacity:0; transition:.4s;}
.menu:hover .menu-txt svg {transform:none; opacity:1;}

.menu-open--icon {pointer-events:none!important;}
.menu-open--icon .menu-line-1:before {width:0%!important;}
.menu-open--icon .menu-line-2:before {width:0%!important;}
.menu-open--icon .menu-line-3:before {width:0%!important;}

button.menu-close--btn {display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; opacity:0; transform:scale(.3); transition:.3s;}
.mainmenu-close button.menu-close--btn {opacity:1; transform:scale(1);}
.menu-close {position:fixed; top:0; right:0; width:var(--pad); height:var(--pad); z-index:0; pointer-events:none; justify-content:center; align-items:center; z-index:10;}
.menu-close.mainmenu-close {z-index:20; visibility:visible; pointer-events:auto;}
.menu-close--line-1, .menu-close--line-2 {width:50%; height:2px; background:var(--noir); transition:.4s;}
.menu-close--line-1 {transform:rotate(45deg);}
.menu-close--line-2 {transform:rotate(-45deg); margin-top: -2px;}
.menu-close:hover .menu-close--line-1, .menu-close:hover .menu-close--line-2 {width:100%;}
.menu-close:hover .menu-txt svg {transform:none; opacity:1;}
.menu-close:hover .menu-close--line-1, .menu-close:hover .menu-close--line-2 {background:var(--blanc);}

.mainmenu {width:100%; height:100%; position:fixed; top:0; left:0; z-index:9; pointer-events:none; visibility:hidden; overflow:hidden;}
.mainmenu a {color:var(--noir);}
.mainmenu a:hover, .mainmenu a:active, .mainmenu a:focus {color:var(--blanc);}
.mainmenu-open {pointer-events:auto; visibility:visible; transition:.8s;}
.mainmenu-container {width:100%; height:100%; position:absolute; left:0; top:0;}
.mainmenu-w {width:100%; position:absolute; left:0; padding:0 var(--pad); top:50%; transform:translateY(-50%);}
.mainmenu-bg {content:''; background:var(--rouge); position:absolute; width:0; height:100%; top:0; right:0; transition:.8s ease;}
.mainmenu-open .mainmenu-bg {width:100%;}
.mainmenu-principal, .mainmenu-secondaire {position:relative;}
.mainmenu-secondaire {flex-direction:column; justify-content:space-between; margin-left:var(--pad);}
.cursor-menu {border:1px solid var(--blanc);}

.menu-logo, .menu-contact {mix-blend-mode:initial;}
.menu-logo:hover svg {fill:var(--blanc)!important;}
.menu-logo svg, .menu-contact svg {fill:var(--noir)!important;}
.menu-contact .contact-btn:before {border:1px solid rgba(35, 31, 32, 0.1)!important;}
.menu-contact .contact-btn:after {content:''; background:var(--blanc)!important; position:absolute; width:50%; height:50%; transition:.4s; border-radius:50%; opacity:0; z-index:-1;}
.menu-contact:hover .contact-btn:after {width:95%; height:95%; opacity:1;}
.menu-lang--open a {color:var(--noir)!important;}
.menu-lang--open a:hover, .menu-lang--open a:focus, .menu-lang--open a:active {opacity:1; color:var(--blanc)!important;}

.mainmenu-principal, .mainmenu-secondaire {opacity:0; transition:.5s; visibility: hidden; pointer-events:none;}
.mainmenu-principal--open, .mainmenu-secondaire--open {opacity:1; visibility:visible; pointer-events:auto; transition:.5s;}
.mainmenu .splitting .char:before, .mainmenu .splitting .char:after {content:none;}
.mainmenu a {color:var(--noir);}
.mainmenu a:hover {color:var(--blanc);}
.mainmenu-principal li {margin-bottom:1vw;}
.mainmenu-principal li a:hover .char {color:var(--blanc);}
.mainmenu-principal li:last-child {margin:.5vw 0 0 0;}
.mainmenu-principal li .char {transform:translateY(50%)!important; opacity:0!important; transition:.5s ease!important;}

.mainmenu-principal--open.mainmenu-principal li .char {opacity:1!important; transform:none!important;}
.mainmenu-principal--open.mainmenu-principal li .char:nth-child(1) {transition-delay:0s!important;}
.mainmenu-principal--open.mainmenu-principal li .char:nth-child(2) {transition-delay:.02s!important;}
.mainmenu-principal--open.mainmenu-principal li .char:nth-child(3) {transition-delay:.04s!important;}
.mainmenu-principal--open.mainmenu-principal li .char:nth-child(4) {transition-delay:.06s!important;}
.mainmenu-principal--open.mainmenu-principal li .char:nth-child(5) {transition-delay:.08s!important;}
.mainmenu-principal--open.mainmenu-principal li .char:nth-child(6) {transition-delay:.10s!important;}
.mainmenu-principal--open.mainmenu-principal li .char:nth-child(7) {transition-delay:.12s!important;}
.mainmenu-principal--open.mainmenu-principal li .char:nth-child(8) {transition-delay:.14s!important;}
.mainmenu-principal--open.mainmenu-principal li .char:nth-child(9) {transition-delay:.16s!important;}
.mainmenu-principal--open.mainmenu-principal li .char:nth-child(10) {transition-delay:.18s!important;}
.mainmenu-principal--open.mainmenu-principal li .char:nth-child(11) {transition-delay:.2s!important;}
.mainmenu-principal--open.mainmenu-principal li .char:nth-child(12) {transition-delay:.22s!important;}

.menu-secondaire li {width:auto;}
.menu-secondaire a {display:block;}
.mainmenu-secondaire li {opacity:0; pointer-events:none; transform:translateY(-100%); transition:.4s ease-out;}
.mainmenu-secondaire--open li {opacity:1; pointer-events:auto; transform:none;}
.mainmenu-secondaire li:nth-child(2) {transition-delay:0s;}
.mainmenu-secondaire li:nth-child(3) {transition-delay:.03s;}
.mainmenu-secondaire li:nth-child(4) {transition-delay:.06s;}
.mainmenu-secondaire li:nth-child(5) {transition-delay:.09s;}
.mainmenu .follow li:nth-child(1) {transition-delay:.11s;}
.mainmenu .follow li:nth-child(2) {transition-delay:.14s;}
.mainmenu .follow li:nth-child(3) {transition-delay:.17s;}
.mainmenu .follow li:nth-child(4) {transition-delay:.20s;}
.mainmenu .follow li:nth-child(5) {transition-delay:.23s;}

.current-menu-item a {color:var(--blanc)!important;}



/* GRID + FLEX + WRAPPER */

.absolute {position:absolute;}
.grid {display:grid;}
.flex {display:flex;}
.aligncenter {justify-content:center;}
.alignright {justify-content:flex-end;}
.alignbottom {align-content:flex-end; align-items:flex-end;}
.justify {justify-content:space-between;}
.baseline {align-items:baseline;}

.grid-pad {grid-gap:var(--pad);}
.grid-padm {grid-gap:var(--padm);}
.col-2 {grid-template-columns: 1fr 1fr;}
.col-2-1 {grid-template-columns: 2fr 1fr;}
.col-1-2 {grid-template-columns: 1fr 2fr;}
.col-1-3 {grid-template-columns: 1fr 3fr;}
.col-3 {grid-template-columns: 1fr 1fr 1fr;}
.col-3-1 {grid-template-columns: 3fr 1fr;}
.col-4-1 {grid-template-columns:4fr 1fr;}
.col-5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.col-1-4-1 {grid-template-columns: 1fr 4fr 1fr;}
.col-1-4-2 {grid-template-columns: .5fr 4fr 1.5fr;}
.col-1-4 {grid-template-columns: 1fr 4fr;}
.column {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}

.bloc-3 {margin-left:25%;}
.bloc-3r {margin-right:25%;}
.bloc-2 {margin-left:50%;}
.bloc-2r {margin-right:50%;}

.container {width:calc(100% - calc(var(--pad) * 2)); margin:0 auto; position:relative;}
.wrapper {padding:var(--pad);}
.wrapper-xl-t {padding-top:calc(var(--pad) * 1.5);}
.wrapper-xl-b {padding-bottom:calc(var(--pad) * 1.5);}
.wrapper-m-t {padding-top:var(--pad);}
.wrapper-m-b {padding-bottom:var(--pad);}
.wrapper-s-t {padding-top:var(--padm);}
.wrapper-s-b {padding-bottom:var(--padm);}
.wrapper-xs-t {padding-top:calc(var(--padm) / 2);}
.wrapper-xs-b {padding-bottom:calc(var(--padm) / 2);}



/* CONTENT */

.noise {top: 0; left: 0; width: 100%; height: 100vh; display: block; z-index: 9999; overflow: hidden; position: fixed; pointer-events: none;}
.noise::after {top: -10rem; left: -10rem; width: calc(100% + 20rem); height: calc(100% + 20rem); content: ""; position: absolute; animation: noise 1s steps(2) infinite; background-image: url(assets/img/noise.png); background-position: 50%;}
@-moz-keyframes noise {0% {transform: translate3d(0,9rem,0);} 10% {transform: translate3d(-1rem,-4rem,0);} 20% {transform: translate3d(-8rem,2rem,0);} 30% {transform: translate3d(9rem,-9rem,0);} 40% {transform: translate3d(-2rem,7rem,0);} 50% {transform: translate3d(-9rem,-4rem,0);} 60% {transform: translate3d(2rem,6rem,0);} 70% {transform: translate3d(7rem,-8rem,0);} 80% {transform: translate3d(-9rem,1rem,0);} 90% {transform: translate3d(6rem,-5rem,0);} to {transform: translate3d(-7rem,0,0);}}

.section-first {padding-top:35vh; height:100vh;}
.section-first .title-home {width:90%;}
.section-first .font-title {;}

h1.subtitle {font-size:inherit; font-weight:400;}
.subtitle, .subtitle-first {margin-bottom:calc(var(--padm) / 2.5); opacity:0; top:3rem; transition:.5s; transition-timing-function:ease-out; pointer-events:none; position:relative;}
.subtitle span {margin-right:6rem; position:relative;}
.subtitle span:first-child::before {content:none;}
.subtitle span:before {content: ''; width: 3rem; background: var(--beige); opacity: .5; position: absolute; left: -4.5rem; height: 1px; display: inline; top: .9rem;}
.subtitle.is-inview {top:0; opacity:1; pointer-events:auto; transition-delay:.6s;}
html.is-ready .subtitle-first {top:0; opacity:1; pointer-events:auto;}
.subtitle-spin:after {content:'';}
.subtitle-day:after {animation: spin-day 7s linear infinite;}
.subtitle a {color:inherit;}
.homepage h3:first-child {margin-top:0;}

@keyframes spin-day {
	
  0% {content:"Bonjour !";}
  20% {content:"Hello !";}
  40% {content:"Guten Tag !";}
  60% {content:"Buongiorno !";}
  80% {content:"¡ Buenos dias !";}
  100% {content: "Bonjour !";}
  
}

.subtitle-night:after {animation: spin-night 7s linear infinite;}

@keyframes spin-night {
	
  0% {content:"Bonsoir !";}
  20% {content:"Good evening !";}
  40% {content:"Guten Abend !";}
  60% {content:"Buonasera !";}
  80% {content:"¡ Buenas noches !";}
  100% {content: "Bonsoir !";}
  
}

.liste li .font-title {line-height:1.3;}
.liste li, .text-defile .font-title li {margin-bottom:0; width:100%; position:relative; white-space: nowrap; margin:0;}
.liste li:first-child::before {content:none;}
.liste li:before {content:''; position:absolute; background:var(--beige); width:0; left:0; top:0; height:1px; transition:1.2s; transition-delay:.3s;}
.liste li.is-inview:before, .item-bloc.is-inview:before {width:100%;}
.liste li:after {content:''; position:absolute; bottom:0; top:0; left:0; right:0; z-index:-1; transform:scaleY(0); transform-origin:center top; background-color:var(--noir); transition:transform .5s cubic-bezier(.215,.61,.355,1);}
.liste li:hover::after {transform:scaleY(1); transform-origin:center bottom;}

.liste h2, .liste .font-title {margin-bottom:0;}
.liste a:hover {color:var(--blanc);}
.liste.defile h2, .liste.defile .font-title, .text-defile .font-title {margin:0 2vw; left:-10vw; position:relative;}
.liste.defile h2:after, .liste.defile .font-title:after, .text-defile .font-title:after {content:attr(data-text) attr(data-text) attr(data-text) attr(data-text) attr(data-text) attr(data-text); position:absolute; white-space:nowrap; padding-left:3.4vw;}

.hover-reveal {position: absolute; width: 50vw; height: 80vh; top: 0; left: 0; pointer-events: none; opacity: 0; z-index:1;}
.hover-reveal__inner, .hover-reveal__img {width: 100%; height: 100%; position: relative;}
.hover-reveal__deco {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: var(--rouge);}
.hover-reveal__img {background-size: cover; background-position: 50% 50%;}

.quote span.font-title {white-space: nowrap; position:relative; width:100%; display:block;}
.quote span.font-title:nth-child(2) {opacity:.6;}
.quote span.font-title:nth-child(3) {opacity:.2;}

.items-container {margin-top:var(--padm);}
.item-bloc {padding:var(--padm) 0;}
.item-bloc:before {content:''; position:absolute; background:var(--beige); width:0; left:0; bottom:0; height:1px; transition:1.2s; transition-delay:.3s;}
a.item-bloc {webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; position:relative;}
.item-bloc h2, .item-bloc h3 {margin-bottom:0;}
.item-meta span {display:block;}
.item-meta span:nth-child(1) {margin-bottom:1rem;}
.item-bloc .hover-reveal {position: absolute; width: 25vw; height:25vw; top: 0; right: 0; pointer-events: none; opacity: 0; z-index:-1; margin-left:-5vw; margin-top:15vw;}
.item-bloc .hover-reveal__img {border-radius:50%;}

.section-col-2 .font-xm {margin-bottom:0;}

.table {border-top:1px solid var(--beige); border-left:1px solid var(--beige);}
.table div {padding: 3rem 0; position:relative;}
.table img {width:auto; height:auto; pointer-events:none;}
.table div:before {content:''; background:var(--beige); position:absolute; width:1px; height:100%; right:0; top:0;}
.table div:after {content:''; background:var(--beige); position:absolute; width:100%; height:1px; left:0; bottom:0;}

.awards {position:absolute; z-index:-1; top:50%; right:0; pointer-events:none;}
.awards-w {position:relative; width:30vw; height:30vw; opacity:0; transform:scale(.5); transition:.6s;}
.is-inview .awards-w {opacity:1; transform:none; transition-delay:.2s;}
.awards-pic {width:100%; height:100%; position:relative; overflow:hidden; background:var(--beige); border-radius:50%; background-size:cover; -webkit-background-size: cover;}
.awards-stars img {height:100%; width:100%;}
.stars--1 {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-animation: rotation1 12s linear infinite;}
.stars--2 {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-animation: rotation2 10s linear infinite; opacity:.6;}
.stars--3 {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-animation: rotation3 7s linear infinite; opacity:.4;}
.stars--4 {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-animation: rotation4 5s linear infinite; opacity:.2;}

@-webkit-keyframes rotation1 {from{-webkit-transform:scale(.9) rotate(0deg);} to{-webkit-transform:scale(.9) rotate(360deg);}}
@-webkit-keyframes rotation2 {from{-webkit-transform:scale(1.2) rotate(0deg);} to{-webkit-transform:scale(1.2) rotate(-360deg);}}
@-webkit-keyframes rotation3 {from{-webkit-transform:scale(1.4) rotate(0deg);} to{-webkit-transform:scale(1.4) rotate(360deg);}}
@-webkit-keyframes rotation4 {from{-webkit-transform:scale(1.6) rotate(0deg);} to{-webkit-transform:scale(1.6) rotate(-360deg);}}

.letters-w {width:100%; height:1000%; position:absolute; z-index:-1; pointer-events:none;}
.letter {position:absolute; width:25%; pointer-events:none; opacity:0;}
.is-inview.letter {stroke-dasharray:4000; stroke-dashoffset:0; opacity:1; -webkit-animation: dash 5s ease-in forwards; animation: dash 5s ease-in forwards; -moz-animation: dash 5s ease-in forwards;}
@-webkit-keyframes dash { from {stroke-dashoffset:4000;} to {stroke-dashoffset:0;}}
@keyframes dash { from {stroke-dashoffset:4000;} to {stroke-dashoffset:0;}}
.letter svg {fill:transparent; stroke-width:.6; stroke-miterlimit:.1; stroke:var(--beige);}
.letter-9.letter {width:20%;}
.letter-1 {top:10%; right:var(--pad);}
.letter-2 {top:20%; left:var(--pad);}
.letter-3 {top:30%; left:35%;}
.letter-4 {top:40%; right:var(--pad);}
.letter-5 {top:58%; left:calc(var(--pad) + 5%);}
.letter-6 {top:70%; left:30%;}
.letter-7 {top:80%; right:calc(var(--pad) + 5%);}
.letter-8 {top:90%; left:35%;}
.letter-9 {top:100%; left:calc(var(--pad) + 5%);}

.item-expertise h2 {margin-bottom:0;}
.item-expertise .letter {z-index:-1; width:45%; right:0;}
.item-expertise:nth-child(1) .letter, .item-expertise:nth-child(3) .letter, .item-expertise:nth-child(5) .letter {right:calc(var(--pad) + 15%);}
.item-expertise:nth-child(1) .letter {width:35%;}

.liste-reconnaissance div {display:block;}
.liste-reconnaissance div:nth-child(3) {margin-top:.3rem;}

.blog-legende {border-bottom:1px solid var(--beige); margin-bottom:calc(var(--padm) / 2);}
.blog-legende .cat-active {opacity:.3;}

.image-full {width:100%; height:100vh; position:relative; overflow:hidden; z-index:-1; overflow:hidden;}
.image-full--img {position:absolute; width:100%; height:100%; background-size:cover; opacity:0; transform:scale(1.3); transition:.8s; background-position:center center;}
.is-inview.image-full--img {transform:none; opacity:1; transition-delay:.5s;}

.article {overflow:hidden; position:relative;}
.article.image-full {margin-bottom:var(--pad); z-index:1;}
.article h2:first-child {margin-top:0;}
.article h2, .article h3, .article-contenu h4 {margin-top:5rem;}
.article p, .article h2, .article ul, .article h3, .article-contenu h4 {margin-bottom:2rem!important;}
.article ul {padding-left:8rem;}
.article li {margin-bottom:1rem;}
.article li:before {content:''; width:50px; background:var(--beige); height:1px; position:absolute; left:3rem; margin-top:1rem;}
.article img {width:100%; height:auto;}
.article .wp-caption {width:100%!important; padding-top:3rem;}
.article .wp-caption-text, .photo-legende {text-transform:uppercase; text-align:right; margin-top:1.5rem; padding-bottom:3rem!important; color:var(--beige);}
.photo-legende {margin:0!important; padding:0!important;}
.photo-legende.absolute {width:10%; right:var(--pad); bottom:calc(var(--pad) * 2);}

.sidebar .font-xss {margin-bottom:3rem;}

.sidebar-share {margin-bottom:calc(var(--pad) / 2);}
.sidebar-share li, .caroussel-nav li {position:relative; margin-bottom:0; margin-right:1rem;}
.sidebar-share li:after, .caroussel-nav li:after {content:''; background:transparent; border:1px solid var(--beige); border-radius:50%; width:100%; height:100%; position:absolute; top:-1px; left:-1px; transition:.4s; z-index:-1;}
.sidebar-share li:last-child {margin-left:0;}
.sidebar-share a, .caroussel-nav a {width:60px; height:60px;}
.sidebar-share li:hover::after, .caroussel-nav li:hover::after {transform:scale(1.2); background:var(--beige);}
.sidebar-share svg {fill:var(--noir); transition:.3s; width:1.5rem;}
.sidebar-share a.flex, .caroussel-nav a.flex {align-content:center; align-items:center; justify-content:center;}
.caroussel-nav a {background-image:none!important;}

.sidebar-most-read h3 {margin-bottom:1rem!important;}
.sidebar-most-read a {margin-bottom:3rem;}
.sidebar-most-read a:last-child {margin-bottom:0;}

.liste-arguments .item-argument {padding-bottom:calc(var(--padm) * 1.5);}
.liste-arguments .item-argument:last-child {padding-bottom:0;}
.item-argument h2 {margin-bottom:calc(var(--padm) / 2);}
.item-argument p {padding-bottom:0;}

.realisation-bloc.is-inview {opacity:1!important; transform:none!important;}
.realisation-bloc--thumb.is-inview {width:120%; top:50%!important; opacity:1!important;}



/* REALISATIONS */

.realisation-bloc.is-inview:nth-child(2), .realisation-bloc:nth-child(4), .realisation-bloc:nth-child(6), .realisation-bloc:nth-child(8) {transition-delay:.5s;}
.realisation-bloc {height:45vw; overflow:hidden; position:relative; color:var(--blanc); opacity:0; transform:translateY(15vw); transition:.8s; transition-timing-function: ease-in-out;}
.realisation-bloc.is-inview {opacity:1; transform:none;}
.realisation-bloc--thumb {position:absolute; width:110%; top:100%; left:50%; transform:translate(-50%,-50%); z-index:1; opacity:0;}
.realisation-bloc.is-inview .realisation-bloc--thumb {top:50%; opacity:1; transition-delay:.5s!important; transition:.6s;}
.realisation-bloc img {width:100%; height:auto; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0, 1); 
transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0, 1), 
-webkit-transform 0.6s cubic-bezier(0.4, 0, 0, 1); -webkit-transform: translateZ(0); transform: translateZ(0);}
.realisation-bloc:before {content:''; position:absolute; height:100%; width:100%; top:0; left:0; opacity:0; transition:.6s; background:var(--noir); transition-timing-function:ease-out;}
.realisation-bloc:hover::before {opacity:.1;}
.realisation-bloc:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}
.realisation-bloc--title {width:100%; padding:calc(var(--padm) / 1.5); opacity:0; transform:translateY(3rem); transition:ease-out all.4s; z-index:1; position:absolute;}
.realisation-bloc--title h2, .liste-basic a, .liste-basic h2, .menu-secondaire a, .article h2, .sidebar-most-read h3, .liste-basic h3, .article h3, .formulaire input, .formulaire textarea, .formulaire .wpcf7-checkbox label {font-size:2rem; margin-bottom:0; font-weight:400;}
.realisation-bloc:hover .realisation-bloc--title {opacity:1; transform:none;}
.realisation-bloc--cat {position:absolute; z-index:1; width:auto; white-space: nowrap; bottom:calc(var(--padm) / 1.5); transition:ease-out all.4s; opacity:0; min-width:100%; padding:1rem 0; border-top:1px solid rgba(35,31,32,.1); border-bottom:1px solid rgba(35,31,32,.1);}
.realisation-bloc:hover .realisation-bloc--cat {opacity:1;}
.realisation-bloc--cat-defile {-webkit-animation:defile 5s infinite; width:50vw; -webkit-animation-timing-function:linear; animation:defile 8s infinite; animation-timing-function:linear; position:relative; transform-style:preserve-3d;}
@-webkit-keyframes defile {from {right:-100%;} to {right:100%;}}
@keyframes defile {from {right:-100%;} to{right:100%;}}

.liste-basic a {padding:2.5rem 0; position:relative; display:block; width:100%; border-top:1px solid var(--beige);}
.liste-basic a:last-child {border-bottom:1px solid var(--beige);}
.liste-basic a:after {content:''; position:absolute; bottom:0; top:0; left:0; right:0; z-index:-1; transform:scaleY(0); transform-origin:center top; background-color:var(--noir); transition:transform .5s cubic-bezier(.215,.61,.355,1);}
.liste-basic a:hover::after {transform:scaleY(1); transform-origin:center bottom;}
.liste-basic span, .liste-basic h2 {display:inline-block;}
.liste-basic .col-1-4-1 span {text-align:right;}

.p-first, .realisation-col1, .realisation-col2 {opacity:0; transform:translateY(30%); transition:.8s; transition-timing-function:ease-out; pointer-events:none;}
html.is-ready .p-first {opacity:1; transform:none;}
.realisation-cat {padding-top:.35rem;}
.realisation-cat a {pointer-events:none;}
.realisation-cat h3, .liste-title h2, .liste-title h3 {margin-bottom:1.5rem; font-weight:400; font-size:inherit;}
.title-pad {padding-right:calc(var(--pad) / 2);}
html.is-ready .realisation-col1 {opacity:1; transform:none;}
html.is-ready .realisation-col2 {opacity:1; transform:none;}
.realisation-col2--prix {margin-top:calc(var(--padm) / 2);}
.realisation-col2--prix li {margin-bottom:1rem;}
.realisation-col2--prix li span {display:block;}
.realisation-cat li:last-child h3 {margin-bottom:0;}

.section-realisation {padding-bottom:30vw; margin-bottom:25vw;}
.realisation-thumb {position:absolute; pointer-events:none;}
.projet--charte-colors {grid-auto-flow:column; margin-bottom: -1px;}
.projet-photos .grid {position:relative;}
.projet-photos div {overflow:hidden;}
.projet-photos img {display:block; transition:.8s; transform:scale(1.3); opacity:0;}
.projet-photos img.is-inview {transform:none; transition-delay:.5s; opacity:1;}

.projet-logo {position:relative; overflow:hidden; display: flex;}
.projet--ancien-logo {position:absolute; width:100%; height:100%;}
.projet--ancien-logo a {cursor: pointer; position: absolute; transform: rotate(-90deg) translateX(-50%); top: 50%; transform-origin: center left; left:var(--padm); z-index:1;}
.projet--ancien-logo img {opacity:0; transition:.8s; transform:scale(1.2);}
.projet--ancien-logo-img {opacity:1!important; transform:none!important;}

.item-chiffre--expertise .font-title {font-size:35vw; color:transparent; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:var(--beige); position:relative; text-align:center;}
.item-chiffre {text-align:center; position:relative; margin-bottom:var(--pad);}
.item-chiffre:last-child {margin-bottom:0;}
.item-chiffre--txt {position:absolute; width:100%; height:100%; display:flex; align-items: center; justify-content: center; z-index:1;}
.item-chiffre p {margin-bottom:0; width:50%;}
.item-chiffre--expertise .font-title span {opacity:0; transition:.8s; transform:translateY(50%); display: inline-block;}
.item-chiffre--expertise .is-inview span {opacity:1; transform:none;}
.item-chiffre--expertise .is-inview span:nth-child(1) {transition-delay:.4s;}
.item-chiffre--expertise .is-inview span:nth-child(2) {transition-delay:.5s;}
.item-chiffre--expertise .is-inview span:nth-child(3) {transition-delay:.6s;}

.adresse-img--wp {width: 100%; height: 14.6vw; border-radius: 100%; background-size: cover; background-position: center; display: block;}
.adresse-txt .font-xm {margin-bottom:calc(var(--padm) / 1.5);}
.adresse-txt .font-xss {margin-bottom:1rem;}



/* CAROUSSEL */

.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none;
-khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.caroussel-w {width:100%; position:relative; margin-top:var(--padm);}
ul.caroussel-nav {padding-left:0!important; margin-bottom:0!important; position:fixed; bottom:-1rem; cursor:pointer; z-index:1;}
.caroussel-nav li:before {content:none;}
.caroussel-nav svg {fill:none; transition:.3s; width:1.5rem; stroke-width:1.5rem; stroke:var(--noir);}
.caroussel-item {width:100%; height:70vh; position:relative; overflow:hidden;}
.caroussel-item--img {position:absolute; width:100%; height:100%; background-size:cover; transform:scale(1.2); transition:.6s; opacity:0; background-position:center center;}
.caroussel-item.slick-active .caroussel-item--img {transform:none; transition-delay:.5s; opacity:1;}
.caroussel-stuff {margin-top:calc(var(--padm) / 2);}
.caroussel-nav .prev svg {transform:rotate(-180deg);}
.caroussel-count {position:relative; width:100%; text-align:right;}



/* FORM */

.formulaire-content {padding-top:.5rem;}
.formulaire .grid {grid-gap:calc(var(--padm) / 2);}
.formulaire-item {position:relative; width:100%; border-top:1px solid var(--beige);}
.formulaire-item.last {border-bottom:1px solid var(--beige);}
.formulaire-item .col-1-3 div:nth-child(1), .wpcf7-checkbox {padding:3rem 0;}
.wpcf7-checkbox {display:block;}
.formulaire input, .formulaire textarea {width:100%; padding:3rem 0; border:0; transition:.4s; background:transparent; font-family:'regular';}
.formulaire input {height:var(--padxs);}
.textarea {margin:var(--padxs) 0;}
textarea {resize: none; height:30vh;}

.wpcf7-form input[type="radio"], .wpcf7-form input[type="checkbox"] {display: none;}
.wpcf7-radio label, .wpcf7-checkbox label {top:0rem!important; padding:0 0 1.5rem 0; display:block;}
span.wpcf7-list-item {margin:0!important;}
.wpcf7-list-item-label {color:var(--noir)!important;}
.wpcf7-list-item .hover-link {cursor:pointer!important;}
.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {background: none; border: 1px solid var(--beige); border-radius: 50%; margin-top: -10px; margin-right:20px; display:inline-block; vertical-align:middle; content:''; width:20px; height:20px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before {background:var(--rouge); border-color:var(--rouge);}
.wpcf7-list-item.last label {padding:0!important;}

button[type="submit"] {color:var(--blanc); font-family:'regular'; width: 10vw; height: 10vw; border:none; position:relative; background:transparent;}
button[type="submit"] span:before {background:var(--rouge); position:absolute; content:''; width:100%; height:100%; border-radius:50%; top:0; left:0; z-index:-1; transition:.5s;}
button[type="submit"]:hover span:before {transform:scale(1.3);}

::-webkit-input-placeholder {opacity: .2; -webkit-transition: opacity .5s; transition: opacity .5s;}
:-moz-placeholder {opacity: .2; -moz-transition: opacity .5s; transition: opacity .5s;}
::-moz-placeholder {opacity: .2; -moz-transition: opacity .5s; transition: opacity .5s;}
:-ms-input-placeholder {opacity: .2; -ms-transition: opacity .5s; transition: opacity .5s;}
::placeholder {opacity: .2; 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;}

.screen-reader-response, .wpcf7-response-output {display:none;}
.wpcf7-not-valid-tip {text-transform: uppercase; color:var(--rouge); font-size: .7rem; font-family: 'medium'; width: 100%; position: relative; display: block; padding-bottom: 3rem;}



/* FOOTER */

.footer {height:100vh; margin-top:calc(var(--pad) * 1.5);}
.footer, .footer a {color:var(--blanc);}
.footer-w {transition: background-color 2s ease-out; height:100%; width:100%; position:absolute; flex-direction:column;}

.copyright {padding-bottom:var(--padm); justify-content: space-between;}
.copyright li, .follow li, .blog-legende li {display:inline-block; margin-right:4rem;}
.copyright li:last-child, .follow li:last-child {margin-right:0;}

.footer-next {display: block; position: absolute; transform: translate(-50%,-25%); top: 25%; left: 50%; pointer-events: none;}
.marquee {margin: 2rem 0; overflow: hidden; height:100%; display:flex!important; align-items: center;}
.marquee span {display: inline-block; white-space: nowrap; color:var(--blanc); width:var(--wd); text-shadow:var(--wd) 0 currentColor, calc(var(--wd) * 2) 0 currentColor,  calc(var(--wd) * 3) 0 currentColor, calc(var(--wd) * 4) 0 currentColor; 
will-change: transform; animation: marquee var(--d) linear infinite; animation-play-state: running;}
@keyframes marquee {0% { transform: translateX(0);} 100% { transform: translateX(-100%);}}



/* MANIFESTO */

#scroll-horizontal {height: 100vh; width: 100vw; overflow: hidden;}
.scroll-horizontal--wrap {height: 100vh; display: flex; justify-content: flex-start;}
.scroll-horizontal--box {height: 100%; width: 100vw; flex-direction:column; align-items: center; justify-content:center; padding:0 15vw; color:var(--blanc); position:relative;}
.scroll-horizontal--box .font-xm {text-align:center; margin-bottom:0; z-index:1;}
.pin-title {margin-bottom:calc(var(--padm) / 2.5); z-index:1;}

.pin-number {width:100vw; padding:0; text-align: center;}
.pin-number:before {font-family: ivymode, sans-serif; font-weight: 400; font-style: normal; font-size:80vh;}
.scroll-horizontal--box:nth-child(1) .pin-number:before {content:'01';}
.scroll-horizontal--box:nth-child(3) .pin-number:before {content:'02';}
.scroll-horizontal--box:nth-child(5) .pin-number:before {content:'03';}
.scroll-horizontal--box:nth-child(7) .pin-number:before {content:'04';}
.scroll-horizontal--box:nth-child(9) .pin-number:before {content:'05';}
.scroll-horizontal--box:nth-child(11) .pin-number:before {content:'06';}
.scroll-horizontal--box:nth-child(13) .pin-number:before {content:'07';}
.scroll-horizontal--box:nth-child(15) .pin-number:before {content:'08';}
.scroll-horizontal--box:nth-child(17) .pin-number:before {content:'09';}

.scroll-horizontal--box:nth-child(3), .scroll-horizontal--box:nth-child(4), .scroll-horizontal--box:nth-child(9), .scroll-horizontal--box:nth-child(10), .scroll-horizontal--box:nth-child(13), .scroll-horizontal--box:nth-child(14) {background:var(--noir);}
.scroll-horizontal--box:nth-child(5), .scroll-horizontal--box:nth-child(6), .scroll-horizontal--box:nth-child(11), .scroll-horizontal--box:nth-child(12) {background:var(--blanc); color:var(--noir);}
.scroll-horizontal--box:nth-child(5) .pin-number, .scroll-horizontal--box:nth-child(6) .pin-number, .scroll-horizontal--box:nth-child(11) .pin-number, .scroll-horizontal--box:nth-child(12) .pin-number {color:var(--noir);}

.smiley-item {padding: 50vh 0;}
.smiley-item span {display:block;}
.smiley-item span svg {width:50vw;}

.scroll-horizontal--box.is-active .shape {transform:none; opacity:1;}
.shape-wrapper {align-items:center; display:flex; height:100vh; justify-content:center; position:absolute; width:200vw; left:-100vw;}
.shape {background-size:cover; background-position:center center; animation:shape-morph 2s ease-in-out infinite; border-radius:60% 40% 30% 70% / 60% 30% 70% 40%; height:35vw; transition:all 1s ease-in-out; width:40vw; transition:.3s; transform:scale(.2);}

@keyframes shape-morph {
	
	0% {border-radius:  60% 40% 30% 70% / 60% 30% 70% 40%;} 
	50% {border-radius:  30% 60% 70% 40% / 40% 60% 30% 60%;}
	100% {border-radius:  60% 40% 30% 70% / 60% 30% 70% 40%;}
	
}



/* RESPONSIVE DESIGN */

@media screen and (max-width:1690px) {
	
	:root {
    --pad:180px;
    --padm:90px;
	}
	
	.liste-adresse.col-2 {grid-template-columns: 1fr;}
	
}

@media screen and (max-width:1490px) {
	
	:root {
    --pad:150px;
    --padm:75px;
	}
	
	body, .liste-reconnaissance div:nth-child(3), .article-contenu h3, .article-contenu h4 {font-size: 1.2rem;}
	.realisation-bloc--title h2, .liste-basic a, .liste-basic h2, .menu-secondaire a, .article h2, .sidebar-most-read h3, .liste-basic h3, .article h3, .formulaire input, .formulaire textarea, .formulaire .wpcf7-checkbox label {
    font-size: 1.8rem;}
	.font-title, .menu-principal {font-size: 13.5vh;}
	button.menu-open, button.menu-close--btn {width:40px; height:40px;}
	.menu-line-1 {bottom: 6px;}
	.menu-line-3 {top: 6px;}
	.logo {width: 3.5rem;}
	
	.col-1-4-1 {grid-template-columns: 1fr 3fr 1fr;}
	
	.table img {width: 70%;}
	.letter {width:40vh;}
	.awards-w {width:50vh; height:50vh;}
	
	.adresse-img {text-align:right;}
	.adresse-img img {width: 50%;}
	
}

@media screen and (max-width:1250px) {
	
	:root {
    --pad:120px;
    --padm:60px;
	}

	.bloc-3r {margin-right:15vw;}
	.bloc-3 {margin-left:15vw;}
	.bloc-2 {margin-left:30vw;}
	.bloc-2r {margin-right:30vw;}

	.sidebar-share a, .caroussel-nav a {width: 45px; height: 45px;}

	.font-title, .menu-principal {font-size: 12vh;}
	.realisation-bloc--title h2, .liste-basic a, .liste-basic h2, .menu-secondaire a, .article h2, .sidebar-most-read h3, .liste-basic h3, .article h3, .formulaire input, .formulaire textarea, .formulaire .wpcf7-checkbox label {font-size: 1.6rem;}
	body, .liste-reconnaissance div:nth-child(3), .article-contenu h3, .article-contenu h4 {font-size: 1.1rem;}
	.font-xss, .wp-caption-text {font-size: .6rem;}
	
	.logo {width: 3rem;}
	button.menu-open, button.menu-close--btn {width: 35px; height: 35px;}
	.menu-line-1 {bottom:5px;}
	.menu-line-3 {top:5px;}
	
	.btn, .cursor.state--voir, .cursor.state--decouvrir, .cursor.state--lire, .cursor.state--contact, button[type="submit"] {width: 13vw; height: 13vw;}
	
	.caroussel-nav svg, .sidebar-share svg {width: 1rem;}
	
	.section-first {padding-top:30vh;}
	.article ul {padding-left: 4rem;}
	.article li::before {width: 2rem; left: 0; margin-top: .9rem;}
	.article h2, .article h3, .article-contenu h4 {margin-top: 4rem;}
	.article p, .article h2, .article ul, .article h3, .article-contenu h4 {margin-bottom:2rem!important;}
	ul.caroussel-nav {bottom: -3rem;}
	
	.copyright li, .follow li, .blog-legende li {margin-right: 3rem;}
	.subtitle span {margin-right: 4rem;}
	.subtitle span:before {width: 2rem; left: -3rem; top: .8rem;}
	
	.adresse-img--wp {width:400px; height:400px;}

}

@media screen and (max-width:1050px) {
	
	:root {
    --pad:5rem;
    --padm:2.5rem;
	}
	
	body, .liste-reconnaissance div:nth-child(3), .article-contenu h3, .article-contenu h4, .menu-secondaire a {font-size:1rem!important;}
	.font-xm {font-size:2.5rem;}
	.realisation-bloc--title h2, .liste-basic a, .liste-basic h2, .menu-secondaire a, .article h2, .sidebar-most-read h3, .liste-basic h3, .article h3, .formulaire input, .formulaire textarea, .formulaire .wpcf7-checkbox label {
    font-size: 1.3rem;}
	.article-contenu h2 {font-family:'medium', sans-serif;}
	
	.section-first .title-home {width: 100%;}
	.font-title, .menu-principal {font-size: 10vh;}
	
	html.is-ready .menu-lang {right:calc(var(--pad) / 2);}
	.logo {width: 100%;}
	.logo-w {width:3.5rem; height:auto; left:2rem; top:2rem;}
	.contact-w {right:.5rem; bottom:.5rem;}
	.contact-smile {width:40%; height:40%;}
	.contact-btn {width: 100%; height: 100%;}
	.menu, .menu-close {top:.5rem; right:.5rem;}
	.menu-links {top:.5rem; right:calc(var(--pad) + 3rem);}
	.menu-links li {margin-right:3rem;}
	.mainmenu-principal li {margin: 2vw 0;}
	
	.contact-txt, .menu-txt svg {display:none;}
	
	.subtitle {margin-left:0; margin-bottom:var(--padm);}
	
	.liste-basic a {padding: 1.5rem 0;}
	.liste.defile h2, .liste.defile .font-title, .text-defile .font-title {padding: 1vw 0;}
	.quote span.font-title {padding: .5vw 0;}
	
	.item-bloc .col-3-1 {grid-template-columns: 2fr 1fr;}
	
	.photo-legende.absolute {width: 15%; right: calc(var(--pad) + 1rem);}
	
	.copyright {flex-direction:column;}
	.copyright .menu-reseaux-sociaux-container {margin-bottom:1rem;}
	
	.adresse-img--wp {width:300px; height:300px;}
	
}

@media screen and (max-width:790px) {

	:root {
    --pad: 4rem;
	}

	html, body {overflow:hidden;}
	html.is-ready .menu-lang {right:calc(var(--pad) / 1.5 - .1rem); opacity:0; pointer-events: none; transition-delay:.1s;}
	.menu-lang--open {opacity:1!important; pointer-events:auto!important;}
	.menu-links {display:none;}
	.mainmenu-secondaire li {display:inline-block;}
	.mainmenu-secondaire li:last-child {margin-right:0;}
	
	.btn, .cursor.state--voir, .cursor.state--decouvrir, .cursor.state--lire, .cursor.state--contact, button[type="submit"] {width: 20vw; height: 20vw;}
	.btn:hover::before {transform:none;}
	.realisation-bloc:hover img {-webkit-transform:none; transform:none;}
	.btn span {padding: 0 1rem;}
	
	.mainmenu-w {padding:var(--pad); top:auto; transform:none; height:100%; flex-direction:column; justify-content: flex-end;}
	.mainmenu-principal {margin-bottom:var(--padm); margin-left:-2px;}
	.mainmenu-secondaire {margin-left:0;}
	.menu-menu-secondaire-container {margin-bottom:1.5rem;}
	.menu, .menu-close {right: 1rem;}
	.contact-w {right:1rem;}
	
	.cursor {display:none;}
	
	.formulaire-item .col-1-3 {grid-template-columns: 1fr 2fr;}
	.col-3-1, .col-1-3, .item-bloc .col-3-1, .col-2-1, .projet-photos.col-1-4, .projet-photos.col-4-1, .col-1-4-2, #realisations, #realisation-meta, .projet-photos .col-2, #homepage-blog .col-2, #carrieres-postuler,
	.col-1-4-1, .item-expertise .col-2, .section-col-2 .col-2 {grid-template-columns: 1fr;}
	.col-5 {grid-template-columns:1fr 1fr 1fr 1fr;}
	.adresse.col-2 {grid-template-columns: 1fr 2fr;}
	.liste-title {grid-template-columns:1fr 1fr; display:grid;}
	#realisation-charte.col-2 {grid-template-columns: 1fr;}
	.projet--charte-colors {height: 40vh;}
	
	.bloc-3r {margin-right:0;}
	.bloc-3 {margin-left:0;}
	.bloc-2 {margin-left:0;}
	.bloc-2r {margin-right:0;}
	
	.item-meta, .article .subtitle, .sidebar-most-read .justify {font-size:.8rem;}
	.font-title, .menu-principal {font-size: 3rem;}
	.realisation-bloc--title h2, .liste-basic a, .liste-basic h2, .article h2, .sidebar-most-read h3, .liste-basic h3, .article h3, .formulaire input, .formulaire textarea, .formulaire .wpcf7-checkbox label {
    font-size: 1.2rem;}
	.liste.defile h2, .liste.defile .font-title, .text-defile .font-title {left: -20vw;}
	
	.table div, .formulaire-item .col-1-3 div:nth-child(1), .wpcf7-checkbox, .formulaire input, .formulaire textarea {padding: 2rem 0;}
	.adresse-img img {width: 100%;}
	.blog-legende {align-items:flex-end;}
	.blog-legende li {display:block; margin-bottom:1rem;}
	.blog-legende li:last-child {margin-bottom:0;}
	.copyright li, .follow li, .blog-legende li, .subtitle span, .mainmenu-secondaire--open li {margin-right:2rem;}
	.photo-legende {position: relative !important; width: 100% !important; order: 2; right:0!important;}
	.photo-legende.absolute {padding:0 var(--pad)!important; bottom:0!important; text-align:center!important;}
	
	.article p, .article h2, .article ul, .article h3, .article-contenu h4 {margin-bottom: 1.5rem !important;}
	.article h2, .article h3, .article-contenu h4 {margin-top:2rem;}
	.article ul {padding-left: 3rem;}
	.article li::before {width: 1.5rem; margin-top: .8rem;}
	.article .wp-caption {padding-bottom:0!important; padding-top: 2rem;}
	.article .wp-caption-text {padding-bottom:0!important; text-align: center; margin-top: 1rem;}
	.wp-caption-text {font-size:.7rem!important;}

	#homepage-stories .alignbottom {order:2;}
	#homepage-stories .bloc-3, #center .subtitle, #center .font-title {text-align:center;}
	.item-bloc .col-3-1 {grid-gap:0;}
	.item-bloc .col-3-1 .font-xm {position:relative; order:2;}
	.item-bloc .col-3-1 .item-meta {position:relative; order:1; margin-bottom: 1rem; display: flex; justify-content: space-between;}
	.caroussel-stuff {position:relative;}
	ul.caroussel-nav {position: absolute; bottom:-.5rem; left:var(--padm);}
	.sidebar .font-xss {margin-bottom: 2rem;}
	.sidebar-share {margin-bottom: var(--padm);}
	.item-chiffre p {width:70%;}
	.realisation-bloc {height: 100vh;}
	.realisation-bloc .realisation-bloc--title {opacity:1; transform:none;}
	.realisation-bloc .realisation-bloc--cat {opacity:1;}
	.realisation-col2, .realisation-col2--prix {margin-top:var(--padm);}
	#realisation-texte h4 {margin-bottom: var(--padm);}
	.liste-basic a::after {content:none;}
	#reconnaissance-item.grid-padm {grid-gap:1.5rem;}
	#reconnaissance-item div:nth-child(3) {position:relative; margin-left: 3rem; font-size:.8rem;}
	.liste-reconnaissance div:nth-child(3) {font-size:.8rem!important;}
	.liste-reconnaissance div:nth-child(3)::before {content:none!important;}
	.liste-reconnaissance div:nth-child(3) {margin-left:0!important;}
	.liste-reconnaissance div:nth-child(1) {font-family: 'medium', sans-serif;}
	#reconnaissance-item div:nth-child(3)::before {content:'Client : '; position:absolute; left: -3rem; font-size: .8rem;}
	.liste-basic .col-1-4-1 span {text-align:left; font-size:.8rem;}
	#carriere-offre h3 {margin:1rem 0;}
	#reconnaissance-titre {display:none;}
	.awards {position: relative; margin-left: 50%;}
	button[type="submit"]:hover span:before {transform:none;}
	
	.title-neg {margin-top: var(--pad);}
	
	.letter, .letter-9.letter {width: 40vw;}
	.item-expertise .letter, .item-expertise:nth-child(1) .letter, .item-expertise:nth-child(3) .letter, .item-expertise:nth-child(5) .letter {width:80vw; right:0;}
	.letter-8 {top: 85%; left: 5%;}
	.letter-9 {top: 98%; left: auto; right: 10%;}
	
	.wpcf7-radio label, .wpcf7-checkbox label {padding: 0 0 1rem 0;}
	.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {margin-top: -7px; width: 10px; height: 10px; margin-right:12px;}
	.form-center {text-align:center;}
	.alignright {justify-content: center; margin-top:1rem;}
	.footer {height: 60vh!important; background: var(--noir);}
	
	.liste li::before, .item-bloc::before {width: 100%;}
	.awards-w {opacity:1; transform: scale(.8);}
	.quote {display:none;}
	.footer-next {top: 20%;}
	.item-chiffre--expertise .font-title span {opacity: 1; transform:none;}
	.adresse-img--wp {width:250px; height:250px;}
	.adresse.col-2 {display: flex; flex-direction: column; align-items: center;}
	
	.scroll-horizontal--wrap {width: 100%!important; height: auto!important; flex-direction: column;}
	.scroll-horizontal--box {width:100%; padding: 15vw;}
	#scroll-horizontal {height: auto!important; width: 100vw;}
	.pin-number {z-index:2;}
	.pin-number::before {font-size: 13rem;}
	.shape {transform:none;}
	
	.shape-wrapper {display: block; height: auto; position: absolute; width: auto; left: 50%; top: -25%; transform: translateX(-50%);}
	.shape {height: 50vw; width: 60vw; transform: none;}
	
	.scroll-horizontal--box:nth-child(1), .scroll-horizontal--box:nth-child(2), .scroll-horizontal--box:nth-child(7), .scroll-horizontal--box:nth-child(8), .scroll-horizontal--box:nth-child(13), .scroll-horizontal--box:nth-child(14) {background:var(--rouge);}
	.scroll-horizontal--box:nth-child(3), .scroll-horizontal--box:nth-child(4), .scroll-horizontal--box:nth-child(9), .scroll-horizontal--box:nth-child(10), .scroll-horizontal--box:nth-child(15), .scroll-horizontal--box:nth-child(16) {background:var(--noir);}
	.scroll-horizontal--box:nth-child(5), .scroll-horizontal--box:nth-child(6), .scroll-horizontal--box:nth-child(11), .scroll-horizontal--box:nth-child(12), .scroll-horizontal--box:nth-child(17), .scroll-horizontal--box:nth-child(18) {background:var(--beige);}
	
	.smiley-item {padding:10vh 0 0 0; text-align: center;}
	.realisation-bloc--cat-defile {width:100vw;}
	.realisation-col2 {margin-bottom:2rem;}
	
	.contact-smile {width:69%; height:69%; -webkit-animation: rotating 3s linear infinite;}
	@-webkit-keyframes rotating {from{-webkit-transform: rotate(0deg);} to{-webkit-transform: rotate(360deg);}}
	.contact-btn::before, .contact-btn::after {content:none;}
	.image-full--img {opacity: 1; transform: scale(1);}
	.image-full {height:50vh;}
	.caroussel-item {height:40vh;}
	.menu-line-2 {display:none;}
	html.is-ready .menu-line-1::before {width: 100%;}
	.menu-close--line-1, .menu-close--line-2 {width: 100%;}
	
	::-webkit-input-placeholder {opacity: .4; -webkit-transition: opacity .5s; transition: opacity .5s;}
	:-moz-placeholder {opacity: .4; -moz-transition: opacity .5s; transition: opacity .5s;}
	::-moz-placeholder {opacity: .4; -moz-transition: opacity .5s; transition: opacity .5s;}
	:-ms-input-placeholder {opacity: .4; -ms-transition: opacity .5s; transition: opacity .5s;}
	::placeholder {opacity: .4; transition: opacity .5s;}
	
	.contact-w {bottom:1.6rem;}
	
	.menu-open--icon .menu-line::before, .menu-open--icon .menu-line::after {background:transparent;}
	
	.subtitle span:before {content:none;}
	
}

@media screen and (max-width:540px) {

	:root {
    --pad: 2.5rem;
	}
	
	h1, h2, h3 {line-height: 1.2;}
	.font-title, .menu-principal {font-size:2.5rem;}
	.font-xm {font-size: 1.8rem;}
	.logo-w {width: 3rem;}
	.menu, .menu-close {right: 1.5rem;}
	.menu, .menu-close {top: 1.4rem;}
	.contact-w {width: 4rem; height: 4rem;}
	.subtitle {font-size:.8rem; margin-bottom:2rem;}
	#realisations-autres .wrapper-s-b {font-size:.8rem;}
	.font-xss, .wp-caption-text {margin-bottom:1.5rem;}
	
	.wrapper-xl-t {padding-top: calc(var(--pad) * 1.5);}
	.wrapper-m-t, .wrapper-s-t {padding-top: calc(var(--pad) * 1.5);}
	
	.btn, .cursor.state--voir, .cursor.state--decouvrir, .cursor.state--lire, .cursor.state--contact, button[type="submit"] {width: 8rem; height: 8rem;}
	.btn span {padding: 0 1.5rem;}
	.section-first {padding-top: 25vh;}
	.menu-menu-secondaire-container {margin-bottom:var(--padm);}
	.menu-secondaire li {display:block;}
	#loader {padding:0 var(--pad);}
	#loader .font-xm {text-align:center; font-size:2rem;}
	#loader span:nth-child(10), #loader span:nth-child(17) {display:block; width:100%; visibility:hidden; height:2vw;}
	
	#carrieres-arguments .col-2, .adresse.col-2 {grid-template-columns: 1fr;}
	.liste-arguments {transform:none!important;}
	.item-argument .wrapper-xs-b {display:none;}
	.liste-title {grid-template-columns: 1fr; display: block;}
	.col-5 {grid-template-columns: 1fr 1fr;}
	.item-chiffre {margin-bottom:calc(var(--pad) * 3);}
	.item-chiffre--expertise .font-title {font-size:60vw; white-space:nowrap; left:-20%; width:140%; text-align:center;}
	.awards {margin-left: 30%;}
	.photo-legende {transform:none!important;}
	.photo-legende.absolute {margin: 1.5rem 0 !important;}
	.projet-photos.grid-padm {grid-gap:1.5rem;}
	.article ul {padding-left: 2rem;}
	.article li::before {width: 1rem;}
	.realisation-bloc {height: 60vh;}
	#realisations-autres .liste-basic a .flex {flex-direction:column;}
	#realisations-autres .liste-basic a .flex span {font-size:.8rem; margin-top:.5rem;}
	.realisation-thumb {width:150%; left: -25%;}
	#realisation-texte {padding-top: calc(var(--pad) * 3);}
	#reconnaissance-item.grid-padm {grid-gap: 1rem;}
	.blog-legende {align-items: flex-start; flex-direction: column;}
	.blog-legende li:last-child {margin-bottom:1rem;}
	.article .subtitle {flex-direction:column;}
	.article-time {margin-top:1rem;}
	.projet-photos img.is-inview {width: 120%; margin-left: -10%; transition-delay:0!important;}
	.projet-photos img {transform:none!important; opacity:1!important; width: 140%; margin-left: -20%;}
	
	.formulaire-item .col-1-3 {grid-template-columns: 1fr;}
	.formulaire-item .col-1-3 div:nth-child(1) {padding: 1.5rem 0 .5rem 0;}
	.formulaire input, .formulaire textarea {padding: 0 0 1.5rem 0;}
	.wpcf7-checkbox {padding: 0 0 2rem 0;}
	.liste-adresse.col-2 {padding-top:calc(var(--pad) * 2);}
	.adresse-img, .adresse-txt {text-align:center;}
	.adresse-img img {width: 60%;}
	.liste-adresse.grid-pad {grid-gap:4rem;}
	
	.footer {margin-top: calc(var(--pad) * 2);}
	.footer .font-title {font-size:1.5rem;}
	.footer ul#menu-reseaux-sociaux-1 {font-size:1rem;}
	.footer .copyright ul {font-size:.7rem;}
	.copyright ul:nth-child(2) li {display:block;}
	
	.p-first, .realisation-col1, .realisation-col2 {transform: translateY(10%); transition: 1s;}
	.item-bloc .item-meta li:nth-child(3) {display:none;}
	
	.blog-date {display:block; margin-top: 1rem;}
	.projet-photos, .expertise-mobile {display: grid;}
	.expertise-mobile .liste-title {order:1;}
	.expertise-mobile div:nth-child(1) {order:2;}
	.item-expertise {padding-top: calc(var(--pad) * 2)!important;}
	.expertise-mobile .liste-title li:last-child h3 {margin-bottom:0;}
	.photo-legende {order:2!important;}
	.projet-photos div {order:1;}
	
	.projet--ancien-logo a {display:none;}
	.projet--charte-colors {height: 30vh; margin-top: -10px;}
	
	.section-realisation {padding-bottom: 45vw; margin-bottom: 10vw;}
	
	.copyright li, .follow li, .blog-legende li, .subtitle span, .mainmenu-secondaire--open li {margin-right: 1.5rem;}
	
}