/*

Theme Name: SITE 3C Aménagement
Theme URI: https://agencemcrea.fr/
Author: Agence M-Créa
Author URI: https://agencemcrea.fr/
Description : Thème 3C Aménagement
Version: 1.0

*/

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

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

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

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

@charset "utf-8";

@font-face {
    font-family: 'Carmen Sans';
    src: url('fonts/carmen/CarmenSans-Regular.woff2') format('woff2'),
        url('fonts/carmen/CarmenSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Carmen Sans';
    src: url('fonts/carmen/CarmenSans-Medium.woff2') format('woff2'),
        url('fonts/carmen/CarmenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Carmen Sans';
    src: url('fonts/carmen/CarmenSans-SemiBold.woff2') format('woff2'),
        url('fonts/carmen/CarmenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

--- X - CONSTRUCTION - 3C AMÉNAGEMENT

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

body {
margin: 0;
position: relative;
font-family: 'Carmen Sans';
font-weight: 400;
line-height: 1.4;
color: var(--3C_texte);
background-color: var(--3C_blanc);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-synthesis: none;
}

body:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: transparent;
z-index: 100;
pointer-events: none;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s; 
}

body.navhover:before,
body.navopen:before {
background: var(--3C_noir);
opacity: .3;
}

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

a {
text-decoration: underline;
color: var(--3C_texteC);
-webkit-transition: all .5s;  
-o-transition: all .5s;  
transition: all .5s;  
}

a:hover {
color: var(--3C_noir);
}

*
*: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,
#zonetxt img {margin-bottom: 15px;}

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

b, strong {font-weight: 600;}

h1, h2, h3, h4 {
color: var(--3C_noir);
font-weight: 600;
margin-bottom: 15px;
-webkit-font-variant-ligatures: none;
        font-variant-ligatures: none;
}

h1 {
letter-spacing: -2px;
}

.zonetxt > h1:not(:first-child):not(:nth-child(2)),
.zonetxt > h2:not(:first-child):not(:nth-child(2)),
.zonetxt > h3:not(:first-child):not(:nth-child(2)),
.zonetxt > h4:not(:first-child):not(:nth-child(2)) {
margin-top: 40px;
}

h1 b, h1 strong,
h2 b, h2 strong,
h3 b, h3 strong,
h4 b, h4 strong {
font-weight: 600;
}

mark {
opacity: .3;
padding: 0;
background: none;
}

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: 0;
margin-top: 25px;
margin-bottom: 25px;
background: var(--3C_gris);
border-radius: 6px;
border: none;
border-right: none;
padding: 20px;
}

/* ===== 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 {
padding-left: 30px;
padding-right: 30px;
}

.container-fluid {
padding-left: 5%;
padding-right: 5%;
}

.container-fluid.init { padding: 0 30px; }
@media (min-width: 1920px) {
  .container-fluid.init { padding: 0 5%; }
}

.container {
max-width: 1250px;
padding-left: 30px;
padding-right: 30px;
} 

@media (max-width: 1250px) {
  .container { padding: 0 50px; }
}

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

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

:root {
  --3C_noir:         #1C1C1C;
  --3C_noir2:        #282830;
  --3C_blanc:        #FFFFFF;
  --3C_texte:        #56595D;
  --3C_texteC:       #9E9E9E;
  --3C_gris:         #F5F5F5;
  --3C_gris2:        #E3E3E3;

  --3C_vert:         #8BDCB6;
  --3C_vertF:        #194236;
  --3C_jaune:        #FFDC6C;
  --3C_orange:       #FF937D;
  --3C_violet:       #C5B2F1;
}

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

:root {
  --hauteurnav:     70px;

  --space:          130px;
  --spacemid:       65px;
}

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

--- X - SIZE - 3C AMÉNAGEMENT

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

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

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

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

@media (max-width: 767px) {

}

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

--- X - BOUTON H5 - 3C AMÉNAGEMENT

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

h5 {
margin: 0;
display: inline-block;
}

h5 a,
span.bouton {
font-size: 16px;
color: var(--3C_blanc) !important;
background: var(--3C_noir);
padding: 15px 20px;
border-radius: 6px;
display: block;
margin: 10px 0;
text-decoration: none !important;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

/* Effect */

h5 a i {
margin-left: 9px;
font-size: 12px;
color: var(--3C_blanc) !important;
position: relative;
overflow: hidden;
display: inline-block;
width: 14px;
height: 15px;
line-height: 18px;
text-align: center;
top: 2px;
-webkit-transition: color .5s;
-o-transition: color .5s;
transition: color .5s;
}

h5 a i:before {
content:"\e906";
font-family:'3C';
font-size: 12px;
position: absolute;
top:0;
left:0;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

h5 a i:after {
content:"\e906";
font-family:'3C';
position:absolute;
top:0;
left:-25px;   /* 15px (icône) + 10px (espacement) */
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

h5 a:hover i:before {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px); /* 15 + 10 */
}

h5 a:hover i:after {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px); /* 18 + 10 */
}

/* // */

h5 a:hover {
color: var(--3C_noir) !important;
background: var(--3C_violet);
}

h5 a:hover i {
color: var(--3C_noir) !important;
}

@media (max-width: 991px) {
  h5 a,
  span.bouton {
  font-size: 15px !important;
  }
}

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

--- X - COMMUNS - 3C AMÉNAGEMENT

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

main {

}

/* ===== BackToTop ===== */

#scrollTop {
position: fixed;
z-index: 500;
cursor: pointer;
right: 20px;
bottom: 100px;
opacity: 0;
visibility: hidden;
width: 30px;
height: 30px;
background: var(--3C_noir);
color: var(--3C_blanc);
text-decoration: none !important;
-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
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;
}

#scrollTop i {
position: relative;
overflow: hidden;
display: inline-block;
font-size: 11px;
width: 15px;
height: 15px;
line-height: 15px;
left: 1px;
text-align: center;
}

#scrollTop i:before {
content:"\e906";
font-family:'3C';
position: absolute;
top:0;
left:0;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

#scrollTop i:after {
content:"\e906";
font-family:'3C';
position:absolute;
top:0;
left:-25px;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

#scrollTop:hover i:before {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px)
}

#scrollTop:hover i:after {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px);
}

#scrollTop:hover {
background: var(--3C_violet);
color: var(--3C_noir);
}

@media (min-width: 768px) {
  #scrollTop.show {
  opacity: 1;
  visibility: visible;
  }
}

/* ===== Fonce Foncé ===== */

.fondfonce * {
color: var(--3C_texteC);
}

.fondfonce h1,
.fondfonce h2,
.fondfonce h3,
.fondfonce h4 {
color: var(--3C_blanc);
}

.fondfonce h5 a,
.fondfonce span.bouton {
background: var(--3C_noir2);
}

.fondfonce h5 a:hover {
color: var(--3C_noir2) !important;
background: var(--3C_violet);
}

.fondfonce h5 a:hover i {
color: var(--3C_noir2) !important;
}

/* ===== Fonce Foncé ===== */

.fullwhite * {
color: var(--3C_blanc);
}

.fullwhite h1,
.fullwhite h2,
.fullwhite h3,
.fullwhite h4 {
color: var(--3C_blanc);
}

.fullwhite h5 a,
.fullwhite span.bouton {
background: var(--3C_noir2);
}

.fullwhite h5 a:hover {
color: var(--3C_noir2) !important;
background: var(--3C_violet);
}

.fullwhite h5 a:hover i {
color: var(--3C_noir2) !important;
}

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

.wordpress-gdpr-popup-small {
width: 200px;
}

.wordpress-gdpr-popup-small a,
.wordpress-gdpr-privacy-settings-popup a{
text-decoration: none !important;
}

.wordpress-gdpr-popup {
font-size: 11px;
line-height: 15px;
}

.wordpress-gdpr-popup-close {
line-height: 34px;
}

.wordpress-gdpr-popup-actions {
margin-top: 10px;
}

.wordpress-gdpr-popup-actions a,
.wordpress-gdpr-privacy-settings-popup-services-buttons .btn {
width: 100%;
font-weight: 600 !important;
text-align: center;
margin: 5px 0 !important;
border-radius: 6px;
border: none;
}

.wordpress-gdpr-popup-actions-links {
margin-top: 15px;
text-decoration: underline;
}

.wordpress-gdpr-popup-actions-links a {
display: block;
text-align: left;
line-height: 1;
}

.wordpress-gdpr-privacy-settings-popup-close {
line-height: 32px;
}

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

--- X - NAVIGATION - 3C AMÉNAGEMENT

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

#navigation {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
background: transparent;
}

.navbar>.container, 
.navbar>.container-fluid {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
gap: 100px;
}

/* ==========
ZONE NAV
=============== */

#navigation .zonenav {
position: relative;
padding: 10px 0;
}

#navigation nav.navbar {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

#navigation .zonenav:after {
content: '';
width: calc(100% - (30px * 2));
height: 1px;
background: var(--3C_texte);
opacity: .5;
position: absolute;
bottom: 0;
left: 30px;
}

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

#navigation,
#navigation .zonenav:after {
-webkit-transition: background .5s;
-o-transition: background .5s;
transition: background .5s;
}

#navigation.fixed {
background: var(--3C_blanc);
}

#navigation.fixed .zonenav:after,
#navigation:hover .zonenav:after {
background: transparent;
}

#navigation:hover {
background: var(--3C_blanc);
}

/* ==========
LOGO
=============== */

.navbar-brand {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

#navigation svg#logotype {
width: 170px;
fill: var(--3C_noir);
}

@media (min-width: 1301px) {
    #navigation.dark:not(:hover,.fixed) svg#logotype {
    fill: var(--3C_blanc);
    }
}

/* ==========
LINKS
=============== */

#navigation .navbar-collapse {
position: relative;
width: 100%;
-webkit-box-flex: initial;
    -ms-flex-positive: initial;
        flex-grow: initial;
}

#navigation ul.navbar-nav,
#navigation ul.navbar-nav .nav-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
text-align: center;
}

#navigation ul.navbar-nav .nav-item,
#navigation ul.navbar-nav .nav-item > a,
#navigation .dropdown-toggle::after {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

#navigation ul.navbar-nav .nav-item {
border-radius: 10px;
}

#navigation ul.navbar-nav > .nav-item:hover {
background: var(--3C_gris);
}

#navigation ul.navbar-nav .nav-item:hover > a {
color: var(--3C_noir);
}

#navigation ul.navbar-nav .nav-item .nav-link {
font-size: 15px;
font-weight: 500;
line-height: 1;
color: var(--3C_texte);
background: transparent;
text-decoration: none;
position: relative;
padding: 15px 20px;
cursor: pointer;
-webkit-transition: none;
-o-transition: none;
transition: none;
}

@media (min-width: 1301px) {
    #navigation.dark:not(:hover,.fixed) ul.navbar-nav .nav-item .nav-link {
    color: var(--3C_blanc);
    }
}

#navigation ul.navbar-nav .nav-item:last-child .nav-link,
#navigation a.btnnav {
background: var(--3C_noir);
color: var(--3C_blanc);
border-radius: 6px;
padding: 12px 20px;
}

#navigation ul.navbar-nav .nav-item:last-child .nav-link {
position: absolute;
right: 0;
}

#navigation ul.navbar-nav .nav-item:last-child .nav-link:hover,
#navigation a.btnnav:hover {
color: var(--3C_noir) !important;
background: var(--3C_violet);
}

#navigation a.btnnav {
padding: 5px 20px;
top: 0;
right: 100px;
display: none;
text-decoration: none;
}

#navigation ul.navbar-nav .nav-item:last-child .nav-link i,
#navigation a.btnnav i {
position: relative;
overflow: hidden;
display: inline-block;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
margin-right: 5px;
top: 2px;
}

#navigation ul.navbar-nav .nav-item:last-child .nav-link i:before,
#navigation a.btnnav i:before {
content:"\e91a";
font-family:'3C';
position: absolute;
top:0;
left:0;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

#navigation ul.navbar-nav .nav-item:last-child .nav-link i:after,
#navigation a.btnnav i:after {
content:"\e91a";
font-family:'3C';
position:absolute;
top:0;
left:-25px;   /* 15px (icône) + 10px (espacement) */
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

#navigation ul.navbar-nav .nav-item:last-child .nav-link:hover i:before,
#navigation a.btnnav:hover i:before {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px); /* 15 + 10 */
}

#navigation ul.navbar-nav .nav-item:last-child .nav-link:hover i:after,
#navigation a.btnnav:hover i:after {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px); /* 18 + 10 */
}

/* ==========
DROPDOWN
=============== */

#navigation .dropdown-toggle::after {
font-family: '3C';
content: "\e907";
border: none;
margin-left: 10px;
-webkit-transform: scale(.7);
    -ms-transform: scale(.7);
        transform: scale(.7);
width: auto;
height: auto;
vertical-align: -3px;
}

#navigation .dropdown-menu {
position: absolute;
max-width: 700px;
left: 0;
margin: 0;
display: none;
padding: 0;
padding-top: 35px;
border: none;
background-color: transparent;
}

#navigation .dropdown.show .dropdown-menu {
display: block;
}

#navigation .dropdown-menu .links {
position: relative;
background-color: var(--3C_blanc);
border: none;
border-radius: 10px;
padding: 25px 50px;
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;
width: 700px;
}

#navigation .dropdown-menu .links li {
position: relative;
-ms-flex: 0 0 45%;
-webkit-box-flex: 0;
        flex: 0 0 45%;
max-width: 45%;
-ms-flex-item-align: start;
    align-self: flex-start;
margin: 3px 0;
}

#navigation .dropdown-menu .links .dropdown-item {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
background: transparent;
text-decoration: none;
text-align: left;
}

#navigation .dropdown-menu .links .dropdown-item span:first-child {
border-radius: 10px;
background: transparent;
-webkit-transition: none;
-o-transition: none;
transition: none;
height: 43.2px;
aspect-ratio: 1;
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;
}

#navigation .dropdown-menu .links .dropdown-item span:last-child {
color: var(--3C_texte);
padding: 12px;
line-height: 1.2;
font-weight: 500;
white-space: normal;
border-radius: 10px;
background: transparent;
-webkit-transition: none;
-o-transition: none;
transition: none;
}

#navigation .dropdown-menu .links .dropdown-item:hover span {
color: var(--3C_noir);
background: var(--3C_gris);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

#navigation .dropdown-menu .links .dropdown-item span i {
position: relative;
overflow: hidden;
display: inline-block;
font-size: 13px;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
}

#navigation .dropdown-menu .links .dropdown-item span i:before {
content:"\e906";
font-family:'3C';
position: absolute;
top:0;
left:0;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

#navigation .dropdown-menu .links .dropdown-item span i:after {
content:"\e906";
font-family:'3C';
position:absolute;
top:0;
left:-25px;   /* 15px (icône) + 10px (espacement) */
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

#navigation .dropdown-menu .links .dropdown-item:hover span i:before {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px); /* 15 + 10 */
}

#navigation .dropdown-menu .links .dropdown-item:hover span i:after {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px); /* 18 + 10 */
}

/* ==========
ACTIVE
=============== */

#navigation.fixed ul.navbar-nav > .nav-item.current-menu-item,
#navigation.fixed ul.navbar-nav > .nav-item.current-menu-parent {
background: var(--3C_gris) !important;
}

#navigation ul.navbar-nav .nav-item.current-menu-item .active span,
#navigation ul.navbar-nav .nav-item.current-menu-parent .active span {
background: var(--3C_gris) !important;
}

@media (max-width: 1300px) {

    #navigation ul.navbar-nav .nav-item.current-menu-item,
    #navigation ul.navbar-nav .nav-item.current-menu-parent {
    padding: 0 15px;
    }

    #navigation ul.navbar-nav .nav-item.dropdown.current-menu-parent .active .dropdown-item span {
    font-weight: 600;
    padding-left: 10px;
    }
}

/* ==========
TOGGLER
=============== */

#navigation .navbar-toggler {
padding: 0;
position: relative;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 25px;
}

#navigation .navbar-toggler .icon-bar {
width: 25px;
height: 2px;
background-color: var(--3C_noir);
display: block;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
margin-top: 7px;
}

#navigation .navbar-toggler .top-bar {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: -10% 190%;
-ms-transform-origin: -11% 190%;
transform-origin: -11% 190%;
}

#navigation .navbar-toggler .middle-bar {
opacity: 0;
}

.navbar-toggler .bottom-bar {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 15% 0%;
-ms-transform-origin: 15% 0%;
transform-origin: 15% 0%;
}

#navigation .navbar-toggler.collapsed .top-bar {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}

#navigation .navbar-toggler.collapsed .middle-bar {
opacity: 1;
}

#navigation .navbar-toggler.collapsed .bottom-bar {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}

/* ==========
RESPONSIVE
=============== */

@media (max-width: 1700px) {
    .navbar>.container,
    .navbar>.container-fluid {
    gap: 70px;
    }
    #navigation ul.navbar-nav .nav-item .nav-link {
    padding: 15px 15px;
    }
}

@media (min-width: 1301px){
    .navbar-expand-custom .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    }

    #navigation ul.navbar-nav .nav-item:hover .dropdown-toggle::after {
    -webkit-transform: scale(.7) rotate(45deg);
        -ms-transform: scale(.7) rotate(45deg);
            transform: scale(.7) rotate(45deg);
    }

    #navigation .dropdown:hover .dropdown-menu {
    display: block;
    }

    .navbar-expand-custom .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-custom .navbar-toggler {
    display: none;
    }

}

@media (max-width: 1300px) {

    :root {
    --hauteurnav: 54px;
    }

    #navigation .zonenav:after {
    display: none !important;
    }

    .navbar-expand-custom .navbar-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    }

    #navigation {
    background: var(--3C_blanc) !important;
    }

    #navigation .zonenav {
    padding: 10px 0;
    }

    .navbar>.container,
    .navbar>.container-fluid {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: initial;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    }

    #navigation nav.navbar {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    border-radius: 0;
    }

    #navigation ul.navbar-nav {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    padding-top: 15px;
    }

    #navigation svg#logotype {
    width: 120px;
    }

    #navigation a.btnnav {
    display: block;
    display: block;
    font-size: 15px;
    padding: 8px 15px;
    }

    #navigation ul.navbar-nav .nav-item,
    #navigation ul.navbar-nav .dropdown-item {
    width: 100%;
    text-align: left;
    background: none !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    }

    #navigation ul.navbar-nav .nav-item .nav-link {
    margin: 0 !important;
    padding: 15px 0;
    }

    #navigation ul.navbar-nav .nav-item:not(:last-child) .nav-link {
    background: none !important;
    }

    #navigation ul.navbar-nav .nav-item:last-child .nav-link {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    position: initial;
    display: none !important;
    }

    #navigation ul.navbar-nav .nav-item .nav-link:hover,
    #navigation ul.navbar-nav .nav-item .dropdown-item:hover {
    color: var(--3C_bleu);
    }

    #navigation .dropdown-menu {
    position: initial;
    padding: 0 0 0;
    margin: 0 0 20px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    border-radius: 10px !important;
    width: 100%;
    }

    #navigation ul.navbar-nav .nav-item.show .dropdown-toggle::after {
    -webkit-transform: scale(.7) rotate(45deg);
        -ms-transform: scale(.7) rotate(45deg);
            transform: scale(.7) rotate(45deg);
    }

    #navigation .dropdown-menu.show {
    display: block;
    }

    #navigation .dropdown-menu .links {
    width: 100%;
    display: block;
    padding: 15px;
    background-color: var(--3C_gris);
    }

    #navigation .dropdown-menu .links li {
    max-width: 100%;
    margin: 0;
    }

    #navigation .dropdown.show .dropdown-menu .dropdown-item {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    }

    #navigation .dropdown-menu .links .dropdown-item span:last-child {
    padding: 0;
    }

    #navigation .dropdown-menu .links .dropdown-item span:first-child {
    display: none;
    }

}

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

--- X - MODALE - 3C AMÉNAGEMENT

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

.modal-backdrop {background: var(--3C_noir);}
.modal-backdrop.show {opacity: .7;}

/* */

#modalCT {
z-index: 2000;
}

#modalCT .modal-dialog {
position: absolute;
z-index: 1055;
top: 0;
left: 0;
bottom: 0;
margin: 0;
max-width: 100%;
width: 650px;
left: auto !important;
-webkit-transform: translate3d(-100%, 0, 0) !important;
        transform: translate3d(-100%, 0, 0) !important;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

#modalCT.show .modal-dialog {
-webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
}

#modalCT .modal-content {
border-radius: 0;
border: none;
background: var(--3C_violet);
}

#modalCT svg#pattern {
position: absolute;
height: 100%;
left: calc(100% - 5px);
fill: var(--3C_violet);
}

/* Close */

#modalCT .close {
background: var(--3C_noir) !important;
color: var(--3C_blanc) !important;
opacity: 1 !important;
width: 50px;
height: 30px;
border-radius: 6px;
text-align: center;
position: absolute;
z-index: 1;
right: 0;
top: 50px;
}

#modalCT .close i {
position: relative;
overflow: hidden;
display: inline-block;
width: 15px;
height: 15px;
font-size: 15px;
text-shadow: none;
top: 4px;
}

#modalCT .close i:before {
content:"\e920";
font-family:'3C';
position: absolute;
top:0;
left:0;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

#modalCT .close i:after {
content:"\e920";
font-family:'3C';
position:absolute;
top:0;
left:-25px;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

#modalCT .close:hover i:before {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px);
}

#modalCT .close:hover i:after {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px);
}

/* Content */

#modalCT .modal-content,
#modalCT .modal-body { 
min-height: 100vh;
}

#modalCT .modal-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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;
padding: 0;
padding-left: 130px;
padding-top: 100px;
padding-bottom: 100px;
}

#modalCT .modal-body > h1,
#modalCT .modal-body .zonetxt * {
color: var(--3C_noir);
}

#modalCT .modal-body > h1 {
margin: 0;
margin-bottom: 30px;
font-size: 100px;
line-height: 1;
}

#modalCT .modal-body .form {
margin: 0 0 35px;
}

/* // */

#modalCT .wpcf7 label,
#modalCT .wpcf7-form-control-wrap input,
#modalCT .wpcf7-form-control-wrap textarea,
#modalCT .wpcf7-form-control-wrap select,
#modalCT .wpcf7 span.mtn-form span label,
#modalCT div.wpcf7 .submitzone,
#modalCT div.wpcf7-validation-errors,
#modalCT .wpcf7 form.invalid .wpcf7-response-output,
#modalCT .wpcf7 form.unaccepted .wpcf7-response-output,
#modalCT div.wpcf7-mail-sent-ok,
#modalCT .wpcf7 form.sent .wpcf7-response-output {
text-align: left;
}

#modalCT div.wpcf7-validation-errors,
#modalCT .wpcf7 form.invalid .wpcf7-response-output,
#modalCT .wpcf7 form.unaccepted .wpcf7-response-output,
#modalCT div.wpcf7-mail-sent-ok,
#modalCT .wpcf7 form.sent .wpcf7-response-output {
padding: 5px 15px !important;
display: inline-block;
}

#modalCT .wpcf7-not-valid {
border-color: var(--3C_noir) !important;
}

#modalCT .wpcf7-not-valid.mtn-form span.wpcf7-list-item span {
color: var(--3C_noir);
text-decoration: underline;
}

#modalCT div.wpcf7 .wpcf7-submit:hover {
background: var(--3C_vert);
}

/* ** */

#modalCT .modal-body .coord * {
color: var(--3C_noir);
}

#modalCT .modal-body .coord ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#modalCT .modal-body .coord a {
text-decoration: none;
}

#modalCT .modal-body #social {
margin-top: 20px;
}

#modalCT .modal-body .coord a:hover,
#modalCT .modal-body #social a:hover i {
color: var(--3C_blanc);
}

/* Responsive */

@media (max-height: 1060px) {
    #modalCT .modal-dialog {
    position: absolute;
    }
    #modalCT .modal-body > h1 {
    font-size: 80px;
    }
}

@media (max-width: 991px) {
    #modalCT svg#pattern {
    display: none;
    }
    #modalCT .modal-body {
    padding-left: 50px;
    padding-right: 50px;
    }
    #modalCT .modal-body > h1 {
    font-size: 80px;
    }
    #modalCT .close {
    right: 30px;    
    }
}

@media (max-width: 767px) {
    #modalCT .modal-dialog {
    width: 100%;
    }
    #modalCT .modal-body {
    padding-left: 30px;
    padding-right: 30px;
    }
    #modalCT .modal-body > h1 {
    font-size: 60px;
    }
    #modalCT .close {
    right: 50px;    
    }
}

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

--- X - INDEX - 3C AMÉNAGEMENT

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

#index_z1 {
width: 100%;
height: 100vh;
min-height: 850px;
max-height: 1300px;
position: relative;
background: var(--3C_vert);
padding-top: 100px;
-webkit-transition: background .5s;
-o-transition: background .5s;
transition: background .5s;
}

#index_z1 h1 {
position: relative;
z-index: 1;
font-size: 140px;
font-weight: 600;
margin: 0;
padding-top: 90px;
opacity: 0;
}

/* Roller */

#index_z1 .ticker {
overflow: hidden;
margin-bottom: -30px;
}

#index_z1 .ticker ul {
width: 100%;
position: relative;
margin:auto;
}

#index_z1 .ticker ul li {
width: 100%;
display: none;
}

/* SVG */

#index_z1 svg {
fill: var(--3C_gris);
width: 130%;
position: absolute;
left: 35%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
bottom: 0;
}

/* Arrow */

#index_z1 #arrowscroll {
position: absolute;
z-index: 5;
bottom: 50px;
left: 50%;
-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
text-align: center;
text-decoration: none;
width: 100%;
}

#arrowscroll i {
font-size: 10px;
color: var(--3C_noir);
display: inline-block;
-webkit-animation: arrowbounce 1.5s infinite;
        animation: arrowbounce 1.5s infinite;
}

#arrowscroll i:nth-child(1) {

}

#arrowscroll i:nth-child(2) {
margin: 0 35px;
-webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
}

#arrowscroll i:nth-child(3) {
-webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
}

@-webkit-keyframes arrowbounce {
    0% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);;
    }
    50% {
        -webkit-transform: translateY(-25px);
                transform: translateY(-25px);;
    }
    100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);;
    }
}

@keyframes arrowbounce {
    0% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);;
    }
    50% {
        -webkit-transform: translateY(-25px);
                transform: translateY(-25px);;
    }
    100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);;
    }
}


/* ===== Z2 ===== */

#index_z2 {
padding-top: var(--space);
}

#index_z2 #nb_01 {

}

#index_z2 #nb_01 .zonetxt {

}

/* Cards */

#index_z2 #card-container {
padding-top: var(--space);
}

#index_z2 #card {
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;
width: 100%;
}

#index_z2 .card {
/* Variables */
--r: 0deg; /* Rotation */
--tx: 0px; /* Translation X */
--ty: 0px; /* Translation Y */
--s: 1;    /* Échelle */
/* Transformations des variables */
-webkit-transform: 
translateX(var(--tx)) 
translateY(var(--ty)) 
rotate(var(--r)) 
scale(var(--s));
    -ms-transform: 
translateX(var(--tx)) 
translateY(var(--ty)) 
rotate(var(--r)) 
scale(var(--s));
        transform: 
translateX(var(--tx)) 
translateY(var(--ty)) 
rotate(var(--r)) 
scale(var(--s));
z-index: 1;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
will-change: transform;
/* Apparence */
width: 370px;
height: 470px;
-ms-flex-negative: 0;
    flex-shrink: 0;
border-radius: 50px;
border: none;
color: var(--3C_noir);
text-decoration: none;
position: relative;
cursor: pointer;
}

#index_z2 .card + .card {
margin-left: -50px;
}

#index_z2 .card img,
#index_z2 .card video {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

#index_z2 .card[data-index="0"] {
background: var(--3C_jaune);
}

#index_z2 .card[data-index="2"] {
background: var(--3C_vert);
}

#index_z2 .card .inside {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
padding: 50px 40px;
}

#index_z2 .card .inside h1 {
font-size: 60px;
}

#index_z2 .card .inside .zonetxt {
position: relative;
font-size: 20px;
}

#index_z2 .card .inside .zonetxt:after {
content: '';
width: 100%;
height: 1px;
background: var(--3C_noir);
display: block;
margin-top: 25px;
}

#index_z2 .card .inside .zonetxt *:last-child {
margin-bottom: 0;
}

/* Slider */

#index_z2 #nb_03 {
position: relative;
}

#index_z2 #nb_03:before {
content: '';
width: 100%;
height: 1px;
background: var(--3C_gris2);
display: block;
margin-top: var(--space);
margin-bottom: var(--spacemid);
}

.swiper.logos {
pointer-events: none;
}

.swiper.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;
     -o-transition-timing-function: linear;
        transition-timing-function: linear;
}

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

.swiper.logos .swiper-slide img {
max-width: 140px;
max-height: 100px;
}

/* // */


/* ===== Z3 ===== */

#index_z3 {
padding-top: var(--space);
padding-bottom: var(--space);
}

#index_z3 .container {

}

#index_z3 .inside {
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;
background: var(--3C_vertF);
border-radius: 15px;
padding: 50px 70px;
overflow: hidden;
}

#index_z3 .inside *:not(svg) {
position: relative;
z-index: 5;
}

#index_z3 .inside hr {
border: none;
border-left: 1px solid var(--3C_blanc);
height: 250px;
margin: 0;
margin-left: 100px;
margin-right: 80px;
opacity: .2;
}

#index_z3 .inside .zoneimg img {
width: 450px;
}

#index_z3 .inside h2 {
color: var(--3C_blanc);
margin-bottom: 50px;
font-weight: 400;
}

#index_z3 .inside svg {
position: absolute;
width: 100%;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
opacity: .03;
fill: var(--3C_blanc);
pointer-events: none;
}

/* ===== Z4 ===== */

#index_z4:not(.bloc_REAL) {
position: relative;
background: var(--3C_gris);
}

#index_z4 #nb_01 {
padding-top: 70px;
}

#index_z4 svg.pattern {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
opacity: .5;
fill: var(--3C_blanc);
pointer-events: none;
}

/* Diapo */

.swiper.casesreal {
overflow: visible;
padding-top: 70px;
padding-bottom: 40px;
}

.casesreal .swiper-slide,
.casesreal .bloc {
width: 400px;
height: 520px;
}

.casesreal .bloc {
display: block;
position: relative;
overflow: hidden;
border-radius: 17px;
}

.casesreal .bloc img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.casesreal .bloc:hover img {
opacity: .6;
}

.casesreal .bloc .arrow {
position: absolute;
bottom: 25px;
right: 25px;
font-size: 13px;
border-radius: 50px;
width: 50px;
height: 50px;
background-color: rgb(228 228 228 / 15%);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
border: 1px solid rgb(255 255 255 / 15%);
color: var(--3C_blanc);
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;
}

.casesreal .bloc .inside {
position: absolute;
margin: 0 20px;
width: calc(100% - 40px);
bottom: -100%;
border-radius: 0 0 12px 12px;
background: var(--3C_orange);
padding: 30px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.casesreal .bloc:hover .inside {
bottom: 20px;
}

.casesreal .bloc .inside svg {
position: absolute;
left: 0;
bottom: calc(100% - 2px);
width: 100%;
fill: var(--3C_orange);
}

.casesreal .bloc .inside .arrow {
bottom: initial;
top: -55px;
right: 10px;
-webkit-backdrop-filter: none;
        backdrop-filter: none;
border-color: var(--3C_blanc);
background: var(--3C_blanc);
color: var(--3C_texte);
}

.casesreal .bloc .inside h3 {
color: var(--3C_blanc);
}

.casesreal .bloc .inside span {
color: var(--3C_blanc);
}

#index_z4 #nb_03 {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: end;
gap: 20px;
padding-bottom: 70px;
}

#index_z4 #nb_03 div {
width: 50px;
height: 30px;
border-radius: 6px;
padding: 0 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
cursor: pointer;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

#index_z4 #nb_03 .left {
background: var(--3C_blanc);
color: var(--3C_texte);
-webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
        transform: scaleX(-1);
}

#index_z4 #nb_03 .right {
background: var(--3C_noir);
color: var(--3C_blanc);
}

#index_z4 #nb_03 div:hover {

}

#index_z4 #nb_03 div.swiper-button-disabled {
background: var(--3C_gris2);
color: var(--3C_blanc);
pointer-events: none;
}

#index_z4 #nb_03 div i {
position: relative;
overflow: hidden;
display: inline-block;
font-size: 13px;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
}

#index_z4 #nb_03 div i:before {
content:"\e906";
font-family:'3C';
position: absolute;
top:0;
left:0;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

#index_z4 #nb_03 div i:after {
content:"\e906";
font-family:'3C';
position:absolute;
top:0;
left:-25px;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

#index_z4 #nb_03 div:hover i:before {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px)
}

#index_z4 #nb_03 div:hover i:after {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px);
}

/* ===== Z5 ===== */

#index_z5 {
padding-top: var(--spacemid);
}

#index_z5 [class*="col-"] {
margin: 15px 0;
}

#index_z5 .inside {
height: 100%;
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;
background: var(--3C_vertF);
border-radius: 15px;
overflow: hidden;
}

/* Ztxt */

#index_z5 .inside.full .zonetxt,
#index_z5 .inside.half .zonetxt {
padding: 100px;
position: relative;
z-index: 1;
}

#index_z5 .inside.full .zonetxt {
padding-right: 20px;
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}

/* Images */

#index_z5 .inside.full .zoneimg {
position: relative;
width: 50%;
height: 100%;
}

#index_z5 .inside.full .zoneimg svg {
position: absolute;
height: 100%;
left: 0;
}

#index_z5 .inside.half .zoneimg {
width: 100%;
height: 100%;
position: absolute;
opacity: .5;
}

#index_z5 .inside.full .zoneimg img,
#index_z5 .inside.half .zoneimg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

/* ===== Z6 ===== */

#index_z6 {
margin-top: -15px;
}

#index_z6 hr {
border-color: var(--3C_gris2);
display: block;
margin-top: var(--spacemid);
margin-bottom: var(--spacemid);
}

#index_z6 h2 {
font-weight: 400;
}

#index_z6 .zonetxt a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 30px;
text-decoration: none;
}

#index_z6 .zonetxt a span {
position: relative;
display: inline-block;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

#index_z6 .zonetxt a > i {
position: relative;
z-index: 1;
color: var(--3C_noir);
font-size: 35px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

#index_z6 .zonetxt a > i:after {
content: '';
width: 100%;
height: 100%;
-webkit-transform: scale(.7);
    -ms-transform: scale(.7);
        transform: scale(.7);
background: transparent;
display: block;
position: absolute;
z-index: -1;
top: 0;
border-radius: 50%;
}

#index_z6 .zonetxt a:hover > i:after {
background: var(--3C_noir);
}

#index_z6 .zonetxt a:hover > i {
color: var(--3C_violet);
}

#index_z6 .zonetxt a span {
color: var(--3C_blanc) !important;
}

#index_z6 .zonetxt a:hover span {
color: var(--3C_noir) !important;
background: var(--3C_violet);
}

#index_z6 .zonetxt a span i {
margin-left: 9px;
font-size: 12px;
position: relative;
overflow: hidden;
display: inline-block;
width: 14px;
height: 15px;
line-height: 18px;
text-align: center;
top: 2px;
}

#index_z6 .zonetxt a span i:before {
content:"\e906";
font-family:'3C';
font-size: 12px;
position: absolute;
top:0;
left:0;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

#index_z6 .zonetxt a span i:after {
content:"\e906";
font-family:'3C';
position:absolute;
top:0;
left:-25px;   /* 15px (icône) + 10px (espacement) */
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

#index_z6 .zonetxt a:hover span i:before {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px); /* 15 + 10 */
}

#index_z6 .zonetxt a:hover span i:after {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px); /* 18 + 10 */
}

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

--- X - PAGE 1 - 3C AMÉNAGEMENT

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

.bloc_HEADER.page1_z1 {
background: var(--3C_orange);
}

/* ===== Z2 ===== */

#index_z4.page1_z2 {
background: transparent;
padding-bottom: var(--spacemid);
}

#index_z4.page1_z2 hr {
border-color: var(--3C_gris2);
display: block;
margin-top: var(--spacemid);
margin-bottom: calc(var(--spacemid) - 15px);
}

#index_z4.page1_z2 .item {
margin: 15px 0;
}

#index_z4.page1_z2 .casesreal .bloc {
width: 100%;
height: 520px;
}

#index_z4.page1_z2 .casesreal .bloc .inside .arrow {
top: -50px;
}

/* Filtres */

#filtres {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 30px;
font-size: 15px;
}

#filtres button,
#filtres.actus > a:not(:first-child),
#filtres button i {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

#filtres button,
#filtres.actus > a:not(:first-child) {
background: transparent;
border: 1px solid var(--3C_texte);
color: var(--3C_texte);
font-weight: 500;
padding: 8px 20px;
text-decoration: none;
border-radius: 7px;
cursor: pointer;
}

#filtres button:hover,
#filtres.actus > a:not(:first-child):hover {
background: rgb(255 255 255 / 15%);
}

#filtres.actus > a:not(:first-child).active {
background: var(--3C_blanc);
color: var(--3C_noir);
border-color: transparent;
}

#filtres button i {
margin-left: 5px;
display: inline-block;
-webkit-transform: scale(.6);
    -ms-transform: scale(.6);
        transform: scale(.6);
vertical-align: -3px;
}

#filtres button:after {
display: none;
}

#filtres button[aria-expanded="true"] {
background: var(--3C_blanc);
border-color: var(--3C_blanc);
color: var(--3C_noir);
}

#filtres button[aria-expanded="true"] i {
-webkit-transform: scale(.6) rotate(45deg);
    -ms-transform: scale(.6) rotate(45deg);
        transform: scale(.6) rotate(45deg);
}

#filtres > a {
font-weight: 600;
color: var(--3C_texte);
text-decoration: none;
position: relative;
cursor: pointer;
}

#filtres > a[data-filter="*"]:not(:hover):after,
#filtres.actus > a:first-child:not(:hover):after {
content: '';
width: 100%;
height: 1px;
background: var(--3C_texte);
position: absolute;
left: 0;
bottom: 0;
}

#filtres .dropdown-menu {
padding-top: 50px;
border: none;
background: none;
left: 50% !important;
-webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
}

#filtres .dropdown .dropdown-item {
background: var(--3C_noir);
color: var(--3C_blanc) !important;
border-radius: 6px;
padding: 10px 15px;
font-size: 14px;
margin: 6px 0;
text-align: center;
cursor: pointer;
text-decoration: none;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

#filtres a.dropdown-item:hover {
color: var(--3C_noir) !important;
background: var(--3C_violet);
}

/* ===== Z3 ===== */

#page1_z3 {
background: var(--3C_gris);
padding-top: var(--spacemid);
padding-bottom: var(--spacemid);
margin-bottom: calc(var(--space) * -1);
}

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

--- X - PAGE 3 - 3C AMÉNAGEMENT

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

.bloc_HEADER.page3_z1 {
background: var(--3C_violet);
}

/* ===== Z2 ===== */

#page3_z2 {
background: transparent;
padding-bottom: var(--spacemid);
}

#page3_z2 hr {
border-color: var(--3C_gris2);
display: block;
margin-top: var(--spacemid);
margin-bottom: calc(var(--spacemid) - 15px);
}

#page3_z2 .item {
margin: 15px 0;
}

#page3_z2 .item a {
text-decoration: none;
color: var(--3C_texteC);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}

#page3_z2 .item:nth-child(even) a {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
}

#page3_z2 .item a > * {
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}

#page3_z2 .item .zoneimg {
position: relative;
overflow: hidden;
border-radius: 25px;
min-height: 350px;
}

#page3_z2.actusloop .item .zoneimg {
max-height: 350px;
background: var(--3C_gris);
border-radius: 12px;
}

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

#page3_z2.actusloop .item .zoneimg img.portrait  {
    -o-object-fit: contain;
       object-fit: contain;
}

#page3_z2.actusloop .item .zoneimg img {
visibility: hidden;
}

#page3_z2.actusloop .item .zoneimg img.loaded {
visibility: visible;
}

#page3_z2 .item .zonetxt {
background: var(--3C_gris);
border-radius: 12px;
padding: 50px 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
-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;
}

#page3_z2 .item a:hover .bouton {
color: var(--3C_noir) !important;
background: var(--3C_violet);
}

#page3_z2 .item a .bouton i {
margin-left: 9px;
position: relative;
overflow: hidden;
display: inline-block;
width: 20px;
height: 15px;
line-height: 15px;
text-align: center;
top: 2px;
}

#page3_z2 .item a .bouton i:before {
content:"\e906";
font-family:'3C';
position: absolute;
top:0;
left:0;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

#page3_z2 .item a .bouton i:after {
content:"\e906";
font-family:'3C';
position:absolute;
top:0;
left:-25px;   /* 15px (icône) + 10px (espacement) */
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

#page3_z2 .item a:hover .bouton i:before {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px); /* 15 + 10 */
}

#page3_z2 .item a:hover .bouton i:after {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px); /* 18 + 10 */
}

/* Pagination */

.pagination {
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
margin: 0;
margin-top: var(--spacemid);
}

.pagination ul.page-numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
gap: 10px;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: 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 {
background-color: var(--3C_gris);
border: none;
color: var(--3C_texteC);
border-radius: 10px;
padding: 15px 10px 10px;
font-size: 16px;
line-height: 1;
width: 65px;
display: block;
text-align: center;
text-decoration: none;
cursor: pointer;
}

.pagination .page-numbers a.next.page-numbers {

}

.pagination .page-numbers span[aria-current] {
background-color: var(--3C_noir);
color: var(--3C_blanc);
}

/* ===== Z3 ===== */

#index_z6.page3_z3 {
background: var(--3C_gris);
padding-top: var(--spacemid);
padding-bottom: var(--spacemid);
margin-bottom: calc(var(--space) * -1);
}

#index_z6.page3_z3 .Container-sc-119keog-2.cFOUql.CardContainer-sc-1afuoaq-0.gcLstm {
background: var(--3C_blanc);   
}

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

--- X - FOOTER - 3C AMÉNAGEMENT

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

main#builder {
position: relative;
overflow: hidden;
}

body.empty main#builder {
padding-top: 1000px;
}

main#builder section [class^="col"] *:last-child{
margin-bottom: 0;
}

main#builder section {
margin-top: var(--spacemid);
position: relative;
overflow: hidden;
background-size: cover !important;
background-position: bottom right !important;
background-repeat: no-repeat !important;
}

/*
main#builder section:nth-child(even) {
background: yellow !important;
}
main#builder section:nth-child(odd) {
background: red !important;
}
*/

main#builder section.withback {
padding-top: var(--spacemid);
padding-bottom: var(--spacemid);
}

main#builder section img {
max-width: 100%;
}

/* ===== HR ===== */

main#builder hr.outside,
main#builder section hr {
display: block;
margin-bottom: var(--spacemid);
border-color: var(--3C_gris2);
}

main#builder hr.outside {
margin-top: var(--spacemid);
}

main#builder section hr {
margin-top: 0;
}

/* ===== SPACER ===== */

.bloc_SPACE {
padding: 0 !important;
margin: 0 !important;
padding-top: var(--spacemid) !important;
}

/* ===== 1 / 2 COLONNES ===== */

.bloc_COL1-2 .row [class^="col"] {
margin-bottom: 65px;
}

.bloc_COL1-2 .row:last-child {
margin-bottom: -65px;
}

/* ===== BLOC 3 COLONNES /
  BLOC 5 COLONNES - BUILDER ===== */

.bloc_COL-IMG [class^="col"] {
margin: 20px 0;
}

.bloc_COL-IMG #intro {
margin-bottom: 70px;
}

.bloc_COL-IMG #end {
margin-top: 70px;
}

.bloc_COL-IMG .bloc {
}

.bloc_COL-IMG img {
margin-bottom: 20px !important;
}

/* ===== IMAGE100 ===== */

.bloc_IMAGE100 {
padding: 0 !important;
}

.bloc_IMAGE100 .inside {
position: relative;
width: 100%;
border-radius: 17px;
aspect-ratio: 21 / 10;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
overflow: hidden;
}

.bloc_IMAGE100 .diapo100,
.bloc_IMAGE100 .diapo100 .swiper-wrapper,
.bloc_IMAGE100 .diapo100 .swiper-slide {
height: 100%;
}

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

.bloc_IMAGE100 #controls {
position: absolute;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: end;
gap: 20px;
bottom: 50px;
right: 50px;
}

.bloc_IMAGE100 #controls div {
width: 50px;
height: 30px;
border-radius: 6px;
padding: 0 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
cursor: pointer;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.bloc_IMAGE100 #controls .left {
background: var(--3C_blanc);
color: var(--3C_texte);
-webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
        transform: scaleX(-1);
}

.bloc_IMAGE100 #controls .right {
background: var(--3C_noir);
color: var(--3C_blanc);
}

.bloc_IMAGE100 #controls div:hover {

}

.bloc_IMAGE100 #controls div.swiper-button-disabled {
background: var(--3C_gris2);
color: var(--3C_blanc);
pointer-events: none;
}

.bloc_IMAGE100 #controls div i {
position: relative;
overflow: hidden;
display: inline-block;
font-size: 13px;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
}

.bloc_IMAGE100 #controls div i:before {
content:"\e906";
font-family:'3C';
position: absolute;
top:0;
left:0;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

.bloc_IMAGE100 #controls div i:after {
content:"\e906";
font-family:'3C';
position:absolute;
top:0;
left:-25px;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

.bloc_IMAGE100 #controls div:hover i:before {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px)
}

.bloc_IMAGE100 #controls div:hover i:after {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px);
}

@media (max-width: 991px) {
  .bloc_IMAGE100 #controls {
  bottom: 30px;
  right: 30px;
  }
}

/* ===== VIDEO100 ===== */

.bloc_VIDEO100 {
padding: 0 !important;
margin-bottom: -10px;
}

.bloc_VIDEO100 .zonevideo {
width: 100%;
border-radius: 17px;
aspect-ratio: 21 / 10;
overflow: hidden;
position: relative;
}

.bloc_VIDEO100 .zonevideo:after {
content: '';
position: absolute;
width: 100%;
height: 150px;
bottom: 0;
left: 0;
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
pointer-events: none;
opacity: .3;
z-index: 1;
}

.bloc_VIDEO100 .zonevideo > div {
width: 100%;
height: 100%;
background: transparent;
}

.bloc_VIDEO100 .zonevideo > div video {
width: 100%;
height: 100%;
 background: var(--3C_gris);
-o-object-fit: contain;
   object-fit: contain;
-o-object-position: contain;
   object-position: contain;
}

/* Barre */

.video-js {
cursor: pointer;
}

.video-js .vjs-control-bar {
background: transparent;
bottom: 20px;
padding: 0 20px;
z-index: 5;
}

.video-js .vjs-progress-holder {
height: 1px;
}

.video-js .vjs-play-progress,
.video-js .vjs-play-progress:before {
background-color: var(--3C_orange);
}

.video-js .vjs-load-progress div {
background: var(--3C_gris);
}

.video-js .vjs-play-progress:before {
height: 25px;
width: 25px;
content: "";
border: 1px solid var(--3C_orange);
background: transparent;
border-radius: .8em;
top: -12px;
}

.video-js .vjs-play-progress:after {
content: '';
background: var(--3C_orange);
width: 5px;
height: 5px;
position: absolute;
border-radius: 50%;
right: 0;
top: -2px;
}

.video-js .vjs-picture-in-picture-control {
display: none;
}

.video-js .vjs-big-play-button {
background: rgb(255 255 255 / 40%);
width: 120px;
height: 120px;
color: #FFF;
line-height: 115px;
border-radius: 50%;
margin: 0;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.video-js.vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
background: rgb(255 255 255 / 60%);
}

.video-js.vjs-ended .vjs-big-play-button {

}

.vjs-theme-fantasy .vjs-play-control .vjs-icon-placeholder:before {
border: 1px solid var(--3C_blanc) !important;
line-height: 1.2;
}

.vjs-theme-fantasy .vjs-play-control:hover .vjs-icon-placeholder:before {
background: var(--3C_blanc);
color: var(--3C_orange);
}

@media (max-width: 767px) {
    .video-js .vjs-big-play-button {
    width: 80px;
    height: 80px;
    font-size: 50px;
    line-height: 80px;
    }
}

/* ===== MASONNERIE ===== */

.bloc_MASONRY {

}

/*
@media (min-width: 1500px) {
  .bloc_MASONRY > .container {
  max-width: 1450px;
  }
  .bloc_MASONRY #intro {
  margin-left: calc(100px - 15px);
  margin-right: calc(100px - 15px);
  }
}
*/

.bloc_MASONRY #intro {
margin-bottom: 70px;
}

.bloc_MASONRY #grid {
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: start;
}

.bloc_MASONRY #grid .item {
position: relative;
margin: 15px 0;
cursor: pointer;
}

.bloc_MASONRY #grid .item img {
width: 100%;
height: 450px;
border-radius: 17px;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

.bloc_MASONRY #grid .item:first-child img,
.bloc_MASONRY #grid .item:last-child img {
height: 600px;
}

.bloc_MASONRY #grid .item .arrow {
position: absolute;
bottom: 25px;
right: 35px;
border-radius: 50px;
width: 50px;
height: 50px;
background-color: rgb(228 228 228 / 15%);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
border: 1px solid rgb(255 255 255 / 15%);
color: var(--3C_blanc);
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-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.bloc_MASONRY #grid .item:hover .arrow {
background-color: var(--3C_blanc);
color: var(--3C_texteC);
-webkit-backdrop-filter: none;
        backdrop-filter: none;
}

/* ===== FANCYBOX ===== */

.fancybox-bg {
background: var(--3C_noir);
}

.fancybox-is-open .fancybox-bg {
opacity: .95;
}

.fancybox-toolbar {
right: 10px;
top: 10px;
}

.fancybox-button {
background: var(--3C_vertF);
height: 40px;
width: 50px;
padding: 7px;
margin: 5px;
border-radius: 12px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.fancybox-button:hover {
background: var(--3C_vert);
}

.fancybox-button svg path {
fill: var(--3C_blanc);
stroke-width: 0;
}

.fancybox-button:hover svg {
opacity: 1;
}

.fancybox-infobar {
top: 15px;
left: 15px;
mix-blend-mode: initial;
background: var(--3C_vertF);
color: var(--3C_blanc);
height: 40px;
width: auto;
padding: 0 20px;
border-radius: 10px;
font-size: 14px;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

.fancybox-navigation .fancybox-button {
width: 50px;
height: 40px;
padding: 0;
margin: 15px;
}

.fancybox-navigation .fancybox-button div {
padding: 4px;
}

.fancybox-navigation .fancybox-button[disabled] {
opacity: 0;
}

.fancybox-thumbs {
background: var(--3C_noir);
}

.fancybox-thumbs__list a {
border-radius: 5px;
}

.fancybox-thumbs__list a:before {
border: none;
background: var(--3C_vert);
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
opacity: .8;
}

.fancybox-progress {
background: var(--3C_vert);
height: 5px;
}

.fancybox-caption {
font-size: 18px;
color: var(--3C_blanc);
padding-top: 200px;
display: none;
}

/* ===== ACCORDEON ===== */

.bloc_ACCORDION {

}

.bloc_ACCORDION .title {
margin-bottom: var(--spacemid);
}

.bloc_ACCORDION .item:not(:last-child) {
margin-bottom: 20px;
}

.bloc_ACCORDION .item:first-child button {
padding-top: 0;
}

.bloc_ACCORDION button,
.bloc_SELECT button {
width: 100%;
border: none;
padding: 15px 25px;
position: relative;
border-bottom: 1px solid var(--3C_gris2);
background: transparent;
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: 30px;
}

.bloc_ACCORDION button:hover,
.bloc_SELECT button:hover {
cursor: pointer;
}

.bloc_ACCORDION button i,
.bloc_SELECT button i {
display: inline-block;
width: 50px;
height: 30px;
font-size: 10px;
line-height: 30px;
text-align: center;
background: var(--3C_gris);
color: var(--3C_texteC);
border-radius: 6px;
}

.bloc_ACCORDION button[aria-expanded="true"] button i:before,
.bloc_SELECT button[aria-expanded="true"] button i:before {
content: "\e917";
}

.bloc_ACCORDION button h4,
.bloc_SELECT button h4 {
margin: 0;
font-weight: 400;
text-align: left;
width: 100%;
padding: 20px;
border-radius: 6px;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
-o-user-select: none !important;
user-select: none !important;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.bloc_ACCORDION button:hover h4,
.bloc_ACCORDION button[aria-expanded="true"] h4,
.bloc_SELECT button:hover h4,
.bloc_SELECT button[aria-expanded="true"] h4 {
background: var(--3C_gris);
padding-left: 40px;
}

.bloc_ACCORDION .card-body.zonetxt,
.bloc_SELECT .card-body.zonetxt {
background: transparent;
padding: 25px 45px;
}

.bloc_ACCORDION .card-body.zonetxt *,
.bloc_SELECT .card-body.zonetxt * {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
-o-user-select: none !important;
user-select: none !important;
}

@media (max-width: 991px) {
    .bloc_ACCORDION button h4,
    .bloc_SELECT button h4 {
    padding-left: 0;
    padding-right: 0;
    }
    .bloc_ACCORDION button:hover h4,
    .bloc_ACCORDION button[aria-expanded="true"] h4,
    .bloc_SELECT button:hover h4,
    .bloc_SELECT button[aria-expanded="true"] h4 {
    background: var(--3C_gris);
    padding-left: 20px;
    }
    .bloc_ACCORDION.half #intro {
    margin-bottom: var(--spacemid);
    }
}

@media (max-width: 991px) {
    .bloc_ACCORDION button h4,
    .bloc_SELECT button h4 {
    padding: 12px;
    }
}

/* ===== DIAPORAMA + TEXTE ===== */

.bloc_DIAPOTXT {

}

.bloc_DIAPOTXT h1 {
margin-bottom: 40px;
}

.bloc_DIAPOTXT #coldroite img {
width: 100%;
height: 100%;
min-height: 300px;
border-radius: 17px;
-o-object-fit: cover;
   object-fit: cover;
}

.bloc_DIAPOTXT .swiper-pagination {
position: relative;
margin-top: 20px;
bottom: 0;
left: initial;
right: initial;
width: auto;
}

.bloc_DIAPOTXT .swiper-pagination-bullet {
position: relative;
width: 6px;
height: 6px;
margin: 0 5px !important;
background: var(--3C_texte);
}

.bloc_DIAPOTXT .swiper-pagination-bullet-active {
background: var(--3C_noir);
}

@media (max-width: 991px) {
    .bloc_DIAPOTXT #coldroite img {
    margin-top: 30px;
    }
}

/* ===== IMG 100% + TEXTE / G&D ===== */

.bloc_IMGTXT100 {

}

.bloc_IMGTXT100 .row {
margin: 0;
-webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
        align-items: stretch !important;
}

.bloc_IMGTXT100 .zonetxt {
padding: 7%;
min-height: 600px;
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;
}

.bloc_IMGTXT100 .zonetxt *:last-child{
margin-bottom: 0;
}

.bloc_IMGTXT100 .img100 {
position: relative;
padding: 0;
}

.bloc_IMGTXT100 .swiperimgtxt,
.bloc_IMGTXT100 .swiperimgtxt .swiper-wrapper,
.bloc_IMGTXT100 .swiperimgtxt .swiper-slide {
height: 100%;
}

.bloc_IMGTXT100 .img100 .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

.bloc_IMGTXT100 .swiper-pagination {
position: relative;
bottom: 50px;
left: initial;
right: initial;
width: auto;
}

.bloc_IMGTXT100 .swiper-pagination-bullet {
position: relative;
width: 6px;
height: 6px;
margin: 0 5px !important;
background: var(--3C_texte);
}

.bloc_IMGTXT100 .swiper-pagination-bullet-active {
background: var(--3C_noir);
}

/* Responsive */

@media (max-width: 991px) {
  .bloc_IMGTXT100 .zonetxt {
  padding: 50px;
  min-height: auto;
  }
}

@media (max-width: 767px) {
  .bloc_IMGTXT100 .zonetxt {
  padding: 50px 30px;
  }
  .bloc_IMGTXT100 .img100 {

  }
}

/* ===== BLOC DDL ===== */

.bloc_DDL {
}

.bloc_DDL #block {
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;
background: var(--3C_vertF);
border-radius: 15px;
padding: 90px 5%;
padding-bottom: var(--spacemid);
overflow: hidden;
}

.bloc_DDL svg.pattern {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
opacity: .03;
fill: var(--3C_blanc);
pointer-events: none;
}

.bloc_DDL #intro {
margin-bottom: 50px;
text-align: center;
}

.bloc_DDL #intro * {
color: var(--3C_blanc);
}

.bloc_DDL a {
margin-bottom: 30px !important;
text-decoration: none;
display: block;
}

.bloc_DDL .metadonnes {
width: 100%;
background: transparent;
border: 1px solid var(--3C_gris2);
border-radius: 12px;
padding: 15px;
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: 30px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.bloc_DDL .metadonnes:hover {
background: var(--3C_gris2);
}

.bloc_DDL .metadonnes h4 {
text-decoration: none;
color: var(--3C_gris);
font-weight: 400;
margin: 0;
}

.bloc_DDL .metadonnes:hover h4 {
color: var(--3C_vertF);
}

.bloc_DDL .metadonnes span {
position: relative;
display: block;
-webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
width: 35px;
}

.bloc_DDL .metadonnes span i {
position: absolute;
color: var(--3C_blanc);
top: 11px;
left: 10px;
z-index: 1;
}

.bloc_DDL .metadonnes span svg {
fill: var(--3C_blanc);
opacity: .1;
position: relative;
top: 2px;
}

.bloc_DDL .metadonnes:hover span svg {
fill: var(--3C_vertF);
opacity: 1;
}

@media (max-width: 1370px) {
  .bloc_DDL .metadonnes {
  padding: 20px 25px;
  }
}

@media (max-width: 767px) {
  .bloc_DDL {
  padding-left: 15px;
  padding-right: 15px;
  }
}

/* ===== FORMULAIRE ===== */

.bloc_FORMULAIRE {

}

.bloc_FORMULAIRE h1 {
margin-bottom: 40px;
}

.bloc_FORMULAIRE .inside {
background: var(--3C_gris);
border-radius: 12px;
padding: 5px 30px 40px;
}

@media (max-width: 991px) {
    .bloc_FORMULAIRE .inside {
    margin-top: var(--spacemid);
    }
}

/* WPCF */

div.wpcf7 {
width: 100%;
}

div.wpcf7 p {
margin-bottom: 10px;
}

.wpcf7 label {
width: 100%;
padding: 5px 0;
margin-bottom: .5rem !important;
text-align: center;
color: var(--3C_noir);
font-weight: 600;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap select {
width: 100%;
padding: 12px;
margin-top: 5px;
background: var(--3C_blanc);
border: 1.5px solid var(--3C_blanc);
border-radius: 12px;
text-align: center;
}

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

input.wpcf7-form-control.wpcf7-file.inputfile {
margin-top: -5px;
}

div.wpcf7 .submitzone {
margin-top: 15px;
text-align: center;
}

/* Checkbox */

div.wpcf7 .list-center {
text-align: center;
margin-top: -16px;
margin-bottom: 13px;
}

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;
font-weight: 400;
}

div.wpcf7 .list-center span.wpcf7-list-item-label {
color: var(--3C_noir);
background: var(--3C_gris2);
display: inline-block;
padding: 7px 10px;
border-radius: 12px;
margin: 0px 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(--3C_violet);
color: var(--3C_noir);
}

/* Submit */

div.wpcf7 .submit-wrapper {
display: -ms-inline-grid;
display: inline-grid;
padding: 0;
margin: 0;
}

div.wpcf7 .submit-wrapper p {
position: relative;
display: inline-block;
margin: 0;
}

div.wpcf7 .wpcf7-submit {
font-size: 16px;
color: var(--3C_blanc) !important;
background: var(--3C_noir);
padding: 15px 20px;
border: none;
border-radius: 6px;
margin: 0;
text-decoration: none !important;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
cursor: pointer;
}

div.wpcf7 .wpcf7-submit:hover {
color: var(--3C_noir) !important;
background: var(--3C_violet);
}

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

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

/* Mentions */

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

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

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

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

/* Validations errors */

div.wpcf7-validation-errors,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
div.wpcf7-mail-sent-ok,
.wpcf7 form.sent .wpcf7-response-output {
border: none !important;
background: var(--3C_orange) !important;
border-radius: 12px;
padding: 5px !important;
color: var(--3C_blanc) !important;
margin: 20px 0 0 !important;
font-weight: 600;
font-size: 15px;
text-align: center;
}

.wpcf7-not-valid {
border-color: var(--3C_orange) !important;
}

.wpcf7-not-valid.mtn-form span.wpcf7-list-item span {
font-weight: 600;
color: var(--3C_orange);
}

#modal_contact .wpcf7-not-valid.mtn-form span.wpcf7-list-item span {
color: #fffb00;
text-decoration: underline;
}

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

/* Validations ok */

div.wpcf7-mail-sent-ok,
.wpcf7 form.sent .wpcf7-response-output {
background: var(--3C_vert) !important;
}

/* ===== PILES ===== */

.bloc_PILES {
overflow: visible !important;
margin-bottom: var(--space);
}

.bloc_PILES .item {
width: 100%;
height: 600px;
background-color: transparent;
padding: 30px 0;
-webkit-transform-origin: center top;
    -ms-transform-origin: center top;
        transform-origin: center top;
}

.bloc_PILES .content {
width: 100%;
height: 100%;
border-radius: 17px;
padding: 100px 150px;
/* box-shadow: 0 -16px 24px rgba(0, 0, 0, 0.15); */
}

.bloc_PILES .inside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 100px;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.bloc_PILES .inside .left {

}

.bloc_PILES .inside .left h1 {
color: var(--3C_vertF);
font-size: 100px;
font-weight: 400;
margin: 0;
}

.bloc_PILES .inside .line {
width: 1px;
background: var(--3C_texte) !important;
}

.bloc_PILES .inside .zonetxt {
max-width: 400px;
}

.bloc_PILES .inside .zonetxt h2 {
font-weight: 400;
margin-bottom: 30px;
color: var(--3C_vertF);
}

.bloc_PILES .inside .zonetxt span {
color: var(--3C_vertF);
}

.bloc_PILES .inside .zonetxt i {
color: var(--3C_vert);
margin-right: 15px;
}

@media (max-width: 991px) {
    .bloc_PILES .content {
    padding: 100px 50px;
    }
    .bloc_PILES .inside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    text-align: center;
    }
    .bloc_PILES .inside .line {
    width: 20%;
    height: 1px;
    }
    .bloc_PILES .inside .zonetxt h2 {
    margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .bloc_PILES .inside .left h1 {
    font-size: 70px;
    }
    .bloc_PILES .inside .zonetxt h2 {
    font-size: 20px;
    }
}

/* ===== HAUT DE PAGE ===== */

main#builder .bloc_HEADER {
margin-top: 0;
}

.bloc_HEADER {
width: 100%;
height: 700px;
position: relative;
background: var(--3C_noir);
padding-top: var(--hauteurnav);
}

.bloc_HEADER .container {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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;
padding-bottom: var(--spacemid); /* Adjust */
}

.bloc_HEADER svg:not(.angle) {
fill: var(--3C_gris);
pointer-events: none;
width: 130%;
/* max-width: 2000px; */
position: absolute;
left: 35%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
bottom: 0;
opacity: .06;
}

/* 01 */

.bloc_HEADER .zonetxt {
position: relative;
z-index: 1;
}

.bloc_HEADER #nb_01 {

}

.bloc_HEADER #nb_01 .zonetxt h1 {
font-size: 70px;
}

/* Img */

.bloc_HEADER #nb_01 .zoneimg:not(.full) img {
max-width: 460px;
}

.bloc_HEADER #nb_01 .zoneimg.full {
position: absolute;
z-index: 1;
height: 100%;
width: 45%;
top: 0;
right: 0;
-webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: left;
    -webkit-mask-image: url(images/masque.svg);
}

.bloc_HEADER #nb_01 .zoneimg.full img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

.bloc_HEADER #nb_01 .zoneimg.full svg {
position: absolute;
z-index: 5;
left: 0;
height: 100%;
fill: var(--3C_noir);
}

/* 02 */

.bloc_HEADER #nb_02 {
position: absolute;
bottom: var(--spacemid);
cursor: pointer;
}

.bloc_HEADER #arrowscroll {
text-decoration: none;
}

.bloc_HEADER #arrowscroll i {
color: var(--3C_blanc);
}

.bloc_HEADER #arrowscroll.fondclair i {
color: var(--3C_noir);
}

/* ===== HEAD REAL ===== */

.bloc_HEADREAL {
padding-bottom: var(--spacemid);
}

#pos_1.bloc_HEADREAL {
margin-top: var(--space);
padding-top: var(--spacemid);
}

main#builder .bloc_HEADREAL {
padding-bottom: 0;
}

.bloc_HEADREAL .zonetxt {

}

.bloc_HEADREAL .zonetxt h3 {
font-weight: 400;
color: var(--3C_texte);
}

.bloc_HEADREAL .nb02 {
flex: 0 0 100%;
max-width: 100%;
}

@media (min-width: 992px){
    .bloc_HEADREAL .nb02 {
    flex: 0 1 auto;
    max-width: 40%;
    }
}

.bloc_HEADREAL #filtres {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-align: end;
    -ms-flex-align: end;
        align-items: end;
gap: 10px;
}

.bloc_HEADREAL #filtres div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
gap: 10px;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: end;
}

.bloc_HEADREAL #filtres hr {
border-color: var(--3C_gris2);
width: 100%;
margin: 5px 0;
}

.bloc_HEADREAL button {
background: transparent;
border: 1px solid var(--3C_texteC);
color: var(--3C_texteC);
cursor: initial !important;
}

@media (max-width: 1300px) {
    #pos_1.bloc_HEADREAL {
    padding-top: 0;
    }
}

@media (max-width: 991px) {
    .bloc_HEADREAL #filtres {
    margin-top: 40px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .bloc_HEADREAL #filtres div {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    }

}

/* ===== BLOC SELECT ===== */

.bloc_SELECT {
position: relative;
background: var(--3C_gris);
}

.bloc_SELECT div[id^='brands_accordion'] .zonetxt {
padding-bottom: 25px;
}

.bloc_SELECT div[id^='brands_accordion'] .inside {
padding-right: 25px;
}

.bloc_SELECT div[id^='brands_accordion'] .item {
padding: 0;
}

.bloc_SELECT div[id^='brands_accordion'] button {
padding-left: 0;
padding-right: 0;
}

.bloc_SELECT div[id^='brands_accordion'] button[aria-expanded="true"] {
pointer-events: none;
}

.bloc_SELECT div[id^='brands_accordion'] button h4 {
padding: 10px 0 !important;
background: transparent !important;
}

.bloc_SELECT div[id^='brands_accordion'] button:hover h4,
.bloc_SELECT div[id^='brands_accordion'] button[aria-expanded="true"] h4 {
font-weight: 600;
-webkit-transition: none;
-o-transition: none;
transition: none;
}

.bloc_SELECT div[id^='brands_accordion'] button i {
background: var(--3C_texteC);
color: var(--3C_blanc);
}

.bloc_SELECT div[id^='brands_accordion'] .card-body.zonetxt {
padding: 25px 0;
}

.bloc_SELECT .zoneimg {
width: 100%;
height: 580px;
border-radius: 17px;
overflow: hidden;
position: relative;
display: none;
cursor: pointer;
}

.bloc_SELECT .zoneimg:after {
content: '';
position: absolute;
width: 100%;
height: 150px;
bottom: 0;
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
pointer-events: none;
opacity: .5;
}

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

.bloc_SELECT .zoneimg .zonetxt {
position: absolute;
z-index: 1;
bottom: 0;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 100px;
color: var(--3C_blanc);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.bloc_SELECT .zoneimg .zonetxt div:first-child {
    
}

.bloc_SELECT .zoneimg .zonetxt div:last-child {
border-left: 1px solid var(--3C_gris2);
padding-left: 40px;
}

.bloc_SELECT .zoneimg .zonetxt div:last-child img {
width: 450px;
max-height: 100px;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

/* Effect */

.bloc_SELECT[data-collapse="brands1"] .zoneimg[data-collapse="brands1"],
.bloc_SELECT[data-collapse="brands2"] .zoneimg[data-collapse="brands2"],
.bloc_SELECT[data-collapse="brands3"] .zoneimg[data-collapse="brands3"] {
display: block;
}

/* Mobile */

.bloc_SELECT .imgmobile {
display: none;
border-radius: 15px;
margin-bottom: 30px;
} 

/* /// */

@media (max-width: 991px) {
    .bloc_SELECT div[id^='brands_accordion'] .inside {
    padding-right: 0;
    }
    .bloc_SELECT .zoneimg {
    display: none !important;
    }
    .bloc_SELECT .imgmobile {
    display: block !important;
    }
}

/* ===== BLOC LOGOS ===== */

.bloc_LOGOS {

}

/* ===== BLOC CTA ===== */

.bloc_CTA {

}

/* ===== BLOC SHARE ===== */

.bloc_SHARE {

}

.bloc_SHARE .share {
text-align: center;
margin-bottom: 30px !important;
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;
}

.bloc_SHARE .share .addtoany_shortcode {
padding-left: 15px;
}

.bloc_SHARE .share .addtoany_list a:not(.addtoany_special_service)>span {
border-radius: 50px;
padding: 3px;
}

/* ===== BLOC QUOTE ===== */

.bloc_QUOTE {
background: var(--3C_gris);
}

main#builder .bloc_QUOTE.withback {
padding-top: var(--space);
}

.bloc_QUOTE .inside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 100px;
-webkit-box-align: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}

.bloc_QUOTE .inside .zoneimg {
-webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}

.bloc_QUOTE .inside .zoneimg img {
width: 230px;
height: 230px;
border-radius: 50%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

.bloc_QUOTE .inside .line {
width: 1px;
background: var(--3C_texte) !important;
}

.bloc_QUOTE .inside .zonetxt {
max-width: 650px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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;
}

.bloc_QUOTE .inside .zonetxt .name {
font-weight: 400;
margin-bottom: 5px;
}

.bloc_QUOTE .inside .zonetxt .fonction {
color: var(--3C_texteC);
margin-bottom: 30px;
display: block;
}

.bloc_QUOTE .inside .zonetxt h2 {
font-weight: 400;
}

.bloc_QUOTE #controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: end;
gap: 20px;
padding-top: var(--spacemid);
}

.bloc_QUOTE #controls div {
width: 50px;
height: 30px;
border-radius: 6px;
padding: 0 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
cursor: pointer;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.bloc_QUOTE #controls .left {
background: var(--3C_blanc);
color: var(--3C_texte);
-webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
        transform: scaleX(-1);
}

.bloc_QUOTE #controls .right {
background: var(--3C_noir);
color: var(--3C_blanc);
}

.bloc_QUOTE #controls div:hover {

}

.bloc_QUOTE #controls div.swiper-button-disabled {
background: var(--3C_gris2);
color: var(--3C_blanc);
pointer-events: none;
}

.bloc_QUOTE #controls div i {
position: relative;
overflow: hidden;
display: inline-block;
font-size: 13px;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
}

.bloc_QUOTE #controls div i:before {
content:"\e906";
font-family:'3C';
position: absolute;
top:0;
left:0;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

.bloc_QUOTE #controls div i:after {
content:"\e906";
font-family:'3C';
position:absolute;
top:0;
left:-25px;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

.bloc_QUOTE #controls div:hover i:before {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px)
}

.bloc_QUOTE #controls div:hover i:after {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px);
}

@media (max-width: 991px) {
    .bloc_QUOTE .inside {
    gap: 70px;
    }
}
@media (max-width: 767px) {
    .bloc_QUOTE {
    padding-top: var(--spacemid);
    }
    .bloc_QUOTE .inside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    gap: 30px;
    }
    .bloc_QUOTE .inside .line {
    height: 1px;
    background: var(--3C_texte) !important;
    width: 130px;
    }
}

/* ===== BLOC INDEX Z5 ===== */

#index_z5.bloc_PORTAIL {
padding: 0;
}

/* ===== BLOC INDEX Z4 ===== */

#index_z5.bloc_REAL {

}

/* ===== BLOC AVANT / APRES ===== */

.bloc_COMP {

}

.bloc_COMP h1 {
margin-bottom: 40px;
}

.bloc_COMP .inside {
width: 100%;
height: 550px;
border-radius: 17px;
overflow: hidden;
}

.bloc_COMP .han-slider {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}

.bloc_COMP .han-slider img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
display: block;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
pointer-events: none;
}

.bloc_COMP .han-slider .han-line{
position: absolute;
left: 50%;
top: 50%;
width: 1px;
height: 200%;
background: transparent;
-webkit-transform-origin: center center;
    -ms-transform-origin: center center;
        transform-origin: center center;
pointer-events: none;
}

@media (max-width: 767px) {
    .bloc_PILES .inside .left h1 {
    font-size: 70px;
    }
    .bloc_COMP .inside {
    margin-top: 30px;
    }
}

/* ===== BLOC TIMELINE ===== */

.bloc_TIMELINE {
background: var(--3C_vertF);
color: var(--3C_texteC);
}

main#builder .bloc_TIMELINE.withback {
padding-top: var(--space);
padding-bottom: var(--space);
}

.bloc_TIMELINE:before {
content: '';
height: 100%;
width: 50%;
pointer-events: none;
background: var(--3C_vertF);
position: absolute;
top: 0;
z-index: 1;
}

.bloc_TIMELINE #intro {
position: relative;
z-index: 5;
}

.bloc_TIMELINE #intro h1,
.bloc_TIMELINE #intro h1 mark {
color: var(--3C_blanc);
}

.bloc_TIMELINE .inside {
position: relative;
z-index: 0;
}

.bloc_TIMELINE .inside .swiper {
overflow: visible;
}

.bloc_TIMELINE .inside .swiper-slide {
width: 430px !important;
height: auto !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.bloc_TIMELINE .inside .zonetxt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
opacity: .3;
cursor: pointer;
}

.bloc_TIMELINE .inside .swiper-slide-active .zonetxt {
opacity: 1;
}

.bloc_TIMELINE .inside .zonetxt > div {
width: 280px;
}

.bloc_TIMELINE .inside .zonetxt h4 {
color: var(--3C_texteC);
font-weight: 400;
margin-bottom: 20px;
}

.bloc_TIMELINE .inside .zonetxt h4:before {
content: "\e904";
font-family: '3C' !important;
color: var(--3C_texteC);
margin-bottom: 10px;
display: block;
}

.bloc_TIMELINE .inside .swiper-slide-active .zonetxt h4 {
color: var(--3C_blanc);
}

.bloc_TIMELINE .inside .swiper-slide-active .zonetxt h4:before {
color: var(--3C_violet);
}

.bloc_TIMELINE .inside .zonetxt svg {
fill: var(--3C_texteC);
width: 40px;
padding-top: 35px;
margin: 0 70px;
}

.bloc_TIMELINE .inside .bullet {
position: relative;
margin-top: 100px;
}

.bloc_TIMELINE .inside .bullet:before {
content: '';
width: 100%;
height: 2px;
background-color: var(--3C_violet);
position: absolute;
bottom: 14px;
left: 0;
}

.bloc_TIMELINE .inside .bullet i {
width: 13px;
height: 13px;
border-radius: 50%;
position: relative;
top: -2px;
display: inline-block;
background: var(--3C_violet);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
cursor: pointer;
}

.bloc_TIMELINE .inside .swiper-slide-active .bullet i {
-webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
        transform: scale(1.8);
-webkit-transform-origin: center;
    -ms-transform-origin: center;
        transform-origin: center;
}

.bloc_TIMELINE .inside .swiper-slide:last-child .zonetxt svg,
.bloc_TIMELINE .inside .swiper-slide:last-child .bullet:before {
display: none;
}

.bloc_TIMELINE #controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: end;
gap: 20px;
padding-top: var(--spacemid);
}

.bloc_TIMELINE #controls div {
width: 50px;
height: 30px;
border-radius: 6px;
padding: 0 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
cursor: pointer;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.bloc_TIMELINE #controls .left {
background: var(--3C_blanc);
color: var(--3C_texte);
-webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
        transform: scaleX(-1);
}

.bloc_TIMELINE #controls .right {
background: var(--3C_noir);
color: var(--3C_blanc);
}

.bloc_TIMELINE #controls div:hover {

}

.bloc_TIMELINE #controls div.swiper-button-disabled {
background: rgb(255 255 255 / 20%);
color: var(--3C_blanc);
pointer-events: none;
}

.bloc_TIMELINE #controls div i {
position: relative;
overflow: hidden;
display: inline-block;
font-size: 13px;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
}

.bloc_TIMELINE #controls div i:before {
content:"\e906";
font-family:'3C';
position: absolute;
top:0;
left:0;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

.bloc_TIMELINE #controls div i:after {
content:"\e906";
font-family:'3C';
position:absolute;
top:0;
left:-25px;
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease;
}

.bloc_TIMELINE #controls div:hover i:before {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px)
}

.bloc_TIMELINE #controls div:hover i:after {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px);
}

@media (max-width: 991px) {
    .bloc_TIMELINE:before {
    display: none;
    }
    .bloc_TIMELINE .inside {
    margin-top: var(--spacemid);
    }
}

@media (max-width: 767px) {
    .bloc_TIMELINE .inside .zonetxt svg {
    width: 20px;
    padding-top: 70px;
    margin: 0 30px;
    }
}

/* ===== BLOC VERBATIM ===== */

.bloc_VERBATIM {

}

.bloc_VERBATIM .inside {
background: var(--3C_noir);
padding: 30px;
border-radius: 17px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 100px;
-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;
}

.bloc_VERBATIM .inside > svg {
fill: var(--3C_texte);
position: absolute;
width: 50px;
right: 40px;
top: 40px;
}

.bloc_VERBATIM .zoneimg {
position: relative;
width: 550px;
-ms-flex-negative: 0;
    flex-shrink: 0;
border-radius: 17px 0 0 17px;
overflow: hidden;
}

.bloc_VERBATIM .zoneimg img {
width: 100%;
height: 100%;
min-height: 400px;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

.bloc_VERBATIM .zoneimg svg {
position: absolute;
fill: var(--3C_noir);
height: 102%;
right: -2px;
}

.bloc_VERBATIM .zonetxt {
position: relative;
margin: 60px 0;
padding: 0 60px;
border-left: 1px solid var(--3C_texte);
}

.bloc_VERBATIM .inside .zonetxt span {
margin-bottom: 30px;
display: block;
}

.bloc_VERBATIM .inside .zonetxt.fondfonce span,
.bloc_VERBATIM .inside .zonetxt.fullwhite span {
color: var(--3C_blanc);
}

.bloc_VERBATIM .inside .zonetxt.fondclair span {
color: var(--3C_noir);
}

.bloc_VERBATIM .inside .zonetxt h2 {
font-weight: 400;
}

@media (max-width: 1199px) {
  .bloc_VERBATIM .inside {
  gap: 80px;
  }
  .bloc_VERBATIM .zoneimg {
  width: 450px;
  }
  .bloc_VERBATIM .zonetxt {
  padding: 0 40px;
  }
}

@media (max-width: 991px) {
  .bloc_VERBATIM .inside {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  gap: 40px;
  padding: 60px 10%;
  }
  .bloc_VERBATIM .zonetxt {
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  }
}

@media (max-width: 991px) {
  .bloc_VERBATIM .inside {
  padding: 60px 10%;
  }
  .bloc_VERBATIM .inside > svg {
  position: initial;
  }
  .bloc_VERBATIM .zoneimg {
  max-width: 100%;
  border-radius: 17px;
  }
  .bloc_VERBATIM .zoneimg svg {
  display: none;
  }
}

/* ===== BLOC TROMBINOSCOPE ===== */

.bloc_TROMBI {
background: var(--3C_jaune);
}

.bloc_TROMBI hr {
border-color: var(--3C_texte) !important;
opacity: .2;
margin-top: 30px !important;
margin-bottom: 30px !important;
}

.bloc_TROMBI .casesreal div[class^='col'] {
margin: 25px 0;
}

.bloc_TROMBI .casesreal a.bloc {
width: 100%;
height: 350px;
}

.bloc_TROMBI .casesreal .bloc .inside {
background: var(--3C_blanc);
padding: 20px;
}

.bloc_TROMBI .casesreal .bloc .inside svg {
fill: var(--3C_blanc);  
}

.bloc_TROMBI .casesreal .bloc .inside h4,
.bloc_TROMBI .casesreal .bloc .inside span {
color: var(--3C_texte);
}

.bloc_TROMBI .casesreal .bloc .inside h4 {
margin-bottom: 10px;
}

.bloc_TROMBI .casesreal .bloc .inside span {
font-size: 13px;
}

.bloc_TROMBI .casesreal .bloc .inside .arrow {
display: none !important;
border-color: var(--3C_jaune);
background: var(--3C_jaune);
top: -30px;
width: 34px;
height: 34px;
}

.bloc_TROMBI .casesreal .bloc .arrow {
width: 34px;
height: 34px;
font-size: 13px;
}

.bloc_TROMBI .casesreal .zonetxt {
margin-top: 25px;
text-align: center;
}

.bloc_TROMBI .casesreal .zonetxt h3 {
font-weight: 400;
margin-bottom: 5px;
}

@media (max-width: 991px) {
  .bloc_TROMBI .casesreal .bloc .inside .arrow {
  display: none;
  }
}

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

--- X - FOOTER - 3C AMÉNAGEMENT

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

footer {
position: relative;
background: var(--3C_noir);
margin-top: var(--space);
}

#wrapper.last-withback footer {
margin-top: 0;
}

footer .content {
padding: var(--space) 0;
}

footer svg.pattern {
position: absolute;
width: 100%;
width: 130%;
/* max-width: 2000px; */
bottom: 0;
left: 35%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
opacity: .03;
fill: var(--3C_blanc);
pointer-events: none;
}

.bloc_HEADER svg:not(.angle) {
fill: var(--3C_gris);
pointer-events: none;
width: 130%;
/* max-width: 2000px; */
position: absolute;
left: 35%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
bottom: 0;
opacity: .06;
}

/* NB1 */

footer .inside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 80px;
}

footer .logo svg {
width: 107px;
fill: var(--3C_blanc);
}

footer .item h4 {
color: var(--3C_blanc);
font-weight: 600;
margin-bottom: 20px;
}

footer .item ul {
list-style-type: none;
padding: 0;
margin: 0;
}

footer .item a {
display: block;
font-size: 14px;
line-height: 1.5;
color: var(--3C_texteC);
text-decoration: none;
}

footer .item a:hover {
color: var(--3C_blanc);
}

#social div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 7px;
}

#social a {
text-decoration: none !important;
}

#social i {
display: block;
font-size: 25px;
color: var(--3C_texteC);
border-radius: 50%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

#social i:hover {
color: var(--3C_blanc);
}

footer #nb2 h5 a {
margin: 0;
background: var(--3C_vert);
color: var(--3C_noir) !important;
cursor: pointer;
}

footer #nb2 h5 a i {
color: var(--3C_noir) !important;
}

footer #nb2 h5 a:hover {
color: var(--3C_noir) !important;
background: var(--3C_violet);
}

/* COPYRIGHT */

footer .credits {
position: relative;
padding-bottom: 25px;
margin: 0;
}

footer .credits:before {
content: '';
width: 100%;
height: 1px;
background: var(--3C_blanc);
opacity: .2;
display: block;
margin-bottom: 35px;
}

#copyright {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
padding: 0;
}

#copyright h6 {
font-family: inherit;
font-size: 13px;
font-weight: 300;
letter-spacing: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
text-decoration: none !important;
}

#copyright a {
text-decoration: none;
}

#copyright h6,
#copyright h6 a {
color: var(--3C_texteC) !important;
border: none;
padding: 0;
overflow: visible;
text-transform: initial;
}

#copyright h6:before,
#copyright h6:after {
display: none;
}

#copyright .client a:hover {
color: var(--3C_blanc) !important;
}

#copyright .mcrea:hover h6,
#copyright .mcrea:hover h6 a {
color: var(--3C_blanc);
}

#copyright h6 a:before {
content: '/';
margin: 0 5px;
text-decoration: none !important;
}

#copyright .mcrea a:hover {
text-decoration: none !important;
}

#copyright .mcrea .ico {
display: inline-block;
width: 30px;
height: 30px;
margin: 0 10px;
border-radius: 50%;
text-align: center;
position: relative;
text-decoration: none;
z-index: 1;
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;
position: relative;
top: -9px;
/* Effect */
-webkit-transition: -webkit-transform 1s, opacity 1.5s;
-webkit-transition: opacity 1.3s, -webkit-transform 1s;
transition: opacity 1.3s, -webkit-transform 1s;
-o-transition: transform 1s, opacity 1.5s;
-webkit-transition: opacity 1.5s, -webkit-transform 1s;
transition: opacity 1.5s, -webkit-transform 1s;
transition: transform 1s, opacity 1.5s;
transition: transform 1s, opacity 1.5s, -webkit-transform 1s;
transition: transform 1s, opacity 1.3s, -webkit-transform 1s;
}

#copyright .mcrea:hover .ico {
-webkit-box-shadow: 0 0 0 2px var(--3C_blanc);
        box-shadow: 0 0 0 2px var(--3C_blanc);
background: var(--3C_blanc);
}

#copyright .mcrea .ico:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content:'';
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* Effect */
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
background: var(--3C_texteC);
-webkit-transition: -webkit-transform 1s, opacity 1.5s;
-webkit-transition: opacity 1.3s, -webkit-transform 1s;
transition: opacity 1.3s, -webkit-transform 1s;
-o-transition: transform 1s, opacity 1.5s;
-webkit-transition: opacity 1.5s, -webkit-transform 1s;
transition: opacity 1.5s, -webkit-transform 1s;
transition: transform 1s, opacity 1.5s;
transition: transform 1s, opacity 1.5s, -webkit-transform 1s;
transition: transform 1s, opacity 1.3s, -webkit-transform 1s;
}

#copyright .mcrea:hover .ico:after {
background: var(--3C_blanc);
}

#copyright .mcrea .ico:before {
speak: none;
font-size: 48px;
line-height: 90px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}

#copyright .mcrea:hover .ico:after {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}

#copyright .mcrea .ico svg#agencemcrea {
position: absolute;
width: 27px;
left: 2px;
top: 10px;
fill: var(--3C_noir);
-webkit-transition: -webkit-transform 1s, opacity 1.5s;
-webkit-transition: opacity 1.3s, -webkit-transform 1s;
transition: opacity 1.3s, -webkit-transform 1s;
-o-transition: transform 1s, opacity 1.5s;
-webkit-transition: opacity 1.5s, -webkit-transform 1s;
transition: opacity 1.5s, -webkit-transform 1s;
transition: transform 1s, opacity 1.5s;
transition: transform 1s, opacity 1.5s, -webkit-transform 1s;
transition: transform 1s, opacity 1.3s, -webkit-transform 1s;
}

#copyright .mcrea:hover .ico svg#agencemcrea {
fill: var(--bg_vert);
}

@media (max-width: 991px) {

    #copyright .client h6 {
    font-size: 12px;
    line-height: 1.5;
    }

    #copyright h6 {font-size: 12px;}

    #copyright .mcrea {
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    }
        
}

@media (max-width: 767px) {

    #copyright .client h6 {
    display: -ms-grid;
    display: grid;
    }

    #copyright h6 a:before,
    #copyright h6 a:after {
    display: none;    
    }

    #copyright .mcrea {
    margin-top: 20px;
    }

}

@media (max-width: 767px) {

    #copyright {
    -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;
    }

    #copyright .mcrea {
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    }

    #copyright h6 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    }
}

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

--- X - RESPONSIVE - 3C AMÉNAGEMENT

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

@media (max-width: 1640px) {

    /* ===== INDEX ===== */
    #index_z2 #card-container {
    padding-top: calc(var(--space) / 1.5);
    }
    #index_z2 #card {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    }
    /* ===== /// ===== */

}

@media (max-width: 1450px) {

    /* ===== INDEX ===== */
    #index_z2 #card-container {
    padding-top: calc(var(--space) / 1.7);
    }
    #index_z2 #card {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    }

    /* ===== PAGE 1 ===== */
    .bloc_HEADER #nb_01 .zoneimg.full {
    width: 39%;
    }
    /* ===== /// ===== */

}

@media (max-width: 1400px) {

    /* ===== SPACE ===== */
    :root {


    }

    /* ===== INDEX ===== */
    #index_z1 h1 {
    font-size: 100px;
    }
    #index_z1 .ticker {
    margin-bottom: -15px;
    }

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

}

@media (max-width: 1300px) {

    /* ===== INDEX ===== */
    #index_z2 #card-container {
    padding-top: calc(var(--space) / 1.8);
    }
    #index_z2 #card {
    -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
            transform: scale(0.75);
    }

    /* ===== PAGE 1 ===== */
    .bloc_HEADER #nb_01 .zoneimg.full {
    width: 45%;
    }

    /* ===== FOOTER ===== */
    footer .inside {
    gap: 65px;
    }

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

}

@media (max-width: 1250px) {

    /* ===== PAGE 1 ===== */
    #index_z4.page1_z2 .casesreal .bloc .inside .arrow {
    display: none;
    }
    /* ===== /// ===== */

}

@media (max-width: 1199px) {

    /* ===== INDEX ===== */
    .card[data-index="3"] {
    display: none;
    }

    /* ===== PAGE 1 ===== */
    .bloc_HEADER {
    height: auto;
    padding-top: calc(var(--hauteurnav) + 150px);
    padding-bottom: 150px;
    }
    .bloc_HEADER .container {
    padding-bottom: 0;
    }
    .bloc_HEADER #nb_01 .zoneimg:not(.full) img {
    max-width: 400px;
    }
    .bloc_HEADER #nb_01 .zonetxt h1 {
    font-size: 55px;
    }

    /* ===== FOOTER ===== */
    footer .content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
    footer #nb2 .inside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 35px;
    }
    /* ===== /// ===== */

}

@media (max-width: 991px) {

    /* ===== PATTERN ===== */
    #index_z1 svg,
    #index_z3 .inside svg,
    #index_z4 svg.pattern,
    footer svg.pattern,
    .bloc_HEADER svg:not(.angle) {
    width: 200%;
    }

    /* ===== INDEX ===== */
    #index_z1 {
    min-height: auto;
    height: auto;
    padding-top: 150px;
    padding-bottom: 150px;
    }
    #index_z1 h1 {
    font-size: 70px;
    padding-top: 0;
    position: relative;
    z-index: 1;
    }
    #index_z1 svg {
    opacity: .2;
    }
    #arrowscroll i {
    font-size: 10px;
    }
    #arrowscroll i:nth-child(2) {
    margin: 0 20px
    }
    #index_z1 #arrowscroll {
    bottom: 20px;
    }

    /* Z2 */

    #index_z2 #card-container {
    padding-top: var(--spacemid);
    }
    #index_z2 #card {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    }
    #index_z2 #card {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
    width: 100%;
    }
    #index_z2 .card {
    width: calc(50% - 30px);
    border-radius: 15px;
    margin: 0 !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    }
    #index_z2 .card:hover {
    -webkit-transform: rotate(-5deg) !important;
        -ms-transform: rotate(-5deg) !important;
            transform: rotate(-5deg) !important;
    }
    #index_z2 .card[data-index="3"] {
    display: block;
    }
    #index_z2 .card[data-index="0"] { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
    #index_z2 .card[data-index="1"] { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
    #index_z2 .card[data-index="2"] { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
    #index_z2 .card[data-index="3"] { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
    #index_z2 .card .inside h1 {
    font-size: 45px;
    }
    #index_z2 .card .inside .zonetxt {
    font-size: 18px;
    }
    .swiper.logos .swiper-slide img {
    max-width: 100px;
    }

    /* Z6 */

    #index_z6 #nb_01 {
    margin-bottom: 40px;
    text-align: center;
    }

    /* ===== PAGE 1 ===== */
    .bloc_HEADER #nb_01 {
    margin-bottom: var(--spacemid);
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    }
    .bloc_HEADER #nb_01 .zoneimg:not(.full) img,
    .bloc_HEADER #nb_01 .zoneimg.full img {
    display: none;
    }

    /* ===== PAGE 3 ===== */
    #index_z6.page3_z3 #nb_01 {
    text-align: center;
    }

    /* ===== FOOTER ===== */
    footer #nb1 .inside {
    margin-bottom: var(--spacemid);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    }

    footer .content {
    padding-left: calc(5% - 15px);
    padding-right: calc(5% - 15px);
    }

    footer #nb2 {
    padding: 0;
    }

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

}

@media (max-width: 767px) {

    /* ===== INDEX ===== */
    #index_z2 .card[data-index="1"],
    #index_z2 .card[data-index="3"] {
    display: none;
    }
    #index_z2 #card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 15px;
    }
    #index_z2 .card {
    width: 100%;
    height: auto;
    }
    #index_z2 .card .inside h1 {
    font-size: 35px;
    margin-bottom: 30px;
    }
    #index_z2 .card .inside .zonetxt {
    font-size: 16px;
    }

    /* Z3 */ 
    #index_z3 {
    padding-top: calc(var(--space) / 1.2);
    }
    #index_z3 .inside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    }
    #index_z3 .inside .zoneimg img {
    max-width: 100%;
    max-height: 300px;
        -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
       object-position: center;
    }
    #index_z3 .inside hr {
    border: none;
    border-left: none;
    border-bottom: 1px solid var(--3C_blanc);
    width: 50%;
    height: auto;
    margin: 50px 0;
    }
    #index_z3 .inside h2 {
    margin-bottom: 0;
    }

    /* Z5 */

    #index_z5 {
    padding-top: var(--spacemid);
    text-align: center;
    }
    #index_z5 .inside {
    display: block;
    }
    #index_z5 .inside.full .zoneimg {
    display: none;
    }
    #index_z5 .inside.half .zoneimg {
    top: 0;
    }
    #index_z5 .inside.full .zonetxt,
    #index_z5 .inside.half .zonetxt {
    padding: 100px 10% !important;
    }

    /* ===== PAGE 1 ===== */
    .bloc_HEADER #nb_01 .zonetxt h1 {
    font-size: 50px;
    }
	.bloc_HEADER #nb_02 {
    position: initial;
	}
    #filtres {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
    }
    #filtres > a {
    display: block;
    margin-bottom: 10px;
    }
    #filtres .dropdown-menu {
    padding-top: 40px;
    left: initial !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    }  

    /* ===== FOOTER ===== */
    footer .content {
    padding: var(--spacemid) 0;
    }
    footer #nb1 .inside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    gap: 30px;
    }
    footer .item h4 {
    margin-bottom: 10px;
    }
    footer #nb2 .inside {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }

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

}

@media (max-width: 650px) {

    /* ===== INDEX ===== */
    #index_z1 {
    padding-top: calc(var(--hauteurnav) + 200px);
    padding-bottom: 200px;
    }
    #index_z1 h1 {
    font-size: 50px;
    padding-top: 0;
    position: relative;
    z-index: 1;
    }
    #index_z1 .ticker {
    margin-bottom: -5px;
    }

    /* ===== PAGE 1 ===== */
    .bloc_HEADER #nb_01 .zonetxt h1 {
    font-size: 40px;
    }

    /* ===== PAGE 3 ===== */
    #page3_z2 .item a {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    gap: 0;
    }
    #page3_z2 .item .zoneimg {
    min-height: auto;
    height: 250px;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    border-radius: 12px 12px 0 0;
    }
    #page3_z2 .item .zonetxt {
    border-radius: 0 0 12px 12px;
    padding: 50px 15%;
    }
    /* ===== /// ===== */

}

@media (max-width: 575px) {

    /* ===== INDEX ===== */

    /* Z4 */

    .casesreal .swiper-slide,
    .casesreal .bloc {
    width: 100%;
    }
    .casesreal .bloc .inside .arrow {
    display: none;
    }

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

}