:root {
    --small-margin: 40px;
    --medium-margin: 70px;
    --ltspace: 70px;
    --mdspace: 130px;
    --bigspace: 180px;
    --side-base: 7vw;
    --lrg-right-column: 30vw;
    --htr-angle: 225px;
    --lrg-angle: 168px;
    --marge-bloc: 120px;
    --Noir: #020815;
    --Blanc: #FFFFFF;
    --MW-Bleu: #007DBC;
    --MW-Bleu-Clair: #1CA0E3;
    --Beige: #EBE5DB;
    --Gris: #676B73;
    --Gris-Fonce: #393E4A;
    --Img-Color: #0084FF;
    /*--Img-Color: #FF4400;*/
    /*--Img-Color: #00FFC3;*/
}

html{
    margin-top: 0 !important;
}

::selection {
    background-color: var(--MW-Bleu-Clair);
    color: var(--Blanc);
}

/* Firefox */
::-moz-selection {
    background-color: var(--MW-Bleu-Clair);
    color: var(--Blanc);
}

/* width */
::-webkit-scrollbar {
    width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--Noir);
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--Noir);
    width: 2px;
}
body{
    background: var(--Beige);
}
#container{
    background: var(--Beige);
    padding: 0;
    min-height: unset;
}
* {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 300;
}

/*choix site*/

.site_ch{}

.site_fr{
    --Noir: #2B0A0F;
    --Blanc: #FFFFFF;
    --MW-Bleu: #BC3D09;
    --MW-Bleu-Clair: #BC3D09;
    --Beige: #EBE5DB;
    --Gris: #676B73;
    --Gris-Fonce: #393E4A;
    --Img-Color: #F40;
}

.site_at{
    --Noir: #042321;
    --Blanc: #FFFFFF;
    --MW-Bleu: #008180;
    --MW-Bleu-Clair: #008180;
    --Beige: #EBE5DB;
    --Gris: #676B73;
    --Gris-Fonce: #393E4A;
    --Img-Color: #00CCCA;
}

/*textes*/

h1{
    font-size: 50px;
    font-style: normal;
    font-weight: 300;
    line-height: 118%;
    color: var(--Blanc);
}

h2{
    font-size: 42px;
    font-style: normal;
    font-weight: 300;
    color: var(--Noir);
    line-height: 118%;
    margin: 0 0 30px;
}

h3{
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
    color: var(--Noir);
}

p, a, li{
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 135%;
    color: var(--Noir);
}

p, ul, ol{
    margin: 25px 0;
}

strong{
    font-weight: 500;
}

.fonce_claire p, .fonce_claire a, .fonce_claire a:visited,.fonce_claire li,.fonce_claire h1, .fonce_claire h2, .fonce_claire h3, .fonce_claire h4, .fonce_claire div{
    color: var(--Blanc);
}

.claire_fonce p, .claire_fonce a, .claire_fonce a:visited,.claire_fonce li,.claire_fonce h1, .claire_fonce h2, .claire_fonce h3, .claire_fonce h4, .claire_fonce div{
    color: var(--Noir);
}

.claire_fonce a, .claire_fonce .textes a:visited{
    color: var(--MW-Bleu);
}

    /*
        base composants
    */

/* super position */

.super_pose{
    display: grid;
}

.super_pose>div, .super_pose>img, .super_pose>a, .super_pose>ul{
    grid-area: 1 / 1;
}

.super_pose>div{
    z-index: 1;
}

.super_pose>img, .super_pose>.img_vdo, .super_pose .swiper{
    z-index: 0;
}

.contenu_on_semi{
    margin: auto var(--side-base) 0;
    width: calc(50% - var(--side-base));
}


/* image et video */

.img_vdo{
    width: 100%;
    height: 100svh;
    position: relative;
}

.img_vdo::after{
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2, 8, 21, 0.00) 0%, rgba(2, 8, 21, 0.60) 76.44%) , var(--Img-Color);
    background-blend-mode: normal, hard-light;

    /* pour que l’effet se mélange avec l’image */
    mix-blend-mode: overlay;
    opacity: 0.6;

    pointer-events: none;
}

.img_vdo a{
    display: flex;
    height: 100%;
    pointer-events: none;
}

.docs_tutos-template-default .img_vdo a{
    pointer-events: auto;
}

.img_vdo video, .img_vdo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: grayscale(78%) brightness(90%) contrast(100%);
    -webkit-filter: grayscale(78%) brightness(90%) contrast(100%);
    -moz-filter: grayscale(78%) brightness(90%) contrast(100%);
}

.sans_filtre .img_vdo::after{
    display: none;
}

.sans_filtre .img_vdo video, .sans_filtre .img_vdo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: unset;
    -webkit-filter: unset;
    -moz-filter: unset;
}

/*.filtre_leger .img_vdo::after{*/
/*    background: linear-gradient(180deg, rgba(2, 8, 21, 0.00) 0%, rgba(2, 8, 21, 0.60) 76.44%) , var(--Img-Color);*/
/*    background-blend-mode: normal, hard-light;*/

/*    !* pour que l’effet se mélange avec l’image *!*/
/*    mix-blend-mode: overlay;*/
/*    opacity: 0.6;*/

/*    pointer-events: none;*/
/*}*/

/*.filtre_leger  .img_vdo video, .filtre_leger  .img_vdo img{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*    object-position: center;*/
/*    filter: grayscale(78%) brightness(114%) contrast(100%);*/
/*    -webkit-filter: grayscale(78%) brightness(114%) contrast(100%);*/
/*    -moz-filter: grayscale(78%) brightness(114%) contrast(100%);*/
/*}*/

.swiper{
    max-width: 100%;
}

.base_btn{
    padding: 14px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--Gris);
    width: fit-content;
    gap: 40px;
}
.big_btn{
    padding: 22px 25px 22px 33px;
    width: 100%;
}

.base_btn.dev_spe {
    padding: 25px;
    align-items: flex-end;
    cursor: pointer;
    width: auto;
}

.base_btn.dev_spe:hover svg{
    transform: scale(0.8);
}

.base_btn:hover{
    background-color: rgba(0, 0, 0, 0.1);;
}

.fonce_claire .base_btn:hover{
    background-color: rgba(255, 255, 255, 0.1);
}

.base_btn.dev_spe.small_plus:hover svg{
    transform: scale(1.3);
}


.base_btn>div{
    flex: 1;
}

.base_btn.dev_spe>div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}


.base_btn span{
    flex: 1;
    color: var(--Noir);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%; /* 22.95px */
    text-transform: uppercase;
}

.base_btn span>span{
    font-weight: 300;
}

.base_btn.dev_spe span{
    flex: unset;
}

.base_btn p{
    color: var(--Noir);
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 135%; /* 22.95px */
    margin: 3px 0 5px;
}

.base_btn>svg{
    flex: 0 0 auto;
}

.base_btn path{
    stroke: var(--MW-Bleu);
}

.base_btn:hover{
    border: 1px solid var(--Noir);
}

.module .base_btn, .popup_contenu .base_btn{
    margin-top: 18px;
    margin-bottom: 18px;
}

.fonce_claire .base_btn{
    border: 1px solid rgba(255, 255, 255, 0.60);
}

.fonce_claire .base_btn span, .fonce_claire .base_btn p{
    color: var(--Blanc);
}

.fonce_claire .base_btn path{
    stroke: var(--Blanc);
}

.fonce_claire .base_btn:hover{
    border: 1px solid var(--Blanc);
}

.claire_fonce .base_btn{
    border: 1px solid var(--Gris);
}

.claire_fonce .base_btn span, .claire_fonce .base_btn p{
    color: var(--Noir);
}

.claire_fonce .base_btn path{
    stroke: var(--MW-Bleu);
}

.claire_fonce .base_btn:hover{
    border: 1px solid var(--Noir);
}

.to_right:hover svg{
    transform: translateX(30%);
}

.to_left:hover svg{
    transform: translateX(-30%);
}

.to_bottom:hover svg{
    transform: translateY(40%);
}

.to_telecharge:hover svg path:first-child, .to_telecharge:hover svg path:nth-child(2){
    transform: translateY(16%);
}

.mange_bas_droit{
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--htr-angle)), calc(100% - var(--lrg-right-column)) calc(100% - var(--htr-angle)), calc(100% - var(--lrg-right-column) - var(--lrg-angle)) 100%, 0 100%);
}

.mange_haut_droit{
    clip-path: polygon(0 var(--htr-angle),  calc(100% - var(--lrg-right-column) - var(--lrg-angle)) var(--htr-angle), calc(100% - var(--lrg-right-column)) 0, 100% 0, 100% 100%, 0 100%);
}

.mange_haut_gauche{
    clip-path: polygon(0 0,  calc(100% - var(--lrg-right-column) - var(--lrg-angle)) 0, calc(100% - var(--lrg-right-column)) var(--htr-angle), 100% var(--htr-angle), 100% 100%, 0 100%);
}


.bloc_bleu{
    margin-top: calc(0px - var(--htr-angle) - 1px) ;
}

.contenu_droit.mange_haut_droit .cote_gauche{
    padding-top: calc(var(--htr-angle));
}

.contenu_droit.mange_haut_droit .cote_droit a{
    margin: auto 0 0 0;
}

.contenu_droit.mange_haut_droit .cote_droit a:last-of-type{
    margin-bottom: 25px;
}

.contenu_droit.cote_gauche_invisible .cote_gauche{
    padding-top: 0;
}

/*.avant_mange_haut_gauche .cote_gauche{*/
/*    padding-bottom: calc( var(--htr-angle) + 100px);*/
/*}*/

.avant_mange_haut_gauche.etape_avec_image{
    margin-bottom: calc( var(--htr-angle) + 100px);
}

section.avant_mange_haut_droit>.cote_droit, .news-page.avant_mange_haut_droit{
    padding-bottom: calc( var(--htr-angle));
}

.mange_haut_gauche.avant_mange_haut_droit .cote_droit{
    padding-bottom: 0;
}

.mange_haut_gauche.avant_mange_haut_droit{
    padding-bottom: var(--htr-angle);
}

/*.module.avant_mange_haut_droit{*/
/*    padding-left: var(--side-base);*/
/*}*/

.marge_cote_none.avant_mange_haut_droit{
    padding-bottom: calc(var(--htr-angle) + 20px);
}


.module.no_marge_cote + .module, .module.bloc_noir.colonne_2 + .module{
    padding-top: 111px;
}


.module.big_marge_left.big_marge_right.avant_mange_haut_droit{
    padding-bottom: calc(120px + var(--htr-angle));
}


.cote_droit .base_btn{
    margin: 0;
}

/* point carre */


.point_carre_noir{
    display: flex;
}

.point_carre_noir>div:first-child{
    height: 11px;
    width: 11px;
    background-color: var(--Noir);
    margin: 2px 14px 0 0;
}

.point_carre_noir>span {
    font-size: 16px;
    color: var(--Noir);
    font-weight: 400;
    text-transform: uppercase;
}

.point_carre_blanc>div:first-child{
    background-color: var(--Blanc);
}

.point_carre_blanc>span {
    color: var(--Blanc);
}


/* svg color */

.share-buttons a svg path, .share-buttons button svg path, .titre_news .to_left svg path, .to_left svg path, .double_row path, .chronologie_entreprise  .fleche_swp path, .swiper_temps_fort  .fleche_swp path, .news-list  .fleche_swp path  {
    stroke: var(--MW-Bleu);
}

/********************************/


/* header */

#header{
    background-color: var(--Noir);
    padding: 0px var(--side-base);
    height: fit-content;
    position: fixed;
}

#menu .menu{
    gap: 20px;
    margin: 0;
    align-items: stretch;
}


#menu .menu>li{
    height: auto;
    padding: 19px 0px;
    cursor: pointer;
    height: 78px;
}

.home #header{
    background-color: rgba(2, 8, 21, 0);
}
.home #menu .menu>li{
    padding: 45px 0px;
    height: auto;
    display: flex;
    align-items: center;
}

.home #header #logo{
    width: 356px ;
}

#menu .menu>li>a{
    margin: 0;
    color: var(--Blanc);
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

#menu .menu>li:hover>a{
    color: var(--MW-Bleu-Clair);
}

#menu .menu>li:hover>a path{
    stroke: var(--MW-Bleu-Clair);
}

.has_submenu>a{
    display: flex;
    align-items: center;
    gap: 9px;
    pointer-events: none;
}

.has_submenu>a>.submenu-arrow{
    height: fit-content;
}

.menu-separator{
    display: flex;
    height: auto;
    align-items: center;
}


.sub-menu{
    position: absolute;
    padding: 80px var(--side-base);
    top: 100%;
    background: var(--Noir);
    left: 0;
    right: 0;
    border-top: 1px solid var(--Gris-Fonce);
    border-bottom: 1px solid var(--Gris-Fonce);
    pointer-events: none;
    opacity: 0;
}

.sub-menu::after {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(2,8,21,0.8);
    z-index: -1;
    pointer-events: none;
}


.has_submenu:hover > .sub-menu {
    opacity: 1;
    pointer-events: auto;
    margin: 0;
}

.home #header:has( .has_submenu:hover) {
    background-color: var(--Noir);
}

.mega-menu{
    display: flex;
    gap: 7%;
}

.mega-menu-left{
    width: 38%;
}


.mega-menu-right{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    /*gap: 36px;*/
    margin: 0;
}
.mega-menu-right>li a{
    padding-bottom: 36px;
}
.mega-menu-right>li:last-child a{
    padding-bottom: 0;
}
.menu .img_vdo{
    height: 100%;
}
.mega-menu-right a{
    color: var(--Blanc);
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 135%; /* 27px */
    text-transform: uppercase;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mega-menu-right a, .mega-menu-right a span, .mega-menu-right img, .mega-menu-right a svg{
    transition: 0.2s ease-out;
}

.mega-menu-right a .icon_color {
    height: 53px;
    display: flex;
    aspect-ratio: 1 / 1;
}

#menu .textes_menu{
    display: flex;
    flex-direction: column;
    margin: auto auto auto 5%;
    width: fit-content;
}

.is-produit .mega-menu-right a span.texte_lien_submenu {
    font-weight: 500;
}

.mega-menu-right a span.texte_lien_submenu {
    max-width: 345px;
}

.mega-menu-right a span.texte_desc_submenu{
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    text-transform: none;
    margin-right: 10px;
}

.mega-menu-right a .double_row{
    transform: translateX(-10px);
    opacity: 0;
}

.mega-menu-right a .icon_color svg{
    height: 50px;
    width: 50px;
}

.mega-menu-right a .icon_color svg path{
    stroke: var(--Blanc);
}

.mega-menu-right a:hover .icon_color path{
    stroke: var(--MW-Bleu-Clair);
    /*fill: var(--MW-Bleu-Clair);*/
}

.mega-menu-right a.produits:hover .icon_color path{
    fill: var(--MW-Bleu-Clair) !important;
}

.mega-menu-right a:hover{
    color: var(--MW-Bleu-Clair);
}

.mega-menu-right a:hover .double_row{
    transform: translateX(0);
    opacity: 1;
}


#menu .menu>.current_page_item>a {
    color: var(--Blanc);
    opacity: 0.6;
}


#close-bar1, #close-bar2, #close-bar3 {
    display: block;
    position: absolute;
    background-color: var(--Blanc);
    width: 100%;
    height: 1px;
}

#menu .menu-icon {
    width: 26px;
    height: 18px;
}


.produit_chapeau .img_vdo {
    /*height: 140svh;*/
}
.single-services .produit_chapeau .img_vdo{
    height: 140svh;
}

/********
Pages
**/

/* Accueil */

.accueil_1{
    background-color: var(--Noir);
    width: 100%;
    height: 88svh;
    display: grid;
}

.accueil_1 .img_vdo{
    height: 88svh;
    width: auto;
    max-width: 100vw;
    aspect-ratio:  100 / 76;
    margin: 0 0 0 auto;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 60% 100%, 0 0);
    position: relative;
}

/* pseudo-élément pour le dégradé */
.accueil_1 .img_vdo::before, .ombre .img_vdo::before  {
    content: "";
    position: absolute;
    inset: 0; /* top:0; left:0; right:0; bottom:0; */
    background: linear-gradient(180deg, rgba(0,0,0,0.5) 17.42%, rgba(0,0,0,0) 35.15%);
    z-index: 1; /* devant l'image */
    pointer-events: none; /* pour ne pas bloquer les interactions */
    clip-path: inherit; /* si tu veux que le gradient ait la même forme que l'image */
}

.ombre_1 .img_vdo::before {
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 17.42%, rgba(0,0,0,0) 35.15%);
}


.ombre_2 .img_vdo::before {
    background: linear-gradient(300deg, rgba(0,0,0,0.5) 17.42%, rgba(0,0,0,0) 35.15%);
}

.ombre_3 .img_vdo::before {
    background: linear-gradient(120deg, rgba(0,0,0,0.5) 17.42%, rgba(0,0,0,0) 35.15%);
}

.ombre_4 .img_vdo::before {
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 17.42%, rgba(0,0,0,0) 35.15%), linear-gradient(180deg, rgba(0,0,0,0.5) 17.42%, rgba(0,0,0,0) 35.15%);
}



.accueil_1 .contenu_on_semi {
    width: 50%;
}

.accueil_1 .contenu_on_semi h1{
    font-size: 60px;
}

.accueil_1 .contenu_on_semi .produits_list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 35px 24px;
    margin-top: 60px;
}

.accueil_1 .contenu_on_semi .produits_list .produit_item{
    display: flex;
    align-items: center;
    gap: 13px;
}

.accueil_1 .contenu_on_semi .produits_list svg{
    max-width: 33px;
    max-height: 32px;
    min-width: 28px;
    min-height: 27px;
}

.accueil_1 .contenu_on_semi .produits_list .produit_title{
    color: var(--Blanc);
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    width: fit-content;
    white-space: nowrap;
}


.accueil_2{
    background-color: var(--Noir);
    color: var(--Blanc);
    padding: 170px var(--side-base) 120px;
    position: relative;
    overflow: hidden;
}

.accueil_2>svg{
    position: absolute;
    /*left: 0;*/
    /*transform: translateX( -50%);*/
    right: calc(100vw - 7vw - var(--side-base));

}

.accueil_2>div{
    max-width: 776px;
    margin: auto;
}

.accueil_2>div h2 {
    line-height: 118%;
    font-size: 50px;
}

.accueil_3 h2{
    margin: 60px var(--side-base);
    color: var(--Blanc);
    font-size: 50px;
    max-width: 600px;
}


.accueil_3 .swiper_etapes{
    width: 100%;
}


.bloc_etapes{
    margin: auto var(--side-base) 70px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
}

.bloc_etapes .depart_arrive{
    flex: initial;
    width: 114px;
}

.bloc_etapes .numero{
    display: flex;
    gap: 5px;
    color: var(--Blanc);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.bloc_etapes h3{
    color: var(--Blanc);
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    max-width: 180px;
    margin: 15px 0 11px;
}

.bloc_etapes .active h3 {
    font-weight: 500;
}

.bloc_etapes p {
    color: var(--Blanc);
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.09px;
    margin: 11px 11px 28px 0;
    overflow-y: hidden;
    opacity: 0;
    height: auto;
    max-height: 0;
    transition: 0.6s;
}

.bloc_etapes  .active p {
    opacity: 1;
    max-height: 300px;
}

.liste_etapes{
    flex: 1;
    display: flex;
    align-items: flex-end;
    gap: 8px;
}
.accueil_3{
    position: relative;
}
.liste_etapes .produit_item_spe{
    position: absolute;
    top: 200px;
    left: var(--side-base);
    display: none;
}
.liste_etapes .etape.active + .produit_item_spe{
   display: flex;
}
.produit_item_spe{
    filter: brightness(0) invert(1);
}
.produit_item_spe .produit_title{
    font-weight: 500;
}
.produit_item_spe svg{
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.liste_etapes .etape {
    flex: 1;
    transition: opacity .3s;
    cursor: pointer;
}

.liste_etapes .etape.active {
    opacity: 1;
}

.ligne_slide {
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.2);
    margin-top: 8px;
    overflow: hidden;
}

.ligne_slide .progress {
    width: 100%;
    height: 100%;
    background: white;
    transform: scaleX(0%);
    transition: 0.2s linear;
    transform-origin: left center;
}

.active .ligne_slide .progress {
    transform: scaleX(100%);
    transition: 5.8s linear;
}














.accueil_4{
    padding: 110px var(--side-base);
    display: flex;
    gap: 10%;
}

.accueil_4>div:first-child{
    max-width: 500px;
}

.accueil_4>div:first-child h2{
    font-size: 50px;
    margin-top: 20px;
}

.accueil_4 .list_services{
    flex: 1 1 auto;
}

.accueil_4 .list_services li a{
    display: flex;
    border-top: 1px solid var(--Gris);
    padding: 30px;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.accueil_4 .list_services li:first-child a{
    border-top: 0px solid rgba(0, 0, 0, 0);
}

.accueil_4 .list_services li a .texte_lien_accueil{
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
    line-height: 135%; /* 35.1px */
    text-transform: uppercase;
    max-width: 460px;
}

.accueil_4 .list_services li a svg{
    height: 60px;
    width: 60px;
    flex: 0 0 auto;
}

.accueil_4 .list_services li a svg path{
    stroke: var(--Noir);
}

.accueil_4 .list_services li a svg:last-child{
    margin: auto 0 auto auto;
}


.accueil_4 .list_services li a:hover .texte_lien_accueil{
    color: var(--MW-Bleu);
}

.accueil_4 .list_services li a:hover svg path{
    stroke: var(--MW-Bleu);
}

.accueil_4 .list_services li a:hover svg:last-child{
    transform: translateX(8px);
}

.accueil_5{
    margin-bottom: 130px;
}

.accueil_5 h2{
    color: var(--Blanc);
    font-size: 50px;
    margin: 60px var(--side-base);
    width: 44%;
}

.accueil_5>.img_vdo{
    height: 86svh;
    width: auto;
    max-width: 100vw;
    aspect-ratio:  100 / 81;
    margin: 0 auto 0 0;
    clip-path: polygon(0 0, 100% 0, 40% 100%, 0% 100%, 0 0);
    position: relative;
}

.accueil_5 .article_avant_modile{
    display: none;
    border-bottom: solid    1px var(--Gris);
}

.accueil_5 .article_en_avant{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.accueil_5 .article_en_avant a{
    display: flex;
    margin-left: calc(((86svh * 81) / 100) * 1.04);
    gap: 30px;
}


.accueil_5 .article_en_avant a>div{
    max-width: 274px;
}

.accueil_5 .article_en_avant a:last-child{
    display: flex;
    margin-left: calc(((86svh * 81) / 100) * 0.72);
}

.accueil_5 .article_en_avant a:first-child{
    display: flex;
    margin-left: calc(((86svh * 81) / 100) * 1.38);
}

.accueil_5 .article_en_avant a .categorie{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
    text-transform: uppercase;
}

.accueil_5 .article_en_avant a h3{
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%; /* 27px */
    margin: 23px 0 0;
}

.accueil_5 .article_en_avant a p{
    font-size: 18px;
    font-weight: 400;
    line-height: 135%;
    opacity: 0.8;
    margin: 0 0 30px 0;

    /* Limiter à 5 lignes */
    display: -webkit-box;        /* nécessaire pour line-clamp */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;       /* nombre de lignes à afficher */
    overflow: hidden;            /* masquer le reste du texte */
}

.accueil_5 .article_en_avant a .date_event{
    display: flex;
    align-items: center;
    gap: 14px;
}

.accueil_5 .article_en_avant a .point_carre{
    height: 11px;
    width: 11px;
    background-color: var(--Noir);
}

.accueil_5 .article_en_avant a .date_event span{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
    text-transform: uppercase;
    opacity: 0.8;
}

/* Page contact */

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

.section_contact h1{
    height: fit-content;
    color: var(--Noir);
    margin-right: 2vw;
}

.section_contact>div{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    width: 68vw;
}

.section_contact .base_btn{
    margin: 0;
    font-size: 20px;
}

.section_contact .base_btn>div>span{
    flex: 0;
}

.section_contact .base_btn p{
    font-size: 20px;
    opacity: 0.8;
}


.section_contact .base_btn a{
    font-size: 26px;
}

.titre_section_support{
    margin-bottom: 20px;
}

.contact_adresse p{
    margin-bottom: 15px !important;
}

.section_contact .rs svg{
    width: 36px;
    height: 32px;
}

.bloc-titre-texte-bouton, .intro_doc_tuto {
    width: 80%;
    margin-top: 50px;
}

.bloc-titre-texte-bouton:first-child, .intro_doc_tuto:first-child {
    margin-top: 20px;
}

.rs {
    display: flex;
    align-items: center;
    gap: 20px;

}

.titre_news_single .cote_droit .base_btn{
    margin-top: 40px;
}


.contact_adresse .rs{
    margin-top: 15px;
}

.rs a{
    height: fit-content;
    display: flex;
}

.contact_adresse .rs svg path, .rs a:hover svg path{
    stroke: var(--MW-Bleu);
}

.contact_ouverture>div>span{
    font-size: 20px;
    font-weight: 300;
    text-transform: unset;
    opacity: 0.6;
}

.page-template-page-contact .mange_haut_gauche{
    --lrg-right-column: 76vw;
    --lrg-angle: 91px;
    --htr-angle: 122px;
}


/* Page produit */

.produit_chapeau{
    margin-bottom: 156px;
    position: relative;
}

.contenu_chapeau_produit{
    position: relative;
    margin: auto var(--side-base) 90px ;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.contenu_chapeau_produit>div{
    width: 56vw;
    max-width: 900px;
}

.contenu_chapeau_produit>div>p{
    width: 90%;
}

.contenu_chapeau_produit>a>svg>path{
    stroke: var(--MW-Bleu);
}

.produit_chapeau .produit_item{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

.produit_chapeau .produit_item svg {
    max-width: 34px;
    max-height: 33px;
    width: 34px;
    height: 33px;
}

.produit_chapeau .produit_item svg path{
    stroke: var(--Blanc);
}

.produit_chapeau .produit_item span{
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 30.461px */
    text-transform: uppercase;
}

.contenu_chapeau_produit>a{
    margin: auto 0 0 0;
}



    /* Page service */

.single-services .produit_chapeau .img_vdo::after {
    background: linear-gradient(180deg, rgba(2, 8, 21, 0.00) 0%, rgba(2, 8, 21, 0.60) 76.44%),
                var(--Img-Color);
}

.single-services .produit_chapeau .img_vdo + .sombre_haut_droit {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: linear-gradient(28deg, rgba(2, 8, 21, 0.00) 4%, rgba(2, 8, 21, 0.40) 74.92%);
}

.single-services #header, .page-id-25 #header, .page-template-page-docs-et-tutos #header, .single-docs_tutos #header{
    border-bottom: solid 1px var(--Gris);
}

.contenu_chapeau_service{
    margin: 0 0 auto ;
    padding: 170px var(--side-base) 90px ;
    align-items: center;
}

.fond_titre_service{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    z-index: -1;
}


.produit_chapeau .contenu_chapeau_service .produit_item, .produit_chapeau .contenu_chapeau_service h1 {
    margin-bottom: 0;
}

/*.produit_chapeau .contenu_chapeau_service .produit_item{*/
/*    width: 72vw;*/
/*    max-width: 900px;*/
/*}*/


.produit_chapeau .contenu_chapeau_service .produit_item .icone_service{
    height: 148px;
    width: 148px;
    border: solid 1px var(--Gris-Fonce);
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    margin-right: 2vw;
}

.produit_chapeau .contenu_chapeau_service .produit_item .icone_service svg {
    width: 78px;
    height: 78px;
    max-width: 78px;
    max-height: 78px;
}




/* Variables Modules */

.module{
    padding: 0 var(--side-base);
    overflow-y: visible;
    position: relative;
    /*height: 50px;*/
    /*width: 100%;*/
}

.module.colonne_2.big_marge_left{
    /*overflow-x: hidden;*/
}


.bloc_bleu{
    background-color: var(--MW-Bleu);
    padding-top: 94px;
    padding-bottom: var(--marge-bloc);
}

.bloc_noir{
    background-color: var(--Noir);
    padding-top: var(--marge-bloc);
    padding-bottom: var(--htr-angle);
}

.marge_cote_none + section{
    padding-top: 110px;
}

.big_marge_left, .formations.big_marge_left{
    padding-left: calc(var(--side-base) + 14%);
}

.big_marge_right, .formations.big_marge_right{
    padding-right: calc(var(--side-base) + 14%);
}

.colonne_2{
    display: flex;
    gap: 20px 290px;
}

.colonnes_4{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px 40px;
}

.colonnes_4 .base_btn p {
    opacity: 0.8;
    text-transform: none;
}

.big_marge_left, .big_marge_right{
    gap: 20px 190px;
}

.marge_cote_none{
    padding-left: 0;
    padding-right: 0;
}

.cote_gauche{
    flex: 1;
    height: fit-content;
}

.cote_droit{
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    width: calc(var(--lrg-right-column) - var(--side-base));
    gap: 18px;
}

.no_marge_cote{
    padding-left: 0;
    padding-right: 0;
}

.ligne_deco{
    position: absolute;
}
.ligne_deco.gauche{
    right: calc(100vw - 7vw - var(--side-base));
}
.ligne_deco.droite{
    right:0;
}
.ligne_deco.haut{
    margin-top: -10px;
    top: 0;
}
.ligne_deco.bas{
    bottom: 28px;
}

.textes h3.pom-s-title{
    font-size: 26px;
    margin-top: 50px;
}

.textes a{
    color: var(--MW-Bleu);
    text-decoration: underline;
    opacity: 0.8;
    transition: 0.2s;
    text-decoration-thickness: 0.4px;
}

.textes a:hover{
    opacity: 1;
}

.textes ul {
    list-style: none;
    padding-left: 0;
}

.textes ul>li {
    position: relative;
    padding-left: 35px; /* espace pour la flèche */
    margin: 11px 0;
}

.textes ul>li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.4em; /* ajuste verticalement */
    width: 15px;
    height: 14px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'> <path d='M10 14.2905L15 7.29053L10 0.290527' stroke='%23007DBC'/> <path d='M15 7.29053L0 7.29053' stroke='%23007DBC'/> </svg>") no-repeat center;
    background-size: contain;
}

.fonce_claire.textes ul>li::before {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'> <path d='M10 14.2905L15 7.29053L10 0.290527' stroke='%231CA0E3'/> <path d='M15 7.29053L0 7.29053' stroke='%231CA0E3'/> </svg>") no-repeat center;
}

.site_fr .textes ul>li::before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"><path d="M10 14.2906L15 7.29065L10 0.290649" stroke="%23BC3D09"/><path d="M15 7.29065L0 7.29065" stroke="%23BC3D09"/></svg>') no-repeat center;
}

.site_at .textes ul>li::before {
    background: url("data:image/svg+xml;utf8,<svg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 14.2906L15 7.29065L10 0.290649' stroke='%23008180'/><path d='M15 7.29065L0 7.29065' stroke='%23008180'/></svg>") no-repeat center;
}

.bloc_bleu .textes ul>li::before {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'> <path d='M10 14.2905L15 7.29053L10 0.290527' stroke='%23FFFFFF'/> <path d='M15 7.29053L0 7.29053' stroke='%23FFFFFF'/> </svg>") no-repeat center;
}

.texte_en_avant{
    color: var(--MW-Bleu);
    font-weight: 500;
    line-height: 135%;
    margin-right: 0;
    margin-left: auto;
    max-width: 430px;
}

.aligne_bas{
    margin-top: auto;
    margin-bottom: 25px;
}

.galerie{
    display: flex;
    margin: 120px 0 100px;
}

.galerie>svg{
    flex: 0 0 auto;
    margin: auto 39px;
}

.galerie>.img_vdo{
    flex: 1;
    aspect-ratio: 19 / 13;
    height: auto;
    width: auto;
}

.galerie>.img_vdo img{
    aspect-ratio: 19 / 13;
}

.galerie>.img_vdo:nth-of-type(1){
    margin: auto 0 0 0;
}

.galerie>.img_vdo:nth-of-type(2){
    margin: auto 0;
    margin-bottom: 200px;
}

.galerie.img_count_3>.img_vdo:nth-of-type(2){
    margin: auto 0;
}

.galerie>.img_vdo:nth-of-type(3){
    margin-bottom: auto;
}

.galerie.img_count_3>svg{
    margin: 13vw 39px 7vw;
}

.galerie.img_count_3>svg:nth-of-type(2){
    margin: 7vw 39px 13vw;
}


.etape_avec_image{
    margin-bottom: 120px;
}

.etape_avec_image h2{
    width: 60%;
}

.etape_avec_image li{
    display: flex;
    position: relative;
    padding: 30px 0;
    gap: 23px;
    border-top: 1px solid var(--Gris);
    opacity: 0.4;
    z-index: 1;
}

.etape_avec_image li:first-of-type{
    border-top: 0px solid rgba(255, 255, 255, 0);
}

.etape_avec_image p{
    margin: 0;
    max-width: 296px;
}

.etape_avec_image span{
    color: var(--Noir);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%; /* 27px */
    text-transform: uppercase;
}

.etape_avec_image li>img{
    position: absolute;
    width: 48%;
    max-width: 48%;
    max-height: 340px;
    inset: 50% 0 auto auto;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    z-index: 10 !important;
}

.etape_avec_image li:hover, .etape_avec_image li.no_img{
    opacity: 1;
    z-index: 20;
}

.etape_avec_image li:hover>img, .etape_avec_image li.no_img>img{
    opacity: 1;
    pointer-events: initial;
}

.etape_avec_image li:hover + li, .etape_avec_image li.no_img + li.no_img,  .etape_avec_image li.no_img + li.no_img>span, .etape_avec_image li.no_img + li.no_img>p {
    opacity: 1;
}

.etape_avec_image li:hover + li>span, .etape_avec_image li:hover + li>p {
    opacity: 0.4;
}


.materiaux-list{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.materiau-link{
    font-size: 200px;
    color: var(--Noir);
    opacity: 0.2;
}

.materiau-link:hover{
    opacity: 0.4;
}

.materiau-link.active{
    color: var(--MW-Bleu);
    opacity: 1;
}

.mange_haut_gauche .textes>p:last-of-type{
    margin-bottom: 0;
}

.module.bloc_noir.mange_haut_gauche h3{
    margin-top: 70px;
}

/* support cote */

.not_btn_support{
    flex-direction: column;
    align-items: flex-start;
    gap:25px;
    padding: 40px 30px;
    text-transform: unset ;
}

.not_btn_support p{
    text-transform: unset ;
}

.not_btn_support:hover{
    border: 1px solid var(--Gris);
    background-color: rgba(255, 255, 255, 0);
}

.duo_titre_contenu{
    display: flex;
    flex-direction: column;
}

.duo_titre_contenu a, .duo_titre_contenu p{
    font-size: 26px;
    margin: 0;
}

.duo_titre_contenu a {
    color: var(--MW-Bleu);
}


/* tableau */

table.acf_extended_table{
    margin: 100px 0;
    text-align: left;
}

.acf_extended_table tr{
    border-bottom: solid 1px var(--Gris-Fonce);
    padding: 20px 0;
}

.acf_extended_table thead tr{
    border-top: solid 1px var(--Gris-Fonce);
}

.acf_extended_table thead th{
    padding: 30px 0;
    font-size: 26px;
}

.acf_extended_table thead th p{
    font-size: 26px;
}

.acf_extended_table th span{
    display: flex;
    max-width: 215px;
}

.acf_extended_table tr td{
    padding: 20px 0;
    opacity: 0.8;
}

.acf_extended_table tr td, .acf_extended_table th span{
    padding-left: 30px;
}

.acf_extended_table tbody tr th{
    padding: 20px 0;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    max-width: 215px;
    line-height: 135%;
}

.acf_extended_table tbody tr th p{
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    max-width: 215px;
    line-height: 135%;
}

.acf_extended_table tr td>p:first-child, .acf_extended_table th>p:first-child, .acf_extended_table th>span>p:first-child{
    margin-top: 0;
}

.acf_extended_table tr td>p:last-child, .acf_extended_table th>p:last-child, .acf_extended_table th>span>p:last-child{
    margin-bottom: 0;
}



.module.big_marge_left.colonne_2 + .module.big_marge_left.colonne_2{
    margin-top: 120px;
}

.img_footer{
    margin-top: 120px;
    height: 90svh;
}


/* liste grille */

.liste_grille{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
    margin: 50px 0px 70px;
}

.liste_grille>div{
    display: flex;
    gap: 20px;
}

.liste_grille>div>svg{
    flex: 0 0 auto;
    margin-top: 4px;
}

.liste_grille>div>p{
    flex: 1 1 auto;
    margin: 0;
}

/* Formations */


.formations>h2{
    width: 80%;
}

.formations>li{
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    gap: 23px;
    border-top: 1px solid var(--Gris);
    z-index: 1;
    cursor: pointer;
}

.formations>li:last-of-type{
    border-bottom: 1px solid var(--Gris);
}

ul.formations{
    margin-top: 60px;
}

ul.formations p{
    margin: 0;
    max-width: 425px;
    flex: 1 1 auto;
}

.formations ul p:first-child{
    max-width: 243px;
    width: 30%;
    flex: 0 0 auto;
}

.formations li svg{
    flex: 0 0 auto;
}

.formations li:hover svg{
    transform: scale(1.1);
}


.formations li:hover p{
   opacity: 0.8;
}

/* avis */

.avis{
    margin-top: 120px;
}

.avis .img_vdo {
    height: 60svh;
    width: auto;
    max-width: 100vw;
    aspect-ratio: 100 / 60;
    margin: 0 auto 0 0;
    clip-path: polygon(0 0, 100% 0, 55% 100%, 0% 100%, 0 0);
    position: relative;
}

.slider-avis{
    width: 30vw;
    height: fit-content;
    margin: auto 0 0 auto;
    box-sizing: unset;
}

.avis svg{
    color: rgba(255, 255, 255, 0);
}


/* pop up contenu */

.overlay_popup_contenu{
    position: fixed;
    inset: 0;
    background-color: rgba(2, 8, 21, 0.4);
    z-index: 10;
    transition: 0s;
    display: none;
}

.popup_contenu{
    --lrg-right-column: 20vw;
    --lrg-angle: 150px;
    --htr-angle: 200px;
    position: relative;
    overflow-y: auto;
    height: calc(100svh - 140px);
    margin: 100px calc(var(--side-base) * 2) 40px;
    background-color: var(--Beige);
}

.popup_contenu>div{
    background-color: var(--Blanc);
    /*padding: 110px 125px 125px;*/
    box-sizing: border-box;
}

.popup_contenu>svg{
    position: absolute;
    cursor: pointer;
    top: 40px;
    right: 40px;
}

.popup_contenu>svg:hover{
    transform: scale(1.1);
}

.popup_contenu>h2{
    width: 60%;
}

#contenu-popup{
    padding-top: 110px;
    padding-bottom: 135px;
}

#contenu-popup{
    padding-top: 120px;
    padding-bottom: 100px;
}

#contenu-popup h2{
    margin-bottom: 50px;
}

.popup_contenu>div section{
    padding-right: 110px;
    padding-left: 110px;
}

iframe{
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}

.bloc-image-video{
    margin: 60px 0;
}


.bloc-image-video video, .bloc-image-video>.img_vdo, .bloc-image-video>.img_vdo img{
    width: 100%;
    max-height: 100svh;
}








/* entreprise */

.entreprise_1{
    background-color: var(--Beige);
    height: 90svh;
}

.entreprise_1 .contenu_on_semi {
    width: 35%;
}

.entreprise_1 .contenu_on_semi h1{
    color: var(--Noir);
    font-size: 50px;
}

.entreprise_1 .img_vdo{
    height: 90svh;
    aspect-ratio: 100 / 71;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 53% 100%, 0 0);
}


.entreprise_1 + section, .chronologie_entreprise + section{
   margin: 135px 0 150px;
}


.dirigeant_entreprise{
    position: relative;
}

.dirigeant_entreprise>div.module{
    height: 100%;
    display: flex;
}

.point_personne{
    position: absolute;
    display: flex;
    text-transform: uppercase;
}

.point_personne_1{
    right: 10%;
    top: 30%;
}

.point_personne_2{
    left: 45%;
    top: 50%;
}

.point_personne p{
    margin: 0;
    font-size: 16px;
}

.point_personne strong{
    font-weight: 600;
}

.point_personne .carre_blanc{
    background-color: var(--Blanc);
    height: 11px;
    width: 11px;
    margin: 5px 14px 0 0;
}

.date_entreprise, .fonce_claire .date_entreprise{
    color: var(--MW-Bleu);
    font-size: 10vw;
    min-font-size: 18px;
    margin: auto auto 0 0;
    transform: translateY(1.2vw);
}

.chronologie_entreprise{
    --lrg-angle:95px;
    --htr-angle:127px;
    margin-top: calc(var(--htr-angle) * -1);
    padding-top: calc(var(--marge-bloc) + 80px);
}

.chronologie_entreprise + section .cote_droit, .section_offre_emploie .cote_droit{
    display: flex;
    justify-content: flex-end;
}

.logo_accompagne{
    display: flex;
    margin: auto 0 0;
    justify-content: center;
    align-items: center;
    transition: 0.4s ease-in-out all;
}
.logo_accompagne:hover{
    opacity: 0.6;
}


.marge_top_page{
    padding-top: 183px;
}

.marge_top_page_small{
    padding-top: 60px;
}

.no_marge_top{
    margin-top: 0;
}


.docs-tutos-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 80px;
    padding-bottom: var(--htr-angle);
}

ol{
    list-style: decimal;
}

ol li{
    padding-left: 12px;
    margin: 11px 0 11px 23px;
}

ol li::marker {
    color: var(--MW-Bleu);
    font-weight: 500;
}


.reverse_sens_img .galerie{
    flex-direction: row-reverse;
}

.reverse_sens_img .galerie svg{
    transform: scaleX(-1);
}

.textes .ligne-gauche{
    border-left: 1px solid var(--MW-Bleu) !important;
}


.section_formation_entreprise .contenu_on_semi{
    padding-bottom: calc(var(--htr-angle) + 120px);
    padding-top: 60px;
}

.section_offre_emploie {
    background-color: var(--Beige);
    margin-top: calc(var(--htr-angle) * -1);
}


.section_offre_emploie .cote_gauche {
    padding-top: 120px;
}

.section_offre_emploie .cote_droit {
    padding-top: var(--htr-angle);
}


.haut_120, .haut_120>.img_vdo{
    height: 120svh;
}

.section_formation_entreprise.fonce_claire p a, .section_formation_entreprise.fonce_claire p a:visited{
    color: var(--MW-Bleu-Clair);
    /*text-shadow: var(--Noir) 6px 0 10px;*/
}


.entreprise-item a{
    display: grid;
    height: 100%;
    width: 100%;
}

.entreprise-item img{
    width: 88%;
    height: 88%;
    grid-area: 1/1;
    position: relative;
    z-index: 2;
    object-fit: contain;
    filter: saturate(0%); /* 0% = gris complet, 100% = couleur normale, >100% = couleurs plus vives */
    mix-blend-mode: multiply;
    margin: 6%;
}

.entreprise-item a:hover img{
   opacity: 0;
}

.entreprise-item a>div{
    height: 100%;
    width: 100%;
    grid-area: 1/1;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.entreprise-item a>div>p{
    padding: 0px 4px;
    text-align: center;
    line-height: 90%;
    text-decoration: underline;
}

.entreprise-item a>div>svg{
    position: absolute;
    inset: 0 0 auto auto;
    transform: translate(-10px, 10px);
}

.entreprise-item a:hover svg{
    transform: translate(0, 0);
}

.entreprise-item a:hover>div{
    opacity: 1;
}

.view_all_part{
    text-align: center;
    padding-bottom: 60px;
    display: none;
}

.view_all_part strong{
    color: var(--MW-Bleu);
}



/* Conteneur principal */
.entreprises-partenaires-wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1px; /* espace entre les cases */
    max-width: 100%;
    margin: 0 auto;
    background-color: var(--Gris);
    padding: 1px;
}

/* Chaque case */
.entreprise-item {
    aspect-ratio: 1 / 1; /* carré */
    /*border: 1px solid var(--Gris);*/
    box-sizing: border-box; /* inclut border et padding dans la taille */
    overflow: hidden;
    position: relative;
    background-color: var(--Beige);
}

/* Placeholder SVG complet si logo manquant */
.svg-placeholder svg {
    width: 100%;
    height: 100%;
    display: block;
}





/* doc et tutos */

.galerie_image{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px 40px;
}

.galerie_image img, .galerie_image>div{
    aspect-ratio: 3 / 4;
}

.galerie_image>div{
    height: 100%;
}


.bloc-image-video .img_vdo{
    height: auto;
}

.other-tutos{
    display: flex;
    gap: 0 40px;
}

.single-news .big_bleu>div:first-child{
    width: 50vw;
}

.single-news .big_bleu .point_carre_blanc{
    margin: auto auto 0 0;
}


.other-news .base_btn>div{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.single-news .textes, .single-news h2{
    width: 70%;
}

.single-news .temps-fort-texte.textes{
    width: auto;
}

    /*.titre_news_single h1, .titre_news_single p{*/
/*    width: 70%;*/
/*}*/

.single-news .mange_bas_gauche_news .img_vdo{
    height: 90svh;
}

.single-news .duo_titre_contenu p{
    font-size: 20px;
    font-weight: 300;
}

.titre_news_single p{
    font-weight: 500;
    opacity: 0.8;
}

.single-news .big_bleu .point_carre_blanc>div{
    margin-top: 4px;
}

.base_btn .news-categorie{
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.base_btn .news-title{
    font-size: 20px;
    font-weight: 500;
    text-transform: unset;
    flex: 0;
}

.base_btn .news-description{
    font-size: 18px;
    font-weight: 400;
    opacity: 0.8;
    margin-bottom: 33px;
    text-transform: unset;
}

.big_bleu{
    --lrg-angle: 238px;
    --htr-angle: 318px;
}

.no_event{
    pointer-events: none;
}

.share-buttons{
    margin: 0 0 0 auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
    pointer-events: all;
}

.share-buttons a,
.share-buttons button{
    border: 1px solid var(--Gris);
    height: 87px;
    width: 87px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--Beige);
}

.share-buttons a:hover,
.share-buttons button:hover{
    border: 1px solid var(--Noir);
}

.share-buttons a:hover svg,
.share-buttons button:hover svg{
    transform: scale(1.1);
}


.mange_bas_gauche_news{
    --htr-angle:120px;
    --lrg-angle: 89px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--lrg-right-column)) 100%, calc(100% - var(--lrg-right-column) - var(--lrg-angle)) calc(100% - var(--htr-angle)), 0 calc(100% - var(--htr-angle)));
}

.fil_arriane {
    margin-top: 0px;
    position: relative;
}


.fil_arriane p{
    margin: 0px;
}

.docs-filter-form .custom-select, .mobile-table .custom-select{
    position: relative;
    display: inline-block;
    width: 25vw;
    max-width: 342px;
    margin-right: 4vw;
}

.docs-filter-form select, .mobile-table select{
    appearance: none; /* supprime la flèche native */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: var(--Beige);
    border: 0px solid rgba(255, 85, 0, 0);
    border-bottom: 1px solid var(--Gris);
    border-radius: 0;
    color: rgba(2, 8, 21, 0.2);
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 25px 45px 25px 0;
    cursor: pointer;
    width: 100%;
}

.mobile-table{
    display: flex;
    flex-direction: column;
    width: auto;
}

.mobile-table select{
    background-color: var(--Noir);
    color: var(--Blanc);
    width: 100%;
}

.mobile-table .custom-select{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    max-width: unset;
}

.docs-filter-form select:hover, .mobile-table select:hover{
    border-bottom: 1px solid var(--MW-Bleu);
}

.docs-filter-form select option{
    color: var(--Noir);
}

.docs-filter-form select:focus-visible, .docs-filter-form select:focus, .mobile-table select:focus-visible, .mobile-table select:focus{
    outline: none;
     border-color: var(--MW-Bleu);
}

.custom-select .custom-arrow {
    position: absolute;
    top: 50%;
    right: 10px; /* distance depuis la droite */
    height: 12px;
    transform: translateY(-50%);
    pointer-events: none; /* laisse passer le clic au select */
}

.custom-select select:focus + .custom-arrow{
    transform: translateY(-50%) rotate(180deg);
}

.doc-content{
    background-color: var(--Noir);
    height: fit-content;
    margin: auto 0 0 0;
    padding: 25px 100px 24px 23px;
    width: 100%;
    --htr-angle: 43px;
    --lrg-angle: 33px;
    --lrg-right-column: 100px;
}

.docs-tutos-page{
    padding-bottom: 98px;
}

.doc-thumb{
    aspect-ratio: 9 / 7;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.doc-content p{
    margin: 0 0 4px 0;
    font-size: 17px;
    font-weight: 300;
    text-transform: uppercase;
}

.doc-content h3{
    margin: 0;
    font-size: 17px;
    font-weight: 300;
}

.doc-categorie, .doc-produit{
    color: var(--Blanc);
}

.doc-categorie{
    font-weight: 500;
}

.pagination{
    display: flex;
    align-items: center;
    gap: 40px;
    padding-bottom: 50px;
}

.pagination span, .pagination a{
    color: var(--MW-Bleu);
    font-size: 10vw;
    font-size: 173px;
    font-style: normal;
    font-weight: 300;
}

.pagination a {
    color: var(--Noir);
    opacity: 0.1;
}

/***
 * Swipers
 */

div>.swiper-button-next, div>.swiper-button-prev{
    height: auto;
    width: auto;
}

div>.swiper-button-next svg, div>.swiper-button-prev svg{
    fill: rgba(255, 255, 255, 0);
}

 /*swiper_avis*/

.slider-avis{
    display: flex;
    flex-direction: column;
}

.slider-avis .swiper-button-next, .slider-avis .swiper-button-prev{
    height: 80px;
    width: 85px;
    position: static;
}

.slider-avis .swiper-button-next{
    margin: 0 8px 0 auto !important;
    transform: scaleX(-1);
}

.slider-avis p:last-child{
    opacity: 0.6;
}

.slider-avis p:last-child span{

}

.slider-avis .avis_txt{
    font-size: 32px;
}

.lien_flottant{
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
}

.lien_flottant a{
    margin: 0 !important;
}

 /*swiper historique*/

.chronologie_entreprise{
    margin-top: calc((var(--htr-angle)* -1) - 2px);
}

.chronologie_entreprise .carrousel{
    display: flex;
    width: 65%;
    margin-right: auto;
    gap: 5vw;
}

.chronologie_entreprise .swiper-slide{
    display: flex;
    gap: 7vw;
}


.chronologie_entreprise h3{
    font-size: 20px;
    font-weight: 500;
    margin-top: 29px;
    flex: 0 0 1;
}

.chronologie_entreprise .fleche_swp{
    display: flex;
    gap: 35px;
    padding-top: 40px;
    flex: 1 1 auto;
}

.chronologie_entreprise .swiper-button-next, .chronologie_entreprise .swiper-button-prev{
    height: 70px;
    width: 26px;
    position: static;
}

.categorie-block h3{
    border-bottom: 1px solid var(--Gris);
    margin-top: 60px;
    margin-bottom: 22px;
    padding: 0 0 30px 0;
}

.bleu_single_news{
    margin-top: 100px;
}



/*swiper temps fort*/

.swiper_temps_fort{
    display: flex;
    gap: 10vw;
    overflow: hidden;
    align-items: flex-end;
    position: relative;
    margin-bottom: 60px;
}


.swiper_temps_fort .swiper-slide{
    margin: 0;
    padding: 56px 60px;
    border: 1px solid var(--Gris);
    height: auto;
    /*height: fit-content;*/
    /*min-height: 100%;*/
}

.swiper_temps_fort .swiper.temps_fort{
    overflow: visible;
    flex: 1 1 auto;
    position: relative;
    width: 60%;
    /*min-height: 300px;*/
    /*height: 500px;*/
}

.swiper_temps_fort p{
    font-size: 20px;
}

.swiper_temps_fort p:first-child{
    margin-top: 33px;
}

.temps-fort-date, .temps-fort-date>span{
    height: fit-content;
    /*display: block;*/
    flex: unset !important;
    font-size: 16px;
    color: var(--Noir);
    font-weight: 400;
    text-transform: uppercase;
}

/*.swiper_temps_fort h3{*/
/*    font-size: 20px;*/
/*    font-weight: 500;*/
/*    margin-top: 29px;*/
/*    flex: 0 0 1;*/
/*}*/

.swiper_temps_fort .fleche_swp{
    display: flex;
    gap: 35px;
    padding-top: 40px;
    flex: 0 0 auto;
    margin-right: 10px;
}

.swiper_temps_fort .swiper-button-next, .swiper_temps_fort .swiper-button-prev{
    height: 70px;
    width: 26px;
    position: static;
}

.swiper_temps_fort .voile{
    position: absolute;
    background: linear-gradient(
            to left,          /* horizontal gauche → droite */
            var(--Beige) 0px,      /* couleur initiale */
            var(--Beige) 125px,    /* couleur fixe sur 100px */
            rgba(235, 229, 219, 0) 100%      /* fondu vers transparent pour le reste */
    );
    inset: 0 0 0 auto;
    width: 18%;
    min-width: 140px;
    z-index: 2;
}

/*swiper news*/

.news-page, .entreprises-partenaires-wrapper{
    margin-bottom: 120px;
}

.news-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}


.news-list>div{
    border-bottom: 1px solid var(--Gris);
}

.swiper_news{
    position: relative;
}

.swiper_news .swiper-slide>a{
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    height: 100%;
}

.swiper_news .img_vdo{
    aspect-ratio: 9 / 6;
    height: auto;
}

.swiper_news .fleche_swp{
    display: flex;
    gap: 5px;
    padding-top: 40px;
    flex: 1 1 auto;
    position: absolute;
    z-index: 2;
    inset: auto 0px 40px auto;
    padding-right: 8px;
    background-color: var(--Beige);
    pointer-events: none;
}

.swiper_news .swiper-button-next, .swiper_news .swiper-button-prev{
    height: 43px;
    width: 31px;
    position: static;
    pointer-events: all;
}

.swiper_news .swiper-button-prev{
padding-right: 15px;
}

.swiper_news .swiper-button-next{
    padding-left: 15px;
}

.swiper_news p{
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0;
}

p.categorie_news{
    margin: 40px 0 14px 0;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.swiper_news h3{
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.swiper_news .point_carre_noir{
    margin: auto 75px 0 0;
    padding-top: 30px;
}

.swiper_news .point_carre_noir>div{
    margin-top: 8px;
}

.titre_news{
    /*padding-top: var(--marge-bloc);*/
    margin-bottom: 120px;
}

.deco_titre_news{
    height: 150px;
    padding-bottom: 0;
    /*background-color: rgba(255, 85, 0, 0.42);*/
    --lrg-right-column: 60vw;

    clip-path: polygon(0 var(--htr-angle),  calc(100% - var(--lrg-right-column)) var(--htr-angle), calc(100% - var(--lrg-right-column) - var(--lrg-angle)) 0, 100% 0, 100% 100%, 0 100%);
}


.titre_news>div:last-child{
    display: flex;
    width: 32vw;
}

.titre_news>div:last-child h1{
    margin-top: auto;
    margin-bottom: 0;
}


.titre_doc_tuto .deco_titre_news{
    --lrg-right-column: 44vw;
}

.titre_doc_tuto>div:last-child{
    width: 45vw;
}


.titre_doc_tuto_dedie .deco_titre_news{
    --lrg-right-column: 26vw;
}

.titre_doc_tuto_dedie a:hover span {
    color: var(--MW-Bleu);
}

.titre_doc_tuto_dedie a span{
    font-weight: 500;
}

.titre_doc_tuto_dedie a svg{
    margin-top: 2px;
}

.titre_doc_tuto_dedie p{
    font-weight: 400;
}

.titre_doc_tuto_dedie .date_opacity{
    opacity: 0.8;
}

.titre_doc_tuto_dedie>div:last-child{
    width: 64vw;
    margin-top: auto;
    align-items: center;
    gap: 26px;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
}

.titre_doc_tuto_dedie>div:last-child a{
    display: flex;
    align-items: center;
    gap: 20px;
}

.titre_doc_tuto_dedie{
    margin-bottom: 30px;
}

/*.titre_doc_tuto_dedie .ligne_deco.gauche, .fil_arriane .ligne_deco.gauche {*/
/*    right: calc(100vw - 42vw - var(--side-base));*/
/*}*/

.intro_doc_tuto{
    font-size: 20px;
    color: var(--Noir);
    opacity: 0.8;
}

.swiper_news .swiper-slide>a .img_vdo{
    overflow: hidden;
    height: auto;
    aspect-ratio: 16 / 12;
}

.swiper_news .swiper-slide>a:hover .img_vdo img{
    transform: scale(1.1);
}


.docs-tutos-list>a .img_vdo{
    overflow: hidden;
    height: auto;
    aspect-ratio: 16 / 12;
}

.docs-tutos-list>a:hover .img_vdo img{
    transform: scale(1.1);
}

/*swiper dev slide */

.swiper_slide_dev_spe{
    display: flex;
    align-items: center;
    gap: 80px;
    margin-bottom: 120px;
}

.swiper_slide_dev_spe .swiper-button-lock, .slider-avis .swiper-button-lock {
    display: block;
}

.swiper_dev_slide{
    position: relative;
    cursor: pointer;
    margin-top: 110px;
    flex: 1 1 0;
}

.swiper_dev_slide.swiper{
    display: flex;
}

.swiper_dev_slide .swiper-slide>a{
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    height: 100%;
}

.swiper_dev_slide .img_vdo{
    aspect-ratio: 9 / 6;
    height: auto;
}

/*.swiper_dev_slide .fleche_swp{*/
/*    display: flex;*/
/*    gap: 35px;*/
/*    padding-top: 40px;*/
/*    flex: 1 1 auto;*/
/*    position: absolute;*/
/*    inset: auto 8px 40px auto;*/
/*    background-color: var(--Beige);*/
/*}*/

.swiper_dev_slide .swiper-wrapper{
    flex: 1 1 0;
}

.swiper_dev_slide .swiper-slide>div:last-child{
    display: flex;
    padding-right: 20px;
    gap: 40px;
}

.swiper_dev_slide .swiper-slide>div:last-child>div{
    flex: 1 1 0;
}

.swiper_dev_slide .swiper-slide>div:last-child>svg{
    flex: 0 0 auto;
    margin: auto 0 27px auto;
}

.swiper_slide_dev_spe .swiper-button-next, .swiper_slide_dev_spe .swiper-button-prev{
    height: 103px;
    width: 38px;
    position: static;
    flex: 0 0 1;
}

.swiper_slide_dev_spe .swiper-button-next, .swiper_slide_dev_spe .swiper-button-prev path {
    stroke: var(--Blanc);
}

.swiper_dev_slide .swiper-slide:hover p{
    opacity: 0.8;
}

.swiper_slide_dev_spe>div.swiper-button-next{
    margin-top: 116px;
}

.swiper_dev_slide .img_vdo{
    pointer-events: none;
}

.swiper_dev_slide .swiper-slide {
    padding-top: 116px;
    opacity: 1;
    transition: padding-top 0.6s ease;
}

.swiper_dev_slide .swiper-slide-active {
    padding-top: 0;
}

.swiper_dev_slide .swiper-slide-next,
.swiper_dev_slide .swiper-slide-active {
    opacity: 1;
}


.classic-page-content{
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 var(--side-base);
}

.qualiopi_logo{
    padding: 0;
}

.qualiopi_lien{
    position: relative;
    overflow: hidden;
}

.qualiopi_lien img{
    position: absolute;
    inset: 0;
    opacity: 0;
}

.qualiopi_lien:hover svg{
    transform: scale(1.1);
}

.module.big_marge_left.colonne_2 + .formations{
    margin-top: 100px;
}



.other-tutos .base_btn .point_carre_noir>div:first-child {
    margin-top: 5px;
}


    /* Footer */

#footer{
    background-color: var(--Noir);
    padding: 113px var(--side-base) 60px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0px 20px;
}



#footer .info_contact_footer{
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    grid-area: 2/1 / 1 span / 2 span;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 17px 30px;
    justify-content: flex-end;
    padding: 33px 0 30px;
}

#footer>.liens_footer{
    grid-area: 3/1 / 1 span / 2 span;
}

#copyright{
    color: var(--Blanc, #FFF);
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    opacity: 0.5;
    display: flex;
    align-items: flex-end;
    grid-column: span 2;
    width: auto;
}
#copyright a, #copyright a:visited, #copyright a:hover{
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--Blanc);
}
#copyright .realisation-break a{
    margin-left: 4px;
}
#copyright .lien_footer, #copyright .realisation-break, #copyright>span{
    display: flex;
}
#footer #copyright .realisation-break a{
    display: inline-flex;
}
#footer #copyright .realisation-break a>svg{
    transform: translateY(3px);
    fill: var(--Blanc);
}
@media (max-width: 1500px){
    #footer #copyright {
        margin: auto auto 0 0 ;
        flex-direction: column;
    }
    #copyright>span{
        flex-direction: column;
    }
    #copyright .trait_vertical{
        display: none;
    }
}

/* ajout sup footer */

.logo_footer{
    width: 122px;
}

.svg_footer{
    position: absolute;
    inset: 0 auto 0 20vw;
    height: 100%;
    width: auto;
}

#footer .lien_newsletter{
    display: none;
}

.cote_droit_footer{
    width: 35vw;
    max-width: 540px;
}

.info_contact_footer{
    /*flex: 1;*/
}

.info_contact_footer .duo_titre_contenu span{
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.info_contact_footer .duo_titre_contenu p{
    font-size: 20px;
}

.champ_mail_newsletter{
    position: relative;
    width: 100%;
}

.champ_mail_newsletter input{
   background-color: rgba(0, 111, 255, 0);
    margin: 0;
    width: 100%;
    color: var(--Blanc);
    font-size: 18px;
    font-weight: 300;
    border-bottom: 1px solid var(--Gris);
    padding: 10px 30px 8px 0;
}

.champ_mail_newsletter input::placeholder{
    color: var(--Blanc);
    font-size: 18px;
    opacity: 0.6;
}

.champ_mail_newsletter svg{
    position: absolute;
    inset: 50% 0 auto auto;
    transform: translateY(-50%);
}

.liens_footer{
    display: flex;
    align-items: flex-start;
    gap: 10px 20px;
    margin-top: 30px;
}

.liens_footer a{
    font-size: 16px;
    line-height: 135%; /* 21.6px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 0.4px;
    text-underline-offset: 25%; /* 4px */
    text-underline-position: from-font;
}

.elt_select_langue{
    display: flex;
    gap: 7px;
    grid-area: 4/1;
    margin-top: 40px;
}

.select_langues{
    position: relative;
}

.select_langues svg{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.select_langues select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: var(--Noir);
    color: var(--Blanc);
    font-weight: 500;
    border: 0px solid rgba(19, 19, 19, 0);
    padding-right: 14px;
    border-radius: 0px;
    font-size: 16px;
}

.elt_select_langue span{
    padding-top: 2px;
}

.select_langues select:focus-visible{
   outline: none;
}

.select_langues select:focus + svg{
    transform: translateY(-50%) rotate(180deg);
}


.liens_sites .point_carre_noir{
    align-items: center;
}

.liens_sites .point_carre_noir>div{
    height: 7px;
    width: 7px;
    margin: 0px 7px 0 0;
}

.liens_sites>li{
    opacity: 0.6;
}

.site_ch .liens_sites>li.site_1, .site_fr .liens_sites>li.site_2, .site_at .liens_sites>li.site_3{
    opacity: 1;
}

#footer .rs{
    grid-area: 1/2 / 4 span / 1 span;
}

#footer .liens_sites{
    grid-area:  1 span / 2 span;
    display: flex;
    gap: 18px;
    padding: 15px 0 19px;
    border-top: 1px solid var(--Gris) ;
    border-bottom: 1px solid var(--Gris) ;
    margin-top: 60px;
}

#footer .rs{
    grid-area:  4 / 2 / 1 span / 1 span ;
    align-items: flex-end;
}

#mc_embed_signup_scroll{
    display: flex;
    flex-direction: column;
}

#mc-embedded-subscribe {
    cursor: pointer;
    opacity: 0;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0);
    padding: 6px 4px;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 400;
    pointer-events: none;
    transition: opacity 0.2s ease;
    margin: 0 0 0 auto;
}

#mc-embedded-subscribe.is-visible {
    opacity: 1;
    pointer-events: auto;
}






/* Cookie */

.cookie-popup {
    position: fixed;
    inset: auto auto 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.cookie-popup.show {
    visibility: visible;
    opacity: 1;
}
.cookie-popup-content {
    background: var(--MW-Bleu);
    padding: 2rem 2rem 1rem;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.cookie-popup-content>div{
    display: flex;
    align-items: center;
    max-width: 800px;
}
.cookie-popup-content h3 {
    margin-top: 0;
    color: var(--Blanc);
    font-weight: 700;
    margin-bottom: 10px;
}
.cookie-popup-content p, .cookie-popup-content p a{
    color: var(--Blanc);
    margin: 1rem 0;
    font-size: 0.95rem;
}
.cookie-popup-content a {
    color: var(--Blanc);
    text-decoration: underline;
}
.cookie-popup-content button {
    background: var(--MW-Bleu);
    color: var(--Blanc);
    border: 1px solid var(--Blanc);
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    padding: 0.7rem 1.5rem;
    cursor: pointer;
    font-size: 1rem;
    height: fit-content;
    width: fit-content;
    transition: 0.2s;
    margin-left: 20px;
}
.cookie-popup-content button:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--Blanc);
}
@media (max-width: 500px){
    .cookie-popup-content {
        padding: 2rem 2rem;
    }

    .cookie-popup-content>div{
        flex-direction: column;
        align-items: flex-start;
    }
    .cookie-popup-content h3{
        font-size: 18px;
    }
    .cookie-popup-content p{
        font-size: 14px;
    }
    .cookie-popup-content button{
        margin: 0;
        padding: 8px 16px;
    }
}

/* Crayon */

#wpadminbar{
    display: none;
}
.header-edit-link {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background-color: #333;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}
.header-edit-link>a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-edit-link .dashicons {
    font-size: 20px;
    line-height: 1;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}

.header-edit-link:hover {
    background-color: #000;
}

.iv-fullscreen {
    z-index: 20000;
}

@media (max-width: 700px){
    .header-edit-link {
        display: none;
    }
}


.otgs-development-site-front-end{
    display: none;
}
.mega-menu-left-image{
    height: 100%;
}





.mobile-table { display: none; }

@media (max-width:768px){
    .acf_extended_table { display: none; }
    .mobile-table {
        display: block;
        margin: 100px 0;
    }
    .mobile-table-item { border-bottom:1px solid #ddd; padding:0.5em 0; }
    .mobile-table-item h4 { margin:0.5em 0 0.2em; font-size:1em; }
    .mobile-table-item div { margin:0.2em 0; }
}