/*
noir : #4D4C5C bleu : #4E42EE vert : #CBFC04 violet : #CBCEF8
transitions : 0.3s ease-in-out
*/

:root {
    --font-family-primary: 'Outfit', sans-serif;
    --font-family-motive-bold: 'motivebold';
    --font-family-motive-extra-bold: 'motiveextra_bold';
    --font-family-motive-extra-light: 'motiveextra_light';
    --font-family-motive-light: 'motivelight';
    --font-family-motive-medium: 'motivemedium';
    --font-family-motive-regular: 'motiveregular';
    --font-family-motive-semi-bold: 'motivesemi_bold';
    --font-family-motive-thin: 'motivethin';
    --color-noir: #4D4C5C;
    --color-bleu: #4E42EE;
    --color-bleu-dark: #1D11BB;
    --color-vert: #CBFC04;
    --color-violet: #CBCEF8;
    --color-violet-clair: #FAFAFE;
    --transition-fast: 0.3s ease-in-out;
    --transition-medium: 0.5s ease-in-out;
    --transition-slow: 1s ease-in-out;
}
body {
    font-family: var(--font-family-primary);
    font-weight: 300;
    color: var(--color-noir);
    padding-top: 120px;
}
p strong{
    font-weight: 600;
}
.htg-content ul{
    list-style: none;
    margin-bottom: 20px;
    padding-left: 20px;
}
.htg-content ul li::before{
    content: "•";
    display: inline-block;
    margin-right: 10px;
    color: inherit;
}
img{
    vertical-align: middle;
}
/** heading **/
/** heading **/
/** heading **/
/** heading **/
h1{
    font-family: var(--font-family-motive-extra-bold);
    font-size: 61px;
    line-height: 1.2em;
}
h2{
    font-family: var(--font-family-motive-semi-bold);
    font-size: 48px;
    line-height: 1.2em;
    margin-bottom: 20px;
}
h3{
    font-family: var(--font-family-motive-semi-bold);
    font-size: 32px;
    line-height: 1.2em;
    margin-bottom: 20px;
}
h3.tiret{
    display: flex;
    gap: 10px;
}
h3.tiret::before {
    content: "";
    display: inline-block;
    margin: auto 0;
    background-color: var(--color-bleu);
    width: 32px;
    height: 1px;
}
span.nombre,
h4{
    font-family: var(--font-family-motive-light);
    font-size: 24px;
    line-height: 1.2em;
    text-transform: uppercase;
    color: var(--color-violet);
    margin-bottom: 20px;
}
h1 strong{
    color: white;
}
h2 strong, h3 strong, h4 strong{
    color: var(--color-bleu);
}

p{
    margin-bottom: 16px;
}

.padd-top{padding-top: 100px;}
.padd-bottom{padding-bottom: 100px;}
.margin-top{margin-top: 100px;}
.margin-bottom{margin-bottom: 100px;}

/** Text couleurs**/
/** Text couleurs**/
/** Text couleurs**/
/** Text couleurs**/
.htg-white, .htg-white h1, .htg-white h2, .htg-white h3, .htg-white h4, .htg-white h5, .htg-white h6, .htg-white p, .htg-white a, .htg-white span, .htg-white li, .htg-white button, .htg-white input, .htg-white textarea, .htg-white select, .htg-white option{
    color: #fff !important;
}
.htg-black, .htg-black h1, .htg-black h2, .htg-black h3, .htg-black h4, .htg-black h5, .htg-black h6, .htg-black p, .htg-black a, .htg-black span, .htg-black li, .htg-black button, .htg-black input, .htg-black textarea, .htg-black select, .htg-black option{
    color: #000 !important;
}
.htg-color-noir, .htg-color-noir h1, .htg-color-noir h2, .htg-color-noir h3, .htg-color-noir h4, .htg-color-noir h5, .htg-color-noir h6, .htg-color-noir p, .htg-color-noir a, .htg-color-noir span, .htg-color-noir li, .htg-color-noir button, .htg-color-noir input, .htg-color-noir textarea, .htg-color-noir select, .htg-color-noir option{
    color: var(--color-noir) !important;
}
.htg-color-bleu, .htg-color-bleu h1, .htg-color-bleu h2, .htg-color-bleu h3, .htg-color-bleu h4, .htg-color-bleu h5, .htg-color-bleu h6, .htg-color-bleu p, .htg-color-bleu a, .htg-color-bleu span, .htg-color-bleu li, .htg-color-bleu button, .htg-color-bleu input, .htg-color-bleu textarea, .htg-color-bleu select, .htg-color-bleu option{
    color: var(--color-bleu) !important;
}
.htg-color-vert, .htg-color-vert h1, .htg-color-vert h2, .htg-color-vert h3, .htg-color-vert h4, .htg-color-vert h5, .htg-color-vert h6, .htg-color-vert p, .htg-color-vert a, .htg-color-vert span, .htg-color-vert li, .htg-color-vert button, .htg-color-vert input, .htg-color-vert textarea, .htg-color-vert select, .htg-color-vert option{
    color: var(--color-vert) !important;
}
.htg-color-violet, .htg-color-violet h1, .htg-color-violet h2, .htg-color-violet h3, .htg-color-violet h4, .htg-color-violet h5, .htg-color-violet h6, .htg-color-violet p, .htg-color-violet a, .htg-color-violet span, .htg-color-violet li, .htg-color-violet button, .htg-color-violet input, .htg-color-violet textarea, .htg-color-violet select, .htg-color-violet option{
    color: var(--color-violet) !important;
}
.htg-color-violet-clair, .htg-color-violet-clair h1, .htg-color-violet-clair h2, .htg-color-violet-clair h3, .htg-color-violet-clair h4, .htg-color-violet-clair h5, .htg-color-violet-clair h6, .htg-color-violet-clair p, .htg-color-violet-clair a, .htg-color-violet-clair span, .htg-color-violet-clair li, .htg-color-violet-clair button, .htg-color-violet-clair input, .htg-color-violet-clair textarea, .htg-color-violet-clair select, .htg-color-violet-clair option{
    color: var(--color-violet-clair) !important;
}

/** Text **/
/** Text **/
/** Text **/
/** Text **/
.htg-center{
    text-align: center;
}
.htg-left{
    text-align: left;
}
.htg-right{
    text-align: right;
}
.htg-justify{
    text-align: justify;
}
.htg-uppercase{
    text-transform: uppercase;
}


/** Container **/
/** Container **/
/** Container **/
/** Container **/
.htg-container{
    max-width: 95%;
    margin: 0 auto;
    padding: 0 10px;
}
.htg-container-full{
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}



/** Buttons **/
/** Buttons **/
/** Buttons **/
/** Buttons **/
.htg-btn-noir {
    display: inline-block;
    margin: 0px 4px 8px 0;
    background-color: var(--color-noir);
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    transition: var(--transition-fast);
}
.col-card[data-color="violet"] .htg-btn,
.htg-btn-bleu {
    display: inline-block;
    margin: 0px 4px 8px 0;
    background-color: var(--color-bleu);
    color: white;
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    transition: var(--transition-fast);
    align-self: baseline;
}
.col-card[data-color="noir"] .htg-btn,
.htg-btn-vert {
    display: inline-block;
    margin: 0px 4px 8px 0;
    background-color: var(--color-vert);
    color: var(--color-noir);
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    transition: var(--transition-fast);
    align-self: baseline;
}

.htg-btn-violet {
    display: inline-block;
    margin: 0px 4px 8px 0;
    background-color: var(--color-violet);
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    transition: var(--transition-fast);
}
.htg-btn-blanc {
    display: inline-block;
    margin: 0px 4px 8px 0;
    background-color: white;
    color: var(--color-bleu);
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    transition: var(--transition-fast);
}
.htg-btn-border {
    display: inline-block;
    margin: 0px 4px 8px 0;
    background-color: transparent;
    border: 1px solid var(--color-bleu);
    color: var(--color-bleu);
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    transition: var(--transition-fast);
}

.htg-btn-border:hover{
    background-color: var(--color-bleu-dark);
    border-color: var(--color-bleu-dark);
    color: #fff;
    transition: var(--transition-fast);
}
.col-card[data-color="violet"] .htg-btn:hover,
.htg-btn-blanc:hover,
.htg-btn-bleu:hover,
.htg-btn-noir:hover{
    background-color: var(--color-vert);
    color: var(--color-noir);
    transition: var(--transition-fast);
}
.htg-btn-vert:hover,
.htg-btn-violet:hover {
    background-color: var(--color-bleu-dark);
    color: #fff;
    transition: var(--transition-fast);
}
.col-card[data-color="noir"] .htg-btn:hover{
    background-color: white;
    color: var(--color-noir);
    transition: var(--transition-fast);
}

.htg-btn svg{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}


/** Flex Row **/
/** Flex Row **/
/** Flex Row **/
/** Flex Row **/
.htg-flex-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.htg-flex-row.align-start{
    align-items: flex-start;
}
.htg-flex-row.align-end{
    align-items: flex-end;
}
.col-12{
    width: 100%;
    padding: 0 10px;
}
.col-6{
    width: calc(50% - 20px);
    padding: 0 10px;
}
.col-4{
    width: calc(25% - 20px);
    padding: 0 10px;
}
.col-3{
    width: calc((100% / 3) - 20px);
    padding: 0 10px;
}

/* section{
    margin: 60px 0;
} */


/* Section Couverture */
/** Section Couverture **/
/** Section Couverture **/
/** Section Couverture **/
.section-couverture .htg-flex-row{
    max-width: 100%;
    margin: 0 auto;
}
.section-couverture .col-title{
    width: calc(60% - 20px);
    max-width: 700px;
}
.section-couverture .col-title h1 strong{
    display: block;
}
.section-couverture .col-content{
    margin-top: 20px;
    width: calc(40% - 20px);
    max-width: 350px;
}
.section-couverture .col-img-couveture{
    margin-top: -68px;
    position: relative;
    z-index: -1;
    padding: 0;
}
.section-couverture .col-img-couveture img{
    width: 100%;
    height: auto;
    min-height: 350px;
    object-fit: cover;
    object-position: left center;
}
.section-couverture .htg-liens{
    justify-content: flex-start;
}

/* Section Cards */
/** Section Cards **/
/** Section Cards **/
/** Section Cards **/
.section-redirections .row-cards{
    margin: 20px auto;
}
.section-redirections .col-card{
    width: calc(33.33% - 20px);
    padding: 50px;
    align-self: stretch;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.section-redirections .col-card[data-color="bleu"] h2,
.section-redirections .col-card[data-color="bleu"] p,
.section-redirections .col-card[data-color="noir"] h2,
.section-redirections .col-card[data-color="noir"] p{
    color: white !important;
}
.section-redirections .col-card img{
    width: auto;
    max-width: 90%;
    height: auto;
    object-fit: contain;
    margin-bottom: 20px;
    display: block;
}


/* Header */
/** Header **/
/** Header **/
#NagaHeader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: white;
    padding: 30px 0;
}
#NagaHeader .logo{
    width: 170px;
    height: auto;
    display: block;
    margin: auto auto auto 0;
}
#NagaHeader .col-logo-header{
    width: 200px;
    margin: auto;
}
#NagaHeader .col-nav-header{
    width: calc(100% - 220px);
}
#NagaHeader nav{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#NagaHeader nav ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
}
#NagaHeader nav ul li{
    list-style: none;
}
#NagaHeader nav ul li a{
    font-family: var(--font-family-motive-light);
    color: var(--color-noir);
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px;
    display: inline-block; 
}
#NagaHeader nav ul li.current-menu-item a,
#NagaHeader nav ul li.current-menu-ancestor a,
#NagaHeader nav ul li a:hover {
    color: var(--color-bleu);
    transition: color 0.3s ease-in-out;
}
.htg-burger-background {
    display: none;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    border: none;
    background: none;
    margin: 0 0 0 auto;
}

/* <style for menu__icon> ======== */
.menu__icon {
  width: 32px;
  height: 32px;
  padding: 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
  background: var(--color-violet-clair);
  transition: transform .4s;
  border: none;
}

.menu__icon span {
  width: 100%;
  height: 0.20rem;
  border-radius: 0.125rem;
  background-color: var(--color-noir);
  box-shadow: 0 .5px 2px 0 hsla(0, 0%, 0%, .2);
  transition: width .4s, transform .4s, background-color .4s;
}

.menu__icon span:nth-child(2) {
  width: 75%;
}

.menu__icon span:nth-child(3) {
  width: 50%;
}
#BurgerMenuButton.active .menu__icon,
.menu__icon:hover {
  transform: rotate(-90deg);
}
#BurgerMenuButton.active .menu__icon span,
.menu__icon:hover span {
  width: .25rem;
  transform: translateX(-8px);
  background-color: var(--color-bleu);
}



/** Header SUB MENU **/
/** Header SUB MENU **/
#NagaHeader nav ul li.menu-item-has-children{
    position: relative;
    padding-right: 24px;
}
#NagaHeader nav ul li.menu-item-has-children > a::after{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../svg/chevron-bottom.svg") no-repeat center center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 15px;
    right: 10px;
    transition: var(--transition-fast);
}
#NagaHeader nav ul li.menu-item-has-children > ul.sub-menu{
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--color-violet);
    padding: 12px 0px 12px 20px;
    display: none;
    flex-direction: column;
    gap: 10px;
    min-width: 220px;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    z-index: 1000;
}
#NagaHeader nav ul li.menu-item-has-children>ul.sub-menu li{
    padding: 0;
}
#NagaHeader nav ul li.menu-item-has-children>ul.sub-menu li a{
    color: var(--color-bleu);
    text-transform: none;
    font-size: 16px;
    line-height: 1.2em;
    text-decoration: none;
    padding: 5px 0 5px 20px;
    border-radius: 5px;
    transition: var(--transition-fast);
    position: relative;
    font-weight: 400;
    font-family: var(--font-family-primary);
}
#NagaHeader nav ul li.menu-item-has-children>ul.sub-menu li a:hover{
    font-weight: 600;
}
#NagaHeader nav ul li.menu-item-has-children>ul.sub-menu li a:hover::before{
    height: 2px;
    transition: var(--transition-fast);
}
#NagaHeader nav ul li.menu-item-has-children>ul.sub-menu li a::before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 1px;
    margin-right: 10px;
    background: var(--color-bleu);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: var(--transition-fast);
}
@media (min-width: 1201px) {
    #NagaHeader nav ul li.menu-item-has-children:hover {
        background-color: var(--color-violet);
        transition: var(--transition-fast);
    }

    #NagaHeader nav ul li.menu-item-has-children:hover>a {
        color: var(--color-bleu);
        transition: var(--transition-fast);
        font-weight: 600;
        font-family: var(--font-family-motive-medium);
    }

    #NagaHeader nav ul li.menu-item-has-children:hover>ul.sub-menu {
        display: flex;
    }
}

/* Content Simple */
/** Content Simple **/
/** Content Simple **/
.htg-content-simple{
    background-color: var(--color-violet-clair);
}
.htg-content-simple h2{
    text-align: center;
}
.htg-content-simple .inner{
    max-width: 560px;
    margin: 0 auto;
}
.htg-content-simple .inner img{
    width: 100%;
    height: auto;
    margin: 20px 0;
    display: block;
}
.htg-content-simple p{
    width: 100%;
}
.htg-content-simple .htg-liens{
    width: 100%;
    margin-top: 40px;
    justify-content: flex-start;
    gap: 10px;
}
.htg-content-simple .htg-liens .htg-btn{
    margin: 0;
}




/* Section Certifications */
/** Section Certifications **/
/** Section Certifications **/
.section-certif{
    background-color: white;
    margin: 0;
}
.section-certif .htg-container{
    padding: 0;
}
.section-certif h2{
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px;
}
.section-certif .row-certifs{
    margin: 20px auto;
    max-width: 780px;
    justify-content: center;
    gap: 40px;
}
.section-certif .col-certif{
    width: 250px;
    max-width: 250px;
    min-width: 250px;
    align-self: stretch;
    margin-right: 20px;
}
.section-certif .col-certif img{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100px;
    object-fit: contain;
    margin-bottom: 20px;
}
.section-certif .col-certif p strong{
    color: var(--color-bleu);
}
.slider-certifs .slick-list{
    padding: 0 !important;
}
/* .slider-certifs .slick-track{
    justify-content: center;
    display: flex;
    gap: 30px;
} */
section .slick-dots{
    left: 0;
}


/* Section Etapes */
/** Section Etapes **/
/** Section Etapes **/
.section-etapes{
    background-color: var(--color-violet-clair);
}
.section-etapes .row-item-etapes{
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    gap: 20px;
}
.section-etapes .col-etape-left .inner{
    max-width: 560px;
    margin: 0 auto;
}
.section-etapes .col-etape-right .item-etape {
	width: calc(50% - 20px);
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: white;
	max-width: 250px;
    padding: 10px;
    box-shadow: 0 0 40px #00000010;
}
.section-etapes .col-etape-right .item-etape:nth-child(2),
.section-etapes .col-etape-right .item-etape:nth-child(4){
    position: relative;
    top: -20px;
}
.section-etapes .col-etape-right .item-etape .img-etape{
    min-width: 100px;
    min-height: 100px;
    max-width: 100px;
    max-height: 100px;
    object-fit: contain;
    object-position: center center;
    border-radius: 50%;
    overflow: hidden;
}
.section-etapes .col-number-etape{
    display: block;
    margin: auto auto auto 20px;
    font-size: 70px;
    font-weight: bold;
    color: var(--color-violet-clair);
}
.section-etapes h4{
    margin: 10px 0 10px 0;
}
.section-etapes .col-etape-right .item-etape a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section-etapes .col-etape-right .item-etape .col-img-etape{
    /* margin-left: auto; */
    margin-bottom: 6px;
}
.section-etapes .col-etape-right .item-etape a .col-img-etape{
    position: relative;
}
.section-etapes .col-etape-right .item-etape a .col-img-etape::after{
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--color-vert) url("../svg/arrow.svg") no-repeat center center / 50%;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    transition: transform 0.3s ease-in-out;
}
.section-etapes .col-etape-right .item-etape a:hover .col-img-etape::after{
    transform: rotate(0);
    transition: transform 0.3s ease-in-out;
}
.section-etapes .col-etape-right{
    margin-top: 30px;
}
.section-etapes > .htg-container > .htg-flex-row{
    gap: 40px;
}
.section-etapes .htg-flex-row-invers{
    flex-direction: row-reverse;
}
.section-etapes .htg-liens{
    justify-content: flex-start;
}




.section-services{
    background-color: white;
}
.section-services h2{
    text-align: center;
    margin-bottom: 40px;
}
.section-services .row-services{
    margin: 20px auto;
    max-width: 1400px;
}
.col-left-full{
    background: var(--color-violet-clair) url("../img/bg-serv.png") no-repeat bottom right / 100%;
    padding: 40px;
    max-width: 432px;
    width: 100%;
    min-height: 500px;
}
.col-left-full ul li{
    color: var(--color-bleu);
    font-size: 32px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-family-motive-semi-bold);
}
.col-left-full ul li::before{
    content: "";
    width: 32px;
    height: 1px;
    display: inline-block;
    background-color: var(--color-bleu);
    margin: auto 0;
}
.col-right{
    max-width: 432px;
    width: 100%;
}
.col-right-item img{
    margin-bottom: 20px;
}
.col-right-item[data-color="bleu"]{
    color: white;
    padding: 40px;
    background-color: var(--color-bleu);
}
.col-right-item[data-color="noir"]{
    padding: 40px;
    color: white;
    background-color: var(--color-noir);
}
.section-services .htg-liens {
    justify-content: flex-start;
}

/* Section Gamme */
/** Section Gamme **/
/** Section Gamme **/
.section-gamme{
    background-color: var(--color-violet-clair);
    margin: 0;
}
.section-gamme .htg-container {
    max-width: 1400px;
}
.section-gamme h2{
    text-align: left;
    max-width: 600px;
}
.section-gamme p{
    max-width: 600px;
}
.section-gamme .row-gamme{
    margin: 20px auto;
    justify-content: center;
    gap: 40px;
}
.section-gamme .col-gamme{
    width: 400px;
    background-color: white;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    margin: 0;
    height: auto;
}
.section-gamme .col-gamme a{
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform 0.3s ease-in-out;
    padding-bottom: 40px;
}
.section-gamme .col-gamme a::after{
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--color-vert) url("../svg/arrow.svg") no-repeat center center / 50%;
    transform: rotate(-45deg);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    transition: transform 0.3s ease-in-out;
}
.section-gamme .col-gamme a:hover::after{
    transform: rotate(0);
    transition: transform 0.3s ease-in-out;
}
.section-gamme .col-gamme a:hover{
    transform: translateY(-10px);
    transition: transform 0.3s ease-in-out;
}
.section-gamme .col-gamme:nth-child(odd){
    position: relative;
    top: 40px;
}
.section-gamme .col-gamme h3{
    font-family: var(--font-family-motive-medium);
}
.section-gamme .col-gamme img{
    width: auto;
    max-width: 64px;
    height: auto;
    max-height: 64px;
    object-fit: contain;
    margin-bottom: 40px;
}
/* Slider Gamme */
/** Slider Gamme **/
/** Slider Gamme **/
.slider-gamme{
    padding: 0 10px 0 10px;
}
.slider-gamme .slick-list{
    padding: 40px 0 !important;
}
.slider-gamme .slick-track{
    display: flex;
    align-content: center;
    align-items: center;
    gap: 30px;
}






/* 
section .slick-dots li button::before{
    font-size: 10px;
    color: var(--color-bleu);
}
section .slick-dots li.slick-active button::before{
    color: var(--color-bleu) !important;
    opacity: 1 !important;
} */




/* Slider elements */
/* Slider elements */
/* Slider elements */
section .row-arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
section .row-arrows .slick-prev::before,
section .row-arrows .slick-next::before{
    display: none;
}
section .row-arrows .slick-prev{
    left: 0;
}
section .row-arrows .slick-next{
    right: 0;
}
section .row-arrows .slick-prev,
section .row-arrows .slick-next{
    background-color: var(--color-vert) !important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
}
section .row-arrows .slick-prev{
    transform: scale(-1) translateY(50%);
    transition: transform 0.3s ease-in-out;
}
section .slick-dots {
  display: table;
  width: 100%;
  bottom: -3px;
}
section .slick-dots li {
  display: table-cell;
  height: 3px;
  background: var(--color-violet);
}
section .slick-dots li.slick-active {
  background: var(--color-bleu);
}
section .slick-dots li button,
section .slick-dots li button::before {
  display: none;
}
section .slick-dots{
    bottom: -60px;
    z-index: 10;
}
.wrap-slider-gamme,
.wrap-slider-certifs,
.wrap-slider {
    position: relative;
    padding: 0 20px 0 10px;
}
.wrap-slider-certifs .row-arrows{
    display: none;
}
/* Section Chiffres */
/** Section Chiffres **/
/** Section Chiffres **/
.section-chiffres{
    background-color: white;
}
.section-chiffres .htg-container {
    max-width: 1440px;
}
.section-chiffres .couverture-chiffre{
    max-width: calc(100% - 24px);
    margin: auto;
    margin-bottom: 60px;
}
.section-chiffres .couverture-chiffre img{
    width: 100%;
    height: auto;
    object-fit: cover;
    min-height: 450px;
    object-position: center center;
}
.section-chiffres .htg-flex-row{
    gap: 10px;
    justify-content: flex-start;
}
.section-chiffres .htg-flex-row.chiffres-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    width: calc(100% - 500px);
}
.section-chiffres .col-header{
    max-width: 490px;
}
.section-chiffres .chiffre-item{
    width: calc(50% - 12px);
}
.section-chiffres .chiffre-item h4{
    margin-bottom: 0;
}
.section-chiffres .chiffre-item .title-item{
    display: flex;
    align-items: center;
    gap: 10px;
}
.section-chiffres .chiffre-item .title-item span{
    display: inline-block;
    margin: 0;
    font-family: var(--font-family-motive-medium);
    font-size: 24px;
    line-height: 1.2em;
    text-transform: uppercase;
    color: var(--color-noir);
}
.section-chiffres .chiffre-item .title-item img {
    width: 32px;
    max-width: 32px;
    height: auto;
    max-height: 32px;
    object-fit: contain;
    display: inline-block;
    min-height: 32px;
}
.section-chiffres .chiffre-item .content-item{
    padding-left: 42px;
}



.section-avis{
    background-color: var(--color-violet-clair);
}
.section-avis .col-intro{
    position: relative;
    max-width: 390px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
}
.section-avis .col-intro > div:nth-child(1){
    padding: 40px;
}
.section-avis .col-intro .row-arrows{
    position: unset;
    top: unset;
    transform: unset;
    left: unset;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: unset;
    gap: unset;
    background-color: white;
    padding: 10px;
    border-radius: 30px;
}
.section-avis .col-intro .row-arrows button{
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
}
.section-avis .col-intro .row-arrows button.slick-prev{
    transform: scale(-1);
}
.section-avis .col-intro p{
    position: relative;
    z-index: 1;
}
.section-avis .col-intro::before{
    content: "";
    display: block;
    width: 125px;
    height: 96px;
    background: transparent url("../svg/deco-avis.svg") no-repeat center center / cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.section-avis .htg-flex-row.row-avis{
    margin-top: 60px;
    justify-content: space-between;
}
.section-avis .slider-avis.slick-dotted.slick-slider{
    margin-bottom: 0;
}
.section-avis .wrap-slider-avis{
    width: calc(100% - 470px);
}
.section-avis .wrap-slider-avis .item-avis{
    background-color: white;
    padding: 40px;
    border-radius: 10px;
    margin-right: 20px;
}
.section-avis .wrap-slider-avis .item-avis .inner-avis{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    height: 100%;
}
.section-avis .wrap-slider-avis .item-avis .inner-avis h3{
    font-size: 26px;
}
.section-avis .wrap-slider-avis .item-avis .inner-avis p{
    margin-bottom: 10px;
}
.section-avis .wrap-slider-avis .item-avis .inner-avis img{
    width: 90%;
    height: auto;
    object-fit: contain;
    object-position: center center;
    display: block;
    margin: 40px 0 0 auto;
    object-fit: contain;
    object-position: center center;
    display: block;
    max-width: 160px;
}
.section-avis .wrap-slider-avis .item-avis .inner-avis span{
    display: block;
    margin-bottom: 6px;
    line-height: 1.2em;
    color: var(--color-noir);
    text-align: right;
}
.section-avis .wrap-slider-avis .item-avis .inner-avis span:first-child::before{
    content: "—";
    display: inline-block;
    margin-right: 10px;
    color: var(--color-noir);
}
.section-avis .wrap-slider-avis .item-avis .inner-avis span strong{
    font-weight: bold;
}
.section-avis .slick-track {
    display: flex;
}
.section-avis .slick-track .slick-slide {
    align-self: stretch;
    flex: 1 0 0%;
    margin: 0 20px 0 0;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    height: auto;
}
.section-avis .row-arrows.display-mobile{
    display: none;
}
.section-avis .slick-dots {
    bottom: 24px;
    z-index: 10;
    width: calc(100% - 130px);
    left: 50%;
    transform: translateX(-50%);
}
.section-avis .row-dots.display-mobile{
    display: none;
}
.section-avis-timeline .slick-track .slick-slide{
    min-height: 500px;
}
.section-avis .wrap-slider-avis .item-avis .inner-avis ul{
    list-style: none;
}
.section-avis .wrap-slider-avis .item-avis .inner-avis ul li::before{
    content: "•";
    display: inline-block;
    margin-right: 10px;
    color: var(--color-noir);
}




.section-couverture-couleur .htg-flex-row{
    gap: 10px;
    justify-content: center;
}
.section-couverture-couleur .htg-flex-row .col-image{
    width: calc(100% - 520px);
    overflow: hidden;
    max-height: 600px;
    min-height: 600px;
    position: relative;
}
.section-couverture-couleur .htg-flex-row .col-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.section-couverture-couleur .htg-flex-row .col-content{
    background-image: url("../svg/deco-couverture-couleur.svg");
    background-size: 270px;
    background-position: right top;
    background-repeat: no-repeat;
    width: 500px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: auto;
}
.section-couverture-couleur .htg-flex-row .col-content h1{
    margin-bottom: 20px;
}
.section-couverture-couleur .htg-flex-row .col-content *{
    width: 90%;
    max-width: 450px;
}
.section-couverture-couleur .htg-flex-row .col-content img{
    width: 90%;
    max-width: 250px;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 20px 0;
}




/** Section Bullet **/
/** Section Bullet **/
.section-bullet .htg-container{
    max-width: 1440px;
}
.section-bullet .htg-container > .htg-flex-row{
    gap: 50px;
    justify-content: space-between;
}
.section-bullet .col-content{
    width: 100%;
    max-width: 450px;
}
.section-bullet .col-content img{
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 0 20px 0;
    max-height: 100px;
}
.section-bullet .col-bullet{
    width: calc(100% - 540px);
    max-width: 100%;
    padding: 40px;
    background-color: var(--color-violet-clair);
    background-image: url("../img/bg-serv.png");
    background-size: auto;
    background-position: bottom right;
    background-repeat: no-repeat;
}
.section-bullet .col-bullet ul li{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    margin-bottom: 30px;
}
.section-bullet .col-bullet ul li h3{
    margin-bottom: 0;
    color: var(--color-bleu);
    display: flex;
    gap: 10px;
}
.section-bullet .col-bullet ul li p{
    margin-bottom: 0;
    padding-left: 42px;
}
.section-bullet .col-bullet ul li p a{
    color: var(--color-noir);
    text-decoration: underline;
    transition: var(--transition-fast);
}
.section-bullet .col-bullet ul li p a:hover{
    color: var(--color-bleu);
    transition: var(--transition-fast);
}
.section-bullet.bullet-reverse .col-content img{
    margin-bottom: 20px;
    width: auto;
    max-height: 180px;
    object-fit: contain;
}


/** Section Video **/
/** Section Video **/
.section-video h2{
    text-align: center;
    margin-bottom: 40px;
}
.section-video .wrap-video{
    max-width: 1070px;
    margin: auto;
    position: relative;
}
.section-video .wrap-video a:hover span{
    transform: translate(-50%, -50%) scale(1.1);
    transition: var(--transition-fast);
}
.section-video .wrap-video a:hover img{
    opacity: 0.8;
    transition: var(--transition-fast);
}
.section-video .wrap-video span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent url("../svg/ico-play.svg") no-repeat center center / cover;
    width: 100px;
    height: 100px;
    display: block;
    cursor: pointer;
    z-index: 10;
    pointer-events: none;
    transition: var(--transition-fast);
}
.section-video img{
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center center;
    aspect-ratio: 16/9;
    display: block;
    transition: var(--transition-fast);
}


/** Section Images **/
/** Section Images **/
.section-images{
    padding-bottom: 10px;
}
.section-images .htg-flex-row{
    gap: 0;
    justify-content: space-between;
}
.section-images .col-image-1{
    width: calc(60% - 5px);
    align-self: stretch;
}
.section-images .col-image-2{
    width: calc(40% - 5px);
    align-self: stretch;
}
.section-images .col-image-1 img,
.section-images .col-image-2 img{
    width: 100%;
    height: 100%;
    min-height: 350px;
    object-fit: cover;
    object-position: center center;
    display: block;
}
.section-images .col-image-1,
.section-images .col-image-2{
    position: relative;
}

/** Section Cartes **/
/** Section Cartes **/
.section-cartes .htg-header-cartes{
    gap: 50px;
}
.section-cartes .col-content{
    width: 100%;
    max-width: 570px;
}
.section-cartes .col-content img {
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 0 4px 0;
    max-height: 64px;
}
.section-cartes .col-cards{
    width: calc(100% - 500px);
    max-width: 570px;
}
.section-cartes .row-cartes{
    gap: 20px;
    margin-top: 40px;
}
.section-cartes .row-cartes > .col-card {
    width: 100%;
    background-color: var(--color-violet-clair);
    padding: 48px;
    color: var(--color-noir);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.section-cartes .row-cartes>.col-card::before{
    content: "";
    background-image: url("../svg/deco-couverture-couleur.svg");
    background-size: 270px;
    background-position: right top;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.section-cartes .row-cartes>.col-card ul{
    margin-bottom: 20px;
    padding-left: 20px;
}
.section-cartes .row-cartes>.col-card .htg-btn{
    margin-top: 20px;
}
.section-cartes .row-cartes>.col-card[data-color="noir"]{
    background-color: var(--color-noir);
    color: white;
}
.section-cartes .row-cartes>.col-card[data-color="noir"] h3{
    color: var(--color-vert);
}
.section-cartes .row-cartes>.col-card[data-color="bleu"]{
    background: #1D11BB;
    background: -webkit-linear-gradient(to top, #5044EE, #1D11BB);
    background: linear-gradient(to top, #5044EE, #1D11BB);
    color: white;
}
.section-cartes .row-cartes>.col-card[data-color="vert"]{
    background-color: var(--color-vert);
    color: white;
}
/* Si exactement 2 col-card : width 50% pour chaque */
.section-cartes .row-cartes:has(> .col-card:nth-child(2):last-child) > .col-card {
    width: calc(50% - 10px);
}
/* Si exactement 3 col-card : 1er en 100%, 2 et 3 en 50% */
.section-cartes .row-cartes:has(> .col-card:nth-child(3):last-child) > .col-card:nth-child(1) {
    width: calc(50% - 10px);
}
.section-cartes .row-cartes:has(> .col-card:nth-child(3):last-child) > .col-card:nth-child(2){
    width: calc(50% - 10px);
}
.section-cartes .row-cartes:has(> .col-card:nth-child(3):last-child) > .col-card:nth-child(3){
    width: 100%;
}



/** Overlay **/
/** Overlay **/
.htg-overlay{
    position: relative;
}
.overlay-bleu::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-bleu);
    mix-blend-mode: color;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.overlay-vert::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-vert);
    mix-blend-mode: color;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.overlay-violet::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-violet);
    mix-blend-mode: color;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/** Section Mini Menu **/
/** Section Mini Menu **/
.section-minimenu .htg-flex-row{
    gap: 20px;
}
.section-minimenu .htg-flex-row ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.section-minimenu .htg-flex-row ul li a{
    display: inline-block;
    margin: 0;
    background-color: transparent;
    border: 1px solid var(--color-bleu);
    color: var(--color-bleu);
    padding: 6px 20px;
    border-radius: 30px;
    text-decoration: none;
    transition: var(--transition-fast);
    text-align: center;
}
.section-minimenu .htg-flex-row ul li.current-menu-item a,
.section-minimenu .htg-flex-row ul li a:hover{
    background-color: var(--color-bleu);
    color: #fff;
    transition: var(--transition-fast);
}


/** Section banner **/
/** Section banner **/
.section-banner{
    position: relative;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.section-banner::before {
    content: "";
    background-image: url("../svg/deco-couverture-couleur.svg");
    background-size: 270px;
    background-position: right 40px;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.section-banner[data-color="noir"]{
    background-color: var(--color-noir);
    color: white;
}
.section-banner[data-color="bleu"]{
    background-color: var(--color-bleu);
    color: white;
}
.section-banner[data-color="bleu"] .inner a::after{
    background-color: white;
}
.section-banner[data-color="vert"]{
    background-color: var(--color-vert);
    color: var(--color-noir);
}
.section-banner[data-color="violet"] {
    background-color: var(--color-violet);
    color: var(--color-noir);
}
.section-banner .inner{
    max-width: 100%;
}
.section-banner .inner a{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: auto 0;
    padding: 60px 40px;
    position: relative;
}
.section-banner .inner a::after {
    content: "";
    background-image: url("../svg/arrow.svg");
    background-color: var(--color-vert);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    bottom: 40px;
    right: 40px;
    transform: translateY(-50%);
    z-index: 10;
    transition: var(--transition-fast);
}
.section-banner .inner a:hover::after {
    transform: translateY(-50%) rotate(-20deg);
}
.section-banner .inner img{
    max-width: 220px;
    height: auto;
    display: block;
    object-fit: contain;
}
.section-banner .inner h3{
    margin-bottom: 0;
    max-width: 600px;
}

/** Section Post Gamme **/
/** Section Post Gamme **/
.section-post-gamme .htg-flex-row{
    gap: 50px;
    justify-content: center;
}
.section-post-gamme .col-content{
    width: 100%;
    max-width: 500px;
    padding: 40px;
    background-color: var(--color-violet-clair);
    position: sticky;
    top: 100px;
    background-image: url("../svg/deco-couverture-couleur.svg");
    background-size: 250px;
    background-position: right 120%;
    background-repeat: no-repeat;
    align-self: flex-start;
}
.section-post-gamme .col-post{
    width: calc(100% - 570px);
}
.section-post-gamme .col-content .tri-item{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
.section-post-gamme .col-content .tri-item button.active,
.section-post-gamme .col-content .tri-item button:hover{
    background-color: var(--color-bleu);
    color: white;
}
.section-post-gamme .col-content .adresse{
    margin-top: 70px;   
}
.section-post-gamme .col-post .post-item{
    scroll-margin-top: 100px;
}
.section-post-gamme .col-post .post-item h4{
    color: var(--color-bleu);
    margin: 20px 0 4px 0;
    background-color: #ffffff;
    position: relative;
    padding: 0 20px 0 0;
    z-index: 2;
}
.section-post-gamme .col-post .post-item .title{
    position: relative;
    background-color: #ffffff;
    display: flex;
}
.section-post-gamme .col-post .post-item .title::before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--color-bleu);
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 0;
}
.section-post-gamme .col-post .post-item ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 20px;
}
.section-post-gamme .col-post .post-item{
    position: relative;
    overflow: hidden;
    padding-bottom: 40px;
}
.section-post-gamme .col-post a.top-cate{
    position: absolute;
    bottom: 0px;
    right: 30px;
    width: auto;
    padding: 10px 20px;
    z-index: 1;
    background-color: var(--color-bleu);
    border-radius: 30px;
    display: none;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}
#cate{
    scroll-margin-top: 100px;
}
.section-post-gamme .col-post .post-item ul li{
    color: #000000;
}
.section-post-gamme .col-post .post-item ul li strong{
    display: block;
    margin-bottom: 4px;
    font-weight: 700;
}

footer > .htg-container{
    max-width: 100%;
    padding: 0 20px;
}
footer > .htg-container > .htg-flex-row{
    gap: 20px;
}
footer .col-left,
footer .col-right{
    width: 100%;
    max-width: calc(50% - 10px);
    padding: 60px;
}
footer .col-left{
    background-color: var(--color-bleu);
}
footer .col-left .htg-flex-row{
    gap: 20px;
    justify-content: space-between;
}
footer .col-left .htg-flex-row div{
    width: 100%;
    max-width: calc(50% - 10px);
}
footer .col-left .htg-flex-row ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
footer .col-left .htg-flex-row ul li,
footer .col-left .htg-flex-row ul li a{
    font-size: 18px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 600;
}
footer .col-left p{
    color: #ffffff;
}
footer .col-left img{
    margin-bottom: 50px;
}
footer .col-right{
    background-color: var(--color-vert);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
footer .col-links ul li a{
    text-transform: uppercase;
}
footer .col-left .htg-mentions{
    margin-top: 80px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
footer .col-left .htg-mentions a{
    color: white;
    font-size: 14px;
    line-height: 1.2em;
    font-family: var(--font-family-primary);
}
footer .col-left .htg-mentions a:hover{
    text-decoration: underline;
}
footer .col-right .col-content{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 10px;
}
footer .col-right .col-content a{
    margin: 0;
    text-align: right;
}
footer .col-right .col-content a.htg-btn-blanc{
    color: var(--color-noir);
}
footer .col-right .col-content a.htg-btn-bleu:hover{
    background-color: var(--color-bleu-dark);
    color: white;
}
footer .col-right .col-content .social{
    background-color: white;
    padding: 10px 20px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
footer .copyright{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}
footer .copyright p{
    font-size: 14px;
}
footer .copyright p a{
    color: var(--color-bleu);
}
footer .copyright p a:hover{
    text-decoration: underline;
}



/** Section Formulaire **/
/** Section Formulaire **/
.section-formulaire .htg-flex-row{
    gap: 100px;
    flex-direction: row-reverse;
    justify-content: center;
    max-width: 1200px;
    margin: auto;
}
.section-formulaire .col-etape-left{
    width: 100%;
    max-width: calc(100% - 600px);
    background-image: url("../img/bg-form.png");
    background-size: auto;
    background-position: bottom right;
    background-repeat: no-repeat;
}
.section-formulaire .col-etape-right{
    width: 100%;
    max-width: 500px;
    margin-top: -20px;
}
.section-formulaire div.wpforms-container-full .wpforms-field-label-inline,
.section-formulaire .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline{
    color: var(--color-noir);
}
/* .wpforms-field-label {
    transform: translate(10px, 35px);
    margin-bottom: 5px !important;
    transition: var(--transition-fast);
}
div.wpforms-container-full .wpforms-field:focus-within > .wpforms-field-label,
.wp-core-ui div.wpforms-container-full .wpforms-field:focus-within > .wpforms-field-label,
div.wpforms-container-full .wpforms-field:has(input:not(:placeholder-shown)) > .wpforms-field-label,
div.wpforms-container-full .wpforms-field:has(textarea:not(:placeholder-shown)) > .wpforms-field-label,
div.wpforms-container-full .wpforms-field:has(input:-webkit-autofill) > .wpforms-field-label,
div.wpforms-container-full .wpforms-field:has(select option:checked:not([value=""])) > .wpforms-field-label,
.wp-core-ui div.wpforms-container-full .wpforms-field:has(input:not(:placeholder-shown)) > .wpforms-field-label,
.wp-core-ui div.wpforms-container-full .wpforms-field:has(textarea:not(:placeholder-shown)) > .wpforms-field-label,
.wp-core-ui div.wpforms-container-full .wpforms-field:has(input:-webkit-autofill) > .wpforms-field-label,
.wp-core-ui div.wpforms-container-full .wpforms-field:has(select option:checked:not([value=""])) > .wpforms-field-label {
    transform: translate(10px, 0);
    transition: var(--transition-fast);
}
.wpforms-container .wpforms-field,
.wp-core-ui div.wpforms-container .wpforms-field {
    padding: 5px 0;
} */
.section-formulaire .div.wpforms-container-full input[type="date"],
.section-formulaire div.wpforms-container-full input[type="datetime"],
.section-formulaire div.wpforms-container-full input[type="datetime-local"],
.section-formulaire div.wpforms-container-full input[type="email"],
.section-formulaire div.wpforms-container-full input[type="month"],
.section-formulaire div.wpforms-container-full input[type="number"],
.section-formulaire div.wpforms-container-full input[type="password"],
.section-formulaire div.wpforms-container-full input[type="range"],
.section-formulaire div.wpforms-container-full input[type="search"],
.section-formulaire div.wpforms-container-full input[type="tel"],
.section-formulaire div.wpforms-container-full input[type="text"],
.section-formulaire div.wpforms-container-full input[type="time"],
.section-formulaire div.wpforms-container-full input[type="url"],
.section-formulaire div.wpforms-container-full input[type="week"],
.section-formulaire div.wpforms-container-full select,
.section-formulaire div.wpforms-container-full textarea,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="date"],
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="datetime"],
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="datetime-local"],
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="email"],
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="month"],
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="number"],
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="password"],
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="range"],
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="search"],
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="tel"],
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="text"],
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="time"],
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="url"],
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="week"],
.section-formulaire .wp-core-ui div.wpforms-container-full select,
.section-formulaire .wp-core-ui div.wpforms-container-full textarea{
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: solid 1px var(--color-noir);
    border-radius: 0;
}
.section-formulaire div.wpforms-container-full input[type="date"]::placeholder,
.section-formulaire div.wpforms-container-full input[type="datetime"]::placeholder,
.section-formulaire div.wpforms-container-full input[type="datetime-local"]::placeholder,
.section-formulaire div.wpforms-container-full input[type="email"]::placeholder,
.section-formulaire div.wpforms-container-full input[type="month"]::placeholder,
.section-formulaire div.wpforms-container-full input[type="number"]::placeholder,
.section-formulaire div.wpforms-container-full input[type="password"]::placeholder,
.section-formulaire div.wpforms-container-full input[type="range"]::placeholder,
.section-formulaire div.wpforms-container-full input[type="search"]::placeholder,
.section-formulaire div.wpforms-container-full input[type="tel"]::placeholder,
.section-formulaire div.wpforms-container-full input[type="text"]::placeholder,
.section-formulaire div.wpforms-container-full input[type="time"]::placeholder,
.section-formulaire div.wpforms-container-full input[type="url"]::placeholder,
.section-formulaire div.wpforms-container-full input[type="week"]::placeholder,
.section-formulaire div.wpforms-container-full select::placeholder,
.section-formulaire div.wpforms-container-full textarea::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="date"]::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="datetime"]::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="datetime-local"]::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="email"]::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="month"]::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="number"]::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="password"]::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="range"]::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="search"]::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="tel"]::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="text"]::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="time"]::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="url"]::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full input[type="week"]::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full select::placeholder,
.section-formulaire .wp-core-ui div.wpforms-container-full textarea::placeholder{
    color: var(--color-bleu) !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}
.section-formulaire div.wpforms-container-full .wpforms-confirmation-container-full,
.section-formulaire div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #e0ffc7;
    border: 1px solid #b4d39b;
    box-sizing: border-box;
    background: var(--color-vert);
    border: 1px solid var(--color-vert);
    box-sizing: border-box;
    color: var(--color-noir);
    font-weight: 600;
    font-family: var(--font-family-primary);
    padding: 40px 20px;
    border-radius: 10px;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    font-size: 18px;
    line-height: 1.2em;
}



.rank-math-breadcrumb{
    padding: 10px 10px 0 10px;
}
.rank-math-breadcrumb p a{
    color: var(--color-bleu);
    text-decoration: none;
    font-weight: 400;
}
.rank-math-breadcrumb p a:hover{
    color: var(--color-bleu-dark);
    text-decoration: underline;
}
.rank-math-breadcrumb p{
    color: var(--color-noir);
}