/*

Theme Name: Maison LALEGO
Theme URI: https://nono.design/
Author: Nono.Design
Author URI: https://nono.design/
Description : Maison LALEGO
Version: 1.0

*/

/* =============================

---------------- ORGANISATION CSS :

CHAPITRE 1 - 
CHAPITRE 2 - 
CHAPITRE 3 - 
CHAPITRE 4 - 
CHAPITRE 5 - 

================================ */

@charset "utf-8";

/* =============================

--- X - CONSTRUCTION - MAISON LALEGO

================================ */

body {
margin: 0;
font-family: "DM Sans", serif;
color: var(--lalego-GRIS);
background-color: var(--lalego-BLANC);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-synthesis: none;
}

#wrapper {
width: 100%;
overflow: hidden;
}

a {
color: var(--lalego-BLEU);
text-decoration: none;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}

a,
a:hover,
a:focus,
a:visited {
text-decoration: none;
}

*
*:focus,
*:active {
outline: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

p, h1, h2, h3, h4, li {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}

p, ul,
#zonetxt img {margin-bottom: 20px;}

[class*="col-"] p:last-child,
[class*="col-"] .zonetxt *:last-child,
.zonetxt *:last-child {margin-bottom: 0;}

h1, h2, h3, h4 {
color: var(--lalego-NOIR);
margin-bottom: 20px;
line-height: 1;
}

h2, h3, h4 {
line-height: 1.1;
}

ul {-webkit-padding-start: 15px;padding-inline-start: 15px;}

img { 
max-width: 100%;
-webkit-user-drag: none; 
-khtml-user-drag: none; 
-moz-user-drag: none; 
-o-user-drag: none; 
user-drag: none; 
}

blockquote {
display: block;
margin-top: 25px;
margin-bottom: 25px;
border-left: 1px solid var(--lalego-BLEU);
padding: 20px 0;
padding-left: 30px;
}

/* ===== Bootstrap 5 Col ===== */

.col-5col {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
width: 100%;
float: left;
}

@media (min-width: 768px) {
  .col-5col {width: 100%;float: left;}
}

@media (min-width: 992px) {
  .col-5col {width: 25%;float: left;}
}

@media (min-width: 1200px) {
  .col-5col {width: 20%;float: left;}
}

/* ===== CONTAINER ===== */

.container,
.container-fluid {
padding-left: 50px;
padding-right: 50px;
max-width: 100%;
}

.container {
max-width: 1500px;
} 

@media (max-width: 767px) {
  .container,
  .container-fluid,
  .container-fluid.init { 
  padding-left: 30px;
  padding-right: 30px;
  }
}

/* ===== COLORS ===== */

:root {
  --lalego-BLANC: #FFFFFF;
  --lalego-NOIR: #161616;
  --lalego-GRIS: #565656;
  --lalego-GRISCLAIR: #F5F5F5;
  --lalego-VERT: #ADEEC5;
  --lalego-ROSE: #FFAEE0;
  --lalego-BLEU: #4B75FF;
  --lalego-JAUNE: #FFF3C8;
}

/* ===== SPACE ===== */

:root {
  --space:          170px;
  --spacesmall:     100px;
}

@media (max-width: 991px) {
  :root {
    --space:          120px;
    --spacesmall:     60px;
  }
}

/* =============================

--- X - COMMUNS - MAISON LALEGO

================================ */

/* ==========
SIZE
=============== */

body {font-size: 16px;}
h1, .h1 {font-size: 52px;}
h2, .h2 {font-size: 26px;}
h3, .h3 {font-size: 22px;}
h4, .h4 {font-size: 18px;}

@media (max-width: 991px) {
  h1, .h1 {font-size: 38px;}
  h2, .h2 {font-size: 26px;}
  h3, .h3 {font-size: 20px;}
  h4, .h4 {font-size: 18px;}
}

@media (max-width: 767px) {
  body {font-size: 15px;}
  h1, .h1 {font-size: 32px;}
  h2, .h2 {font-size: 24px;}
  h3, .h3 {font-size: 19px;}
  h4, .h4 {font-size: 16px;}
}

/* ==========
BR
=============== */

@media (max-width: 575px) {
  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br,
  h6 br {
    display: none;
  }
}

/* ==========
GDPR
=============== */

.wordpress-gdpr-popup-small {
width: 200px;
margin-right: 15px;
right: 0;
bottom: 20px;
}

.wordpress-gdpr-popup-agree,
.wordpress-gdpr-popup-decline {
width: 100%;
text-align: center;
float: none;
}

.wordpress-gdpr-privacy-settings-popup-services-buttons .btn {
border-radius: 0;
font-weight: 600;
margin: 0;
}

.wordpress-gdpr-privacy-settings-popup {
font-weight: 400;
}

.wordpress-gdpr-privacy-settings-popup-logo img {
margin: 0;
width: 100%;
}

@media (max-width: 768px) {
    .wordpress-gdpr-privacy-settings-popup-logo {
    width: 100%;
    max-width: 200px;
    margin: 0 auto 25px;
    float: none;
    }
    .wordpress-gdpr-privacy-settings-popup-info {
    float: none;
    width: 100%;
    padding-left: 0;
    text-align: center;
    }
    .wordpress-gdpr-privacy-settings-popup-title {
    font-size: 18px;
    margin-bottom: 40px;
    }
}

/* ==========
LINES
=============== */

#lines {
position: fixed;
height: 100%;
width: 100%;
left: 0;
top: 0;
background-image: url(images/section-line.png);
background-repeat: repeat-y;
background-position: top center;
-webkit-animation: 10s bgMove infinite linear;
        animation: 10s bgMove infinite linear;
pointer-events: none;
}

/* ==========
CURSOR
=============== */

.custom-cursor__cursor {
width: 25px;
height: 25px;
border-radius: 100%;
border: 1px solid var(--lalego-BLEU);
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
position: fixed;
pointer-events: none;
left: 0;
top: 0;
-webkit-transform: translate(calc(-50% + 5px), -50%);
-ms-transform: translate(calc(-50% + 5px), -50%);
    transform: translate(calc(-50% + 5px), -50%);
z-index: 999991;
border-color: var(--lalego-BLEU);
}

.custom-cursor__cursor-two {
width: 10px;
height: 10px;
border-radius: 100%;
background-color: var(--lalego-ROSE);
opacity: 0.55;
position: fixed;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
pointer-events: none;
-webkit-transition: width 0.3s, height 0.3s, opacity 0.3s;
transition: width 0.3s, height 0.3s, opacity 0.3s;
z-index: 999991;
}

/* ==========
SCROLL TOP
=============== */

.scroll-top {
position: fixed;
right: 30px;
bottom: 30px;
height: 50px;
width: 50px;
cursor: pointer;
display: block;
border-radius: 50%;
background-color: var(--lalego-BLEU);
z-index: 99;
opacity: 0;
padding: 6px;
visibility: hidden;
-webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
        transform: translateY(15px);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}

.scroll-top:hover {
background-color: var(--lalego-ROSE);
}

.scroll-top.active {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
}

.scroll-top::after {
font-size: 30px;
position: absolute;
content: "\f106";
font-family: "FontAwesome" !important;
text-align: center;
color: var(--lalego-BLANC);
left: 0;
top: 0;
height: 100%;
width: 100%;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
stroke: var(--lalego-BLANC);
}

.scroll-top path {
stroke: var(--lalego-BLANC);
stroke-width: 4;
fill: none;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
color: var(--lalego-BLANC);
}

/* ==========
MARK
=============== */

.zonetxt mark {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
gap: 15px;
margin: 0 0 5px;
-webkit-animation-duration: 1s;
        animation-duration: 1s;
-webkit-animation-fill-mode: both;
        animation-fill-mode: both;
background: none;
padding: 0;
color: var(--lalego-NOIR);
font-weight: 600;
}

.zonetxt mark:before {
content: '';
background-image: url(images/star.png);
background-size: contain;
-ms-flex-negative: 0;
    flex-shrink: 0;
width: 24px !important;
height: 24px;
-webkit-animation: rotated2 10s infinite linear;
        animation: rotated2 10s infinite linear;
}

/* ==========
SWIPER CONTROLS
=============== */

.lalego-swiper {
position: relative;
}

.lalego-swipercontrols {
padding-bottom: 52px;
}

.lalego-swipercontrols .swiper-pagination {
bottom: 0;
}

.lalego-swiper .swiper-pagination-bullet {
width: 11px;
height: 11px;
background-color: var(--lalego-ROSE);
opacity: 1;
-webkit-transition: width 0.3s ease, background-color 0.3s ease;
transition: width 0.3s ease, background-color 0.3s ease;
}

.lalego-swiper .swiper-pagination-bullet-active {
width: 30px;
border-radius: 999px;
background-color: var(--lalego-BLEU);
}

/* ==========
ENTRANCE / END
=============== */

.entrance,
.end {
display: block;
text-align: center;
margin: 0 auto var(--spacesmall);
max-width: 800px;
}

.end {
margin: var(--spacesmall) auto 0;
}

.entrance h1 span,
.end h1 span {
font-family: Georgia, serif;
font-style: italic;
}

/* ==========
BOUTONS
=============== */

.lalego_btn {
font-weight: 600;
display: inline-block;
vertical-align: middle;
-webkit-appearance: none;
border: 0;
outline: none !important;
background-color: var(--lalego-BLEU);
color: var(--lalego-BLANC);
text-align: center;
padding: 19px 34px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
position: relative;
overflow: hidden;
z-index: 2;
border-radius: 999px;
-webkit-box-shadow: none;
        box-shadow: none;
}

.lalego_btn > span {
position: relative;
z-index: 2;
}

.lalego_btn__hover {
position: absolute;
width: calc(100% + 2px);
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}

.lalego_btn_hover_item {
width: 25%;
height: 100%;
top: 0;
position: absolute;
-webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
        transform: translateY(100%);
background-color: var(--lalego-VERT);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-webkit-transition-delay: 0s;
        transition-delay: 0s;
opacity: 0;
}

.lalego_btn_hover_item:nth-child(1) {
left: 0;
-webkit-transition-delay: 0.105s;
        transition-delay: 0.105s;
}

.lalego_btn_hover_item:nth-child(2) {
left: 25%;
-webkit-transition-delay: 0.15s;
        transition-delay: 0.15s;
}

.lalego_btn_hover_item:nth-child(3) {
left: 50%;
-webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
}

.lalego_btn_hover_item:nth-child(4) {
left: 75%;
-webkit-transition-delay: 0.25s;
        transition-delay: 0.25s;
}

.lalego_btn:hover {
color: var(--lalego-NOIR);
-webkit-box-shadow: none;
        box-shadow: none;
-webkit-transform: none;
    -ms-transform: none;
        transform: none;
}

.lalego_btn:hover .lalego_btn_hover_item {
-webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
        transform: translateY(0px);
opacity: 1;
}

@media (max-width: 991px) {
  .lalego_btn {
  padding: 15px 20px;
  }
}

/* ==========
ANIMATIONS
=============== */

.bw-reveal-right {
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
-webkit-transition: all 0.8s !important;
transition: all 0.8s !important;
-webkit-transition-delay: 0.3s !important;
        transition-delay: 0.3s !important;
-webkit-transform: none !important;
    -ms-transform: none !important;
        transform: none !important;
opacity: 1 !important;
}

.bw-reveal-right.aos-animate {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.bw-reveal-left {
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
-webkit-transition: all 0.9s !important;
transition: all 0.9s !important;
-webkit-transition-delay: 0.4s !important;
        transition-delay: 0.4s !important;
opacity: 1 !important;
-webkit-transform: none !important;
    -ms-transform: none !important;
        transform: none !important;
}

.bw-reveal-left.aos-animate {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.bw-reveal-top {
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
-webkit-transition: all 0.9s !important;
transition: all 0.9s !important;
-webkit-transition-delay: 0.4s !important;
        transition-delay: 0.4s !important;
opacity: 1 !important;
-webkit-transform: none !important;
    -ms-transform: none !important;
        transform: none !important;
}

.bw-reveal-top.aos-animate {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

@-webkit-keyframes bgMove{0%{background-position:50% 3000px}100%{background-position:50% 0}}

@keyframes bgMove{0%{background-position:50% 3000px}100%{background-position:50% 0}}
@-webkit-keyframes startIconOne{0%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}100%{-webkit-transform:scale(.5) rotate(45deg);transform:scale(.5) rotate(45deg)}}
@keyframes startIconOne{0%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}100%{-webkit-transform:scale(.5) rotate(45deg);transform:scale(.5) rotate(45deg)}}
@-webkit-keyframes iconTranslateX{49%{-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}51%{opacity:1}}
@keyframes iconTranslateX{49%{-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}51%{opacity:1}}
@-webkit-keyframes widths{0%{width:0}50%{width:97%;left:0}100%{width:0;left:100%}}
@keyframes widths{0%{width:0}50%{width:97%;left:0}100%{width:0;left:100%}}
@-webkit-keyframes textRotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes textRotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes videoZoom{0%{-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);opacity:1;border-width:3px}40%{opacity:1;border-width:1px}65%{border-width:1px}100%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);opacity:0;border-width:1px}}
@keyframes videoZoom{0%{-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);opacity:1;border-width:3px}40%{opacity:1;border-width:1px}65%{border-width:1px}100%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);opacity:0;border-width:1px}}
@-webkit-keyframes zoomsIn{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}}
@keyframes zoomsIn{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}}
@-webkit-keyframes shrinkAnim{0%,100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:0 50%;transform-origin:0 50%}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%,40%,60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}30%,50%,70%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}
@keyframes shrinkAnim{0%,100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:0 50%;transform-origin:0 50%}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%,40%,60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}30%,50%,70%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}
@-webkit-keyframes rotated{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes rotated{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes rotated2{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}
@keyframes rotated2{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}
@-webkit-keyframes iconTranslateY{49%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}51%{opacity:1}}
@keyframes iconTranslateY{49%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}51%{opacity:1}}
@-webkit-keyframes iconTranslate_Y{49%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%{opacity:1}}
@keyframes iconTranslate_Y{49%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%{opacity:1}}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}
@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}
@-webkit-keyframes text-scrolling{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
@keyframes text-scrolling{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
@-webkit-keyframes wobbleTop{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}
@keyframes wobbleTop{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}
@-webkit-keyframes svgAnimation{0%{stroke-dashoffset:0}100%{stroke-dashoffset:100%}}
@keyframes svgAnimation{0%{stroke-dashoffset:0}100%{stroke-dashoffset:100%}}

/* ==========================================

    NAVIGATION - MAISON LALEGO

============================================= */

header#navbar {
background-color: rgba(255, 255, 255, 0.94);
}

@media (max-width: 767px) {
  header#navbar {
  padding: 0;
  }
}

/* ==== Height Nav ==== */

#heightnav {
height: 94px;
}

/* ==== Effect ==== */

header#navbar.sticky-header--cloned {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
background-color: var(--lalego-BLANC);
-webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
        transform: translateY(-100%);
visibility: hidden;
-webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease;
transition: visibility 500ms ease, -webkit-transform 500ms ease;
transition: transform 500ms ease, visibility 500ms ease;
transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
padding-top: 0;
padding-bottom: 0;
}

header#navbar.sticky-header--cloned.active {
-webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
        transform: translateY(0%);
visibility: visible;
}

/* ==== Main Header ==== */

.main-header {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 9;
background-color: var(--lalego-BLANC);
}

.main-header__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

@media (max-width: 1349px) {
  .main-header__inner {
  padding: 15px 0;
  }
}

/* ==== Logotype ==== */

header#navbar .main-header__logo {
width: 120px;
}

header#navbar .main-header__logo svg {
width: 100%;
fill: var(--lalego-ROSE);
}

/* ==== Menu ==== */

header#navbar .main-menu .main-menu__list>li>a {
font-size: 16px;
font-weight: 600;
color: var(--lalego-NOIR);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
position: relative;
overflow: hidden;
outline: none;
-webkit-transform: translateY(var(--y)) translateZ(0);
        transform: translateY(var(--y)) translateZ(0);
-webkit-transition: -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease;
transition: -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease;
transition: transform 0.4s ease, box-shadow 0.4s ease;
transition: transform 0.4s ease, box-shadow 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease;
}

header#navbar .main-menu .main-menu__list>li.current>a,
header#navbar .main-menu .main-menu__list>li:hover>a {
color: var(--lalego-BLEU);
text-shadow: 0 0 0.5px currentColor;
--y: -0px;
background-color: transparent;
}

header#navbar .main-menu .main-menu__list,
header#navbar .main-menu .main-menu__list ul {
margin: 0;
padding: 0;
list-style-type: none;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
display: none;
}

@media (min-width: 1350px) {
  header#navbar .main-menu .main-menu__list,
  header#navbar .main-menu .main-menu__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  }
}

header#navbar .main-menu .main-menu__list>li {
padding-top: 32px;
padding-bottom: 32px;
position: relative;
}

header#navbar .main-menu .main-menu__list>li+li {
margin-left: 45px;
}

header#navbar .lalego_btn {
padding: 15px 20px;
}

@media (max-width: 1350px) {
  header#navbar .lalego_btn {
  margin-left: 25px;
  }
}

@media (max-width: 550px) {
  header#navbar .lalego_btn {
  display: none;
  }
}

/* ==== Quote ==== */

header#navbar li.nav_quote {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}

header#navbar .ywraq_number_items span {
display: none;
}

header#navbar .ywraq_number_items {
width: 30px;
height: 30px;
background: var(--lalego-VERT);
border-radius: 50%;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}

header#navbar .ywraq_number_items a {
color: var(--lalego-NOIR);
font-size: 13px;
    font-weight: 600;
}

header#navbar .ywraq_number_items:hover {
background: var(--lalego-BLEU);
}

header#navbar .ywraq_number_items:hover a {
color: var(--lalego-BLANC);
}

/* ==== Dropdown ==== */

header#navbar .main-menu .main-menu__list li ul {
position: absolute;
top: 100%;
left: -25px;
min-width: 270px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: top center;
    -ms-transform-origin: top center;
        transform-origin: top center;
-webkit-transform: scaleY(0) translateZ(100px);
        transform: scaleY(0) translateZ(100px);
-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
z-index: 99;
background-color: var(--lalego-BLANC);
padding: 15px 20px 11px;
}

header#navbar .main-menu .main-menu__list li:hover>ul {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1) translateZ(0px);
        transform: scaleY(1) translateZ(0px);
}

header#navbar .main-menu .main-menu__list li.megamenu:hover>ul {
opacity: 1;
visibility: visible;
pointer-events: auto;
-webkit-transform: perspective(500px) rotateX(0);
        transform: perspective(500px) rotateX(0);
}

header#navbar .main-menu .main-menu__list>.megamenu>ul {
top: 100% !important;
width: 1500px;
max-width: 100%;
margin: 0 auto;
left: 0 !important;
right: 0 !important;
background-color: transparent;
-webkit-box-shadow: none;
        box-shadow: none;
padding: 0;
-webkit-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
-webkit-transform: perspective(500px) rotateX(-20deg);
        transform: perspective(500px) rotateX(-20deg);
-webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
pointer-events: none;
-webkit-transform: none;
    -ms-transform: none;
        transform: none;
}

header#navbar .main-menu .main-menu__list>li.dropdown>a {
position: relative;
}

header#navbar .main-menu .main-menu__list>li.dropdown>a::after {
font-size: 20px;
content: "\f107";
font-family: "FontAwesome" !important;
color: inherit;
margin-left: 10px;
position: relative;
top: 2px;
display: inline-block;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

header#navbar .main-menu .main-menu__list>li>a .main-menu__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
text-shadow: 0 80px 0 var(--lalego-BLEU);
}

header#navbar .main-menu .main-menu__list>li>a .main-menu__text span {
display: block;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
font-style: normal;
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: translateY(var(--m)) translateZ(0);
        transform: translateY(var(--m)) translateZ(0);
}

header#navbar .main-menu .megamenu ul li {
padding: 20px 35px 35px;
background-color: var(--lalego-JAUNE);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 55px;
}

header#navbar .main-menu .megamenu a.inside {
display: block;
text-align: center;
}

header#navbar .main-menu .megamenu a.inside img {
width: 100%;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
cursor: pointer;
}

header#navbar .main-menu .megamenu a.inside:hover img {
-webkit-transform: scale(.9);
    -ms-transform: scale(.9);
        transform: scale(.9);
}

header#navbar .main-menu .megamenu a.inside .menu-title {
font-size: 16px;
font-weight: 600;
display: inline-block;
margin-top: 15px;
color: var(--lalego-NOIR);
background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95% / 0px 1px no-repeat;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
display: none;
}

header#navbar .main-menu .megamenu a.inside:hover .menu-title{
background-size: 100% 1px;
color: var(--lalego-BLEU);
}

/* ==== Effect ==== */

header#navbar .main-menu .main-menu__list>li>a .main-menu__text span:nth-child(1) {
-webkit-transition-delay: 0.0333333333s;
        transition-delay: 0.0333333333s;
}

header#navbar .main-menu .main-menu__list>li>a .main-menu__text span:nth-child(2) {
-webkit-transition-delay: 0.0666666667s;
        transition-delay: 0.0666666667s;
}

header#navbar .main-menu .main-menu__list>li>a .main-menu__text span:nth-child(3) {
-webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
}

header#navbar .main-menu .main-menu__list>li>a .main-menu__text span:nth-child(4) {
-webkit-transition-delay: 0.1333333333s;
        transition-delay: 0.1333333333s;
}

header#navbar .main-menu .main-menu__list>li>a .main-menu__text span:nth-child(5) {
-webkit-transition-delay: 0.1666666667s;
        transition-delay: 0.1666666667s;
}

header#navbar .main-menu .main-menu__list>li>a .main-menu__text span:nth-child(6) {
-webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
}

header#navbar .main-menu .main-menu__list>li>a .main-menu__text span:nth-child(7) {
-webkit-transition-delay: 0.2333333333s;
        transition-delay: 0.2333333333s;
}

header#navbar .main-menu .main-menu__list>li>a .main-menu__text span:nth-child(8) {
-webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
}

header#navbar .main-menu .main-menu__list>li>a .main-menu__text span:nth-child(9) {
-webkit-transition-delay: 0.3333333333s;
        transition-delay: 0.3333333333s;
}

header#navbar .main-menu .main-menu__list>li>a .main-menu__text span:nth-child(10) {
-webkit-transition-delay: 0.3666666667s;
        transition-delay: 0.3666666667s;
}

header#navbar .main-menu .main-menu__list>li>a .main-menu__text span:nth-child(11) {
-webkit-transition-delay: 0.4;
        transition-delay: 0.4;
}

header#navbar .main-menu .main-menu__list>li.current>a span,
header#navbar .main-menu .main-menu__list>li:hover>a span {
--m: calc(80px * -1);
}

header#navbar .main-menu .main-menu__list>li.current>a::after,
header#navbar .main-menu .main-menu__list>li:hover>a::after {
-webkit-transform: rotate(-180deg) translateY(2px);
    -ms-transform: rotate(-180deg) translateY(2px);
        transform: rotate(-180deg) translateY(2px);
}

header#navbar .main-menu .main-menu__list>.megamenu {
position: static;
}

/* ==== Mobile ==== */

.main-header__toggler {
font-size: 18px;
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
background-color: var(--lalego-BLEU);
color: var(--lalego-NOIR);
border-radius: 50%;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
margin-left: 25px;
border: 0;
}

.main-header__toggler:hover {
color: var(--lalego-NOIR);
background-color: var(--lalego-VERT);
}

@media (max-width: 767px) {
  .main-header__toggler {
  margin-left: 15px;
  }
}

.mobile-nav__btn {
width: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
cursor: pointer;
padding: 0;
border: none;
background: transparent;
margin-left: auto;
margin-right: 0;
}

.mobile-nav__btn span {
width: 100%;
height: 2.5px;
background-color: var(--lalego-NOIR);
}

.mobile-nav__btn span:nth-child(2) {
margin-top: 7px;
margin-bottom: 7px;
}

@media (min-width: 1350px) {
  .mobile-nav__btn {
  display: none;
  }
}

/* Wrapper */

.mobile-nav__wrapper {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 999;
-webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
        transform: translateX(-100%);
-webkit-transform-origin: left center;
    -ms-transform-origin: left center;
        transform-origin: left center;
-webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
visibility: hidden;
}

.mobile-nav__wrapper.expanded {
opacity: 1;
-webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
        transform: translateX(0%);
visibility: visible;
-webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.mobile-nav__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--lalego-BLANC);
opacity: 0.9;
}

.mobile-nav__content {
width: 300px;
background-color: var(--lalego-ROSE);
z-index: 10;
position: relative;
height: 100%;
overflow-y: auto;
padding: 60px 30px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
        transform: translateX(-100%);
-webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.mobile-nav__wrapper.expanded .mobile-nav__content {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
    -ms-transform: translateX(0);
        transform: translateX(0);
-webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
}

/* Logo */

.mobile-nav__content .logo-box {
margin-bottom: 40px;
width: 150px;
}

.mobile-nav__content .logo-box svg {
fill: var(--lalego-BLANC);
}

/* Close */

.mobile-nav__close {
font-size: 20px;
position: absolute;
top: 20px;
right: 15px;
color: var(--lalego-NOIR);
cursor: pointer;
background-color: transparent;
border: none;
}

/* Links */

.mobile-nav__content .main-menu__list li>a {
font-size: 15px;
font-weight: 600;
}

.mobile-nav__content .main-menu__list li>a,
.mobile-nav__content .main-menu__list .dropdown ul li a .menu-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
color: var(--lalego-NOIR);
text-transform: uppercase;
padding: 15px 0;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-transition: 500ms;
transition: 500ms;
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.mobile-nav__content .main-menu__list ul {
display: none;
border-top: 1px solid RGBA(var(--lalego-BLANC-rgb, 255, 255, 255), 0.2);
}

.mobile-nav__content .main-menu__list li:not(:last-child) {
border-bottom: 1px solid RGBA(var(--lalego-BLANC-rgb, 255, 255, 255), 0.2);
}

.mobile-nav__content .main-menu__list li a.expanded {
color: var(--lalego-BLEU);
}

.mobile-nav__content .main-menu__list li a button {
width: 30px;
height: 30px;
background-color: var(--lalego-JAUNE);
border: none;
outline: none;
color: var(--lalego-NOIR);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
text-align: center;
-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.mobile-nav__content .main-menu__list li a button.expanded {
-webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
        transform: rotate(0deg);
background-color: var(--lalego-BLANC);
color: var(--lalego-NOIR);
}

.mobile-nav__content .main-menu__list .dropdown ul li {
margin-top: 10px;
margin-bottom: 20px;
}

.mobile-nav__content .main-menu__list .dropdown ul li a {
padding: 10px;
}

.mobile-nav__content .main-menu__list .dropdown ul li a img {
display: none;
}

.mobile-nav__content .main-menu__list .dropdown ul li a .menu-title {
padding: 0;
margin: 0;
padding-left: 25px;
}

.mobile-nav__content .lalego_btn {
padding: 15px 20px;
margin-top: 30px;
}

/* // */

.mobile-nav__content .main-menu__list li.nav_quote {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 15px;
}

.mobile-nav__content .main-menu__list li.nav_quote .ywraq_number_items {
width: 30px;
height: 30px;
background: var(--lalego-VERT);
border-radius: 50%;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}

.mobile-nav__content .main-menu__list li.nav_quote .ywraq_number_items a {
font-weight: 500;
font-size: 13px;
color: var(--lalego-NOIR);
}

.mobile-nav__content .main-menu__list li.nav_quote .ywraq_number_items span {
display: none;
}

/* ==========================================

    ZONE_HERO - MAISON LALEGO

============================================= */

.zone_HERO {
background-color: var(--lalego-JAUNE);
}

.zone_HERO .lalego-swiper {
position: relative;
padding-bottom: 0;
}

/* Item */

.zone_HERO .item {
position: relative;
height: 800px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

@media (max-width: 1199px) {
  .zone_HERO .item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  }
}

@media (max-width: 991px) {
  .zone_HERO .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  }
}

/* Background */

.zone_HERO .item .zoneimg {
width: 45%;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
-webkit-transition: clip-path 0.8s;
transition: clip-path 0.8s;
-webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
opacity: 0;
visibility: hidden;
}

@media (max-width: 1199px) {
  .zone_HERO .item .zoneimg {
  position: initial;
  width: 100%;
  }
}

@media (max-width: 991px) {
  .zone_HERO .item .zoneimg {
  height: 350px;
  }
}

.zone_HERO .swiper-slide-active .item .zoneimg {
opacity: 1;
visibility: visible;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
-webkit-transition-delay: 2000ms;
        transition-delay: 2000ms;
}

/* Content */

.zone_HERO .item .zonetxt {
position: relative;
z-index: 2;
padding: 200px 0;
}

@media (max-width: 991px) {
  .zone_HERO .item .zonetxt {
  position: relative;
  z-index: 2;
  padding: 80px 0 120px;
  text-align: center;
  }
}

.zone_HERO .item .zonetxt h1 {
font-size: 82px;
line-height: 0.9;
color: var(--lalego-NOIR);
text-transform: none;
margin: 0 0 40px;
max-width: 550px;
opacity: 0;
-webkit-animation-duration: 1s;
        animation-duration: 1s;
-webkit-animation-fill-mode: both;
        animation-fill-mode: both;
text-wrap: balance;
}

@media (max-width: 1199px) {
  .zone_HERO .item .zonetxt h1 {
  font-size: 60px;
  }
}

@media (max-width: 991px) {
  .zone_HERO .item .zonetxt h1 {
  max-width: 100%;
  }
}

@media (max-width: 767px) {
  .zone_HERO .item .zonetxt h1 {
  font-size: 42px;
  }
}

.zone_HERO .item .zonetxt h1 span {
font-family: Georgia, serif;
font-style: italic;
font-weight: 300;
color: var(--lalego-ROSE);
}

.zone_HERO .item .zonetxt p {
margin: 0 0 40px;
max-width: 450px;
opacity: 0;
-webkit-animation-duration: 1s;
        animation-duration: 1s;
-webkit-animation-fill-mode: both;
        animation-fill-mode: both;
}

@media (max-width: 991px) {
  .zone_HERO .item .zonetxt p {
  max-width: 100%;
  }
}

.zone_HERO .item .zonetxt .lalego_btn {
position: relative;
opacity: 0;
-webkit-animation-duration: 1s;
        animation-duration: 1s;
-webkit-animation-fill-mode: both;
        animation-fill-mode: both;
}

/* Controls */

.zone_HERO .swiper-pagination {
bottom: 38px !important;
}

/* Animations */

.zone_HERO .swiper-slide-active .item .zonetxt h1 {
opacity: 1;
-webkit-animation-delay: 1.4s;
        animation-delay: 1.4s;
-webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight;
}

.zone_HERO .swiper-slide-active .item .zonetxt p {
opacity: 1;
-webkit-animation-delay: 1.6s;
        animation-delay: 1.6s;
-webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft;
}

.zone_HERO .swiper-slide-active .item .zonetxt .lalego_btn {
opacity: 1;
-webkit-animation-delay: 1.8s;
        animation-delay: 1.8s;
-webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight;
}

/* ==========================================

    ZONE_LIEUX - MAISON LALEGO

============================================= */

.zone_LIEUX {
padding-top: var(--space);
padding-bottom: var(--space);
background-color: var(--lalego-VERT);
}

.zone_LIEUX .entrance mark:before {
background-image: url(images/star_white.png);
}

/* Cases */

.zone_LIEUX .item {
position: relative;
display: block;
margin: 30px 0;
}

@media (min-width: 992px) {
  .zone_LIEUX .row div[class*='col']:nth-child(even) .item {
  margin-top: 130px;
  }
}

@media (max-width: 991px) {
  .zone_LIEUX .item {
  margin: 40px 0;
  }
}

.zone_LIEUX .row div[class*='col']:nth-child(1) .item {
margin-top: 0;
}

.zone_LIEUX .item .zoneimg {
position: relative;
height: 470px;
overflow: hidden;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
border-radius: 14px;
}

@media (max-width: 767px) {
  .zone_LIEUX .item .zoneimg {
  height: 400px;
  }
}

.zone_LIEUX .item .zoneimg > img {
width: 100%;
height: 100%;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

.zone_LIEUX .item .zoneimg span.metas {
font-size: 14px;
position: absolute;
left: 20px;
top: 20px;
background-color: var(--lalego-ROSE);
padding: 6px 12px;
color: var(--lalego-BLANC);
border-radius: 999px;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

.zone_LIEUX .item:hover .zoneimg span.metas {
opacity: 0;
}

.zone_LIEUX .item .zoneimg .overlay {
width: calc(100% - 80px);
height: calc(100% - 80px);
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
        transform: scale(0.5);
}

.zone_LIEUX .item:hover .zoneimg .overlay {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}

.zone_LIEUX .item .zoneimg .overlay img {
height: 90%;
}

.zone_LIEUX .item .zonetxt {
position: relative;
padding: 30px 50px 0px 0px;
} 

.zone_LIEUX .item .zonetxt h2 {
display: inline;
color: var(--lalego-NOIR);
background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95%/0px 1px no-repeat;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.zone_LIEUX .item:hover .zonetxt h2 {
background-size: 100% 1px;
color: var(--lalego-BLANC);
}

.zone_LIEUX .item .zonetxt p {
color: var(--lalego-GRIS);
margin-top: 10px;
}

/* Last */

.zone_LIEUX .row div[class*='col']:last-child .item {
background: var(--lalego-JAUNE);
padding: 40px;
border-radius: 20px;
}

.zone_LIEUX .row div[class*='col']:last-child .item h2 {
background: none !important;
color: var(--lalego-NOIR) !important;
}

.zone_LIEUX .row div[class*='col']:last-child .item .zonetxt p {
margin-bottom: 30px;
}

/* ==========================================

    ZONE_CASES - MAISON LALEGO

============================================= */

.zone_CASES {
padding-top: var(--space);
padding-bottom: var(--space);
}

.zone_CASES .entrance {
color: var(--lalego-ROSE);
}

/* Cases */

@media (min-width: 1199px) {
  .zone_CASES [class*="bloc"] {
  -ms-flex: 00 45%;
  -webkit-box-flex: 0;
          flex: 0 0 45%;
  max-width: 45%;
  }
}

@media (max-width: 1199px) {
  .zone_CASES [class*="bloc"]:nth-child(2) {
  margin-bottom: 80px;
  }
}

@media (max-width: 700px) {
  .zone_CASES [class*="bloc"]:nth-child(2) {
  margin-bottom: 40px;
  }
}

.zone_CASES .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
gap: 50px;
border-top: 4px solid var(--lalego-VERT);
background-color: var(--lalego-BLANC);
padding-top: 25px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.zone_CASES [class*="col-"]:nth-child(even) .item {
border-top-color: var(--lalego-BLEU);
}

@media (max-width: 1199px) {
  .zone_CASES [class*="col-"]:nth-child(even) .item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  }
}

@media (max-width: 700px) {
  .zone_CASES .item,
  .zone_CASES [class*="col-"]:nth-child(even) .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  }
}

/* ZoneTxt */

.zone_CASES .item .zonetxt h3 {
margin: 0;
margin-bottom: 13px;
}

@media (max-width: 1199px) {
  .zone_CASES .item .zonetxt {
  max-width: 500px;
  }
}

/* Lettre */

.zone_CASES .item span.metas {
font-size: 14px;
display: inline-block;
background-color: var(--lalego-ROSE);
padding: 6px 12px;
margin-bottom: 15px;
color: var(--lalego-BLANC);
border-radius: 999px;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

/* ZoneImg */

.zone_CASES .item .zoneimg {
position: relative;
-ms-flex-negative: 0;
    flex-shrink: 0;
height: 390px;
width: 250px;
overflow: hidden;
border-radius: 14px;
}

.zone_CASES .item .zoneimg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

.zone_CASES .item:hover .zoneimg img {
-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}

@media (max-width: 1199px) {
  .zone_CASES .item .zoneimg {
  width: 500px;
  }
}

@media (max-width: 991px) {
  .zone_CASES .item .zoneimg {
  width: 350px;
  }
}

@media (max-width: 700px) {
  .zone_CASES .item .zoneimg {
  display: none;
  }
}

/* ==========================================

    ZONE_LOGOS - MAISON LALEGO

============================================= */

.zone_LOGOS {
padding-bottom: var(--space);
}

.zone_LOGOS {
pointer-events: none;
}

.zone_LOGOS .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
       align-items: center;
-webkit-transition-timing-function: linear;
        transition-timing-function: linear;
}

.zone_LOGOS .swiper-slide {
width: auto;
}

.zone_LOGOS .swiper-slide img {
max-width: 250px;
max-height: 120px;
}

/* ==========================================

    ZONE_FAQ - MAISON LALEGO

============================================= */

.zone_FAQ {
padding-top: var(--space);
padding-bottom: var(--space);
background-color: var(--lalego-JAUNE);
}

.zone_FAQ .background {
position: relative;
background-color: var(--lalego-BLANC);
border-radius: 20px;
-webkit-box-shadow: none;
        box-shadow: none;
overflow: hidden;
}

/* ZoneTxt */

.zone_FAQ .inside {
position: relative;
padding: 110px 110px;
}

@media (max-width: 1399px) {
  .zone_FAQ .inside {
  padding: 110px 60px;
  }
}

@media (max-width: 767px) {
  .zone_FAQ .inside {
  padding: 60px 40px;
  }
}

.zone_FAQ .inside .entrance {
text-align: left;
margin-bottom: 50px;
}

.zone_FAQ .inside .entrance mark {
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
}

.zone_FAQ .inside .end {
text-align: left;
margin-top: 50px;
}

/* Accordéons */

.zone_FAQ .item {
margin: 20px 0 0;
position: relative;
border: 1px solid #E2E2E2;
border-radius: 8px;
}

.zone_FAQ .item .item-title {
padding: 25px 28px 26px;
padding-left: 54px;
cursor: pointer;
}

.zone_FAQ .item .item-title h4 {
color: var(--lalego-NOIR);
margin: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
position: relative;
}

.zone_FAQ .item .item-title span {
position: absolute;
top: 50%;
left: -29px;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}

.zone_FAQ .item .item-title span::after {
display: block;
font-family: "FontAwesome" !important;
content: "\f105";
-webkit-transform-origin: center;
    -ms-transform-origin: center;
        transform-origin: center;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.zone_FAQ .item.active .item-title span::after {
-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
        transform: rotate(90deg);
}

.zone_FAQ .item .item-content .zonetxt {
padding: 0 28px 26px;
padding-left: 54px;
}

@media (max-width: 767px) {
  .zone_FAQ .item .item-content .zonetxt {
  padding: 0 25px 25px;
  padding-left: 25px;
  }
}

/* ZoneImg */

.zone_FAQ .zoneimg {
position: relative;
height: 100%;
overflow: hidden;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

@media (max-width: 767px) {
  .zone_FAQ .zoneimg {
  height: 500px;
  }
}

.zone_FAQ .zoneimg img {
width: 100%;
height: 100%;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

.zone_FAQ .bw-reveal-top {
-webkit-transition: all 1.5s !important;
transition: all 1.5s !important;
-webkit-transition-delay: 0.6s !important;
        transition-delay: 0.6s !important;
}

/* ==========================================

    ZONE_LASTBLOG - MAISON LALEGO

============================================= */

.zone_LASTBLOG {
padding-top: var(--space);
padding-bottom: var(--space);
}

.zone_LASTBLOG .inside {
position: relative;
background-color: var(--lalego-GRISCLAIR);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
width: 100%;
margin-bottom: 24px;
border: 0;
border-radius: 20px;
-webkit-box-shadow: none;
        box-shadow: none;
overflow: hidden;
}

@media (max-width: 767px) {
  .zone_LASTBLOG .inside {
  display: block;
  }
}

/* ZoneImg */

.zone_LASTBLOG .inside .zoneimg {
overflow: hidden;
margin: 0;
width: 35%;
height: 250px;
border-radius: 20px;
}

@media (max-width: 767px) {
  .zone_LASTBLOG .inside .zoneimg {
  width: 100%;
  }
}

.zone_LASTBLOG .inside .zoneimg img {
-webkit-transition: 0.5s;
transition: 0.5s;
background-size: cover;
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
}

.zone_LASTBLOG .inside:hover .zoneimg img {
-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}

/* Content */

.zone_LASTBLOG .inside .zonetxt {
position: relative;
z-index: 2;
padding: 25px 30px;
width: 65%;
}

@media (max-width: 1199px) {
  .zone_LASTBLOG .inside .zonetxt {
  padding: 25px 25px;
  }
}

@media (max-width: 767px) {
  .zone_LASTBLOG .inside .zonetxt {
  width: 100%;
  padding: 25px 30px;
  }
}

.zone_LASTBLOG .inside .zonetxt span.metas,
.zone_LIBRE.modele_TITRE .zonetxt span.metas {
font-size: 11px;
display: table;
background-color: var(--lalego-ROSE);
padding: 5px 10px;
margin-bottom: 15px;
color: var(--lalego-BLANC);
border-radius: 999px;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

.zone_LASTBLOG .inside .zonetxt h4 {
margin: 0;
}

.zone_LASTBLOG .inside .zonetxt h4 {
display: inline;
color: var(--lalego-NOIR);
background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95%/0px 1px no-repeat;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
background-size: 0px 1px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.zone_LASTBLOG .inside:hover .zonetxt h4 {
color: var(--lalego-BLEU);
background-size: 100% 1px;
}

/* ==========================================

    ZONE_ARCHLIEUX - MAISON LALEGO

============================================= */

.zone_ARCHLIEUX {
padding-top: var(--spacesmall);
padding-bottom: var(--space);
background-color: var(--lalego-VERT);
}

.zone_ARCHLIEUX .entrance.zonetxt mark:before {
background-image: url(images/star_white.png);
}

/* Cases */

@media (min-width: 992px) {
  .cases_ARCHLIEUX div[class*='col'] {
  -ms-flex: 0 0 48%;
  -webkit-box-flex: 0;
          flex: 0 0 48%;
  max-width: 48%;
  }
}

.cases_ARCHLIEUX a.item,
.cases_ARCHLIEUX .last {
position: relative;
display: block;
}

@media (min-width: 992px) {
  .cases_ARCHLIEUX div[class*='col']:nth-child(even) a.item,
  .cases_ARCHLIEUX .last {
  margin-top: 130px;
  }
}

@media (max-width: 991px) {
  .cases_ARCHLIEUX a.item {
  margin-bottom: 40px;
  }
  .cases_ARCHLIEUX div[class*='col']:last-child a.item {
  margin-bottom: 0;
  }
}

.cases_ARCHLIEUX a.item .zoneimg {
position: relative;
display: inline-block;
width: 100%;
height: 550px;
overflow: hidden;
border-radius: 20px;
}

@media (max-width: 991px) {
  .cases_ARCHLIEUX a.item .zoneimg {
  border-radius: 20px 20px 0 0;
  display: block;
  }
}

@media (max-width: 767px) {
  .cases_ARCHLIEUX a.item .zoneimg {
  height: 400px;
  }
}

.cases_ARCHLIEUX a.item .zoneimg img {
width: 100%;
height: 100%;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

.cases_ARCHLIEUX a.item:hover .zoneimg > img {
-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}

.cases_ARCHLIEUX a.item .zoneimg .illustration {
width: 125px;
position: absolute;
top: 15px;
right: 15px;
}

.cases_ARCHLIEUX a.item .zonetxt {
position: relative;
top: -75px;
width: calc(100% - 90px);
background-color: var(--lalego-BLANC);
padding: 40px;
border-radius: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.cases_ARCHLIEUX a.item:hover .zonetxt {
background-color: var(--lalego-ROSE);
}

@media (max-width: 1199px) {
  .cases_ARCHLIEUX a.item .zonetxt {
  width: calc(100% - 40px);
  padding: 30px;
  }
}

@media (max-width: 991px) {
  .cases_ARCHLIEUX a.item .zonetxt {
  width: 100%;
  padding: 25px;
  top: 0;
  border-radius: 0 0 20px 20px;
  }
}

.cases_ARCHLIEUX a.item .zonetxt img {
width: 150px;
}

.cases_ARCHLIEUX a.item .zonetxt span.metas {
font-size: 14px;
display: table;
background-color: var(--lalego-ROSE);
color: var(--lalego-BLANC);
padding: 6px 12px;
margin-bottom: 20px;
border-radius: 999px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.cases_ARCHLIEUX a.item:hover .zonetxt span.metas {
background-color: var(--lalego-BLANC);
color: var(--lalego-ROSE);
}

.cases_ARCHLIEUX a.item .zonetxt h3 {
display:inline;
margin: 0;
background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95% / 0px 1px no-repeat;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
background-size: 0px 1px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.cases_ARCHLIEUX a.item:hover .zonetxt h3 {
color: var(--lalego-BLANC);
background-size: 100% 1px;
}

.cases_ARCHLIEUX a.item .zonetxt p {
color: var(--lalego-GRIS);
margin-top: 10px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.cases_ARCHLIEUX a.item:hover .zonetxt p {
color: var(--lalego-BLANC);
}

/* ==========================================

    ZONE_SERVICES - MAISON LALEGO

============================================= */

.zone_SERV {
padding-top: var(--spacesmall);
padding-bottom: var(--space);
}

/* Filtres */

.zone_SERV .filtres {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
width: 100%;
gap: 10px;
margin-bottom: 50px;
}

.zone_SERV .filtres a {
padding: 15px 30px;
}

.zone_SERV .filtres a.active {
background-color: var(--lalego-VERT);
color: var(--lalego-NOIR);
pointer-events: none;
}

/* Cases */

.zone_SERV .cases {
margin-top: -15px;
margin-bottom: -15px;
}

.zone_SERV .inside {
position: relative;
z-index: 2;
overflow: hidden;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
background-color: var(--lalego-GRISCLAIR);
padding: 50px 30px;
margin: 15px 0;
}

.zone_SERV .row>[class*="col-"]:nth-child(4n + 1) .inside {
border-top: 4px solid var(--lalego-VERT);
}

.zone_SERV .row>[class*="col-"]:nth-child(4n + 2) .inside {
border-top: 4px solid var(--lalego-ROSE);
}

.zone_SERV .row>[class*="col-"]:nth-child(4n + 3) .inside {
border-top: 4px solid var(--lalego-BLEU);
}

.zone_SERV .row>[class*="col-"]:nth-child(4n + 4) .inside {
border-top: 4px solid var(--lalego-JAUNE);
}

.zone_SERV .inside .zoneimg {
width: 65px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
margin: 0 0 25px;
}

.zone_SERV .inside:hover .zoneimg {
-webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
        transform: scaleX(-1);
}

.zone_SERV .inside .zonetxt h3 {
display: inline;
color: var(--lalego-NOIR);
background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95% / 0px 1px no-repeat;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
background-size: 0px 1px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.zone_SERV .inside:hover .zonetxt h3 {
background-size: 100% 1px;
}

.zone_SERV .inside .zonetxt p:first-of-type {
margin-top: 20px;
}

/* Cases Intro */

.zone_SERV .inside.intro {
border: none !important;
background: var(--lalego-ROSE);
text-align: center;
}

.zone_SERV .inside.intro {
border: none !important;
background: var(--lalego-ROSE);
text-align: center;
}

.zone_SERV .inside.intro * {
color: var(--lalego-BLANC) !important;
}

.zone_SERV .inside.intro p {
max-width: 700px;
margin: 0 auto;
}

/* ==========================================

    ZONE_COUNT - MAISON LALEGO

============================================= */

.zone_IMGFULL {
position: relative;
}

.zone_IMGFULL div {
width: 100%;
height: 300px;
background-position: center;
background-attachment: fixed;
}

/* ==========================================

    ZONE_COUNT - MAISON LALEGO

============================================= */

.zone_COUNT {  
background-color: var(--lalego-ROSE);
padding-top: var(--spacesmall);
padding-bottom: var(--spacesmall);
}

.zone_COUNT .entrance {
margin-bottom: 50px;
}

.zone_COUNT .end {
margin-top: 70px;
}

.zone_COUNT .entrance h1 span,
.zone_COUNT .end h1 span {
color: var(--lalego-BLANC);
}

@media (max-width: 991px) {
  .zone_COUNT .entrance {
  margin-bottom: 30px;
  }
}

/* // */

.zone_COUNT .inside {
text-align: center;
padding: 0 20px;
margin: 20px 0;
}

.zone_COUNT .inside .counter-value {
font-size: 65px;
line-height: 1;
color: var(--lalego-BLANC);
font-family: Georgia, serif;
font-style: italic;
margin-bottom: 10px;
}

@media (max-width: 991px) {
  .zone_COUNT .inside .counter-value {
  font-size: 50px;
  }
}

/* ==========================================

    ZONE_OBJETS - MAISON LALEGO

============================================= */

.zone_OBJETS {
padding-top: var(--spacesmall);
padding-bottom: var(--space);
background: var(--lalego-JAUNE);
}

/* Filtres */

.zone_OBJETS .filtres {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
width: 100%;
gap: 10px;
margin-bottom: 35px;
}

.zone_OBJETS .filtres a {
padding: 15px 30px;
background-color: var(--lalego-BLANC);
color: var(--lalego-NOIR);
}

@media (max-width: 991px) {
  .zone_OBJETS .filtres a {
  padding: 10px 15px;
  }
}

.zone_OBJETS .filtres a.active {
background-color: var(--lalego-ROSE);
color: var(--lalego-BLANC);
pointer-events: none;
}

.zone_OBJETS .filtres a:hover {
color: var(--lalego-BLANC);
}

.zone_OBJETS .filtres a .lalego_btn_hover_item {
background-color: var(--lalego-ROSE);
}

/* Cases */

.zone_OBJETS .inside {
display: block;
border-radius: 20px;
margin: 15px 0;
overflow: hidden;
background: var(--lalego-BLANC);
-webkit-transition: 0.5s;
transition: 0.5s;
}

.zone_OBJETS .inside:hover {
background: var(--lalego-ROSE);
}

.zone_OBJETS .inside .zoneimg {
overflow: hidden;
margin: 0;
width: 100%;
height: 250px;
}

.zone_OBJETS .inside .zoneimg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.zone_OBJETS .inside:hover .zoneimg img {
-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}

.zone_OBJETS .inside .zonetxt {
padding: 30px;
}

.zone_OBJETS .inside .zonetxt h4 {
display: inline;
color: var(--lalego-NOIR);
background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95% / 0px 1px no-repeat;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
background-size: 0px 1px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.zone_OBJETS .inside:hover .zonetxt h4 {
color: var(--lalego-BLANC);
background-size: 100% 1px;
}

/* Pagination */

.pagination {
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
margin: 0;
}

.pagination ul.page-numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
gap: 20px;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
padding-left: 0;
margin: 0;
list-style-type: none;
}

.pagination .page-numbers li {
position: relative;
display: inline-block;
text-decoration: none;
}

.pagination .page-numbers a,
.pagination .page-numbers span {
border: none;
background-color: var(--lalego-BLANC);
color: var(--lalego-NOIR);
width: 50px;
height: 50px;
border-radius: 50%;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
text-decoration: none;
cursor: pointer;
}


.pagination .page-numbers span[aria-current] {
background-color: var(--lalego-ROSE);
color: var(--lalego-BLANC);
}

/* ==========================================

    ZONE_BANNER - MAISON LALEGO

============================================= */

.zone_BANNER {
height: 800px;
}

.zone_BANNER img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

@media (max-width: 1199px) {
  .zone_BANNER {
  height: 600px;
  }
}

@media (max-width: 991px) {
  .zone_BANNER {
  height: 500px;
  }
}

@media (max-width: 767px) {
  .zone_BANNER {
  height: 400px;
  }
}

/* ==========================================

    ZONE_TXTGD - MAISON LALEGO

============================================= */

.zone_TXTGD {
padding-top: var(--space);
padding-bottom: var(--space);
}

.zone_TXTGD > div .row:not(:last-child) {
padding-bottom: 120px;
}

@media (min-width: 992px) {
  .zone_TXTGD .container:not(.rerverse) .row:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;    
  }
  .zone_TXTGD .container.rerverse .row:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;    
  }
  .zone_TXTGD .row div[class*="col-"]:nth-child(2) {
  -ms-flex: 0 0 47%;
  -webkit-box-flex: 0;
          flex: 0 0 47%;
  max-width: 47%;
  }
}

.zone_TXTGD .zonetxt mark {
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
}

.zone_TXTGD .zonetxt h1 span {
font-family: Georgia, serif;
font-style: italic;
}

.zone_TXTGD .zoneimg {
position: relative;
width: 100%;
height: 650px;
overflow: hidden;
}

.zone_TXTGD .zoneimg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

@media (max-width: 991px) {
  .zone_TXTGD .zoneimg {
  height: 360px;
  margin-top: 40px;
  }
}

/* ==========================================

    ZONE_TIMELINE - MAISON LALEGO

============================================= */

.zone_TIMELINE {
padding-top: var(--space);
padding-bottom: var(--space);
background-color: var(--lalego-JAUNE);
}


/* Timeline */

.zone_TIMELINE #timeline {
width: 100%;
position: relative;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}

.zone_TIMELINE #timeline:before {
content: "";
width: 3px;
height: 100%;
background: var(--lalego-VERT);
left: 50%;
top: 0;
position: absolute;
}

.zone_TIMELINE #timeline:after {
content: "";
clear: both;
display: table;
width: 100%;
}

#timeline .timeline-item:after,
#timeline .timeline-item:before {
content: "";
display: block;
width: 100%;
clear: both;
}

.zone_TIMELINE #timeline .timeline-item {
margin-bottom: 80px;
position: relative;
}

.zone_TIMELINE #timeline .timeline-item .timeline-icon {
background: var(--lalego-VERT);
width: 60px;
height: 60px;
position: absolute;
top: 15px;
left: 50%;
overflow: hidden;
margin-left: -30px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
padding: 10px;
}

.zone_TIMELINE #timeline .timeline-item .timeline-icon img {
width: 100%;
}

.zone_TIMELINE #timeline .timeline-item .timeline-content {
position: relative;
width: 45%;
background: var(--lalego-BLANC);
padding: 45px;
border-radius: 20px;
}

.zone_TIMELINE #timeline .timeline-item .timeline-content .counter {
font-size: 45px;
color: var(--lalego-BLEU);
font-family: Georgia, serif;
font-style: italic;
margin-bottom: 10px;
}


.zone_TIMELINE #timeline .timeline-item .timeline-content:before {
content: "";
position: absolute;
right: -15px;
top: 30px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid var(--lalego-BLANC);
}

.zone_TIMELINE #timeline .timeline-item:nth-child(even) .timeline-content {
float: right;
}

.zone_TIMELINE #timeline .timeline-item:nth-child(even) .timeline-content:before {
left: -15px;
right: inherit;
border-left: 0;
border-right: 15px solid var(--lalego-BLANC);
}

@media screen and (max-width: 768px) {
  .zone_TIMELINE #timeline {
  margin: 30px;
  padding: 0px;
  width: 90%;
  }
  .zone_TIMELINE #timeline:before {
  left: 0;
  }
  .zone_TIMELINE #timeline .timeline-item {
  margin-bottom: 50px;
  }
  .zone_TIMELINE #timeline .timeline-item .timeline-content {
  width: 90%;
  float: right;
  }
  .zone_TIMELINE #timeline .timeline-item .timeline-content:before,
  .zone_TIMELINE #timeline .timeline-item .timeline-content.right:before {
  display: none;
  }
  .zone_TIMELINE #timeline .timeline-item .timeline-icon {
  left: 0;
  }
}

/* ==========================================

    ZONE_LIBRE - MAISON LALEGO

============================================= */

.zone_LIBRE {
padding-top: var(--space);
padding-bottom: var(--space);
}

.zone_LIBRE .entrance.zonetxt h1 span {
color: var(--lalego-VERT);
}

/* Select Lieux */

.zone_LIBRE .selectlieux {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
gap: 50px;
}

.zone_LIBRE .selectlieux a {
width: 200px;
}

.zone_LIBRE .selectlieux a img {
width: 100%;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.zone_LIBRE .selectlieux a:hover img {
-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}


@media screen and (max-width: 1350px) {
  .zone_LIBRE .selectlieux {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
  }
}

@media screen and (max-width: 767px) {
  .zone_LIBRE .selectlieux a {
  width: 160px;
  }
  .zone_LIBRE .selectlieux {
  gap: 25px;
  }
}

/* ==========================================

    ZONE_TEAM - MAISON LALEGO

============================================= */

.zone_TEAM {
background-color: var(--lalego-ROSE);
padding-top: var(--space);
padding-bottom: var(--space);
}

.zone_TEAM .entrance.zonetxt h1 span {
color: var(--lalego-BLANC);
}

.zone_TEAM .inside {
position: relative;
z-index: 1;
background-color: var(--lalego-BLANC);
padding: 30px 30px;
overflow: hidden;
}

.zone_TEAM .row>[class*="col-"]:nth-child(4n + 1) .inside {
border-top: 4px solid var(--lalego-VERT);
}

.zone_TEAM .row>[class*="col-"]:nth-child(4n + 2) .inside {
border-top: 4px solid var(--lalego-NOIR);
}

.zone_TEAM .row>[class*="col-"]:nth-child(4n + 3) .inside {
border-top: 4px solid var(--lalego-BLEU);
}

.zone_TEAM .row>[class*="col-"]:nth-child(4n + 4) .inside {
border-top: 4px solid var(--lalego-JAUNE);
}

.zone_TEAM .inside .zoneimg {
position: relative;
z-index: 1;
overflow: hidden;
width: 180px;
height: 180px;
border-radius: 50%;
margin: 0 auto 30px;
}

.zone_TEAM .inside .zoneimg::after {
background: linear-gradient(90deg, rgba(var(--lalego-BLANC-rgb, 255, 255, 255), 0.1) 0px, rgba(var(--lalego-BLANC-rgb, 255, 255, 255), 0.1) 77%, rgba(var(--lalego-BLANC-rgb, 255, 255, 255), 0.35) 92%, rgba(var(--lalego-BLANC-rgb, 255, 255, 255), 0));
content: "";
height: 200%;
left: -210%;
opacity: 0;
position: absolute;
top: -50%;
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
width: 200%;
}

.zone_TEAM .inside .zoneimg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.zone_TEAM .inside:hover .zoneimg:after {
left: -30%;
opacity: 1;
top: -20%;
-webkit-transition-duration: 0.6s, 0.6s, 0.15s;
        transition-duration: 0.6s, 0.6s, 0.15s;
-webkit-transition-property: left, top, opacity;
transition-property: left, top, opacity;
-webkit-transition-timing-function: linear;
        transition-timing-function: linear;
}

.zone_TEAM .inside:hover .zoneimg img {
-webkit-transform: rotate(1deg) scale(1.05);
    -ms-transform: rotate(1deg) scale(1.05);
        transform: rotate(1deg) scale(1.05);
}

.zone_TEAM .inside .zonetxt {
  position: relative;
  text-align: center;
}

.zone_TEAM .inside .zonetxt p {
margin: 0;
margin-bottom: 7px;
}

.zone_TEAM .inside .zonetxt h4 {
margin: 0;
}

/* Responsive */

@media (max-width: 1199px) {
  .zone_TEAM .inside {
  margin: 15px 0;
  }
  .zone_TEAM .entrance.zonetxt {
  margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .zone_TEAM .inside .zoneimg {
  width: 120px;
  height: 120px;
  }
}

/* ==========================================

    ZONE_ARCHJOURNAL - MAISON LALEGO

============================================= */

.zone_ARCHJOURNAL {
padding-top: var(--spacesmall);
padding-bottom: var(--space);
background-color: var(--lalego-BLEU);
}

.zone_ARCHJOURNAL .entrance.zonetxt h1 span,
.zone_ARCHJOURNAL .entrance.zonetxt p {
color: var(--lalego-BLANC);
}

/* Cases */

.zone_ARCHJOURNAL .cases_ARCHLIEUX a.item .zonetxt {
display: block;
}

.zone_ARCHJOURNAL .cases_ARCHLIEUX a.item .zonetxt h3 {
display: inline;
}

/* ==========================================

    ZONE_DIAPO - MAISON LALEGO

============================================= */

.zone_DIAPO {
padding-top: var(--spacesmall);
padding-bottom: var(--spacesmall);
background-color: var(--lalego-JAUNE);
}

.zone_DIAPO .zoneimg {
width: 100%;
height: 285px;
}

.zone_DIAPO .zoneimg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

/* ==========================================

    ZONE_MAPS - MAISON LALEGO

============================================= */

.zone_MAPS #maps {
width: 100%;
height: 600px;
background: var(--lalego-GRISCLAIR);
}

@media (max-width: 991px) {
  .zone_MAPS #maps {
  height: 500px;
  }
}

.zone_MAPS #maps .marker {
display: block;
width: 97px;
height: 140px;
padding: 0;
border: 0;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
background-color: transparent;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}

.zone_MAPS #maps .marker-cluster {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
width: 58px;
height: 58px;
padding: 0;
border: 6px solid var(--lalego-BLANC);
border-radius: 50%;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
background-color: var(--lalego-ROSE);
-webkit-box-shadow: 0 8px 24px rgba(22, 22, 22, 0.2);
        box-shadow: 0 8px 24px rgba(22, 22, 22, 0.2);
color: var(--lalego-BLANC);
cursor: pointer;
font-family: inherit;
font-size: 20px;
font-weight: 800;
}

/* ==========================================

    ZONE_CONTACT - MAISON LALEGO

============================================= */

.zone_CONTACT {
padding-top: var(--spacesmall);
padding-bottom: var(--spacesmall);
background: var(--lalego-JAUNE);
}

.zone_CONTACT .entrance {
margin-bottom: 0;
}

.zone_CONTACT .bloc {
font-size: 25px;
display: block;
border: 1px dashed var(--lalego-NOIR);
color: var(--lalego-NOIR);
text-align: center;
width: 700px;
max-width: 100%;
margin: 40px auto;
padding: 20px;
}

@media (max-width: 380px) {
  .zone_CONTACT .bloc {
  font-size: 22px;
  padding: 20px 10px;
  }
}

.zone_CONTACT .bloc:hover {
background: var(--lalego-BLANC);
}

.zone_CONTACT .bloc i {
margin-right: 10px;
}

/* ==========================================

    ZONE_CONTACT - MAISON LALEGO

============================================= */

.zone_FORM {
padding-top: var(--spacesmall);
padding-bottom: var(--spacesmall);
}

/* WPCF */

div.wpcf7 {
width: 100%;
}

div.wpcf7 label {
width: 100%;
margin-bottom: 20px !important;
text-align: center;
color: var(--lalego-NOIR);
font-weight: 600;
}

div.wpcf7 .wpcf7-form-control-wrap input,
div.wpcf7 .wpcf7-form-control-wrap textarea,
div.wpcf7 .wpcf7-form-control-wrap select {
width: 100%;
padding: 15px;
margin: 0;
margin-top: 5px;
border: 1px solid #E2E2E2;
border-radius: 8px;
text-align: center;
color: var(--lalego-NOIR);
background: var(--lalego-GRISCLAIR);
}

div.wpcf7 .wpcf7-form-control-wrap textarea {
height: 140px;
min-height: 140px !important;
width: 100% !important;
}

/* Checkbox */

div.wpcf7 .zoneselect {
background: var(--lalego-VERT);
margin: 35px 0;
padding: 40px 20px;
border-radius: 8px;
}

div.wpcf7 .zoneselect > p {
margin: 0;
}

div.wpcf7 .list-center {
text-align: center;
}

div.wpcf7 .list-center span.wpcf7-list-item {
margin: 0;
}

div.wpcf7 .list-center span.wpcf7-list-item input[type="checkbox"] {
display: none;
}

div.wpcf7 .list-center span.wpcf7-list-item label {
padding: 0;
margin: 0 !important;
font-weight: 400;
}

div.wpcf7 .list-center span.wpcf7-list-item-label {
color: var(--lalego-NOIR);
background: var(--lalego-BLANC);
display: inline-block;
padding: 7px 10px;
border-radius: 8px;
margin: 5px 10px;
margin-left: 0;
font-size: 14px;
cursor: pointer;
}

div.wpcf7 .list-center span.wpcf7-list-item.last span {
margin-right: 0;
}

div.wpcf7 .list-center span.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label {
background: var(--lalego-JAUNE);
}

/* Submit */

div.wpcf7 .submit-wrapper {
text-align: center;
}

div.wpcf7 .wpcf7-submit {
display: inline-block;
border-radius: 999px;
border: none;
background-color: var(--lalego-BLEU);
color: var(--lalego-BLANC);
text-align: center;
margin-top: 30px;
padding: 19px 34px;
font-weight: 600;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}

div.wpcf7 .wpcf7-submit:hover {
background-color: var(--lalego-VERT);
color: var(--lalego-NOIR);
}

div.wpcf7 .wpcf7-spinner {
position: absolute;
opacity: 1;
background: transparent;
margin-left: 15px;
margin-top: 45px;
}

div.wpcf7 .wpcf7-spinner::before {
width: 7px;
height: 7px;
background-color: var(--lalego-BLEU);
}

/* Mentions */

div.wpcf7 span.mtn-form span.wpcf7-list-item {
background: transparent;
padding: 0;
margin: 0;
border-radius: 0;
}

div.wpcf7 span.mtn-form span {
margin: 0;
text-transform: initial;
font-weight: 300;
}

div.wpcf7 span.mtn-form span label {
font-size: 13px;
line-height: 16px;
text-align: center;
margin-bottom: 0 !important;
}

div.wpcf7 span.mtn-form input {
display: inline;
width: 20px;
}

/* Validations errors */

div.wpcf7-validation-errors,
div.wpcf7 form.invalid .wpcf7-response-output,
div.wpcf7 form.unaccepted .wpcf7-response-output,
div.wpcf7-mail-sent-ok,
div.wpcf7 form.sent .wpcf7-response-output {
border: none !important;
background: var(--lalego-ROSE) !important;
border-radius: 8px;
padding: 20px !important;
color: var(--lalego-BLANC) !important;
margin: 40px 0 0 !important;
font-weight: 600;
text-align: center;
}

div.wpcf7 .wpcf7-not-valid {
border-color: var(--lalego-ROSE) !important;
}

div.wpcf7 .wpcf7-not-valid.mtn-form span.wpcf7-list-item span {
font-weight: 600;
color: var(--lalego-ROSE) !important
}

div.wpcf7 span.wpcf7-not-valid-tip {
display: none;
}

/* Validations ok */

div.wpcf7-mail-sent-ok,
div.wpcf7 form.sent .wpcf7-response-output {
background: var(--lalego-VERT) !important;
color: var(--lalego-NOIR) !important;
}

/* ==========================================

    ZONE_MODELE - MAISON LALEGO

============================================= */

/* Titre */

.zone_LIBRE.modele_TITRE {
padding-top: var(--spacesmall);
padding-bottom: 0; 
}

.zone_LIBRE.modele_TITRE .entrance {
margin-bottom: 0;
}

.zone_LIBRE.modele_TITRE .zonetxt span.metas {
display: inline-block;
}

/* BANNER */

.zone_BANNER.modele_BANNER {
padding-top: var(--spacesmall);
}

/* Texte */

.zone_LIBRE.modele_TXT {
padding-top: var(--spacesmall);
padding-bottom: var(--spacesmall); 
}

.zone_LIBRE.modele_TXT .zonetxt {
max-width: 1000px;
margin: 0 auto;
}

/* Return */

.zone_CASES.modele_RELATED {
padding-top: var(--spacesmall);
padding-bottom: var(--space);
}

.zone_CASES.modele_RELATED .item {
cursor: pointer;
}

.zone_CASES.modele_RELATED .item .zoneimg {
height: 250px;
}

.zone_CASES.modele_RELATED .item .zonetxt h3 {
display: inline;
background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95% / 0px 1px no-repeat;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
background-size: 0px 1px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.zone_CASES.modele_RELATED .item:hover .zonetxt h3  {
background-size: 100% 1px;
}

/* ==========================================

    ZONE_LIEUXHERO - MAISON LALEGO

============================================= */

.zone_LIEUXHERO {
padding-top: var(--spacesmall);
padding-bottom: var(--spacesmall);
background: var(--lalego-VERT);
}

.zone_LIEUXHERO .lieu-back {
font-size: 14px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 10px;
color: var(--lalego-NOIR);
}

.zone_LIEUXHERO .lieu-back span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
width: 34px;
height: 34px;
background-color: var(--lalego-JAUNE);
border-radius: 50%;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}

.zone_LIEUXHERO .lieu-back:hover i {
color: var(--lalego-BLANC);
}

.zone_LIEUXHERO .lieu-back:hover span {
background-color: var(--lalego-ROSE);
-webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
        transform: translateX(-4px);
}

.zone_LIEUXHERO .zonetxt mark {
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
margin-bottom: 20px !important;
}

.zone_LIEUXHERO .zonetxt mark:before {
background-image: url(images/star_white.png);
}

.zone_LIEUXHERO .zonetxt h1 {
margin-bottom: 50px;
font-size: 70px;
line-height: 0.9;
}

@media (max-width: 1199px) {
  .zone_LIEUXHERO .zonetxt h1 {
  font-size: 60px;
  }
}

@media (max-width: 991px) {
  .zone_LIEUXHERO .zonetxt h1 {
  max-width: 100%;
  }
}

@media (max-width: 767px) {
  .zone_LIEUXHERO .zonetxt h1 {
  font-size: 42px;
  }
}

.zone_LIEUXHERO .zonetxt h1 span {
font-family: Georgia, serif;
font-style: italic;
font-weight: 300;
}

.zone_LIEUXHERO .zonetxt > p {
margin-bottom: 0;
}

.zone_LIEUXHERO .lieu-illu {
text-align: right;
}

.zone_LIEUXHERO .lieu-illu img {
height: 340px;
-o-object-fit: contain;
   object-fit: contain;
-o-object-position: bottom right;
   object-position: bottom right;
}

.zone_LIEUXHERO .lieu-cover {
position: relative;
height: min(720px, 65vw);
margin: 80px 0 0;
overflow: hidden;
border-radius: 24px;
}

.zone_LIEUXHERO .lieu-cover img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
}

.zone_LIEUXHERO .lieu-cover figcaption {
position: absolute;
left: 30px;
top: 30px;
padding: 12px 20px;
background-color: var(--lalego-ROSE);
color: var(--lalego-BLANC);
font-weight: 600;
border-radius: 999px;
}

/* Responsive */

@media (max-width: 991px) {
  .zone_LIEUXHERO .lieu-illu {
  margin-bottom: 60px;
  }
  .zone_LIEUXHERO .lieu-cover {
  height: 520px;
  }
}

@media (max-width: 767px) {
  .zone_LIEUXHERO .lieu-back {
  margin-bottom: 55px;
  }
  .zone_LIEUXHERO .lieu-illu img {
  height: 300px;
  }
  .zone_LIEUXHERO .zonetxt h1 {
  font-size: 54px;
  }
  .zone_LIEUXHERO .lieu-cover {
  height: 420px;
  margin-top: 55px;
  border-radius: 18px;
  }
}

@media (max-width: 575px) {
  .zone_LIEUXHERO .zonetxt h1 {
  font-size: 46px;
  }
  .zone_LIEUXHERO .lieu-cover {
  height: 340px;
  }
  .zone_LIEUXHERO .lieu-cover figcaption {
  font-size: 12px;
  }
}

/* ==========================================

    ZONE_LIEUXPREZ - MAISON LALEGO

============================================= */

.zone_LIEUXPREZ {
padding-top: var(--space);
padding-bottom: var(--space);
}

.zone_LIEUXPREZ .lieu-intro mark {
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
}

.zone_LIEUXPREZ .lieu-intro h1 span,
.zone_CTA .lieu-brochure h1 span {
font-family: Georgia, serif;
font-style: italic;
}

.zone_LIEUXPREZ .lieu-intro .lalego_btn {
margin-top: 15px;
}

.zone_LIEUXPREZ .lieu-facts {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr);
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}

.zone_LIEUXPREZ .lieu-fact {
min-height: 245px;
padding: 30px;
border-radius: 20px;
}

.zone_LIEUXPREZ .lieu-fact--green {
background-color: var(--lalego-VERT);
}

.zone_LIEUXPREZ .lieu-fact--pink {
background-color: var(--lalego-ROSE);
}

.zone_LIEUXPREZ .lieu-fact--blue {
background-color: var(--lalego-BLEU);
}

.zone_LIEUXPREZ .lieu-fact--yellow {
background-color: var(--lalego-JAUNE);
}

.zone_LIEUXPREZ .lieu-fact > span {
font-size: 11px;
display: inline-block;
margin-bottom: 45px;
padding: 6px 11px;
background-color: var(--lalego-BLANC);
color: var(--lalego-NOIR);
text-transform: uppercase;
border-radius: 999px;
}

.zone_LIEUXPREZ .lieu-fact h3 {
display: block;
margin-bottom: 8px;
color: var(--lalego-NOIR);
}

.zone_LIEUXPREZ .lieu-fact p {
margin: 0;
color: var(--lalego-NOIR);
}

.zone_LIEUXPREZ .lieu-fact--blue h3,
.zone_LIEUXPREZ .lieu-fact--blue p {
color: var(--lalego-BLANC);
}

/* Responsive */

@media (max-width: 991px) {
  .zone_LIEUXPREZ .lieu-intro {
  margin-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .zone_LIEUXPREZ .lieu-facts {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  }
  .zone_LIEUXPREZ .lieu-fact {
  min-height: 220px;
  }
}

/* ==========================================

    ZONE_LIEUXIMG - MAISON LALEGO

============================================= */

.zone_LIEUXIMG {
padding-top: var(--spacesmall);
padding-bottom: var(--spacesmall);
background-color: var(--lalego-JAUNE);
}

.zone_LIEUXIMG .lieu-gallery {
overflow: visible;
}

.zone_LIEUXIMG .lieu-gallery__item {
position: relative;
height: 520px;
margin: 0;
overflow: hidden;
border-radius: 20px;
}

.zone_LIEUXIMG .lieu-gallery__item a {
display: block;
width: 100%;
height: 100%;
}

.zone_LIEUXIMG .lieu-gallery__item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-webkit-transition: -webkit-transform 600ms ease;
transition: -webkit-transform 600ms ease;
transition: transform 600ms ease;
transition: transform 600ms ease, -webkit-transform 600ms ease;
}

.zone_LIEUXIMG .lieu-gallery__item:hover img {
-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}

.zone_LIEUXIMG .lieu-gallery__item figcaption {
position: absolute;
left: 22px;
bottom: 22px;
padding: 10px 17px;
background-color: var(--lalego-BLANC);
color: var(--lalego-NOIR);
border-radius: 999px;
}

/* Responsive */

@media (max-width: 767px) {
  .zone_LIEUXIMG .lieu-gallery__item {
  height: 430px;
  }
}

@media (max-width: 575px) {
  .zone_LIEUXIMG .lieu-gallery__item {
  height: 360px;
  }
}

/* ==========================================

    ZONE_LIEUXITEMS - MAISON LALEGO

============================================= */

.zone_LIEUXITEMS {
padding-top: var(--space);
padding-bottom: var(--space);
}

.zone_LIEUXITEMS .row > div:nth-child(4n + 1) .lieu-strength {
border-top-color: var(--lalego-VERT);
}

.zone_LIEUXITEMS .row > div:nth-child(4n + 2) .lieu-strength {
border-top-color: var(--lalego-ROSE);
}

.zone_LIEUXITEMS .row > div:nth-child(4n + 3) .lieu-strength {
border-top-color: var(--lalego-BLEU);
}

.zone_LIEUXITEMS .row > div:nth-child(4n + 4) .lieu-strength {
border-top-color: var(--lalego-JAUNE);
}

.zone_LIEUXITEMS .lieu-strength {
height: 100%;
padding: 30px 25px;
border-top: 4px solid var(--lalego-NOIR);
background-color: var(--lalego-GRISCLAIR);
border-radius: 0 0 18px 18px;
-webkit-transition: background-color 400ms ease, -webkit-transform 400ms ease;
transition: background-color 400ms ease, -webkit-transform 400ms ease;
transition: transform 400ms ease, background-color 400ms ease;
transition: transform 400ms ease, background-color 400ms ease, -webkit-transform 400ms ease;
}

.zone_LIEUXITEMS .lieu-strength:hover {
background-color: var(--lalego-BLANC);
-webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
        transform: translateY(-8px);
}

.zone_LIEUXITEMS .lieu-strength > span {
font-size: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
width: 48px;
height: 48px;
margin-bottom: 45px;
background-color: var(--lalego-BLANC);
color: var(--lalego-BLEU);
border-radius: 50%;
}

.zone_LIEUXITEMS .lieu-strength p {
margin: 0;
}

/* Responsive */

@media (max-width: 991px) {
  .zone_LIEUXITEMS .row > div:not(:last-child) {
  margin-bottom: 30px;
  }
}

/* ==========================================

    ZONE_CTA - MAISON LALEGO

============================================= */

.zone_CTA {
padding-bottom: var(--space);
}

.zone_CTA .lieu-brochure {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
    -ms-flex-align: end;
        align-items: flex-end;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
gap: 70px;
padding: 70px;
overflow: hidden;
background-color: var(--lalego-ROSE);
border-radius: 24px;
}

.zone_CTA .lieu-brochure .zonetxt {
position: relative;
z-index: 2;
max-width: 720px;
}

.zone_CTA .lieu-brochure mark {
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
}


.zone_CTA .lieu-brochure h1 span {
color: var(--lalego-BLANC);
}

.zone_CTA .lieu-brochure__actions {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
    flex-shrink: 0;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
gap: 15px;
}

.zone_CTA .lieu-brochure__link {
font-size: 14px;
color: var(--lalego-NOIR);
text-decoration: underline;
text-underline-offset: 4px;
}

.zone_CTA .lieu-brochure__link:hover {
color: var(--lalego-BLANC);
text-decoration: underline;
}

/* Responsive */

@media (max-width: 1199px) {
  .zone_CTA .lieu-brochure {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  }
  .zone_CTA .lieu-brochure mark {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  }
  .zone_CTA .lieu-brochure__actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  }
}

@media (max-width: 767px) {
  .zone_CTA .lieu-brochure {
  padding: 60px 30px;
  }
}

/* ==========================================

    MODALE - MAISON LALEGO

============================================= */

.modal-backdrop {
background-color: var(--lalego-JAUNE);
}

.modal-backdrop.show {
opacity: .8;
}

#modalddl .modal-dialog {
margin-top: 100px;
}

#modalddl .modal-content {
border-radius: 20px;
border: none;
}

#modalddl .modal-body {
padding: 50px;
}

#modalddl .modal-body .ico {
text-align: right;
font-size: 20px;
color: var(--lalego-NOIR);
cursor: pointer;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

#modalddl .modal-body .ico:hover {
color: var(--lalego-ROSE);
}

#modalddl .modal-body .zonetxt {
text-align: center;
margin-bottom: 60px;
}

#modalddl .modal-body .zonetxt h1 span {
color: var(--lalego-VERT);
}

#modalddl .modal-body div.wpcf7 .zoneselect {
margin-top: 10px;
}

@media (max-width: 991px) {
  .modal-dialog {
  max-width: 100%;
  padding: 20px;
  margin-top: 20px !important;
  }
  #modalddl .modal-body {
  padding: 80px 20px;
  }
  #modalddl .modal-body .ico {
  position: absolute;
  top: 20px;
  right: 20px;
  }
}

/* ==========================================

    ZONE_REVIEWS - MAISON LALEGO

============================================= */

.zone_REVIEWS {
padding-top: var(--spacesmall);
padding-bottom: var(--spacesmall);
background-color: var(--lalego-JAUNE);
}

div[class*="Backdrop__BackdropContainer"] {
background: var(--lalego-JAUNE);
opacity: .8;
}

div[class*="es-text-shortener-control-open"] {
font-size: 14px;
padding-top: 15px;
font-family: Georgia, serif;
font-style: italic;
}

div[class*="BulletsControlContainer"] {
margin-top: 30px;
-webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
        transform: scale(1.3);
}

/* ==========================================

    zone_OBJETSHERO - MAISON LALEGO

============================================= */

.zone_OBJETSHERO {
padding-bottom: var(--spacesmall);
}

.zone_OBJETSHERO .zonetxt h1 span {
color: var(--lalego-BLEU);
}

.zone_OBJETSHERO .lieu-back {
display: none;
}

.zone_OBJETSHERO .price {
background-color: var(--lalego-ROSE);
border-radius: 24px;
padding: 15px 30px;
margin-top: 20px;
color: var(--lalego-NOIR);
font-weight: 500;
font-size: 22px;
text-align: center;
display: inline-block;
}

/* ==========================================

    ZONE_OBJETSIMG - MAISON LALEGO

============================================= */

.zone_OBJETSIMG .zonetxt h1 span {
color: var(--lalego-ROSE);
}

/* ==========================================

    ZONE_OBJETSCTA - MAISON LALEGO

============================================= */

.zone_OBJETSCTA {
padding-top: var(--space);
}

.zone_OBJETSCTA form.cart {
margin: 0;
}

.zone_OBJETSCTA form.cart:not(.variations_form) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 12px;
}

.zone_OBJETSCTA form.cart .quantity input {
width: 90px;
height: 58px;
padding: 0 15px;
border: 0;
outline: none;
background-color: var(--lalego-BLANC);
color: var(--lalego-NOIR);
text-align: center;
border-radius: 999px;
}

.zone_OBJETSCTA a.add-request-quote-button.button {
min-height: 58px;
margin: 0;
padding: 17px 30px;
border: 0;
outline: none;
background-color: var(--lalego-BLEU);
color: var(--lalego-BLANC);
border-radius: 999px;
-webkit-transition: background-color 400ms ease, color 400ms ease;
transition: background-color 400ms ease, color 400ms ease;
}

.zone_OBJETSCTA a.add-request-quote-button.button:hover {
background-color: var(--lalego-VERT);
color: var(--lalego-NOIR);
}

.zone_OBJETSCTA .yith-ywraq-add-to-quote {
text-align: center;
padding: 20px 0;
}

.zone_OBJETSCTA .yith_ywraq_add_item_response_message {
color: var(--lalego-NOIR);
font-weight: 500;
}

.zone_OBJETSCTA .yith-ywraq-add-to-quote a {
display: inline-block;
border-radius: 999px;
background-color: var(--lalego-BLEU);
color: var(--lalego-BLANC);
text-align: center;
margin-top: 5px;
padding: 10px 15px;
font-weight: 600;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

.zone_OBJETSCTA .yith-ywraq-add-to-quote a:hover {
background-color: var(--lalego-VERT);
color: var(--lalego-NOIR);
}

.zone_OBJETSCTA .stock {
margin-bottom: 12px;
}

@media (max-width: 1199px) {
  .zone_OBJETSCTA .lieu-brochure {
  gap: 15px;
  }
}

@media (max-width: 991px) {
  .zone_OBJETSCTA .lieu-brochure .zonetxt p br {
  display: none;
  }
}

@media (max-width: 575px) {
  .zone_CTA .lieu-brochure__actions {
  margin-top: 20px;
  }
  .zone_OBJETSCTA form.cart:not(.variations_form) {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  }
  .zone_OBJETSCTA .yith-ywraq-add-to-quote {
  padding: 10px 0;
  }
  .zone_OBJETSCTA form.cart .quantity input {
  width: 100%;
  }
}

/* ==========================================

    QUOTE - MAISON LALEGO

============================================= */

@media screen and (min-width: 1024px) {
    .ywraq-with-form .ywraq-form-table-wrapper.wide {
    -ms-grid-columns: 1fr 50px 510px !important;
    grid-template-columns: 1fr 510px !important;
    grid-column-gap: 50px !important;
    grid-row-gap: 10px !important;
    }
}

/* Table */

#zone_DEVISFORM #yith-ywraq-form table {
margin-top: 30px;
margin-bottom: 60px;
}

#zone_DEVISFORM .woocommerce table.shop_table {
border: none;
}

#zone_DEVISFORM .woocommerce table.shop_table th {
font-weight: 600;
line-height: 1;
color: var(--lalego-NOIR);
}

#zone_DEVISFORM #yith-ywraq-form tr .product-name,
#zone_DEVISFORM #yith-ywraq-form tr .product-subtotal,
#zone_DEVISFORM #yith-ywraq-form tr .product-quantity,
#zone_DEVISFORM #yith-ywraq-form tr .product-price {
padding-top: 20px;
padding-bottom: 20px;
}

#zone_DEVISFORM #yith-ywraq-form tr .product-name a {
color: var(--lalego-GRIS);
}

#zone_DEVISFORM #yith-ywraq-form tr .product-name a:hover {
text-decoration: underline;
}

#zone_DEVISFORM #yith-ywraq-form table.cart .product-thumbnail img {
width: 60px;
height: 60px;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
border-radius: 10px;
}

#zone_DEVISFORM .woocommerce .quantity .qty {
pointer-events: none;
border: none;
background: transparent;
}

#zone_DEVISFORM .woocommerce a.remove {
background: var(--lalego-ROSE) !important;
color: var(--lalego-BLANC) !important;
font-weight: 600;
line-height: 0.9 !important;
}

#zone_DEVISFORM .woocommerce a.remove:hover {
color: var(--lalego-NOIR) !important;
background: var(--lalego-VERT) !important;
}

#zone_DEVISFORM .woocommerce table.shop_table tbody th,
#zone_DEVISFORM .woocommerce table.shop_table tfoot td,
#zone_DEVISFORM .woocommerce table.shop_table tfoot th {
font-weight: 700;
border-top: 1px solid rgba(0,0,0,.1) !important;
}

#zone_DEVISFORM a.button.wc-backward.yith-ywraq-before-table-wc-backward,
#zone_DEVISFORM #yith-ywraq-form .update-list-wrapper input[type="submit"],
#zone_DEVISFORM a.button.wc-backward {
display: inline-block;
border-radius: 999px;
background-color: var(--lalego-BLEU);
color: var(--lalego-BLANC);
text-align: center;
margin-top: 5px;
padding: 15px 20px;
font-weight: 600;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

#zone_DEVISFORM a.button.wc-backward.yith-ywraq-before-table-wc-backward:hover,
#zone_DEVISFORM a.button.wc-backward:hover {
background-color: var(--lalego-VERT);
color: var(--lalego-NOIR);
}

#zone_DEVISFORM #yith-ywraq-form table tbody tr:last-child {
background: var(--lalego-VERT);
}

#zone_DEVISFORM #yith-ywraq-form table tbody tr:last-child th,
#zone_DEVISFORM #yith-ywraq-form table tbody tr:last-child td {
border: none !important;
text-align: right;
color: var(--lalego-NOIR);
font-weight: 600;
}

#zone_DEVISFORM #yith-ywraq-form table tbody tr:last-child td.raq-totals {
text-align: center;
}

#zone_DEVISFORM .ywraq-wrapper.ywraq-empty .ywraq-before-form,
#zone_DEVISFORM .ywraq-wrapper.ywraq-with-form.ywraq-empty .ywraq-before-form {
border: 1px dashed var(--lalego-GRIS);
padding: 30px 30px 55px;
}

#zone_DEVISFORM .ywraq-wrapper.ywraq-empty .ywraq-before-form:before {
margin-top: 0;
}

/* Form */

#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper {
background: var(--lalego-BLANC);
padding: 50px;
border-radius: 20px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 1;
}

#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper > h3 span {
font-family: Georgia, serif;
font-style: italic;
color: var(--lalego-BLEU);
}

#zone_DEVISFORM .woocommerce.ywraq-with-form form#yith-ywraq-default-form {
width: 100%;
}

#zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row {
width: 100%;
display: block;
margin: 0;
}

#zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row label {
display: none;
}

#zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row input.input-text,
#zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row input#date,
#zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row textarea {
width: 100%;
padding: 15px;
margin: 0;
border: 1px solid #E2E2E2;
border-radius: 8px;
text-align: center;
color: var(--lalego-NOIR);
font-weight: 300;
background: transparent;
}

#zone_DEVISFORM span.ywraq_error {
font-size: 12px;
color: var(--lalego-ROSE);
font-weight: 600;
display: block;
margin: 5px 0 0;
}

#zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row textarea {
height: 120px;
}

/* Lieux */

#zone_DEVISFORM .woocommerce.ywraq-with-form form #lieu_field.form-row {
background: var(--lalego-GRISCLAIR);
padding: 20px;
margin: 15px 0 4px;
border-radius: 8px;
}

#zone_DEVISFORM .woocommerce.ywraq-with-form form #lieu_field.form-row > label {
display: block;
color: var(--lalego-NOIR);
font-weight: 600;
text-transform: uppercase;
font-size: 17px;
}

#zone_DEVISFORM #yith-ywraq-default-form .form-row label.radio {
display: inline-block !important;
color: var(--lalego-GRIS);
background: var(--lalego-BLANC);
padding: 10px;
border-radius: 12px;
margin: 5px;
margin-left: 0;
font-size: 15px;
font-weight: 500;
cursor: pointer;
}

#zone_DEVISFORM #yith-ywraq-default-form .form-row input[type="radio"]:checked + label.radio {
background: var(--lalego-ROSE);
color: var(--lalego-BLANC);
}

#zone_DEVISFORM #yith-ywraq-default-form .form-row input[type=radio] {
display: none;
}

/* // */

#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper input::-webkit-input-placeholder,
#zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row input#date::-webkit-input-placeholder,
#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper textarea::-webkit-input-placeholder{
color: var(--lalego-GRIS) !important;
}
#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper input::-moz-placeholder,
#zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row input#date::-moz-placeholder,
#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper textarea::-moz-placeholder{
color: var(--lalego-GRIS) !important;
}
#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper input:-ms-input-placeholder,
#zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row input#date:-ms-input-placeholder,
#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper textarea:-ms-input-placeholder{
color: var(--lalego-GRIS) !important;
}
#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper input::-ms-input-placeholder,
#zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row input#date::-ms-input-placeholder,
#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper textarea::-ms-input-placeholder{
color: var(--lalego-GRIS) !important;
}

#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper input::-webkit-input-placeholder, #zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row input#date::-webkit-input-placeholder, #zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper textarea::-webkit-input-placeholder{
color: var(--lalego-GRIS) !important;
}

#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper input::-moz-placeholder, #zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row input#date::-moz-placeholder, #zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper textarea::-moz-placeholder{
color: var(--lalego-GRIS) !important;
}

#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper input:-ms-input-placeholder, #zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row input#date:-ms-input-placeholder, #zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper textarea:-ms-input-placeholder{
color: var(--lalego-GRIS) !important;
}

#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper input::-ms-input-placeholder, #zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row input#date::-ms-input-placeholder, #zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper textarea::-ms-input-placeholder{
color: var(--lalego-GRIS) !important;
}

#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper input::placeholder,
#zone_DEVISFORM .woocommerce.ywraq-with-form form .form-row input#date::placeholder,
#zone_DEVISFORM .woocommerce.ywraq-with-form .yith-ywraq-mail-form-wrapper textarea::placeholder{
color: var(--lalego-GRIS) !important;
}

#zone_DEVISFORM form#yith-ywraq-default-form input.button {
display: inline-block;
border-radius: 999px;
background-color: var(--lalego-BLEU);
color: var(--lalego-BLANC);
text-align: center;
margin-top: 5px;
padding: 20px;
font-weight: 600;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

#zone_DEVISFORM form#yith-ywraq-default-form input.button:hover {
background-color: var(--lalego-VERT);
color: var(--lalego-NOIR);
}

#zone_DEVISFORM form#yith-ywraq-default-form input.button img,
p#zone_DEVISFORM form#yith-ywraq-default-form .raq-send-request-row img {
display: none;
}

#zone_DEVISFORM .ywraq-before-form.ywraq-no-border p.return-to-shop {
display: none !important;
}

#zone_DEVISFORM .woocommerce-message {
background: var(--lalego-GRISCLAIR);
border-radius: 20px;
border: none;
margin: 0 0 20px;
}

#zone_DEVISFORM .woocommerce-message *,
#zone_DEVISFORM .woocommerce-message::before {
color: var(--lalego-GRIS);
}

/* ==========================================

    FOOTER - MAISON LALEGO

============================================= */

footer {
position: relative;
background-color: var(--lalego-BLEU);
padding-top: var(--space);
padding-bottom: var(--space);
}

@media (max-width: 991px) {
  footer {
  text-align: center;
  }
}

/* Title */

footer .bigtitle {
font-size: 70px;
font-weight: 600;
line-height: 1.2;
position: relative;
color: var(--lalego-BLANC);
margin: 0 0 113px;
text-wrap: balance;
}

@media (max-width: 991px) {
  footer .bigtitle {
  font-size: 60px;
  }
}

@media (max-width: 767px) {
  footer .bigtitle {
  font-size: 40px;
  }
}

footer .bigtitle a {
position: relative;
font-family: Georgia, serif;
font-style: italic;
font-weight: 300;
color: var(--lalego-BLANC);
}

footer .bigtitle a::after {
position: absolute;
left: 0;
bottom: 3px;
width: 100%;
height: 3px;
content: "";
background-color: var(--lalego-BLANC); 
-webkit-animation: widths 4s infinite; 
        animation: widths 4s infinite;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}

@media (max-width: 767px) {
  footer .bigtitle a::after {
  bottom: -5px;
  }
}

footer .bigtitle a:hover,
footer .bigtitle a:hover::after {
opacity: .6;
color: var(--lalego-BLANC);
}

footer .bigtitle img {
width: 50px;
height: 50px;
-webkit-animation: startIconOne 1s infinite alternate;
        animation: startIconOne 1s infinite alternate;
-ms-flex-negative: 0;
    flex-shrink: 0;
margin: 10px 0 0 20px;
}

@media (max-width: 500px) {
  footer .bigtitle img {
  display: none;
  }
}

/* Links */

footer .links h4 {
color: var(--lalego-BLANC);
text-transform: capitalize;
margin-bottom: 30px;
}

footer .links ul,
ul.coord {
padding: 0;
margin: 0;
list-style-type: none;
}

footer .links li a {
display: inline-block;
background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95% / 0px 1px no-repeat;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
color: var(--lalego-BLANC);
text-transform: capitalize;
position: relative;
margin-bottom: 15px;
opacity: .8;
}

footer .links li a:hover {
background-size: 100% 1px;
color: var(--lalego-BLANC);
opacity: 1;
}

@media (max-width: 991px) {
  footer #nb_02, footer #nb_03 {
  display: none;
  }
}

/* Coordonnées */

footer .links svg {
width: 130px;
fill: var(--lalego-BLANC);
}

footer .links .coord {
font-size: 20px;
margin: 60px 0;
}

footer .coord i {
color: var(--lalego-BLANC);
margin-right: 15px;
}

footer .coord a {
text-transform: initial !important;
opacity: 1 !important;
margin: 5px 0 !important;
}

footer .social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 20px;
}

footer .social p {
color: var(--lalego-BLANC);
font-family: Georgia, serif;
font-style: italic;
  margin: 0;
}

footer .social div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}

footer .social a {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid var(--lalego-BLANC);
color: var(--lalego-BLANC);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
text-decoration: none !important;
-webkit-transition: all .5s;
transition: all .5s;
}

footer .social a i {
font-size: 20px;
}

footer .social a:hover {
background: var(--lalego-BLANC);
color: var(--lalego-BLEU);
}

@media (max-width: 991px) {
  footer .social {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  }
}

/* Credits */

#credits {
background: var(--lalego-BLEU);
color: var(--lalego-BLANC);
display: block;
padding: 15px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}

#credits:hover {
background: #3664F8;
}