/*
Theme Name: La maison à 5 pattes
Theme URI: https://www.lamaisona5pattes.fr/
Author: Mars Rouge
Author URI: http://www.marsrouge.com
Version: 2.0
*/

@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
@font-face {font-family: 'title'; src: url("assets/fonts/font-title.woff") format("woff"), url("assets/fonts/font-title.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;
	--rouge:#a95e47;	
	--marron:#3b1107;
	--pad:70px;
	--padm:3rem;
	--pads:2rem;
	
} 

html {background:var(--rouge);}
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(--rouge); color:var(--marron); overflow-x: hidden; webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; counter-reset:item;}

a {color:var(--marron); 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;}
button:hover {cursor:pointer;}
 
section {position:relative; clear:both; transform-style:preserve-3d;}

button {border:0;}
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 {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(--rouge); box-sizing:border-box; transform:translateZ(0);}
.button:hover {color:var(--rouge);}
.button:before {content:''; position:absolute; inset:0; border-radius:6.25rem; z-index:-1; transform-origin:50% 50%; transform:translate(0);
background-color:var(--marron); 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(--blanc);}
.button .button-label>span {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) {position:absolute; top:0; bottom:0;}
.button .button-label>span:nth-of-type(2), .label-follow>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);}
.section-white .button {color:var(--blanc);}
.section-white .button:before {background:var(--rouge);}
.section-white .button:hover::before {background:var(--marron);}

.grecaptcha-badge {visibility: hidden!important; pointer-events:none!important; display:none!important;}

img {pointer-events:none;}



/* FONTS */
 
body {font-family: 'Roboto', sans-serif; font-size:1.15rem; line-height:1.4; font-weight:400;}
h1, h2, h3 {font-weight:400; line-height:1;}

.font-title {font-family:'title';}
.font-size--z {font-size:30vw; font-weight:400; line-height:1;}
.font-size--a {font-size:18vw; font-weight:400; line-height:1;}
.font-size--b {font-size:9.5vw; font-weight:400; line-height:.9;}
.font-size--c {font-size:6.5vw; font-weight:400; line-height:.9;}
.font-size--d {font-size:3vw; font-weight:400; line-height:1;}
.font-size--e, .paragraphe p:first-child {font-size:1.6rem; line-height:1.2; font-weight:400;}
.font-size--f, .counter:after {font-size:.8rem; text-transform:uppercase; letter-spacing:.03rem; font-weight:400; line-height:1;}

.center {text-align:center;}
.right {text-align:right;}
.color-blanc, .font-title em {color:var(--blanc); font-style:normal;}
.color-marron {color:var(--marron);}



/* OVERLAY */

.overlay-menu {position:fixed; z-index:100; width:auto; height:var(--pad); bottom:var(--padm); grid-gap:var(--padm); display:flex; align-items:center; justify-content:center; left:50%; transform-style:preserve-3d;
transform:translateX(-50%) translateY(5rem) skewY(-5deg); opacity:0; transition:opacity .6s cubic-bezier(.215,.61,.355,1), transform .8s cubic-bezier(.215,.61,.355,1); pointer-events:none;}
.is-ready .overlay-menu {opacity:1; transform:translateX(-50%); pointer-events:auto;}

.overlay-logo {width:var(--pad); height:var(--pad); display:flex; align-content:center; justify-content:center; border-radius:50%; border:1px solid var(--marron); background:var(--rouge);}
.overlay-logo svg {width:2rem; fill:var(--marron);}

.menu-menu-container {height:100%; display:flex; align-items:center; position:relative; padding:0 var(--padm);}
.menu-menu-container:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--marron); z-index:-1; border-radius:5rem;}
.overlay-menu--links {display:flex; grid-gap:var(--padm);}
.overlay-menu--links a {color:var(--blanc); transition:color .6s cubic-bezier(.215,.61,.355,1); white-space: nowrap;}
.overlay-menu--links a:hover, .current-menu-item a {color:var(--rouge);}

.overlay-txt {position: fixed; z-index:10; transform:rotate(-90deg) translateY(-5rem) skewY(5deg); top:50%; left:1.2rem; pointer-events:none; opacity:0; transform-style:preserve-3d;
transition:opacity .6s cubic-bezier(.215,.61,.355,1), transform .8s cubic-bezier(.215,.61,.355,1);}
.is-ready .overlay-txt {transform:rotate(-90deg) translateY(-50%); opacity:1;}

.follow {position:fixed; display:flex; align-items:center; grid-gap:var(--pads); right:0; width:calc(var(--pad) * 2); writing-mode:vertical-lr; top:50%; transform-style:preserve-3d;
transform:translateY(-50%) translateX(5rem) skewX(-5deg); opacity:0; z-index:10; pointer-events:none; transition:opacity .6s cubic-bezier(.215,.61,.355,1), transform .8s cubic-bezier(.215,.61,.355,1);}
.is-ready .follow {transform:translateY(-50%); opacity:1; pointer-events:auto;}
.follow a {color:var(--blanc);}
.follow a:hover {color:var(--marron);}

.nouveautes {position:fixed; top:0; z-index:10; width:100%; left:0; background:var(--blanc);}
.nouveautes .wrapper-marquee, .nouveautes .wrapper-marquee--item {height:var(--pad);}
.nouveautes .wrapper-marquee {pointer-events: auto;}
.nouveautes .wrapper-marquee--item {display: flex; align-items: center;}
.nouveautes .wrapper-marquee--item:hover {color:var(--rouge);}

.wrapper-marquee {display:flex; pointer-events:none; overflow:hidden; height:100%; width:100%; position:relative; user-select:none;}
.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:marqueeb 17s linear infinite;}
.wrapper-marquee--item {height:100%); width:auto; position:relative; margin:0 2rem;}
.wrapper-marquee--item img {width:auto; height:100%;}
@keyframes marqueeb {from {transform: translateX(0);} to {transform: translateX(-100%);}}



/* SCROLL */

.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;}
.c-scrollbar:hover {transform:scaleX(1.45); }
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {opacity:1; }
.light .c-scrollbar_thumb {background:var(--verta);}
.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;}



/* GRID + FLEX + WRAPPER */

.absolute {position:absolute;}
.grid {display:grid;}
.flex {display:flex;}
.aligncenter {justify-content:center;}
.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-pad {grid-gap:var(--pad);}
.grid-padm {grid-gap:var(--padm);}
.grid-pads {grid-gap:var(--pads);}
.column-gapxl {column-gap:calc(var(--pad) * 2);}
.column-gap {column-gap:var(--pad);}
.row-gap {row-gap:var(--pad);}
.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;}

.wrapper-first {padding:var(--pad) calc(var(--pad) * 3) calc(var(--pad) * 3) calc(var(--pad) * 3);}
.wrapper-top {padding-top:calc(var(--pad) * 3);}
.wrapper-topm {padding-top:calc(var(--pad) * 2);}
.wrapper-tops {padding-top:var(--pad);}
.wrapper-bot {padding-bottom:calc(var(--pad) * 3);}
.wrapper-botm {padding-bottom:calc(var(--pad) * 2);}
.wrapper-bots {padding-bottom:var(--pad);}
.wrapper-sides-xl {padding-left:calc(var(--pad) * 3); padding-right:calc(var(--pad) * 3);}
.wrapper-sides {padding-left:calc(var(--pad) * 2); padding-right:calc(var(--pad) * 2);}
.wrapper-sides-m {padding-left:var(--pad); padding-right:var(--pad);}

.mar-top {margin-top:calc(var(--pad) * 3);}
.mar-topl {margin-top:calc(var(--pad) * 2);}
.mar-topm {margin-top:var(--pad);}
.mar-tops {margin-top:var(--pads);}
.mar-bot {margin-bottom:calc(var(--pad) * 3);}
.mar-botl {margin-bottom:calc(var(--pad) * 2);}
.mar-botm {margin-bottom:var(--pad);}
.mar-bots {margin-bottom:var(--pads);}

.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;}



/* MOBILE */

.action {background: none; border: 0; color:var(--blanc); cursor: pointer; padding: 0;}
.action--menu {pointer-events: auto; position:relative; z-index: 20;}
.menu--open .action--menu {pointer-events: none;}

.mobile {width:100%; height:100%; position:fixed; top:0; left:0; z-index:50; display:none; grid-template-columns: 100%; pointer-events: none;}
.menu--open {pointer-events: auto;}
.menu__item {width: 100%; position: relative; overflow: hidden; display: flex; height: 100%;}
.menu__item-inner {overflow: hidden; transform: translate3d(100%,0,0); height: 100vh; width: 100%; position: relative; display: flex; flex-direction: column; padding:25vh var(--pads) var(--pads) var(--pads); 
justify-content:flex-start; grid-gap:var(--pad);}
.menu__item-inner a {color:var(--rouge);}
.menu__item--bg .menu__item-inner {background:var(--marron);}
.mainmenu {line-height:1.3; display:flex; flex-direction:column; align-items:flex-start; grid-gap:.5rem;}
.mainmenu__link {overflow: visible; position: relative; display:flex; transition: color .5s; opacity: 0;}
.mainmenu__link.active a, .mainmenu__link a:hover {color:var(--blanc);}
.mainmenu__item {font-weight:400;}
.menu__item a {display: flex; width: 100%;}

.menu--trigger {display:flex; color:var(--blanc); pointer-events:none; position:fixed; padding-left: 1.5rem; height:var(--pad); bottom:var(--padm); z-index:200; opacity:0; width: calc(var(--pad) * 2);
transform:translateX(-50%) translateY(5rem);border:1px solid var(--rouge); transition: opacity .6s cubic-bezier(.215,.61,.355,1), transform .8s cubic-bezier(.215,.61,.355,1); border-radius:2rem; 
overflow:hidden; left:50%;}
.is-ready .menu--trigger {transform:translateX(-50%); opacity:1; transition-delay:.2s;}
.menu-txt {z-index:1; display:flex; align-items:center;}
.action--close {position: absolute; z-index:300; opacity:0; width:var(--pad); bottom:var(--padm); left:50%; transition:3s;}
.menu--icon {transition: all 0.35s; width:var(--pad); height:var(--pad); display:block; cursor: pointer; transition:.3s;}
.menu--trigger:before {content:''; position:absolute; top:0; left:0; background:var(--marron); width:100%; height:100%;}

#mobile {display: none;}
.menu_part {width:20px; height:1px; position: absolute; background:var(--blanc); right: 0; margin: auto; left: 0; border-radius: 0px; transition: all 0.35s cubic-bezier(0.8, 0, 0.2, 1.3);
top:calc(50% - ((5px)) + -2px);}
.menu_part:nth-of-type(1) {top:calc(50% - 8px); width:20px;}
.menu_part:nth-of-type(2) {top: calc(50% - ((4px)) + 2px); width:20px;}
.menu_part:nth-of-type(3) {top:calc(50% + 4px); width:20px;}
.menu-part-1 {transform: rotate(45deg); width:20px !important; top: calc(50% - (1px)) !important;}
.menu-part-2 {left: -7px !important; opacity: 0;}
.menu-part-3 {transform: rotate(-45deg); width:20px !important; top: calc(50% - (1px)) !important;}
.menu-rot {transform:rotate(90deg);}

.menu-side {display:flex; justify-content:space-between;}



/* CONTENU */

.fx {opacity: 0; transform: translateY(75px) skewY(5deg);  transition:opacity .7s cubic-bezier(.215,.61,.355,1), transform .7s cubic-bezier(.215,.61,.355,1);}
.fx.is-inview {opacity: 1; transform: none; transition-delay:.3s;}

.is-ready .homepage .char, .is-ready .first .char {opacity: 1; transform: none; transition-delay: calc(.3s + ( 0.05s * ( var(--char-index)) ));}
.homepage .char, .first .char {display: inline-block; opacity: 0; transform:translate(150%, 0%) rotateX(-90deg);
transition:opacity .8s cubic-bezier(.15,.61,.5,1), transform .8s cubic-bezier(.15,.61,.5,1);}
.homepage .font-title {display:flex; flex-direction: column;}
.homepage .font-title div:nth-child(1) {text-align:right;}
.homepage .font-title div:nth-child(2) {text-align:center;}
.homepage .font-title div:nth-child(3) {text-align:center;}
.homepage .font-title div:nth-child(4) {text-align:left;}
.homepage .font-title div:nth-child(5) {text-align:center;}
.homepage .font-title div:nth-child(6) {text-align:center;}
.homepage .font-title div:nth-child(7) {text-align:right;}

.first-introduction {opacity:0; transform:translateY(100px) skewY(-5deg); transition:opacity .8s cubic-bezier(.215,.61,.355,1), transform .8s cubic-bezier(.215,.61,.355,1);}
.is-ready .first-introduction {opacity:1; transform:none; transition-delay: .3s;}
.breadcrumb {z-index:1; opacity:0; transform:translateY(50px) skewY(-5deg); transition:opacity .8s cubic-bezier(.215,.61,.355,1), transform .8s cubic-bezier(.215,.61,.355,1);}
.breadcrumb a {color:var(--blanc);}
.breadcrumb a:hover {color:var(--marron);}
.is-ready .breadcrumb {opacity:1; transform:none; transition-delay:.4s;}

.section-white {color:var(--rouge);}
.section-white-bg {background:var(--blanc); width:100%; height:100%; top:0; left:0; position:absolute; background:var(--blanc); z-index:-1;}
.section-white a {color:var(--rouge);}

.thumb, .item-realisation, .item-bien {height:42rem; position:relative;}
.galerie-v img {height:47rem;}
.galerie-v-av {height:44rem; position:relative;}
.section-white .thumb {height:27rem;}
.thumb-di {height:35rem;}
.realisations {height:calc(42rem + var(--pad) + var(--pad) + var(--pad));}
.thumb-img {background-size:cover; position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center;}
.colonne-sup--2 .thumb, .thumb-col-2 {width:30rem;}
.thumb img {height:100%; width:auto;}
.single-thumb {height:100%; width:100%; position:relative; background-position:center center; background-size:cover; overflow:hidden;}

.liste-item {padding:var(--padm) 0; position:relative; overflow:hidden; color:var(--blanc);}
.liste-item .font-title, .liste-item .button {z-index:1;}
.liste-item:before {content:''; position:absolute; bottom:0; left:0; width:0%; height:1px; background:var(--blanc); transition:1.2s cubic-bezier(.215,.61,.355,1);
transition-delay:.3s;}
.section-white .liste-item:before, .item-col:before {background:var(--rouge);}
.line:before {content:''; position:absolute; top:0; left:0; width:0%; height:1px; background:var(--marron); transition:1.2s cubic-bezier(.215,.61,.355,1);
transition-delay:.3s;}
.liste-item.is-inview:before, .item-col.is-inview:before, .line.is-inview:before {width:100%;}
.liste-item:after {content:''; position: absolute; bottom:-2rem; top:-1rem; left:0; right:0; transform:scaleY(0) skewY(10deg); transform-origin:center top; background-color:var(--blanc);
transition:transform .5s cubic-bezier(.215,.61,.355,1);}
.section-white .liste-item:after {background-color:var(--rouge);}
.liste-item:hover::after {transform:scaleY(1); transform-origin:center bottom;}
.liste-item:hover {padding:var(--padm);}
.liste-item:hover {color:var(--rouge);}
.section-white .liste-item:hover {color:var(--blanc);}
.liste-item .button:before {background:var(--blanc);}
.section-white .liste-item .button:before {background:var(--rouge);}
.liste-item:hover .button, .item-bloc:hover .button {pointer-events:none;}
.section-white .liste-item:hover .button {color:var(--rouge);}
.liste-item:hover .button {color:var(--blanc);}
.liste-item:hover .button:before {transform:scale(1.1) translateZ(0);}
.section-white .liste-item:hover .button:before {background:var(--blanc);}
.liste-item:hover .button:before {background:var(--rouge);}
.liste {width:100%;}
.item-liste {padding:var(--pads) 0;}

.colonne-sup--1 {position:relative; z-index:1;}
.colonne-sup--2 {position:absolute; top:0; right:var(--pad); grid-gap:var(--pad); align-items: flex-end;}
.colonne-sup--2 .legende {width:25%; text-align:right; display:flex; flex-direction:column; justify-content: end;}
.icon, .footer-top {width:calc(var(--pad) * 3); height:calc(var(--pad) * 3); border:1px solid var(--blanc); border-radius:50%; display:flex; align-items:center; justify-content:center;}
.icon svg {fill:var(--blanc); width:4rem;}
.colonne-sup--2 .icon {position:absolute; top:0; right:calc(var(--pad) * 1.5);}

.marquee {overflow:hidden; width:100%; height:auto; display:flex!important; align-items:center; position:relative; pointer-events:none;}
.marquee span {display:inline-block; white-space: nowrap; width:var(--wd); text-shadow:var(--wd) 0, calc(var(--wd) * 2) 0, calc(var(--wd) * 3) 0, calc(var(--wd) * 4) 0; 
will-change:transform; animation:marquee var(--d) linear infinite; animation-play-state: running;}
@keyframes marquee {0% {transform:translateX(0);} 100% {transform:translateX(-100%);}}

.item-bloc {padding:var(--pad); border-radius:4rem; background:var(--blanc); color:var(--rouge); align-items: flex-end; position:relative;}
.item-bloc:hover {color:var(--marron);}
.item-bloc .button {color:var(--blanc);}
.item-bloc .button:before {background:var(--rouge);}
.item-bloc:hover .button:before {background:var(--marron); transform:scale(1.1) translateZ(0);}
.thumb-col-2 {z-index:-1; right:-35px; position:absolute!important;}

.realisations, .biens-immobiliers {justify-content:center;}
.item-realisation {position:absolute; padding:var(--pad); width:30rem; border:1px solid var(--rouge); background:var(--blanc);}
.item-bien {position:relative; padding:var(--pad); width:100%; background:transparent; color:var(--rouge); overflow:hidden;}
.item-bien:after {content:''; position:absolute; top:0; left:0; height:100%; width:100%; background:var(--blanc); transition:.4s cubic-bezier(.215,.61,.355,1); z-index:-1;}
.item-bien:hover::after {border-radius:3rem;} 
.item-bien .realisation-thumb {z-index:1; transition:.5s cubic-bezier(.215,.61,.355,1);}
.item-bien:hover .realisation-thumb {width:15rem; height:15rem;}

.bien-statut {position:fixed; top:0; right:0; color:var(--blanc); z-index:1; display:flex; align-items:center; height:3.5rem; width:25rem; justify-content:center;
transform: translateY(2.5rem) translateX(4.5rem) rotate(30deg);}
.bien-statut:before {content: ''; background: var(--marron); width: 100%; height: 100%; position: absolute; z-index: -1;}

.item-bien .bien-statut {position: absolute; top:0; right:0; color:var(--blanc); z-index:1; display:flex; align-items:center; height:2.5rem; width:20rem; justify-content:center;
transform: translateY(1.5rem) translateX(5.5rem) rotate(30deg);}
.item-bien .bien-statut:before {content: ''; background: var(--marron); width: 100%; height: 100%; position: absolute; z-index: -1;}

.realisations .item-realisation:nth-child(1) {z-index:1;}
.realisations .item-realisation:nth-child(2), .realisations .item-realisation:nth-child(3) {transition:transform .4s cubic-bezier(.215,.61,.355,1); z-index:-1;}
.realisation-thumb {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:17rem; height:17rem; z-index:-1; border-radius:50%; background-size:cover; background-position: center center;}

.wrapper-first.first {min-height:100vh;}

.sticky-wrapper {grid-gap:calc(var(--pad) * 2);}
.liste-number .item-number {border-bottom:1px solid var(--marron);}
.item-number {padding:var(--pad) 0;}
.counter:after {counter-increment: item; content: "0"counter(item); color:var(--blanc); display:flex; align-items: center;}
.liste-number .counter {width:var(--padm); height:var(--padm); display: flex; align-content: center; justify-content: center; border-radius:6rem; border:1px solid var(--blanc);
float:left; margin-right:1rem; margin-top:.5rem;}

.pattern {position:absolute; width:62%; z-index:-1; top:-4rem; left:-4rem;}
.pattern path {opacity:0; transform:scale(.7) translateY(2rem) rotate(10deg); transition:opacity .8s cubic-bezier(.15,.61,.5,1), transform .8s cubic-bezier(.15,.61,.5,1); transform-origin:50% 50% 0px;}
.is-ready .pattern path {opacity:1; transform:none;}
.is-ready .pattern path:nth-child(1) {transition-delay:.1s;}
.is-ready .pattern path:nth-child(2) {transition-delay:.3s;}
.is-ready .pattern path:nth-child(3) {transition-delay:.7s;}
.is-ready .pattern path:nth-child(4) {transition-delay:.9s;}
.is-ready .pattern path:nth-child(5) {transition-delay:.5s;}
.st0 {fill:none; stroke:var(--marron); stroke-width:0.5; stroke-miterlimit:10;}

.item-col {position:relative; padding-bottom:var(--pad);}

.article ul {padding-left:1.5rem; margin:var(--pads) 0;}
.article li {position:relative; margin-bottom:.5rem;}
.font-size--e.article li:before {margin-top:.8rem;}
.article li:before {content:''; position:absolute; border-radius:50%; width:8px; height:8px; margin-top:.5rem; background:var(--marron); left: -1.5rem;}
.article h2 {color:var(--blanc);}
.article h2:first-child {margin:0 0 var(--pads) 0;}
.article h2 {margin:var(--padm) 0 var(--pads) 0;}
.article a {color:var(--blanc);}
.article a:hover {color:var(--marron);}
.article h3 {margin:var(--pads) 0 1.5rem 0;}
.section-white .article li:before {background:var(--rouge);}

.pagination  {margin-top:var(--pad); position:relative!important; grid-gap:var(--pads);}
.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); border:1px solid var(--marron);}
.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; 
background-color:transparent; transition:.45s cubic-bezier(.215,.61,.355,1); z-index:-1;}
.pagination .page-numbers:hover::before {background-color:var(--marron);}
.pagination .page-numbers:hover {color:var(--rouge);}
.page-numbers.current {color:var(--rouge); background:var(--transparent); pointer-events:none; border:0;}
.page-numbers.current:before {background:var(--blanc);}

.single-col--item {opacity:0; transform:translateY(50px) skewY(-5deg); transition:opacity .8s cubic-bezier(.215,.61,.355,1), transform .8s cubic-bezier(.215,.61,.355,1);}
.is-ready .single-col--item {opacity:1; transform:none;}
.is-ready .single-col .single-col--item:nth-child(1) {transition-delay:.5s;}
.is-ready .single-col .single-col--item:nth-child(2) {transition-delay:.55s;}
.is-ready .single-col .single-col--item:nth-child(3) {transition-delay:.6s;}
.is-ready .single-col .single-col--item:nth-child(4) {transition-delay:.65s;}
.is-ready .single-col .single-col--item:nth-child(5) {transition-delay:.7s;}
.is-ready .single-col .single-col--item:nth-child(6) {transition-delay:.75s;}
.single-col--item {grid-gap:.5rem;}
.single-partenaires {grid-gap:.5rem;}
.single-partenaires a:hover {color:var(--blanc);}
.single-partenaires a {color:var(--marron);}

.galerie-h img {width:100%; height:auto;}
.galerie-av {background-size:cover; overflow:hidden; background-position:center center; width:100%; height:28rem; position:relative;}
.galerie-v-av {background-size:cover; overflow:hidden; background-position:center center; width:100%; width:75%; position:relative;}

.wrapper-first.partenaire {min-height:auto!important; padding:calc(var(--pad) * 3)!important;}



/* FOOTER */

.footer {position:relative; transform:translateY(4rem);}
.footer a {color:var(--blanc);}
.footer a:hover {color:var(--marron);}

.strips {margin-left:-40vw;}
.strip {position:relative; height:calc(var(--pad) * 3); width:180vw; display:flex; align-items:center; justify-content:center; grid-gap:var(--pad); color:var(--rouge); padding-top: var(--padm);
padding-bottom: var(--pad);}
.strip svg {fill:var(--rouge); width:4rem;}
.strips .strip-line:nth-child(1) {background:var(--marron);}
.strips .strip-line:nth-child(2) {background:var(--blanc); transform:rotate(-2deg); margin-top:-2rem;}

.footer-top {cursor:pointer; grid-gap:1.5rem;}
.footer-top svg {width:1rem; fill:var(--blanc);}

.footer-menu {height:var(--padm); display:flex;}
.footer-links {align-items:center;}

.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(--marron);}

.footer .font-size--z {text-align:center; width:100%; pointer-events:none; margin-left:4rem;}

.error img {width:100%; height:auto;}



/* CONTACT + FORM */

.form-item {margin-bottom:var(--pad);}
.form-item--message {margin-bottom:0!important;}

input, textarea {font-family:'Roboto', sans-serif; font-size:inherit;}
.formulaire label {display: flex; margin-bottom:1rem;}
.formulaire input, .formulaire textarea {color:var(--rouge); width:100%; background:var(--blanc); transition:.3s; border:0;}
.formulaire input {border-radius:5rem; padding:2rem var(--pads);}
.formulaire textarea {border-radius:3rem; padding:var(--pads);}
.formulaire input:hover, .formulaire textarea:hover, .formulaire input:focus, .formulaire textarea:focus {;}
.formulaire textarea {resize: none; height:20rem!important;}
.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;}

button[type="submit"] {position:relative; font-family:inherit; background: none;}

.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; grid-gap:.5rem; margin-bottom:var(--pad); flex-direction: column;}
.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-radius:50%; margin-top:-3px; margin-right:1rem; display:inline-block; vertical-align:middle; content:''; width:12px; 
height:12px; 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(--marron);}
.formulaire .acceptance {margin-bottom:calc(var(--pads) + 2rem);}

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

.screen-reader-response {color:#ffd200;}
.screen-reader-response p {font-size:140%;}
.wpcf7-radio.wpcf7-not-valid {border:0!important;}
.wpcf7-not-valid {border:2px solid #ffd200!important;}
.wpcf7-response-output, .screen-reader-response ul {display:none;}
.wpcf7-not-valid-tip {color:#ffd200; 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;}

.wpcf7-form-control-wrap {display:none!important;}

.contact-txt a {color:var(--blanc);}
.contact-txt a:hover {color:var(--marron);}



/* RESPONSIVE DESIGN */

@media screen and (max-width:1790px) {
	
	.font-size--c {font-size:6vw;}
	.content-60, .content-50 {width:70%;}
	.galerie-v-av {height:38rem;}
	
}

@media screen and (max-width:1550px) {
	
	.font-size--z {font-size: 29vw;}
	.font-size--e, .paragraphe p:first-child {font-size: 1.4rem;}
	
	.colonne-sup--2 .thumb, .thumb-col-2 {width: 26rem;}
	.content-45 {width:50%;}
	.content-60, .content-50, .content-40 {width: 70%;}
	.formulaire {width:100%;}
	.section-white .wrapper-sides {padding-left:var(--pad); padding-right:var(--pad);}
	
	.biens-immobiliers {grid-template-columns: 1fr 1fr;}
	.item-bloc {padding: var(--padm); border-radius: 3rem;}
	.item-realisation {width: 25rem;}
	.realisations {height: calc(36rem + var(--pad) + var(--pad) + var(--pad));}
	.galerie-v img {height:40rem;}
	.thumb, .item-realisation, .item-bien {height:36rem;}
	.galerie-v-av {height:32rem;}
	.realisation-thumb {width:14rem; height:14rem;}
	.liste-number .counter {width: 2.2rem; height: 2.2rem;}
	
	#agence-a h2 {margin-bottom:var(--pad);}
	
	.strip {height:calc(var(--pad) * 2.5); padding-top:0; padding-bottom:0;}
	.footer .font-size--z {margin-left: 1rem; letter-spacing: -2.5rem;}
	
}

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

	:root {
	--pad:60px;
	}
	
	body {font-size:1rem;}
	.font-size--d {line-height: 1.2;}
	.font-size--f, .counter::after {font-size:.7rem;}
	
	.overlay-menu {grid-gap: var(--pads);}
	.overlay-logo svg {width: 1.5rem;}
	.menu-menu-container {padding:0 2.5rem;}
	.overlay-menu--links {grid-gap: var(--pads);}
	.follow {right:2rem; width:auto;}
	.overlay-txt {left:0;}
	
	.colonne-sup--2 {justify-content: flex-end;}
	.colonne-sup--2 .icon {top: -4rem; right: var(--pads);}
	
	.galerie-photos .col-2 {grid-template-columns:1fr;}
	.galerie-av {height:35rem;}
	.galerie-photos .col-2 .grid-pads {grid-gap:1rem;}
	
	.icon, .footer-top {width: calc(var(--pad) * 2.5); height: calc(var(--pad) * 2.5);}
	.icon svg {width: 3rem;}
	.footer-top {grid-gap:1rem;}
	.footer-top svg {width: .6rem;}
	
}

@media screen and (max-width:1150px) {
	
	:root {
	  --pad:4rem;
	  --padm:2rem;
	  --pads:2rem;
	}
	
	.wrapper-bot {padding-bottom: calc(var(--pad) * 2);}
	.wrapper-top {padding-top:calc(var(--pad) * 2);}
	
	.font-size--e, .paragraphe p:first-child {font-size:1.2rem;}
	
	.content-45 {width:80%;}
	.content-80, .content-70, .content-60, .content-50, .content-40, .content-30 {width: 100%;}
	
	.wrapper-first {padding:var(--pad) calc(var(--pad) * 2) calc(var(--pad) * 3) calc(var(--pad) * 2);}
	.section-white .wrapper-sides {padding-left: 0; padding-right: 0;}
	
	.realisations {height: calc(33rem + var(--pad) + var(--pad) + var(--pad));}
	.item-realisation {width:35vw;}
	.thumb, .item-realisation, .item-bien {height:33rem;}
	.galerie-v img {height:35rem;}
	.galerie-v-av {height:40rem;}
	.thumb-di {height:28rem;}
	.realisation-thumb {width: 12rem; height: 12rem;}
	.item-bien:hover .realisation-thumb {width:13rem; height:13rem;}
	
	#realisation .col-3 {grid-template-columns:1fr; grid-gap: var(--pad); padding-top: var(--pad); margin-top:var(--pad);}
	.galerie-av {height: 25rem;}
	
	#accueil-a {display:flex; flex-direction:column; height:auto;}
	#accueil-a .height-80 {height:auto;}
	.colonne-sup--1 {grid-gap:var(--pads);}
	.colonne-sup--2 {position: relative; right: 0;}
	.icon {display:none;}
	
	.liste-item .button, #accueil-b .thumb, .realisations .item-realisation:nth-child(2), .realisations .item-realisation:nth-child(3) {display:none;}
	.liste-number .counter {width:1.6rem; height:1.6rem;}
	
	.colonne-sup--2 .thumb, .thumb-col-2 {width:38vw;}
	
	#accueil-b .col-2, .formulaire .col-2 {grid-template-columns:1fr; margin-top: var(--pad); grid-gap: var(--padm);}
	.article h2 {margin: 2.5rem 0 1.5rem 0;}
	.item-bloc {align-items: center;}
	
	#agence-a, #reorganisation-renovation .col-2, #harmonisation-des-espaces-feng-shui .col-2, #reseaux-hartmann-geobiologie .col-2 {grid-template-columns:1fr;}
	#reorganisation-renovation .col-2, #harmonisation-des-espaces-feng-shui .col-2, #reseaux-hartmann-geobiologie .col-2 {grid-gap: var(--pad); margin-top:var(--pad);}
	#harmonisation-des-espaces-feng-shui .col-2 {display:flex; flex-direction: column-reverse;}
	
	.footer {transform:translateY(2rem);}
	
	.formulaire .col-2 {grid-gap:0;}
	.formulaire textarea {height: 15rem !important;}
	
	.item-bien {overflow:visible;}
	.item-bien .bien-statut {padding:0 2rem; width:auto; right:auto; left: 50%; transform: translateX(-50%); top: -1.25rem;}
	.item-bien .bien-statut:before {border-radius:5rem;}
	.bien-statut {height: 3rem; width: 20rem; transform: translateY(1.5rem) translateX(4.5rem) rotate(30deg);}
	
}

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

	html, body {overflow-y:auto;}

	.first-introduction {transform: translateY(75px) skewY(-5deg);}
	.second-section {opacity:0!important; transform: translateY(75px) skewY(-5deg)!important;  transition:opacity .7s cubic-bezier(.215,.61,.355,1), transform .7s cubic-bezier(.215,.61,.355,1);}
	.is-ready .second-section {opacity: 1!important; transform: none!important; transition-delay:.4s;}

	.fx {opacity:1; transform:none;}
	.right, .content-70 {text-align: center;}
	.wrapper-btn {justify-content: center;}
	.meta  {text-align:right!important;}
	.col-2, .col-2-1 {grid-template-columns:1fr;}
	
	.font-size--d {font-size:4vw;}
	
	.follow, .overlay-txt, .footer-top {display:none;}
	
	.wrapper-first.partenaire {padding: calc(var(--pad) * 2)!important;}
	.wrapper-first.partenaire .font-title {margin-top:0;}
	.wrapper-first.first {min-height: auto;}
	.wrapper-first {padding: var(--pad) calc(var(--pad) * 2);}
	.wrapper-sides, .wrapper-sides-xl {padding-left: var(--pad); padding-right: var(--pad);}
	.wrapper-bot, .wrapper-botm {padding-bottom:var(--pad);}
	.wrapper-topm, .wrapper-top {padding-top:var(--pad);}
	.mar-topl, .mar-top {margin-top:var(--pad);}
	.grid-padxl {grid-gap:var(--pad);}
	
	.grid-pad {grid-gap: var(--pads);}
	
	#accueil-a {padding-top:0;}
	#accueil-a .height-80 {grid-gap: var(--pad); display: flex; flex-direction: column;}
	#accueil-a, #agence-a {grid-gap:var(--pad);}
	.colonne-sup--2 {flex-direction: column-reverse; align-items:center; text-align:center; grid-gap:var(--pads);}
	.colonne-sup--2 .legende {width:100%; text-align:center; justify-content:center; grid-gap:.5rem;}
	.colonne-sup--2 .thumb, .thumb-col-2, .item-realisation {width:45vw;}
	
	.liste-item:before, .line:before {width:100%;}
	.liste-number .counter {width: 2rem; height: 2rem;}
	
	.first-introduction {margin-top:var(--pad);}
	
	.realisations {height:auto;}
	.thumb, .item-realisation, .item-bien, .galerie-v img, .wrapper-sides-xl.height-80 {height:27rem;}
	.galerie-v-av {height:36rem; width:100%;}
	.item-realisation {position:relative;}
	.item-bien, .item-realisation {padding: var(--padm);}
	.section-white-bg {border-radius:3rem;}
	.realisation-thumb, .item-bien:hover .realisation-thumb {width:10rem; height:10rem;}
	.thumb-di {height:25rem;}
	
	.item-bien:after, .item-bien:hover::after, .formulaire textarea {border-radius:2rem;}
	
	#reorganisation-renovation, #harmonisation-des-espaces-feng-shui {margin-bottom:var(--pad);}
	
	#agence-b {padding-bottom:0;}
	#sticky .height-100 {height:auto; padding-bottom: 0; padding-top:0;}
	.content-height-100 {grid-gap: var(--padm);}
	.sticky-wrapper {grid-gap:0;}
	#sticky .wrapper-btn {margin-top:var(--padm);}
	
	.wrapper-first .breadcrumb {margin-bottom:var(--padm);}
	.wrapper-first .single-col {margin-top:var(--pad);}
	.single-col {display:grid; grid-template-columns:1fr 1fr;}
	
	.strips {margin-left: -45vw;}
	.strip {width: 190vw;}
	
	.formulaire, .article {text-align:left;}
	.formulaire input {padding:1.5rem 2rem;}
	.form-item {margin-bottom: var(--padm);}
	
	.footer-menu {height: auto; grid-gap: 1.5rem; margin-top:0;}
	.footer-links {flex-direction: column; grid-gap:1rem;}
	.footer .font-size--z {margin-left: 0; letter-spacing: 0;}
	.marsrouge {right:var(--pad);}
	
	.overlay-menu {left:var(--pad); z-index:250; transform:translateY(5rem);}
	.is-ready .overlay-menu {transform:none;}
	
	.menu-menu-container {display:none;}
	.mobile {display: block;}
	
	#decoration-interieur .single-col {grid-template-columns: 1fr;}
	
}

@media screen and (max-width:590px) {
	
	:root {
	--pad: 4rem;
	}
	
	.overlay-menu {left:var(--padm);}
	
	.wrapper-first {padding:var(--pad) var(--padm);}
	.wrapper-first.partenaire {padding:calc(var(--pad) * 1.5) var(--padm)!important;}
	.first-introduction {text-align:right;}
	.pattern {width: 100%;}
	
	.wrapper-sides, .wrapper-sides-xl {padding-left: var(--padm); padding-right: var(--padm);}
	
	.mar-topm {margin-top: var(--padm);}
	
	body {font-size: .9rem;}
	.font-size--b {font-size: 12vw;}
	.font-size--e, .paragraphe p:first-child {font-size: 1.1rem;}
	.font-size--c {font-size:8vw;}
	.strips {margin-left: -65vw;}
	.strip {font-size:7vw; height: calc(var(--pad) * 1.5); width: 230vw; grid-gap:2rem;}
	.strips .strip-line:nth-child(2) {margin-top: -1rem;}
	.strip svg {width: 2rem;}
	.font-size--d {font-size: 6vw;}
	
	.colonne-sup--2 .thumb, .thumb-col-2, .item-realisation {width: 100%; height:27rem;}
	.thumb, .galerie-av, .wrapper-sides-xl.height-80, .thumb-di, #reorganisation-renovation .thumb, #harmonisation-des-espaces-feng-shui .thumb, #reseaux-hartmann-geobiologie .thumb {height: 16rem;}
	.galerie-v img {width:100%; height:auto;}

	.item-bloc {flex-direction: column; grid-gap:1.5rem; border-radius:2rem;}
	.section-white-bg {border-radius: 2rem;}
	
	
	.article li:before {margin-top: .4rem;}
	.biens-immobiliers {grid-template-columns: 1fr;}
	
	.mainmenu {grid-gap:1rem;}
	.liste-item:after {content:none;}
	.liste-item:hover {padding:var(--padm) 0; color:var(--blanc);}
	.section-white .liste-item:hover {color:var(--rouge);}
	.item-number {padding: var(--padm) 0;}
	.liste-number .counter { width: 1.8rem; height: 1.8rem;}
	.item-liste {flex-direction:column; grid-gap: 1rem;}

	.footer-menu {padding: var(--pad) var(--padm); margin-top: 0; width: 100%; justify-content: flex-start;}
	.footer .itemscenter {padding:0;}
	.footer .itemscenter, .footer-links {align-items: flex-start;}
	.footer-links {align-items:left;}
	.marsrouge svg {width: 30px;}
	
	.bien-statut {height:2rem; width:18rem;}
	
}