/*

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

*/

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

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

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

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

@charset "utf-8";

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

--- X - CONSTRUCTION - PICPUS

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

body {
margin: 0;
position: relative;
font-family: "Poppins", sans-serif;
font-weight: 400;
line-height: 1.5;
color: var(--PICPUS_grisF);
background-color: var(--PICPUS_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(--PICPUS_noir);
opacity: .3;
}

body.modal-open {
overflow: visible !important;
}

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

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

a:hover {
color: var(--PICPUS_noir);
text-decoration: none;
}

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

*:not(mark) {
letter-spacing: 0.02em;
}

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: 20px;}

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

b, strong {font-weight: 500;}

h1, h2, h3, h4 {
color: var(--PICPUS_noir);
font-weight: 400;
margin-bottom: 20px;
}

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

mark,
mark * {
font-family: "the-seasons", sans-serif;
font-weight: 700;
font-style: normal;
padding: 0;
background: none;
color: var(--PICPUS_noir);
}

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(--PICPUS_beige);
border-radius: 15px;
border: none;
border-right: none;
padding: 25px;
}

/*
blockquote ul {
list-style-type: none;
padding: 0;
}

blockquote ul li {
position: relative;
padding-left: 35px;
}

blockquote ul li:before {
content: "\e911";
font-family: 'PICPUS';
position: absolute;
left: 0;
}
*/

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

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

@media (min-width: 500px) {
    .col-5col {width: 33%;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 {
max-width: 1250px;
padding-left: 30px;
padding-right: 30px;
} 

@media (max-width: 1600px) {
    .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
    }
}

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

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

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

:root {

  --PICPUS_blanc:        #FFFFFF;
  --PICPUS_noir:         #363B47;
  --PICPUS_gris:         #CBCDD0;
  --PICPUS_grisF:        #535863;
  --PICPUS_grisC:        #FAFAFA;
  --PICPUS_grisC2:       #F5F5F5;

  --PICPUS_vert:         #DFF2C7;
  --PICPUS_turquoise:    #A5FFEC;
  --PICPUS_beige:        #FBF3EF;
  --PICPUS_beigeF:       #EFDFCF;
  --PICPUS_bleuC:        #E8EEFF;
  --PICPUS_bleuF:        #21242B;
  --PICPUS_prune:        #603048;
  --PICPUS_rouge:        #FC726A;
  --PICPUS_rose:         #FFC9E5;
  --PICPUS_orange:       #FFBE30;
  --PICPUS_orangeC:      #FFC97F;
  --PICPUS_violet:       #EEBCFF;

}

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

:root {
  --space:          140px;
  --spacemid:       70px;
}

@media (max-width: 991px) {
    :root {
      --space:          100px;
      --spacemid:       50px;
    }
}

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

--- X - SIZE - PICPUS

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

body {font-size: 15px;}
h1,.h1 {font-size: 42px;}
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: 14px;}
    h1,.h1 {font-size: 30px;}
    h2,.h2 {font-size: 24px;}
    h3,.h3 {font-size: 18px;}
    h4,.h4 {font-size: 16px;}
}

@media (max-width: 767px) {

}

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

--- X - BOUTON - PICPUS

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

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

h5 a,
span.bouton {
display: inline-block;
font-size: 16px;
font-weight: 400;
color: var(--PICPUS_blanc) !important;
background: var(--PICPUS_noir);
margin: 5px 0;
padding: 15px 20px;
border-radius: 50px;
text-decoration: none !important;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

/* Effect */

h5 a i,
span.bouton i {
margin-left: 9px;
font-size: 12px;
color: var(--PICPUS_turquoise) !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,
span.bouton i:before {
content:"\e911";
font-family:'PICPUS';
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,
span.bouton i:after {
content:"\e911";
font-family:'PICPUS';
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;
}

h5 a:hover i:before,
.diapoCARDS .casesactus .bloc:hover span.bouton i:before,
#navigation .dropdown-menu .links .z02 .inside:hover span.bouton i:before {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px);
}

h5 a:hover i:after,
.diapoCARDS .casesactus .bloc:hover span.bouton i:after,
#navigation .dropdown-menu .links .z02 .inside:hover span.bouton i:after {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px);
}

/* // */

h5 a:hover,
.diapoCARDS .casesactus .bloc:hover span.bouton,
#navigation .dropdown-menu .links .z02 .inside:hover span.bouton {
background: var(--PICPUS_grisF);
color: var(--PICPUS_blanc) !important;
}

.diapoCARDS .casesactus .bloc:hover span.bouton i {
color: var(--PICPUS_blanc) !important;
}

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

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

--- X - COMMUNS - PICPUS

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

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

#scrollTop {
position: fixed;
z-index: 500;
cursor: pointer;
right: 26px;
bottom: 100px;
opacity: 0;
visibility: hidden;
width: 30px;
height: 30px;
background: var(--PICPUS_noir);
color: var(--PICPUS_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: 13px;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
}

#scrollTop i:before {
content:"\e911";
font-family:'PICPUS';
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:"\e911";
font-family:'PICPUS';
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(--PICPUS_turquoise);
color: var(--PICPUS_grisF);
}

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

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

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

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

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

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

.fondfonce a:hover {
color: var(--PICPUS_blanc);
}

/* ===== Popover ===== */

.popover {
background: var(--PICPUS_turquoise);
z-index: 99999;
border: none;
font-size: 14px;
margin-top: 30px;
}

.popover .arrow:before,
.popover .arrow:after {
display: none;
}

.popover .arrow {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent var(--PICPUS_turquoise) transparent;
-webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
        transform: rotate(0deg);
}

.popover-body {
color: var(--PICPUS_noir);
font-weight: 500;
padding: 5px 10px;
}

/* ===== Controls ===== */

.controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: end;
gap: 10px;
}

.controls div {
position: initial;
margin: 0;
background: var(--PICPUS_grisF);
color: var(--PICPUS_blanc);
border: 1px solid var(--PICPUS_grisF);
width: 40px;
height: 40px;
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;
cursor: pointer;
}

.controls .left {
-webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
        transform: scaleX(-1);
}

.controls div:hover {

}

.controls div.swiper-button-disabled {
opacity: 1;
background: transparent;
color: var(--PICPUS_grisF);
border-color: var(--PICPUS_grisF);
pointer-events: none;
}

.controls div.swiper-button-disabled i {
color: var(--PICPUS_grisF) !important;
}

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

.controls div i:before {
content:"\e91b";
font-family:'PICPUS';
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;
}

.controls div i:after {
content:"\e91b";
font-family:'PICPUS';
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;
}

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

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

/* Responsive */

@media (max-width: 767px) {
    .controls div {
    width: 35px;
    height: 35px;
    }
    .controls div i {
    font-size: 11px;
    width: 13px;
    height: 14px;
    }
}

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

h1 i.ICO_241 {
font-size: 13px;
position: relative;
top: 6px;
}

@media (max-width: 1300px) {
    h1 i.ICO_241 {
    font-size: 11px;
    top: 5px;
    }
}

@media (max-width: 991px) {
    h1 i.ICO_241 {
    font-size: 8px;
    top: 4px;
    }
}

p i.ICO_241 {
font-size: 8px;
vertical-align: middle !important;
position: relative;
top: -1px;
}

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

--- X - NAVIGATION - PICPUS

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

#navigation {
position: absolute;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
background: transparent;
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0); 
}

.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: 25px 0 15px;
-webkit-transition: padding 0.4s ease-in-out;
-o-transition: padding 0.4s ease-in-out;
transition: padding 0.4s ease-in-out;
}

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

/* ==========
FIXED
=============== */

#navigation.fixed {
background: var(--PICPUS_beige);
position: fixed;
-webkit-animation: slideDown 0.4s ease-in-out forwards;
        animation: slideDown 0.4s ease-in-out forwards;
}

#navigation.fixed .zonenav {
padding: 15px 0;
}

#navigation:not(.fixed) {
-webkit-animation: slideInFromTop 0.4s ease-in-out;
        animation: slideInFromTop 0.4s ease-in-out;
}

@-webkit-keyframes slideDown {
    0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes slideDown {
    0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes slideInFromTop {
    0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes slideInFromTop {
    0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

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

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

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

#navigation svg#logotype .st0 {
fill: var(--PICPUS_turquoise);
}

#navigation svg#logotype .st1 {
fill: var(--PICPUS_grisF);
}

#navigation.white:not(.fixed) svg#logotype .st1 {
fill: var(--PICPUS_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 {
border-radius: 10px;
}

#navigation ul.navbar-nav .nav-item.mobile{
display: none;
}

/*
#navigation ul.navbar-nav .nav-item:hover {
background: rgb(255 255 255 / 50%);
}
*/

#navigation ul.navbar-nav .nav-item.active {
background: var(--PICPUS_blanc);
margin-right: 5px;
}

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

/* LAST */

#navigation ul.navbar-nav .nav-item:last-child {
position: absolute;
right: 0;
border-radius: 0;
background: none;
}

#navigation ul.navbar-nav .nav-item:last-child .short,
#navigation .navbar-toggler .short {
background: var(--PICPUS_blanc);
color: var(--PICPUS_noir);
width: 45px;
    height: 36px;
border-radius: 8px;
margin: 0 5px;
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;
font-size: 15px;
cursor: pointer;
}

#navigation ul.navbar-nav .nav-item:last-child .short:hover,
#navigation .navbar-toggler .short:hover {
background: var(--PICPUS_turquoise) !important;
}

#navigation:hover ul.navbar-nav .nav-item:last-child .short,
#navigation.fixed ul.navbar-nav .nav-item:last-child .short,
#navigation.fixed .navbar-toggler .short {
background: var(--PICPUS_blanc);
color: var(--PICPUS_noir);
}

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

#navigation ul.navbar-nav .nav-item:last-child .short i:before,
#navigation .navbar-toggler .short i:before {
content:"\e929";
font-family:'PICPUS';
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 .short i:after,
#navigation .navbar-toggler .short i:after {
content:"\e929";
font-family:'PICPUS';
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;
}

#navigation ul.navbar-nav .nav-item:last-child .short[data-target="#modalCT"] i:before,
#navigation .navbar-toggler .short[data-target="#modalCT"] i:before {
content:"\e924";
}

#navigation ul.navbar-nav .nav-item:last-child .short[data-target="#modalCT"] i:after,
#navigation .navbar-toggler .short[data-target="#modalCT"] i:after {
content:"\e924";
}

#navigation ul.navbar-nav .nav-item:last-child .short:hover i:before,
#navigation .navbar-toggler .short:hover i:before {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px);
}

#navigation ul.navbar-nav .nav-item:last-child .short:hover i:after,
#navigation .navbar-toggler .short:hover i:after {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px);
}

#navigation ul.navbar-nav .nav-item:last-child h5 a {
background: var(--PICPUS_turquoise);
color: var(--PICPUS_noir) !important;
margin-left: 30px;
font-size: 15px;
padding: 10px 15px;
}

#navigation ul.navbar-nav .nav-item:last-child h5 a i {
color: var(--PICPUS_noir) !important;
margin-left: 4px;
font-size: 11px;
top: 1px;
width: 11px;
height: 12px;
line-height: 12px;
}

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

#navigation .dropdown-toggle::after {
font-family: 'PICPUS';
content: "\e92a";
border: none;
margin-left: 0;
-webkit-transform: scale(.5);
    -ms-transform: scale(.5);
        transform: scale(.5);
width: auto;
height: auto;
vertical-align: -3px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

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

#navigation .dropdown-menu {
position: absolute;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 635px;
left: 0;
margin: 0;
margin-left: 15px;
display: none;
padding: 0;
padding-top: 30px;
border: none;
background-color: transparent;
}

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

#navigation .dropdown-menu .links {
position: relative;
background-color: var(--PICPUS_beige);
border: none;
border-radius: 25px;
padding: 30px;
}

/* Z01 */

#navigation .dropdown-menu .links .z01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

#navigation .dropdown-menu .links .z01 .left {
width: 60%;
}

#navigation .dropdown-menu .links .z01 .right {
background: rgb(239 223 207 / 40%);
width: 230px;
padding: 20px;
border-radius: 20px;
}

#navigation .dropdown-menu .links .z01 li {
padding-bottom: 20px;
}

#navigation .dropdown-menu .links .z01 .left li:last-child,
#navigation .dropdown-menu .links .z01 .right li:last-child {
padding-bottom: 0;
}

#navigation .dropdown-menu .links .z01 .dropdown-item {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
color: var(--PICPUS_noir);
text-decoration: none;
white-space: normal;
font-size: 14px;
line-height: 1.3;
}

#navigation .dropdown-menu .links .z01 .dropdown-item:hover div span:first-child {
text-decoration: underline;
}

#navigation .dropdown-menu .links .z01 .left .dropdown-item span:nth-child(2) {
display: block;
font-size: 12px;
color: var(--PICPUS_grisF);
}

#navigation .dropdown-menu .links .z01 img {
max-width: 15px;
-o-object-fit: contain;
   object-fit: contain;
}

/* Left Only */

#navigation .dropdown-menu.leftonly {
max-width: 580px;
}

#navigation .dropdown-menu.leftonly .links .z01 .left {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
gap: 20px;
}

#navigation .dropdown-menu.leftonly .links .z01 .left li {
padding-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 10px);
        flex: 1 1 calc(50% - 10px);
}

/* Z02 */

#navigation .dropdown-menu .links .z02 {
margin-top: 30px;
}

#navigation .dropdown-menu .links .z02 .inside {
height: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 30px;
margin-bottom: 15px;
background: var(--PICPUS_grisC);
border-radius: 25px;
overflow: hidden;
text-decoration: none;
}

#navigation .dropdown-menu .links .z02 .inside:last-child {
margin-bottom: 0;
}

#navigation .dropdown-menu .links .z02 .inside .zoneimg {
position: relative;
width: 150px;
height: 100%;
-webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
padding: 10px;
}

#navigation .dropdown-menu .links .z02 .inside .zoneimg img {
width: 100%;
height: 100%;
min-height: 100px;
border-radius: 15px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}

#navigation .dropdown-menu .links .z02 .inside .zonetxt {
padding: 20px 0;
padding-right: 80px;
}

#navigation .dropdown-menu .links .z02 .inside .zonetxt h4 {
margin-bottom: 15px;
}

#navigation .dropdown-menu .links .z02 .inside .zonetxt p {
display: block;
font-size: 12px;
color: var(--PICPUS_grisF);
margin: 0;
}

#navigation .dropdown-menu .links .z02 .inside span.bouton {
position: absolute;
right: 0;
top: 0;
-webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
        transform: scale(0.6);
padding: 10px 25px;
}

#navigation .dropdown-menu .links .z02 .inside span.bouton i {
margin: 0;
font-size: 15px;
width: 18px;
height: 16px;
}

/* ==========
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(--PICPUS_noir);
display: block;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
margin-top: 7px;
}

#navigation.white:not(.fixed) .navbar-toggler .icon-bar {
background-color: var(--PICPUS_blanc);
}

#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 (max-width: 1600px) {
    #navigation ul.navbar-nav .nav-item:last-child h5 a {
    margin-left: 25px;
    }
}

@media (min-width: 1401px){
    .navbar-expand-custom .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    }
    #navigation:hover {
    background: var(--PICPUS_beige);
    }
    #navigation:hover svg#logotype .st1,
    #navigation.fixed svg#logotype .st1 {
    fill: var(--PICPUS_grisF) !important;
    }
    #navigation .dropdown-menu.show,
    #navigation .dropdown.show > .dropdown-menu {
    display: none !important;
    }
    #navigation .dropdown-toggle:focus + .dropdown-menu{
    display: none;
    }
    #navigation .dropdown:hover .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    }
    .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;
    }
    #navigation.white:not(:hover) svg#logotype .st1 {
    fill: var(--PICPUS_blanc);
    }
    #navigation.white:not(.fixed):not(:hover) ul.navbar-nav .nav-item .nav-link {
    color: var(--PICPUS_blanc);
    }
    #navigation.white:not(.fixed):not(:hover) ul.navbar-nav .nav-item.active .nav-link {
    color: var(--PICPUS_grisF);
    }
}

@media (max-width: 1400px) {

    body:before {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; 
    }
    body.navopen {
    overflow: hidden;
    }
    .navbar-expand-custom .navbar-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    }
    .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;
    padding: 0;
    overflow-y: auto;
    }
    .navbar-brand {
    padding-left: 40px;
    }
    #navigation .navbar-toggler {
    padding-right: 40px;
    }
    #navigation .navbar-collapse {
    margin-top: 15px;
    max-height: calc(100vh - 15vh);
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    }
    body.navopen #navigation .zonenav {
    padding-bottom: 0 !important;
    }
    #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: 0 40px;
    }
    body.navopen #navigation {
    background: var(--PICPUS_beige);
    }
    body.navopen #navigation svg#logotype .st1 {
    fill: var(--PICPUS_grisF) !important;
    }
    body.navopen #navigation.white .navbar-toggler .icon-bar {
    background-color: var(--PICPUS_grisF) !important;
    }
    body.navopen #navigation .navbar-toggler .navbtn .short {
    background: var(--PICPUS_blanc) !important;
    }
    #navigation ul.navbar-nav .nav-item:last-child {
    display: none;
    }
    #navigation ul.navbar-nav .nav-item.mobile {
    display: block;
    padding-bottom: 10px !important;
    }
    #navigation .navbar-toggler .navbtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 25px;
    gap: 5px;   
    }
    #navigation ul.navbar-nav .nav-item {
    width: 100%;
    text-align: left;
    margin-right: 0 !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    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.active a.nav-link {
    background: var(--PICPUS_blanc) !important;
    padding: 12px;
    margin: 5px 0 !important;
    border-radius: 8px;
    }
    #navigation .dropdown-menu {
    position: initial;
    padding: 0 0 0;
    margin: 0 0 20px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width: 100%;
    max-width: 100%;
    }
    #navigation .dropdown-menu.show {
    display: block;
    }
    #navigation .dropdown-menu .links {
    width: 100%;
    display: block;
    padding: 10px 0;
    }
    #navigation .dropdown-menu.leftonly .links {
    padding: 25px !important;
    background: rgb(239 223 207 / 40%);
    }
    #navigation .dropdown-menu .links .z01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 25px;
    }
    #navigation .dropdown-menu.leftonly .links .z01 .left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    }
    #navigation .dropdown-menu .links .z01 .left,
    #navigation .dropdown-menu .links .z01 .right {
    width: 100%;
    }
    #navigation .dropdown-menu .links .z02 {
    margin-top: 20px;
    }
    #navigation .dropdown-menu.leftonly .links .z01 .left li:not(:last-child) {
    padding-bottom: 20px;
    }
    #navigation .dropdown.show .dropdown-menu .dropdown-item {
    font-size: 14px;
    }

}

@media (max-width: 991px) {
    #navigation.fixed .zonenav {
    padding: 10px 0;
    }
}

@media (max-width: 767px) {

    .navbar-brand {
    padding-left: 30px;
    }
    #navigation .navbar-toggler {
    padding-right: 30px;
    }
    #navigation ul.navbar-nav {
    padding: 0 30px;
    }
    #navigation svg#logotype {
    width: 105px;
    }
    #navigation .navbar-toggler .navbtn {
    margin-right: 10px;
    }
    #navigation .navbar-toggler .navbtn .short {
    height: 40px;
    font-size: 16px;
    }
    #navigation .navbar-toggler .navbtn .short i {
    width: 16px;
    height: 22px;
    line-height: 21px;
    }

}

@media (max-width: 560px) {

    #navigation .dropdown-menu .links .z02 .inside .zoneimg {
    display: none;
    }
    #navigation .dropdown-menu .links .z02 .inside {
    padding: 20px;
    }
    #navigation .dropdown-menu .links .z02 .inside .zonetxt {
    padding-right: 50px;
    }

}

@media (max-width: 420px) {

    #navigation .navbar-toggler .navbtn {
    margin-right: 0;
    gap: 0;
    }
    #navigation .navbar-toggler .navbtn .short {
    height: 40px;
    font-size: 16px;
    }
    #navigation .navbar-toggler .navbtn .short i {
    width: 16px;
    height: 22px;
    line-height: 21px;
    }

}

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

--- X - MODALE - PICPUS

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

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

/* */

#modalCT {
z-index: 2000;
}

#modalCT.fade .modal-dialog {
position: fixed;
margin: auto;
height: 100%;
overflow: scroll;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}

#modalCT.fade .modal-body {
padding: 0;
top: 100px;
display: flex;
gap: 25px;
}

#modalCT.fixednav.fade .modal-body {
top: 80px;
}

#modalCT.fade .modal-dialog {
right: -385px;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
}

#modalCT.fade.show .modal-dialog {
right: 5%;
}

/* Content */

#modalCT .modal-content {
border-radius: 0;
border: none;
background: transparent;
}

#modalCT div[id*="nb_"],
#modalCT a[data-dismiss="modal"] {
background-color: rgb(88 93 105 / 55%);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
margin-bottom: 15px;
border-radius: 20px;
padding: 25px;
font-size: 14px;
line-height: 1.4;
}

#modalCT div[id*="nb_"] {
width: 385px;
max-width: 100%;
}

#modalCT #nb_02 {
padding: 15px;
}

#modalCT #nb_02 .zonetxt {
margin: 15px 0 5px;
padding-right: 55px;
border-left: 1px solid var(--PICPUS_blanc);
padding-left: 20px;
}

/* Close */

#modalCT a[data-dismiss="modal"] {
padding: 0;
padding-left: 2px;
height: 50px;
aspect-ratio: 1;
border-radius: 8px;
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;
color: var(--PICPUS_blanc);
margin: 0;
cursor: pointer;
}

#modalCT a[data-dismiss="modal"] i {
position: relative;
overflow: hidden;
display: inline-block;
width: 17px;
height: 19px;
font-size: 17px;
line-height: 16px;
text-align: center;
margin-right: 0;
top: 2px;
}

#modalCT a[data-dismiss="modal"] i:before {
content: "\e920";
font-family: 'PICPUS';
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 a[data-dismiss="modal"] i:after {
content:"\e920";
font-family:'PICPUS';
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 a[data-dismiss="modal"]:hover i:before {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px);
}

#modalCT a[data-dismiss="modal"]:hover i:after {
-webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
        transform: translateX(25px);
}

/* Form */

#modalCT #nb_02 div.wpcf7 br {
display: none;
}

#modalCT #nb_02 .wpcf7-form-control-wrap input,
#modalCT #nb_02 .wpcf7-form-control-wrap textarea {
margin-bottom: 0 !important;
border-radius: 0;
background: rgb(54 59 71 / 15%);
}

#modalCT #nb_02 .wpcf7-form-control-wrap input:hover,
#modalCT #nb_02 .wpcf7-form-control-wrap textarea:hover,
#modalCT #nb_02 .wpcf7-form-control-wrap input:focus,
#modalCT #nb_02 .wpcf7-form-control-wrap textarea:focus {
background: rgb(54 59 71 / 40%);
}

#modalCT #nb_02 span.wpcf7-form-control-wrap[data-name="your-name"] input {
border-radius: 15px 15px 0 0;
border-bottom: none;
}

#modalCT #nb_02 span.wpcf7-form-control-wrap[data-name="tel-935"] input {
border-radius: 0 0 15px 15px;
}

#modalCT #nb_02 .wpcf7 span.mtn-form span label {
text-align: left;
margin-top: 10px;
font-size: 10px;
line-height: 12px;
}

#modalCT #nb_02 .wpcf7-form-control-wrap input::-webkit-input-placeholder,
#modalCT #nb_02 .wpcf7-form-control-wrap textarea::-webkit-input-placeholder {
color: var(--PICPUS_blanc);
}

#modalCT #nb_02 .wpcf7-form-control-wrap input::-moz-placeholder,
#modalCT #nb_02 .wpcf7-form-control-wrap textarea::-moz-placeholder { /* Firefox 19+ */
color: var(--PICPUS_blanc);
}

#modalCT #nb_02 .wpcf7-form-control-wrap input:-ms-input-placeholder,
#modalCT #nb_02 .wpcf7-form-control-wrap textarea:-ms-input-placeholder { /* IE 10+ */
color: var(--PICPUS_blanc);
}

#modalCT #nb_02 .wpcf7-form-control-wrap input:-moz-placeholder,
#modalCT #nb_02 .wpcf7-form-control-wrap textarea:-moz-placeholder { /* Firefox 18- */
color: var(--PICPUS_blanc);
}

#modalCT #nb_02 div.wpcf7 .submitzone {
text-align: left;
margin-top: 5px;
}

#modalCT #nb_02 div.wpcf7 .wpcf7-submit {
font-size: 16px;
padding: 13px 25px;
}

#modalCT #nb_02 div.wpcf7-validation-errors,
#modalCT #nb_02 .wpcf7 form.invalid .wpcf7-response-output,
#modalCT #nb_02 .wpcf7 form.unaccepted .wpcf7-response-output,
#modalCT #nb_02 div.wpcf7-mail-sent-ok,
#modalCT #nb_02 .wpcf7 form.sent .wpcf7-response-output {
background: transparent !important;
color: var(--PICPUS_turquoise) !important;
text-align: left;
padding: 0;
font-size: 13px;
line-height: 1.3;
}

/* Responsive */

@media (max-width: 1400px) {
    #modalCT.fade.show .modal-dialog {
    right: 40px;
    }
}

@media (max-width: 500px) {
    #modalCT.fade .modal-dialog {
    width: 100%;
    padding: 0 30px;
    }
    #modalCT.fade.show .modal-dialog {
    right: 0;
    }
    #modalCT.fade .modal-body {
    flex-direction: column;
    }
    #modalCT a[data-dismiss="modal"] {
    flex: none;
    width: 50px;
    }
    #modalCT div[id*="nb_"] {
    width: 100%;
    max-width: 100%;
    }
    #modalCT #nb_02 {
    margin-bottom: 50px;
    }
}

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

--- X - ANIMATION FORMES - PICPUS

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

:root{
--path-rect-1: path("M98.3746 8.52869C100.163 3.81842 105.43 1.44929 110.141 3.23708L183.972 31.2597C189.206 33.2461 191.838 39.0991 189.852 44.3328L95.076 294.01C93.288 298.72 88.0201 301.089 83.3097 299.302L8.53059 270.919C3.82027 269.132 1.45124 263.864 3.23922 259.154L98.3746 8.52869Z");
--path-semi-1: path("M403.521 144.286C414.497 217.963 363.82 286.7 290.119 297.95C216.418 309.199 147.545 258.709 136.046 185.111L403.521 144.286Z");
--trans-circle-1: translate(169.94px, 48.7246px);

--path-rect-2: path("M138.425 10.0497C140.796 5.60397 146.321 3.92151 150.767 6.2918L220.452 43.4449C225.391 46.0785 227.261 52.2179 224.627 57.1576L98.9739 292.813C96.6034 297.258 91.0777 298.941 86.632 296.57L16.053 258.941C11.6072 256.57 9.92485 251.045 12.2954 246.599L138.425 10.0497Z");
--trans-circle-2: translate(206.788px, 43.502px);
--path-semi-2: path("M431.25 147.039C438.931 221.133 385.241 287.543 311.113 295.497C236.984 303.45 170.43 249.941 162.221 175.904L431.25 147.039Z");
}

.AnimFormes {
overflow: visible;
-webkit-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
        transform: rotate(-13deg);
pointer-events: none !important;
}

.AnimFormes .circle {
fill: var(--PICPUS_rose);
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.34, 3.2, 0.4, 1);
transition: -webkit-transform 0.7s cubic-bezier(0.34, 3.2, 0.4, 1);
-o-transition: transform 0.7s cubic-bezier(0.34, 3.2, 0.4, 1);
transition: transform 0.7s cubic-bezier(0.34, 3.2, 0.4, 1);
transition: transform 0.7s cubic-bezier(0.34, 3.2, 0.4, 1), -webkit-transform 0.7s cubic-bezier(0.34, 3.2, 0.4, 1);
will-change: transform;
}

.AnimFormes .rect { fill: var(--PICPUS_rouge); }

.AnimFormes .half-circle {
transform-box: fill-box;
-webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
        transform-origin: center bottom;
fill: var(--PICPUS_beige);
}

.AnimFormes .circle-elt {
transform-box: fill-box;
-webkit-transform-origin: center;
    -ms-transform-origin: center;
        transform-origin: center;
will-change: transform;
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.34, 3.2, 0.4, 1);
transition: -webkit-transform 0.7s cubic-bezier(0.34, 3.2, 0.4, 1);
-o-transition: transform 0.7s cubic-bezier(0.34, 3.2, 0.4, 1);
transition: transform 0.7s cubic-bezier(0.34, 3.2, 0.4, 1);
transition: transform 0.7s cubic-bezier(0.34, 3.2, 0.4, 1), -webkit-transform 0.7s cubic-bezier(0.34, 3.2, 0.4, 1);
}

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

--- X - BUILDER - PICPUS

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

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

body.empty main#builder {
height: 900px;
}

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

main#builder section {
margin-top: var(--space);
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 .nospace {
margin-top: 0;
}

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

main#builder > section:last-of-type.withback {
padding-bottom: 0 !important;
}

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

main#builder section table {
border-radius: 12px;
overflow: hidden;
}

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

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

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

.bloc_NOSPACE {
padding: 0 !important;
margin: 0 !important;
margin-bottom: calc(var(--space) * -1) !important;
}

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

.zoneHR {

}

.zoneHR hr {
border-color: var(--PICPUS_gris);
display: block;
margin: 0;
}

/* ===== 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: 25px 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;
border-radius: 20px;
overflow: hidden;
}

/* Responsive */

@media (max-width: 767px) {
    .bloc_COL-IMG #intro .text-right {
    text-align: left !important;
    margin-top: 25px;
    }
}

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

.bloc_IMAGE100 {
margin-top: var(--spacemid) !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 {
border-radius: 17px;
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: 5;
bottom: 20px;
right: 20px;
}

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

.bloc_VIDEO100 {
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%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

/* 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: 3px;
}

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

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

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

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

.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(--PICPUS_blanc) !important;
line-height: 1.2;
}

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

/* Responsive */

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

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

.bloc_ACCORDION {

}

.bloc_ACCORDION .title h1 {
margin-bottom: 35px;
}

.bloc_ACCORDION .end {
margin-top: var(--spacemid);
}

/* Collapse */

.bloc_ACCORDION div[id^="accordion"],
.bloc_FAQ div[id^="accordion_FAQ"] {
margin-top: var(--spacemid);
}

.bloc_ACCORDION div[id^="accordion"] .item:not(:last-child),
.bloc_FAQ .item:not(:last-child) {
margin-bottom: 20px;
}

.bloc_ACCORDION div[id^="accordion"] .item:first-child button,
.bloc_FAQ .item:first-child button {
padding-top: 0;
}

.bloc_ACCORDION div[id^="accordion"] .item button,
.bloc_FAQ .item button {
width: 85%;
border: none;
margin: 0 auto;
padding: 15px 25px;
position: relative;
border-bottom: 1px solid var(--PICPUS_gris);
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;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.bloc_FAQ .item button {
width: 100%;
}

.bloc_ACCORDION div[id^="accordion"] .item.is-open button {
width: 100%;
padding-left: 0;
padding-right: 0;
}

.bloc_ACCORDION div[id^="accordion"] .item button:hover,
.bloc_FAQ .item button:hover {
cursor: pointer;
}

.bloc_ACCORDION div[id^="accordion"] .item button i,
.bloc_FAQ .item button i {
display: inline-block;
width: 35px;
height: 35px;
font-size: 10px;
line-height: 35px;
text-align: center;
background: var(--PICPUS_grisC2);
color: var(--PICPUS_noir);
border-radius: 6px;
}

.bloc_ACCORDION div[id^="accordion"] .item.is-open button i:before,
.bloc_FAQ .item button[aria-expanded="true"] i:before {
content: "\e917";
}

.bloc_ACCORDION div[id^="accordion"] .item button h4,
.bloc_FAQ .item button h4 {
margin: 0;
text-align: left;
width: 100%;
padding: 10px 25px;
border-radius: 8px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.bloc_ACCORDION div[id^="accordion"] .item button h4,
.bloc_FAQ .item button h4,
.bloc_FAQ .item .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;
}

.bloc_ACCORDION div[id^="accordion"] .item button:hover h4,
.bloc_ACCORDION div[id^="accordion"] .item.is-open h4,
.bloc_FAQ .item button:hover h4,
.bloc_FAQ .item button[aria-expanded="true"] h4 {
background: var(--PICPUS_grisC2);
padding: 25px;
padding-left: 40px;
}

.bloc_ACCORDION .fondfonce #accordion .item button:hover h4,
.bloc_ACCORDION .fondfonce #accordion .item.is-open h4,
.bloc_FAQ .fondfonce button:hover h4,
.bloc_FAQ .fondfonce button[aria-expanded="true"] h4 {
color: var(--PICPUS_grisF);
}

/* Animation */

.bloc_ACCORDION div[id^="accordion"] .item .acc-panel {
max-height: 0;
overflow: hidden;
opacity: 0;
-webkit-transition: max-height .45s ease, opacity .25s ease;
-o-transition: max-height .45s ease, opacity .25s ease;
transition: max-height .45s ease, opacity .25s ease;
}

.bloc_ACCORDION div[id^="accordion"] .item.is-open .acc-panel {
opacity: 1;
}

.bloc_ACCORDION div[id^="accordion"] .item .acc-panel .zonetxt {
opacity: 0;
-webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
        transform: translateY(-20px);
-webkit-transition: opacity 1s ease .2s, -webkit-transform 1s ease .2s;
transition: opacity 1s ease .2s, -webkit-transform 1s ease .2s;
-o-transition: opacity 1s ease .2s, transform 1s ease .2s;
transition: opacity 1s ease .2s, transform 1s ease .2s;
transition: opacity 1s ease .2s, transform 1s ease .2s, -webkit-transform 1s ease .2s;
will-change: opacity, transform;
}

.bloc_ACCORDION div[id^="accordion"] .item.is-open .acc-panel .zonetxt {
opacity: 1;
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
}

/* Inside */

.bloc_ACCORDION div[id^="accordion"] .acc-panel .row {
padding: 40px 0;
}

.bloc_ACCORDION div[id^="accordion"] .acc-panel .zoneimg {
width: 100%;
height: 550px;
border-radius: 20px;
overflow: hidden;
}

.bloc_ACCORDION div[id^="accordion"] .acc-panel .zoneimg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}

/* Responsive */

@media (max-width: 991px) {
    .bloc_ACCORDION div[id^="accordion"] .item button h4,
    .bloc_FAQ .item button h4 {
    padding-left: 0;
    padding-right: 0;
    }
    .bloc_ACCORDION div[id^="accordion"] .item button:hover h4,
    .bloc_ACCORDION div[id^="accordion"] .item.is-open button h4,
    .bloc_FAQ .item button:hover h4,
    .bloc_FAQ .item button[aria-expanded="true"] h4 {
    background: var(--PICPUS_grisC2) !important;
    padding: 15px !important;
    }

}

@media (max-width: 767px) {
    .bloc_ACCORDION div[id^="accordion"] .acc-panel .zoneimg {
    height: auto;
    max-height: 350px;
    margin-bottom: 40px;
    }

    .bloc_ACCORDION div[id^="accordion"] .item button,
    .bloc_FAQ .item button,
    .bloc_ACCORDION div[id^="accordion"] .item button:hover h4,
    .bloc_FAQ .item button:hover h4 {
    padding: 0;
    padding-bottom: 15px;
    background: transparent;
    }

}

/* ===== BLOC FAQ ===== */

.bloc_FAQ div[id^="accordion_FAQ"] div[id^="accordion_FAQ"] {
margin: 0;
}

.bloc_FAQ .card-body.zonetxt {
background: transparent;
padding: 25px 45px;
}

.bloc_FAQ .item button:hover h4 {
padding-left: 25px;
}

.bloc_FAQ .fondfonce button[aria-expanded="true"] {
padding: 15px 0;
}

.bloc_FAQ .end {
margin-top: var(--spacemid);
}

.bloc_FAQ .end *:last-child {
margin-bottom: 0;
}

/* Responsive */

@media (max-width: 767px) {
    .bloc_FAQ .card-body.zonetxt {
    padding: 25px 0;
    }
}

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

.bloc_DIAPOTXT {
overflow: visible !important;
}

.bloc_DIAPOTXT #coldroite {
-webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
        transform: rotate(5deg);
}

.bloc_DIAPOTXT #coldroite img {
width: 100%;
height: 600px;
-o-object-fit: cover;
object-fit: cover;
}

.bloc_DIAPOTXT .swiper.diapotxt,
.bloc_DIAPOTXT #coldroite img {
border-radius: 17px;
}

.bloc_DIAPOTXT .swiper-pagination {
position: relative;
-webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
margin-top: 40px;
margin-left: 35px;
bottom: 0;
left: initial;
right: initial;
width: auto;
}

.bloc_DIAPOTXT .swiper-pagination-bullet {
width: 20px;
height: 2.5px;
border-radius: 8px;
opacity: 1;
background: var(--PICPUS_gris);
-webkit-transition: width 1s;
-o-transition: width 1s;
transition: width 1s;
}

.bloc_DIAPOTXT .swiper-pagination-bullet-active {
background: var(--PICPUS_noir);
width: 40px;
}

.bloc_DIAPOTXT .zonetxt {
padding-left: 50px;
}

/* Responsive */

@media (max-width: 991px) {
    .bloc_DIAPOTXT #coldroite img {
    margin-top: 30px;
    height: 450px;
    }
    .bloc_DIAPOTXT .zonetxt {
    padding-left: 0;
    margin-top: var(--spacemid);
    }
}

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

.bloc_IMGTXT100 {

}

.bloc_IMGTXT100 div > .row:not(:last-child) {
margin-bottom: 80px;
}

.bloc_IMGTXT100 .zonetxt {
padding: 0 5%;
min-height: 600px;
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_IMGTXT100 div:not(.zonetxt) img {
width: 100%;
height: 100%;
border-radius: 20px;
overflow: hidden;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

/* Responsive */

@media (max-width: 991px) {
    .bloc_IMGTXT100 .zonetxt {
    padding: 50px 0;
    min-height: auto;
    }
    .bloc_IMGTXT100 div > .row:not(:last-child) {
    margin-bottom: 0;
    }
}

/* ===== 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(--PICPUS_prune);
border-radius: 15px;
padding: 110px 5%;
padding-bottom: 80px;
overflow: hidden;
}

.bloc_DDL svg#pattern {
position: absolute;
pointer-events: none;
height: 100%;
left: 0;
bottom: 0;
margin-left: -150px;
opacity: .06;
}

.bloc_DDL svg#pattern .st0 {
fill: url(#gradient);
isolation: isolate;
}

/* Intro */

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

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

/* Inside */

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

.bloc_DDL div[class^='col']:last-child a {
margin-bottom: 0 !important;
}

.bloc_DDL .metadonnes {
width: 100%;
background: transparent;
border: 1px solid var(--PICPUS_blanc);
border-radius: 12px;
padding: 22px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.bloc_DDL .metadonnes:hover {
background: var(--PICPUS_blanc)
}

.bloc_DDL .metadonnes h4 {
position: relative;
text-decoration: none;
color: var(--PICPUS_blanc);
font-weight: 400;
margin: 0;
margin-left: 15px;
padding-left: 15px;
}

.bloc_DDL .metadonnes h4:before {
content: '';
width: 1.5px;
height: 100%;
margin: 0;
background: var(--PICPUS_blanc);
position: absolute;
left: 0;
}

.bloc_DDL .metadonnes:hover h4:before {
background: var(--PICPUS_prune);
}

.bloc_DDL .metadonnes i {
color: var(--PICPUS_blanc);
font-size: 15px;
position: relative;
}

.bloc_DDL .metadonnes:hover * {
color: var(--PICPUS_prune);
}

/* Responsive */

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

@media (max-width: 767px) {
    .bloc_DDL {
    padding-left: 15px;
    padding-right: 15px;
    }
    .bloc_DDL #block {
    padding: 40px 20px 30px;
    }
    .bloc_DDL #intro {
    margin-bottom: 35px;
    }
    .bloc_DDL a {
    margin-bottom: 15px !important;
    }
    .bloc_DDL .metadonnes {
    padding: 15px 20px;
    }
}

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

.bloc_FORMULAIRE {

}

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

.bloc_FORMULAIRE .inside {
background: var(--PICPUS_bleuC);
border-radius: 25px;
padding: 25px 35px;
padding-top: 15px;
}

/* Responsive */

@media (max-width: 991px) {
    .bloc_FORMULAIRE .inside {
    margin-top: 35px;
    padding: 25px;
    }
}

/* ===== ADHESION ===== */

.bloc_ADHESION {

}

.bloc_ADHESION .inside {
background: var(--PICPUS_bleuC);
margin-top: 40px;
border-radius: 25px;
padding: 25px 35px;
padding-top: 15px;
}

#cf7-adhesion .cf7-step {
display: none;
}

#cf7-adhesion .cf7-step.is-active {
display: block;
}

#cf7-adhesion .list-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
gap: 10px;
}

#cf7-adhesion .items {
margin-bottom: 25px !important;
padding: 15px;
}

#cf7-adhesion .cf7-step[data-step="1"] .items {
margin: 15px 0 15px !important;
}

#cf7-adhesion span.mtn-form span label {
text-align: left;
}

#cf7-adhesion .wpcf7-spinner {
display: none !important;
}

/* Error */

#cf7-adhesion .cf7-inline-error,
#cf7-adhesion span.wpcf7-not-valid-tip {
margin-top: 5px;
color: var(--PICPUS_rouge);
font-weight: 800;
font-size: 12px;
text-align: center;
}

#cf7-adhesion .cf7-inline-error[data-error-for="siret"],
#cf7-adhesion .cf7-inline-error[data-error-for="date_debut_activite"],
#cf7-adhesion .cf7-step[data-step="3"] span.wpcf7-not-valid-tip {
text-align: left;
margin: -10px 0 20px !important;
}

#cf7-adhesion .cf7-inline-error.is-visible,
#cf7-adhesion span.wpcf7-not-valid-tip {
display: block;
}

#cf7-adhesion span.wpcf7-form-control-wrap[data-name="checkbox-990"] span.wpcf7-not-valid-tip {
margin-top: 3px !important;
}

#cf7-adhesion .cf7-field-group.cf7-error-group {
border: transparent;
border-radius: 0;
}

/* Boutons */

#cf7-adhesion .submit-wrapper {
margin-top: 20px;
}

#cf7-adhesion .submit-wrapper,
#cf7-adhesion .submit-wrapper p {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
gap: 12px;
}

#cf7-adhesion .cf7-step[data-step="1"] .submit-wrapper,
#cf7-adhesion .cf7-step[data-step="1"] .submit-wrapper p {
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}

#cf7-adhesion button.cf7-prev,
#cf7-adhesion button.cf7-prev-dynamic {
background: var(--PICPUS_grisC) !important;
color: var(--PICPUS_noir) !important;
}

#cf7-adhesion button.cf7-prev:hover,
#cf7-adhesion button.cf7-prev-dynamic:hover {
background: var(--PICPUS_grisC2) !important;
border-color: var(--PICPUS_grisC2) !important;
}

/* Responsive */

@media (max-width: 991px) {
    .bloc_ADHESION .inside {
    padding: 25px;
    }
}

@media (max-width: 767px) {
    #cf7-adhesion .submit-wrapper,
    #cf7-adhesion .submit-wrapper p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
    }
    #cf7-adhesion .submit-wrapper br {
    display: none;
    }
    #cf7-adhesion button.cf7-prev,
    #cf7-adhesion button.cf7-prev-dynamic {
    font-size: 14px;
    padding: 7px;
    }
    #cf7-adhesion div.wpcf7-validation-errors,
    #cf7-adhesion form.invalid .wpcf7-response-output,
    #cf7-adhesion form.unaccepted .wpcf7-response-output,
    #cf7-adhesion div.wpcf7-mail-sent-ok,
    #cf7-adhesion  form.sent .wpcf7-response-output {
    margin: 25px 0 0 !important;    
    }
}

/* ===== BLOC HEADER ===== */

.bloc_HEADER {
margin: 0 !important;
padding-top: var(--space);
position: relative;
background: var(--PICPUS_beige);
width: 100%;
height: 760px;
}

.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: 60px; /* Adjust */
}

/* 01 */

.bloc_HEADER #nb_01 {

}

.bloc_HEADER #nb_01 .zonetxt h1,
.bloc_HEADERSMALL #nb_01 .zonetxt h1 {
font-size: 50px;
}

.bloc_HEADER ul {
margin: 30px 0;
list-style-type: none;
padding: 0;
}

.bloc_HEADER ul li {
position: relative;
padding-left: 35px;
}

.bloc_HEADER ul li:before {
content: "\e92b";
font-family: 'PICPUS';
position: absolute;
left: 0;
color: var(--PICPUS_violet);
}

/* Img */

.bloc_HEADER .zoneimg {
width: 100%;
height: 500px;
border-radius: 20px;
-webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
        transform: rotate(5deg);
overflow: hidden;
position: relative;
}

.bloc_HEADER .zoneimg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
will-change: transform;
}

.bloc_HEADER .zoneimg .AnimFormes {
position: absolute;
bottom: -75px;
right: -65px;
width: 450px;
}

/* Responsive */

@media (max-width: 991px) {
    .bloc_HEADER {
    padding-top: calc(var(--space) * 1.6);
    height: auto;
    }
    .bloc_HEADER .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    }
    .bloc_HEADER .zoneimg {
    margin-bottom: 80px !important;
    height: 400px;
    }
    .bloc_HEADER .zoneimg .AnimFormes {
    position: absolute;
    bottom: -15%;
    right: -10%;
    width: 80%;
    max-width: 450px;
    }
    .bloc_HEADER #nb_01 .zonetxt h1,
    .bloc_HEADERSMALL #nb_01 .zonetxt h1 {
    font-size: 35px;
    }
}

@media (max-width: 767px) {
    .bloc_HEADER .zoneimg {
    margin-bottom: 60px !important;
    height: 300px;
    }
}

/* ===== BLOC HEADER SMALL ===== */

.bloc_HEADERSMALL {
margin: 0 !important;
padding-top: calc( var(--space) * 1.8);
padding-bottom: var(--spacemid);
position: relative;
width: 100%;
}

.bloc_HEADERSMALL p {
max-width: 750px;
}

/* Responsive */

@media (max-width: 991px) {
    .bloc_HEADERSMALL {
    padding-top: calc( var(--space) * 1.6);
    }
}

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

.bloc_LOGOS {
margin-top: var(--spacemid) !important;
}

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

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

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

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

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

.bloc_TIMELINE.withback {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

.bloc_TIMELINE .intro {
padding-top: var(--spacemid);
padding-bottom: var(--spacemid);
}

.bloc_TIMELINE svg#pattern {
position: absolute;
pointer-events: none;
height: 100%;
right: 0;
opacity: .15;
-webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
        transform: scaleX(-1);
}

.bloc_TIMELINE svg#pattern .st0 {
fill: url(#gradient);
isolation: isolate;
}

/* Diapo */

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

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

.bloc_TIMELINE .inside .swiper-slide {
width: 600px !important;
height: auto !important;
}

.bloc_TIMELINE .inside .zonetxt {
border-left: 1px solid transparent;
padding-left: 0;
width: 400px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.bloc_TIMELINE .inside .swiper-slide-active .zonetxt {
border-left: 1px solid var(--PICPUS_blanc);
padding-left: 30px;
}

.bloc_TIMELINE .inside .zonetxt *:not(h1, h1 mark) {
opacity: 0;
}

.bloc_TIMELINE .inside .swiper-slide-active .zonetxt *:not(h1, h1 mark) {
opacity: 1;
}

.bloc_TIMELINE .inside .zonetxt h1 {
cursor: pointer;
-webkit-filter: blur(2px);
        filter: blur(2px);
}

.bloc_TIMELINE .inside .swiper-slide-active .zonetxt h1 {
font-size: 55px;
cursor: initial;
-webkit-filter: blur(0);
        filter: blur(0);
}

.bloc_TIMELINE .inside .bullet {
position: relative;
margin-bottom: var(--spacemid);
}

.bloc_TIMELINE .inside .bullet:before {
content: '';
width: 100%;
height: 1px;
background-color: var(--PICPUS_grisC);
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(--PICPUS_turquoise);
-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 .bullet:before {
display: none;
}

.bloc_TIMELINE .controls {
padding-top: var(--spacemid);
padding-bottom: var(--spacemid);
position: relative;
z-index: 5;
}

/* Responsive */

@media (max-width: 767px) {
  .bloc_TIMELINE .inside .swiper-slide {
  width: 100% !important;
  }
  .bloc_TIMELINE .inside .zonetxt {
  width: 90%;
  }
}

/* ===== 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 TITRE + BTN ===== */

.bloc_TITREBTN {

}

/* Responsive */

@media (max-width: 991px) {
    .bloc_TITREBTN .col-lg-auto {
    margin-top: 40px;
    }
}

/* ===== HEADER BIG ===== */

.headerBIG {
margin: 0 !important;
padding: 10px !important;
position: relative;
}

.headerBIG .entrance,
.headerBIG .inside {
border-radius: 20px;
overflow: hidden;
}

.headerBIG .inside {
position: relative;
height: 900px;
}

.headerBIG .inside .zoneimg,
.headerBIG .inside .zoneimg img {
position: relative;
width: 100%;
height: 100%;
}

.headerBIG .inside .zoneimg img {
position: absolute;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

.headerBIG .inside .zonetxt {
position: absolute;
bottom: 150px;
width: 450px;
margin-left: -10px;
background: var(--PICPUS_vert);
padding: 60px;
border-radius: 28px;
border-bottom-right-radius: 5px;
}

.headerBIG .swiper-pagination {
left: 5%;
text-align: initial;
bottom: 50px;
}

.headerBIG .swiper-pagination-bullet {
width: 20px;
height: 3px;
border-radius: 8px;
opacity: 1;
background: var(--PICPUS_blanc);
-webkit-transition: width 1s;
-o-transition: width 1s;
transition: width 1s;
}

.headerBIG .swiper-pagination-bullet-active {
background: var(--PICPUS_turquoise);
width: 60px;
}

/* Responsive */

@media (max-width: 700px) {
    .headerBIG .inside {
    height: auto;
    }
    .headerBIG .inside .container-fluid {
    padding: 0;
    }
    .headerBIG .inside .zoneimg {
    height: 350px;
    }
    .headerBIG .inside .zonetxt {
    position: relative;
    top: 0;
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 45px
    }
    .headerBIG .inside .container {
    max-width: 100%;
    padding: 0;
    }
    .headerBIG .swiper-pagination {
    left: 52px;
    bottom: initial;
    top: 310px;
    }
}

/* ===== DIAPO SWITCH ===== */

.diapoSWITCH {

}

.diapoSWITCH #entrance {
text-align: center;
}

.diapoSWITCH #entrance .zonetxt * {
color: var(--PICPUS_grisF);
}

/* Switch */

.diapoSWITCH .tabs-container,
.zoneSWITCH .tabs-container {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: var(--spacemid);
background :var(--PICPUS_grisC);
padding: 4px;
border-radius: 100px;
position: relative;
border: 1px solid rgb(0 0 0 / 5%);
}

.diapoSWITCH .tab-btn,
.zoneSWITCH .tab-btn {
padding: 10px 15px;
border-radius: 100px;
border: none;
background: transparent;
font-size: 14px;
color: var(--PICPUS_grisF);
cursor: pointer;
position: relative;
z-index: 2;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
outline: none;
}

.diapoSWITCH .tab-indicator,
.zoneSWITCH .tab-indicator {
position: absolute;
top: 4px;
left: 4px;
height: calc(100% - 8px);
background: var(--PICPUS_turquoise);
border-radius: 100px;
z-index: 1;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
}

/* Swiper */

.diapoSWITCH .slider-section,
.zoneSWITCH .slider-section {
width: 100%;
display: none;
}

.diapoSWITCH .slider-section.active,
.zoneSWITCH .slider-section.active {
display: block;
}

.diapoSWITCH .swiper-wrapper {
margin: 40px 0 60px;
}

/* Inside */

.diapoSWITCH .accordion-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 550px;
gap: 15px;
}

.diapoSWITCH .card {
position: relative;
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
border-radius: 25px;
overflow: hidden;
cursor: pointer;
-webkit-transition: -webkit-box-flex 0.6s cubic-bezier(0.25, 1, 0.5, 1);
transition: -webkit-box-flex 0.6s cubic-bezier(0.25, 1, 0.5, 1);
-o-transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1);
transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1);
transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-box-flex 0.6s cubic-bezier(0.25, 1, 0.5, 1), -ms-flex 0.6s cubic-bezier(0.25, 1, 0.5, 1);
background-size: cover;
background-position: center;
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: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
padding: 30px;
color: var(--PICPUS_blanc);
border: none;
text-decoration: none;
}

.diapoSWITCH .card.active {
-webkit-box-flex: 3.5;
    -ms-flex: 3.5;
        flex: 3.5;
}

/* Empty */

.diapoSWITCH .card.dummy {
background: none !important;
cursor: initial !important;
pointer-events: none;
}

.diapoSWITCH .card.dummy:after {
display: none;
}

/* Card */

.diapoSWITCH .card::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60%;
background: -o-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 40%, transparent 100%);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.6)), color-stop(40%, rgba(0,0,0,0.4)), to(transparent));
background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 40%, transparent 100%);
pointer-events: none;
z-index: 1;
}

.diapoSWITCH .card .zonetxt {
position: relative;
z-index: 2;
width: 100%;
overflow: hidden; 
}

.diapoSWITCH .card .zonetxt * {
color: var(--PICPUS_blanc);
}

.diapoSWITCH .card .zonetxt h3 {
margin-bottom: 0px;
}

.diapoSWITCH .card .zonetxt p {
margin-top: 5px;
line-height: 1.4;
opacity: 0;
max-height: 0;
-webkit-transition: none;
-o-transition: none;
transition: none;
}

.diapoSWITCH .card.active .zonetxt p {
opacity: 1;
max-height: 100px;
-webkit-transition: opacity 0.3s ease 0.5s, max-height 0.3s ease 0.5s, margin-top 0.3s ease 0.5s;
-o-transition: opacity 0.3s ease 0.5s, max-height 0.3s ease 0.5s, margin-top 0.3s ease 0.5s;
transition: opacity 0.3s ease 0.5s, max-height 0.3s ease 0.5s, margin-top 0.3s ease 0.5s;
}

/* Responsive */

@media (max-width: 767px) {
    .diapoSWITCH .accordion-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 950px;
    }
    .diapoSWITCH .card.active,
    .diapoSWITCH .card {
    -webkit-box-flex: 3.5;
    -ms-flex: 3.5;
    flex: 3.5;
    }
    .diapoSWITCH .card .zonetxt p {
    opacity: 1;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    }
}

/* ===== ZONE SWITCH ===== */

.zoneSWITCH {
position: relative;
background: var(--PICPUS_bleuF);
}

.zoneSWITCH .slider-section {
margin-bottom: -15px;
}

.zoneSWITCH.avec {
background: var(--PICPUS_beige);
}

.zoneSWITCH #entrance {
text-align: center;
margin-bottom: 50px !important;
}

.zoneSWITCH .tabs-container {
background: rgb(255 255 255 / 5%);
margin-top: 0;
}

.zoneSWITCH.avec .tabs-container {
background: rgb(0 0 0 / 3%);
}

.zoneSWITCH.sans .tab-btn:not(.active) {
color: var(--PICPUS_blanc); 
}

/* Content */

.zoneSWITCH .slider-section .row div[class*="col-"] {
margin: 15px 0;
}

.zoneSWITCH .slider-section .inside {
min-height: 340px;
border-radius: 28px;
border: 1.5px solid transparent;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.zoneSWITCH .slider-section .row div[class*="col-"]:nth-child(1) .inside {
border-bottom-right-radius: 3px; 
}

.zoneSWITCH .slider-section .row div[class*="col-"]:nth-child(3) .inside,
.zoneSWITCH .slider-section .row div[class*="col-"]:nth-child(5) .inside {
border-top-left-radius: 3px;
}

.zoneSWITCH .slider-section .zonetxt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: end;
padding: 35px;
}

.zoneSWITCH .slider-section .inside img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}

/* Image Effect */

.zoneSWITCH .slider-section .row div[class*="col-"]:nth-child(2) .inside,
.zoneSWITCH .slider-section .row div[class*="col-"]:nth-child(4) .inside,
.zoneSWITCH .slider-section .row div[class*="col-"]:nth-child(6) .inside,
.zoneSWITCH .slider-section .inside h1,
.zoneSWITCH .slider-section .inside h2,
.zoneSWITCH .slider-section .inside h3,
.zoneSWITCH .slider-section .inside h4 {
-webkit-transition: -webkit-transform .5s ease, -webkit-filter .5s ease;
transition: -webkit-transform .5s ease, -webkit-filter .5s ease;
-o-transition: transform .5s ease, filter .5s ease;
transition: transform .5s ease, filter .5s ease;
transition: transform .5s ease, filter .5s ease, -webkit-transform .5s ease, -webkit-filter .5s ease;
}

.zoneSWITCH .slider-section .row div[class*="col-"]:nth-child(2) .inside,
.zoneSWITCH .slider-section .row div[class*="col-"]:nth-child(4) .inside,
.zoneSWITCH .slider-section .row div[class*="col-"]:nth-child(6) .inside,
.zoneSWITCH #avec.slider-section.active.is-pre .row div[class*="col-"]:nth-child(2) .inside,
.zoneSWITCH #avec.slider-section.active.is-pre .row div[class*="col-"]:nth-child(4) .inside,
.zoneSWITCH #avec.slider-section.active.is-pre .row div[class*="col-"]:nth-child(6) .inside {
-webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
        transform: scale(0.6);
-webkit-filter: blur(3px) grayscale(1);
        filter: blur(3px) grayscale(1);
opacity: .5;
}

.zoneSWITCH .slider-section .inside h1,
.zoneSWITCH .slider-section .inside h2,
.zoneSWITCH .slider-section .inside h3,
.zoneSWITCH .slider-section .inside h4,
.zoneSWITCH #avec.slider-section.active.is-pre .inside h1,
.zoneSWITCH #avec.slider-section.active.is-pre .inside h2,
.zoneSWITCH #avec.slider-section.active.is-pre .inside h3,
.zoneSWITCH #avec.slider-section.active.is-pre .inside h4 {
-webkit-filter: blur(1px);
        filter: blur(1px);
}

.zoneSWITCH .slider-section .row div[class*="col-"]:nth-child(4) .inside {
-webkit-transform-origin: 80% 0;
    -ms-transform-origin: 80% 0;
        transform-origin: 80% 0;
}
.zoneSWITCH .slider-section .row div[class*="col-"]:nth-child(6) .inside {
-webkit-transform-origin: 25% 40%;
    -ms-transform-origin: 25% 40%;
        transform-origin: 25% 40%;
}

.zoneSWITCH #avec.slider-section.active:not(.is-pre) .row div[class*="col-"]:nth-child(2) .inside,
.zoneSWITCH #avec.slider-section.active:not(.is-pre) .row div[class*="col-"]:nth-child(4) .inside,
.zoneSWITCH #avec.slider-section.active:not(.is-pre) .row div[class*="col-"]:nth-child(6) .inside,
.zoneSWITCH #sans.slider-section.active.is-pre .row div[class*="col-"]:nth-child(2) .inside,
.zoneSWITCH #sans.slider-section.active.is-pre .row div[class*="col-"]:nth-child(4) .inside,
.zoneSWITCH #sans.slider-section.active.is-pre .row div[class*="col-"]:nth-child(6) .inside {
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
-webkit-filter: blur(0) grayscale(0);
        filter: blur(0) grayscale(0);
opacity: 1;
}

.zoneSWITCH #avec.slider-section.active:not(.is-pre) .inside h1,
.zoneSWITCH #avec.slider-section.active:not(.is-pre) .inside h2,
.zoneSWITCH #avec.slider-section.active:not(.is-pre) h3,
.zoneSWITCH #avec.slider-section.active:not(.is-pre) h4,
.zoneSWITCH #sans.slider-section.active.is-pre .inside h1,
.zoneSWITCH #sans.slider-section.active.is-pre .inside h2,
.zoneSWITCH #sans.slider-section.active.is-pre .inside h3,
.zoneSWITCH #sans.slider-section.active.is-pre .inside h4 {
-webkit-filter: blur(0);
        filter: blur(0);
}

/* Responsive */

@media (max-width: 767px) {
    .zoneSWITCH .slider-section .inside {
    min-height: auto;
    }
    .zoneSWITCH .slider-section .row div[class*="col-"]:nth-child(2),
    .zoneSWITCH .slider-section .row div[class*="col-"]:nth-child(4),
    .zoneSWITCH .slider-section .row div[class*="col-"]:nth-child(6) {
    display: none;
    }
}

/* ===== ZONE ENCART ===== */

.zoneENCART {

}

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

.zoneENCART .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;
border-radius: 25px;
overflow: hidden;
}

/* Ztxt */

.zoneENCART .inside .zonetxt {
padding: 80px;
position: relative;
z-index: 1;
}

.zoneENCART .inside .zonetxt h1,
.zoneENCART .inside .zonetxt h2,
.zoneENCART .inside .zonetxt h3,
.zoneENCART .inside .zonetxt h4 {
margin-bottom: 30px;
}

.zoneENCART .inside .zonetxt h5 {
margin-top: 10px;
}

/* Images */

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

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

/* Full */

.zoneENCART .swiper.cards {
border-radius: 25px;
overflow: hidden;
}

.zoneENCART .inside.full .zoneimg {
position: relative;
width: 490px;
max-width: 100%;
height: 100%;
-webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
padding: 15px;
}

.zoneENCART .inside.full .zoneimg img {
border-radius: 15px;
min-height: 400px;
}

.zoneENCART .inside.full .zoneimg span {
background-color: rgb(228 228 228 / 30%);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 80px;
height: 80px;
border-radius: 50% 50% 50% 5px;
position: absolute;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
font-size: 38px;
right: -15px;
top: 80px;
color: var(--PICPUS_blanc);
}

.zoneENCART .inside.full .zonetxt {
padding-top: 50px;
padding-bottom: 50px;
}

/* Controls */

.zoneENCART .controls {
position: absolute;
z-index: 5;
bottom: 20px;
right: 40px;
}

.zoneENCART .controls{
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, -webkit-transform .3s ease;
-o-transition: opacity .3s ease, transform .3s ease;
transition: opacity .3s ease, transform .3s ease;
transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
}

.zoneENCART .controls.is-hidden{
opacity: 0;
-webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
        transform: translateY(10px);
pointer-events: none;
}

/* Responsive */

@media (max-width: 991px) {
    .zoneENCART .inside.full {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    }
    .zoneENCART .inside.full .zonetxt {
    padding-top: 20px;
    padding-bottom: 100px;
    }
}

@media (max-width: 767px) {
    .zoneENCART .inside .zonetxt {
    padding: 50px;
    text-align: center;
    }
    .zoneENCART .inside.full .zoneimg span {
    right: 25px;
    top: 25px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    }
    .zoneENCART .inside.full .zoneimg img {
    min-height: 250px;
    height: 250px;
    }
}

/* ===== DIAPO CARDS ===== */

.diapoCARDS {
position: relative;
}

/* Diapo */

.diapoCARDS .swiper.casesactus {
overflow: visible;
padding-top: 60px;
padding-bottom: 40px;
}

.diapoCARDS .casesactus .swiper-slide {
width: 400px;
height: auto;
}

.diapoCARDS .casesactus .bloc {
display: block;
height: 100%;
position: relative;
overflow: hidden;
border-radius: 28px;
background: var(--PICPUS_beige);
text-decoration: none;
top: 0;
}

.diapoCARDS.loop.archive .casesactus div[class*="col-"] {
margin: 15px 0 !important;
}

.diapoCARDS .casesactus .swiper-slide:nth-child(even) .bloc {
background: var(--PICPUS_beigeF);
}

.diapoCARDS:not(.loop) .casesactus .bloc:hover {
top: -30px;
background: var(--PICPUS_rose) !important;
}

.diapoCARDS .casesactus .bloc .zoneimg {
position: relative;
width: 100%;
height: 250px;
padding: 15px;
}

.diapoCARDS.loop .casesactus .bloc .zoneimg {
padding: 0;
}

.diapoCARDS.loop .casesactus .bloc .zoneimg .bulles {
position: absolute;
z-index: 5;
right: 15px;
top: 15px;
width: 43px;
height: 43px;
background: var(--PICPUS_blanc);
color: var(--PICPUS_grisF);
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;
font-size: 18px;
}

.diapoCARDS .casesactus .bloc img,
.diapoCARDS .casesactus .bloc .noimg {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
border-radius: 15px;
overflow: hidden;
}

.diapoCARDS.loop .casesactus .bloc img,
.diapoCARDS.loop .casesactus .bloc .noimg {
border-radius: 0 0 30px 30px;
}

.diapoCARDS .casesactus .bloc .noimg {
position: relative;
background: rgb(0 0 0 / 7%);
}

.diapoCARDS .casesactus .bloc svg.AnimFormes {
width: 335px;
position: absolute;
right: -25px;
bottom: -65px;
}

.diapoCARDS .casesactus .bloc svg.AnimFormes * {
fill: var(--PICPUS_blanc) !important;
}

.diapoCARDS .casesactus .bloc .zonetxt {
padding: 20px 40px 40px;
}

.diapoCARDS.loop .casesactus .bloc .zonetxt {
padding: 40px;
}

.diapoCARDS.archive_ress .casesactus .bloc .zonetxt h3 {
font-weight: 500;
margin-bottom: 13px;
}

.diapoCARDS .casesactus .bloc .zonetxt p {
color: var(--PICPUS_grisF);
}

.diapoCARDS .casesactus span.bouton {
padding-top: 10px;
padding-bottom: 10px;
background: transparent;
color: var(--PICPUS_grisF) !important;
border: 1px solid var(--PICPUS_grisF);
}

.diapoCARDS .casesactus span.bouton i {
color: var(--PICPUS_grisF) !important;
}

.diapoCARDS.loop .casesactus .arrow {
text-align: right;
}

.diapoCARDS.loop .casesactus span.bouton {
background: var(--PICPUS_noir);
border: none;
padding: 5px 20px;
padding-left: 11px;
}

.diapoCARDS.loop .casesactus span.bouton i {
color: var(--PICPUS_turquoise) !important;
}

.diapoCARDS #nb_03 {
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: end;
}

/* Loop */

.diapoCARDS.loop .casesactus .swiper-slide:nth-child(4n + 1) .bloc {
background: var(--PICPUS_bleuC);
}
.diapoCARDS.loop .casesactus .swiper-slide:nth-child(4n + 1) .bloc .zoneimg .bulles {
background: var(--PICPUS_beigeF);
}

.diapoCARDS.loop .casesactus .swiper-slide:nth-child(4n + 2) .bloc {
background: var(--PICPUS_violet);
}
.diapoCARDS.loop .casesactus .swiper-slide:nth-child(4n + 2) .bloc .zoneimg .bulles {
background: var(--PICPUS_vert);
}

.diapoCARDS.loop .casesactus .swiper-slide:nth-child(4n + 3) .bloc {
background: var(--PICPUS_beigeF);
}
.diapoCARDS.loop .casesactus .swiper-slide:nth-child(4n + 3) .bloc .zoneimg .bulles {
background: var(--PICPUS_rose);
}

.diapoCARDS.loop .casesactus .swiper-slide:nth-child(4n + 4) .bloc {
background: var(--PICPUS_prune);
}
.diapoCARDS.loop .casesactus .swiper-slide:nth-child(4n + 4) .bloc .zoneimg .bulles {
background: var(--PICPUS_blanc);
}
.diapoCARDS.loop .casesactus .swiper-slide:nth-child(4n + 4) .bloc .zonetxt * {
color: var(--PICPUS_blanc);
}

/* Responsive */

@media (max-width: 767px) {
    .diapoCARDS .swiper.casesactus {
    padding-top: 40px;
    }
}

@media (max-width: 480px) {
    .diapoCARDS .casesactus .swiper-slide {
    width: 100%;
    }
    .diapoCARDS .casesactus .bloc svg.AnimFormes {
    width: 230px;
    bottom: -40px;
    }
}

/* ===== BANDE TXT IMG ===== */

.bandeTXTIMG {
position: relative;
}

.bandeTXTIMG .zoneimg,
.bandeTXTIMG .zonetxt {
position: relative;
z-index: 1;
}

.bandeTXTIMG .zoneimg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.bandeTXTIMG .zoneimg [class*="nb"] {
width: 300px;
height: 390px;
border-radius: 20px;
overflow: hidden;
position: relative;
}

.bandeTXTIMG .zoneimg [class*="nb"] img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

.bandeTXTIMG .zoneimg .nb01 {
-webkit-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
        transform: rotate(-8deg);
z-index: 1;
}

.bandeTXTIMG .zoneimg .nb01:after {
content: '';
position: absolute;
width: 100px;
height: 100%;
-webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
        transform: rotate(13deg);
background: var(--PICPUS_orange);
z-index: 1;
bottom: -20px;
right: -82px;
}

.bandeTXTIMG .zoneimg .nb02 {
-webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
        transform: rotate(5deg);
margin-top: 30px;
left: -20px;
}

.bandeTXTIMG .zonetxt {

}

.bandeTXTIMG svg#pattern {
position: absolute;
pointer-events: none;
height: 100%;
margin-left: -10%;
opacity: .25;
}

.bandeTXTIMG svg#pattern .st0 {
fill: url(#gradient);
isolation: isolate;
}

/* Responsive */

@media (max-width: 991px) {
    .bandeTXTIMG .zoneimg {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    }
    .bandeTXTIMG .zonetxt {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    margin-top: var(--spacemid);
    }
}

@media (max-width: 767px) {
    .bandeTXTIMG .zoneimg [class*="nb"] {
    width: 200px;
    height: 270px;
    }
    .bandeTXTIMG .zoneimg .nb01:after {
    right: -78px;
    height: 90%;
    border-top-left-radius: 20px;
    }
}

@media (max-width: 440px) {
    .bandeTXTIMG .zoneimg [class*="nb"] {
    height: 200px;
    }
    .bandeTXTIMG .zoneimg .nb01:after {
    right: -80px;
    }
}

/* ===== ZONE VERBATIM ===== */

.zoneVERBATIM {
position: relative;
}

.zoneVERBATIM .inside {
height: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
border-radius: 25px;
overflow: hidden;
}

.zoneVERBATIM .zoneimg {
position: relative;
width: 400px;
max-width: 100%;
height: 100%;
-webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
padding: 15px;
}

.zoneVERBATIM .zoneimg img {
width: 100%;
height: 100%;
min-height: 370px;
border-radius: 8px;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center;
   object-position: center;
}

.zoneVERBATIM .inside .zonetxt {
padding: 50px 10%;
}

.zoneVERBATIM .inside .zonetxt img {
width: 150px;
margin-bottom: 20px;
}

.zoneVERBATIM .inside .zonetxt h1,
.zoneVERBATIM .inside .zonetxt h2,
.zoneVERBATIM .inside .zonetxt h3,
.zoneVERBATIM .inside .zonetxt h4 {
margin-bottom: 30px;
}

.zoneVERBATIM .inside .zonetxt h5 {
margin-top: 10px;
}

/* Responsive */

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

@media (max-width: 767px) {
    .zoneVERBATIM .inside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    }
    .zoneVERBATIM .inside .zonetxt {
    padding: 50px;
    padding-top: 20px;
    }
    .zoneVERBATIM .inside .zonetxt h1,
    .zoneVERBATIM .inside .zonetxt h2,
    .zoneVERBATIM .inside .zonetxt h3,
    .zoneVERBATIM .inside .zonetxt h4 {
    margin-bottom: 20px;
    }
}

/* ===== ZONE REVIEWS ===== */

.zoneREVIEWS {
position: relative;
}

/* ===== ZONE CHIFFRES ===== */

.bloc_CHIFFRES {

}

/* Inside */

.bloc_CHIFFRES .inside {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}

.bloc_CHIFFRES .inside div {
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
padding: 60px 35px;
border-radius: 20px;
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_CHIFFRES .inside div:nth-child(1) {
border-top-right-radius: 0;
}

.bloc_CHIFFRES .inside div:nth-child(3) {
-webkit-box-flex: 0;
    -ms-flex: 0 0 370px;
        flex: 0 0 370px;
border-bottom-left-radius: 0;
}

.bloc_CHIFFRES .inside div i {
font-size: 22px;
margin-bottom: 25px;
}

.bloc_CHIFFRES .inside .numb {
font-size: 58px;
}

.bloc_CHIFFRES .inside div span.h4 {
font-weight: 400;
}

/* Responsive */

@media (max-width: 991px) {
    .bloc_CHIFFRES .inside {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    }
    .bloc_CHIFFRES .inside > *:nth-child(-n+2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
    }
    .bloc_CHIFFRES .inside > *:nth-child(3) {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    text-align: center;
    }
}

@media (max-width: 500px) {
    .bloc_CHIFFRES .inside > * {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    text-align: center;
    }
    .bloc_CHIFFRES .inside div {
    padding: 40px 35px;
    }
    .bloc_CHIFFRES .inside .numb {
    font-size: 40px;
    }
    .bloc_CHIFFRES .inside div i {
    font-size: 15px;
    margin-bottom: 15px;
    }
}

/* ===== ZONE TXT + BLOC ===== */

.bloc_TXTBLOC {

}

.bloc_TXTBLOC .bloc {
border-radius: 20px;
padding: 40px;
}

/* Responsive */

@media (max-width: 991px) {
    .bloc_TXTBLOC .bloc {
    margin-top: 40px;
    }
}

/* ===== ZONE GRILLE IMG ===== */

.bloc_GRILLEIMG {
overflow: visible !important;
}

.bloc_GRILLEIMG .grille-photos {
display: -ms-grid;
display: grid;
gap: 20px;
margin: 0 auto;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}

.bloc_GRILLEIMG .zoneimg {
overflow: hidden;
border-radius: 8px;
}

.bloc_GRILLEIMG .zoneimg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
display: block;
}

/* --- 01 --- */
.bloc_GRILLEIMG .grille-photos[data-count="1"] {
-ms-grid-columns: 350px;
grid-template-columns: 350px; /* Largeur images */
}
.bloc_GRILLEIMG .grille-photos[data-count="1"] .zoneimg {
height: 450px;
}

/* --- 02 --- */
.bloc_GRILLEIMG .grille-photos[data-count="2"] {
-ms-grid-columns: 350px 350px;
grid-template-columns: 350px 350px; /* Largeur images */
}
.bloc_GRILLEIMG .grille-photos[data-count="2"] .zoneimg:nth-child(1),
.bloc_GRILLEIMG .grille-photos[data-count="2"] .zoneimg:nth-child(2) {
height: 450px;
}

/* --- 03 --- */
.bloc_GRILLEIMG .grille-photos[data-count="3"] {
-ms-grid-columns: repeat(3, 1fr);
grid-template-columns: repeat(3, 1fr); /* Largeur images */
height: 600px; 
}
.bloc_GRILLEIMG .grille-photos[data-count="3"] .zoneimg:nth-child(1),
.bloc_GRILLEIMG .grille-photos[data-count="3"] .zoneimg:nth-child(2) {
height: 450px;
}
.bloc_GRILLEIMG .grille-photos[data-count="3"] .zoneimg:nth-child(3) {
height: 350px;
}
.bloc_GRILLEIMG .grille-photos[data-count="3"] .zoneimg:nth-child(1),
.bloc_GRILLEIMG .grille-photos[data-count="3"] .zoneimg:nth-child(3) {
-ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
}

/* --- 04 --- */
.bloc_GRILLEIMG .grille-photos[data-count="4"] {
-ms-grid-columns: repeat(3, 1fr);
grid-template-columns: repeat(3, 1fr); /* Largeur images */
-ms-grid-rows: 400px 250px;
grid-template-rows: 400px 250px; /* Hauteur images */
}
.bloc_GRILLEIMG .grille-photos[data-count="4"] > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.bloc_GRILLEIMG .grille-photos[data-count="4"] > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.bloc_GRILLEIMG .grille-photos[data-count="4"] > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.bloc_GRILLEIMG .grille-photos[data-count="4"] > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.bloc_GRILLEIMG .grille-photos[data-count="4"] > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.bloc_GRILLEIMG .grille-photos[data-count="4"] > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
.bloc_GRILLEIMG .grille-photos[data-count="4"] .zoneimg:nth-child(1) { 
-ms-grid-row: 1; 
-ms-grid-row-span: 2; 
grid-row: 1 / 3; 
height: 450px; 
-ms-grid-row-align: center; 
    align-self: center; 
}
.bloc_GRILLEIMG .grille-photos[data-count="4"] .zoneimg:nth-child(2) { 
height: 400px;
}
.bloc_GRILLEIMG .grille-photos[data-count="4"] .zoneimg:nth-child(3) { 
height: 250px;
}
.bloc_GRILLEIMG .grille-photos[data-count="4"] .zoneimg:nth-child(4) { 
-ms-grid-column: 3; 
grid-column: 3;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1 / 3; 
height: 450px; 
-ms-grid-row-align: center; 
    align-self: center; 
}

/* --- 05 --- */
.bloc_GRILLEIMG .grille-photos[data-count="5"] {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr); /* Largeur images */
-ms-grid-rows: 380px 290px;
grid-template-rows: 380px 290px; /* Hauteur images */
}
.bloc_GRILLEIMG .grille-photos[data-count="5"] > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.bloc_GRILLEIMG .grille-photos[data-count="5"] > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.bloc_GRILLEIMG .grille-photos[data-count="5"] > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.bloc_GRILLEIMG .grille-photos[data-count="5"] > *:nth-child(4) {
-ms-grid-row: 1;
-ms-grid-column: 4;
}
.bloc_GRILLEIMG .grille-photos[data-count="5"] > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.bloc_GRILLEIMG .grille-photos[data-count="5"] > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.bloc_GRILLEIMG .grille-photos[data-count="5"] > *:nth-child(7) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
.bloc_GRILLEIMG .grille-photos[data-count="5"] > *:nth-child(8) {
-ms-grid-row: 2;
-ms-grid-column: 4;
}
.bloc_GRILLEIMG .grille-photos[data-count="5"] .zoneimg:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/3;
height: 380px;
-ms-grid-row-align: center;
    align-self: center;
}
.bloc_GRILLEIMG .grille-photos[data-count="5"] .zoneimg:nth-child(2) {
height: 380px;
}
.bloc_GRILLEIMG .grille-photos[data-count="5"] .zoneimg:nth-child(3) {
height: 290px;
}
.bloc_GRILLEIMG .grille-photos[data-count="5"] .zoneimg:nth-child(4) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/3;
height: 380px;
margin-bottom: 80px;
-ms-grid-row-align: end;
    align-self: end;
}
.bloc_GRILLEIMG .grille-photos[data-count="5"] .zoneimg:nth-child(5) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/3;
height: 290px;
margin-top: 80px;
}

/* --- 06 --- */
.bloc_GRILLEIMG .grille-photos[data-count="6"] {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr); /* Largeur images */
-ms-grid-rows: 380px 290px;
grid-template-rows: 380px 290px; /* Hauteur images */
margin-top: 80px;
}
.bloc_GRILLEIMG .grille-photos[data-count="6"] > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.bloc_GRILLEIMG .grille-photos[data-count="6"] > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.bloc_GRILLEIMG .grille-photos[data-count="6"] > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.bloc_GRILLEIMG .grille-photos[data-count="6"] > *:nth-child(4) {
-ms-grid-row: 1;
-ms-grid-column: 4;
}
.bloc_GRILLEIMG .grille-photos[data-count="6"] > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.bloc_GRILLEIMG .grille-photos[data-count="6"] > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.bloc_GRILLEIMG .grille-photos[data-count="6"] > *:nth-child(7) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
.bloc_GRILLEIMG .grille-photos[data-count="6"] > *:nth-child(8) {
-ms-grid-row: 2;
-ms-grid-column: 4;
}

.bloc_GRILLEIMG .grille-photos[data-count="6"] .zoneimg:nth-child(1) { 
-ms-grid-row: 1; 
-ms-grid-row-span: 2; 
grid-row: 1/3;
height: 380px;
-ms-grid-row-align: center;
    align-self: center;
}
.bloc_GRILLEIMG .grille-photos[data-count="6"] .zoneimg:nth-child(2) { 
-ms-grid-column: 2; 
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
height: 380px;
}
.bloc_GRILLEIMG .grille-photos[data-count="6"] .zoneimg:nth-child(3) { 
-ms-grid-column: 2; 
grid-column: 2;
-ms-grid-row: 2;
grid-row: 2;
height: 290px;
}
.bloc_GRILLEIMG .grille-photos[data-count="6"] .zoneimg:nth-child(4) { 
-ms-grid-column: 3; 
grid-column: 3;
-ms-grid-row: 1;
grid-row: 1;
height: 380px;
margin-top: -80px;
}
.bloc_GRILLEIMG .grille-photos[data-count="6"] .zoneimg:nth-child(5) { 
-ms-grid-column: 3; 
grid-column: 3;
-ms-grid-row: 2;
grid-row: 2;
height: 290px;
margin-top: -80px;
}
.bloc_GRILLEIMG .grille-photos[data-count="6"] .zoneimg:nth-child(6) { 
-ms-grid-column: 4; 
grid-column: 4; 
-ms-grid-row: 1; 
-ms-grid-row-span: 2; 
grid-row: 1 / 3; 
height: 380px;
-ms-grid-row-align: center;
    align-self: center; 
}

/* Responsive */

@media (max-width: 991px) {
    .bloc_GRILLEIMG .grille-photos, 
    .bloc_GRILLEIMG .grille-photos[data-count] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    gap: 10px;
    height: auto !important;
    margin: 0;
    }
    .bloc_GRILLEIMG .zoneimg {
    grid-column: auto !important;
    grid-row: auto !important;
    width: calc(50% - 5px) !important;
    height: 300px !important; 
    margin: 0 !important;
    -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (max-width: 767px) {
    .bloc_GRILLEIMG .zoneimg {
    height: 250px !important; 
    }
}

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

--- X - ARCH. RESSOURCES - PICPUS

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

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

.diapoCARDS.archive_ress #grille {
padding-top: var(--spacemid);
}

/* Search */

#search .inside {
margin-bottom: 40px !important;
}

#search input#s {
width: 285px;
background: var(--PICPUS_grisC2);
color: var(--PICPUS_noir);
margin-right: 5px;
text-decoration: none;
padding: 12px;
border-radius: 50px;
border: none;
cursor: pointer;
-webkit-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
}

#search input#s:hover,
#search input#s:focus {
background: var(--PICPUS_grisC);
}

#search input#searchsubmit {
display: inline-block;
font-size: 15px;
font-weight: 400;
color: var(--PICPUS_grisF);
background: transparent;
border: 1px solid var(--PICPUS_grisF);
padding: 8px 20px;
border-radius: 50px;
text-decoration: none !important;
cursor: pointer;
-webkit-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
}

#search input#searchsubmit:hover {
color: var(--PICPUS_blanc);
background: var(--PICPUS_grisF);
}

@media (max-width: 480px) {
    #search .inside {
    margin-bottom: var(--spacemid) !important;
    }
    #search input#s {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
    }
    #search input#searchsubmit {
    width: 100%;
    }
}

/* Filtres */

.diapoCARDS.archive_ress .zfiltres {
margin: 5px 0;
}

.diapoCARDS.archive_ress .zfiltres a.reset {
color: var(--PICPUS_noir);
font-weight: 500;
text-decoration: underline;
margin-right: 10px;
}

.diapoCARDS.archive_ress .zfiltres a.reset:hover {
text-decoration: none;
}

.diapoCARDS.archive_ress .zfiltres a:not(.reset) {
background: rgb(232 238 255 / 35%);
color: var(--PICPUS_grisF);
text-decoration: none;
display: inline-block;
padding: 10px;
border-radius: 10px;
margin: 4px 2px;
cursor: pointer;
}

.diapoCARDS.archive_ress .zfiltres a:not(.reset):hover {
background: var(--PICPUS_bleuC);
color: var(--PICPUS_noir);
}

.diapoCARDS.archive_ress .zfiltres a.active {
background: var(--PICPUS_bleuC);
color: var(--PICPUS_noir);
}

/* Cases */

.diapoCARDS.archive_ress .casesactus .bloc {
border-radius: 0;
margin: 25px 0 !important;
}

.diapoCARDS.archive_ress .casesactus .bloc,
.diapoCARDS.archive_ress .casesactus .bloc:hover {
background: none !important;
top: 0 !important;
}

.diapoCARDS.archive_ress .casesactus .bloc .zoneimg {
padding: 0;
height: 180px;
}

.diapoCARDS.archive_ress .casesactus .bloc .noimg {
position: relative;
background: var(--PICPUS_bleuC);
}

.diapoCARDS.archive_ress .casesactus .bloc svg.AnimFormes {
width: 235px;
position: absolute;
right: -20px;
bottom: -50px;
}

.diapoCARDS.archive_ress .casesactus .bloc .zoneimg:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-box-shadow: inset 0 0 0 0 var(--PICPUS_rose);
        box-shadow: inset 0 0 0 0 var(--PICPUS_rose);
border-radius: 15px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.diapoCARDS.archive_ress .casesactus .bloc:hover .zoneimg:after {
-webkit-box-shadow: inset 0 0 0 10px var(--PICPUS_rose);
        box-shadow: inset 0 0 0 10px var(--PICPUS_rose);
}

.diapoCARDS.archive_ress .casesactus .bloc .zonetxt {
padding: 0;
padding-top: 20px;
}

.diapoCARDS.archive_ress .casesactus .bloc .legende {
color: var(--PICPUS_grisF);
font-weight: 300;
margin-bottom: 15px;
font-size: 13px;
}

/* 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: 20px;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
padding-left: 0;
margin: 0;
list-style-type: none;
}

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

.pagination .page-numbers a,
.pagination .page-numbers span {
background-color: transparent;
border: .5px solid var(--PICPUS_grisF);
color: var(--PICPUS_grisF);
border-radius: 50%;
font-size: 13px;
font-weight: 300;
width: 45px;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
text-decoration: none;
cursor: pointer;
}

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

}

.pagination .page-numbers span[aria-current] {
background-color: var(--PICPUS_beige);
border-color: var(--PICPUS_beige);
color: var(--PICPUS_noir);
width: 60px;
height: 60px;
font-size: 18px;
}

/* Responsive */

@media (max-width: 767px) {
    .diapoCARDS.archive_ress .zfiltres span {
    display: block;
    }
    .diapoCARDS.archive_ress .zfiltres a {
    padding: 5px 10px;
    margin: 3px 2px;
    font-size: 13px;
    }
    .pagination {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    }
    .pagination ul.page-numbers {
    gap: 5px 10px;
    }
}

@media (max-width: 470px) {
    .pagination {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    }
}

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

--- X - WPCF - PICPUS

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

div.wpcf7 {
width: 100%;
}

div.wpcf7 p {
margin-bottom: 0;
}

.wpcf7 label {
width: 100%;
padding: 5px 0;
margin: 4px 0 !important;
text-align: center;
font-weight: 600;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap select {
width: 100%;
padding: 15px 15px;
margin-bottom: 15px !important;
background: transparent;
border: .5px solid var(--PICPUS_grisF);
border-radius: 8px;
text-align: left;
}

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

/* PlaceHolder */

.wpcf7-form-control-wrap input::-webkit-input-placeholder,
.wpcf7-form-control-wrap textarea::-webkit-input-placeholder {
color: #808080;
}

.wpcf7-form-control-wrap input::-moz-placeholder,
.wpcf7-form-control-wrap textarea::-moz-placeholder { /* Firefox 19+ */
color: #808080;
}

.wpcf7-form-control-wrap input:-ms-input-placeholder,
.wpcf7-form-control-wrap textarea:-ms-input-placeholder { /* IE 10+ */
color: #808080;
}

.wpcf7-form-control-wrap input:-moz-placeholder,
.wpcf7-form-control-wrap textarea:-moz-placeholder { /* Firefox 18- */
color: #808080;
}

/* Checkbox */

div.wpcf7 .items {
background: var(--PICPUS_blanc);
padding: 10px 20px 20px;
border-radius: 20px;
margin-bottom: 15px !important;
}

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

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

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

div.wpcf7 .list-center span.wpcf7-form-control.wpcf7-checkbox,
div.wpcf7 .list-center span.wpcf7-form-control.wpcf7-radio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
gap: 10px;
}

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

div.wpcf7 .list-center span.wpcf7-list-item-label {
background: transparent;
border: .5px solid var(--PICPUS_grisF);
display: inline-block;
padding: 7px 10px;
border-radius: 8px;
margin: 0px;
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,
div.wpcf7 .list-center span.wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label {
background: var(--PICPUS_bleuC);
border-color: var(--PICPUS_bleuC);
color: var(--PICPUS_grisF);
}

/* 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,
button.cf7-prev-dynamic,
button.cf7-next,
button.cf7-prev {
display: inline-block;
font-size: 18px;
font-weight: 500;
color: var(--PICPUS_blanc) !important;
background: var(--PICPUS_noir);
border: none;
margin: 5px 0;
padding: 15px 25px;
border-radius: 50px;
cursor: pointer;
}

div.wpcf7 .wpcf7-submit:hover,
button.cf7-prev-dynamic:hover,
button.cf7-next:hover,
button.cf7-prev:hover {
background: var(--PICPUS_turquoise) !important;
color: var(--PICPUS_noir) !important;
}

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

div.wpcf7 .wpcf7-spinner::before {
width: 7px;
height: 7px;
background-color: var(--PICPUS_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;
margin: 0 !important;
padding: 0 !important;
}

/* 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(--PICPUS_turquoise) !important;
border-radius: 12px;
padding: 5px !important;
margin: 10px 0 0 !important;
font-weight: 500;
font-size: 14px;
text-align: center;
}

.wpcf7-not-valid {
font-weight: 800;
}

.wpcf7-not-valid.mtn-form span.wpcf7-list-item span {
font-weight: 800;
}

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

/* Responsive */

@media (max-width: 991px) {
    div.wpcf7 .items {
    padding: 5px 10px 15px;
    }
    div.wpcf7 .list-center span.wpcf7-list-item-label {
    padding: 5px 10px;
    font-size: 13px;
    }
}

@media (max-width: 767px) {
    div.wpcf7 .wpcf7-submit,
    button.cf7-prev-dynamic,
    button.cf7-next,
    button.cf7-prev {
    font-size: 16px;
    padding: 12px 15px;
    }
    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 {
    font-size: 12px;
    }
}

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

--- X - FOOTER - PICPUS

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

footer {
position: relative;
background: var(--PICPUS_blanc);
padding: 40px;
padding-top: var(--space);
}

footer .content {
position: relative;
overflow: hidden;
background: var(--PICPUS_grisF);
padding: 20px;
padding-top: 80px;
border-radius: 25px;
}

footer .zone_01,
footer .zone_02,
#copyright {
position: relative;
z-index: 1;
}

/* ZONE 01 */

footer .zone_01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

footer .zone_01 svg {
width: 140px;
margin-bottom: 15px;
}

footer .zone_01 svg .st0 {
fill: var(--PICPUS_turquoise);
}

footer .zone_01 svg .st1 {
fill: var(--PICPUS_blanc);
}

footer .zone_01 .bloc_02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 120px;
}

footer .zone_01 h4 {
font-weight: 500;
color: var(--PICPUS_blanc);
margin-bottom: 40px;
}

footer .zone_01 a,
footer .zone_01 p p {
color: var(--PICPUS_blanc);
text-decoration: none;
line-height: 2.2;
display: inline-block;
font-weight: 300;
}

footer .zone_01 a:hover {
text-decoration: underline;
}

/* SVG */

footer .AnimFormes {
position: absolute;
opacity: .20;
height: 110%;
bottom: -15%;
right: -5%;
}

footer .AnimFormes * {
fill: var(--PICPUS_noir) !important;
}

/* ZONE 02 */

footer .zone_02 {
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;
padding-top: 40px;
padding-bottom: 15px;
border-bottom: 1px solid var(--PICPUS_turquoise);
}

footer .zone_02 img {
width: 200px;
}

/* Social */

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

#social h4 {
margin: 0;
line-height: 1.9;
font-size: 16px;
color: var(--PICPUS_blanc);
}

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

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

#social a:hover {
background: var(--PICPUS_blanc);
color: var(--PICPUS_grisF);
}

/* COPYRIGHT */

#copyright {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
padding-top: 40px;
}

#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(--PICPUS_gris) !important;
border: none;
padding: 0;
overflow: visible;
text-transform: initial;
}

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

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

#copyright .mcrea h6,
#copyright .mcrea h6 a {
color: var(--PICPUS_blanc) !important;
}

#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(--PICPUS_blanc);
        box-shadow: 0 0 0 2px var(--PICPUS_blanc);
background: var(--PICPUS_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(--PICPUS_grisF);
-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(--PICPUS_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: 25px;
left: 2px;
top: 10px;
fill: var(--PICPUS_gris);
-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(--PICPUS_grisF);
}

/* Responsive */

@media (max-width: 1550px) {
    footer .zone_01 .bloc_02 {
    gap: 65px;
    }
    footer .zone_01 a,
    footer .zone_01 p p {
    font-size: 14px;
    line-height: 2;
    }
}

@media (max-width: 1290px) {
    footer .zone_01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 60px;
    }
    footer .zone_01 .bloc_02 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    }
    footer .zone_01 h4 {
    margin-bottom: 10px;
    }
    footer .AnimFormes {
    height: 75%;
    }
}

@media (max-width: 991px) {
    footer .zone_01 {
    text-align: center;
    }
    footer .zone_01 .bloc_02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 35px;
    }
    footer .zone_01 .bloc_02 a {
    font-size: 12px;
    line-height: 1.2;
    }
    footer .zone_02 {
    padding-top: 80px;
    }
    footer .AnimFormes {
    height: auto;
    width: 520px;
    bottom: -65px;
    }
}

@media (max-width: 767px) {
    footer {
    padding-left: 30px;
    padding-right: 30px;
    }
}

@media (max-width: 850px) {
    footer .zone_02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    }
}

@media (max-width: 530px) {
    #social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
    }
    footer .AnimFormes {
    height: auto;
    width: 90%;
    bottom: -5%;
    }
}

/* Copyright */

@media (max-width: 767px) {

    #copyright .client h6 {
    font-size: 12px;
    display: -ms-grid;
    display: grid;
    line-height: 1.5;
    }
    #copyright h6 a:before,
    #copyright h6 a:after {
    display: none;    
    }
    #copyright h6 {font-size: 12px;}
    #copyright .mcrea {
    margin-top: 20px;
    -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 {
    -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 - FANCYBOX - PICPUS

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

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

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

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

.fancybox-button {
background: var(--PICPUS_beige);
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(--PICPUS_beigeF);
}

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

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

.fancybox-infobar {
top: 15px;
left: 15px;
mix-blend-mode: initial;
background: var(--PICPUS_beige);
color: var(--PICPUS_noir);
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(--PICPUS_gris);
}

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

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

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

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

.fancybox-caption__body {
display: none;
}

.fancybox-caption {
font-size: 18px;
color: var(--PICPUS_blanc);
padding-top: 200px;
}