:root {
    --htr-menu: 120px;

    --small-margin: 7vw;
    --dif-margin: 13vw;
    --big-margin: calc(var(--small-margin) + var(--dif-margin));
    --smlspace: 60px;
    --ltspace: 100px;
    --btspace: 120px;
    --mdspace: 160px;
    --bigspace: 180px;
    --side-base: 7vw;

    --font-168: 168px;
    --font-133: 133px;
    --font-88: 88px;
    --font-52: 52px;
    --font-32: 32px;
    --font-28: 26px;
    --font-22: 22px;
    --font-20: 20px;
    --font-18: 18px;
    --font-16: 16px;
    --font-14: 14px;

    --medium-radius: 26px;

    --Noir: #0E0F0F;
    --Blanc: #ffffff;
    --Carbon-black: #191A1E;
    --Shadow-grey: #23242A;
    --Graphite: #303136;
    --Granite-gradient-linear: linear-gradient(180deg, #878992 0%, #5E5F66 100%);
    --Camel-gradient-linear:  linear-gradient(180deg, #C09854 0%, #E4C289 100%);
    --Dor-gradient-linear: linear-gradient(337deg, #C29E61 23.55%, #E4C289 80.91%);
    --Sable-gradient-linear: linear-gradient(0deg, #DFDBD3 0%, #DFDBD3 100%);
    --Dust-grey: #E4E1DA;
    --White-smoke: #F5F4F2;
    --Gris-texte: #66625D;
    --Gris-menu: #3B3C43;
    /*--Or: #C2A86C;*/
    --Or: #A98242;

    --Color-menu: var(--Blanc);


    --Marque-color: #F7FF14;
    --Marque-rgb: 247, 253, 64;
    --Marque-color-second: #5c656d;
    --Theme-Claire: var(--White-smoke);
    --Marque-rgbis: 247, 253, 64;

}


::selection {
    background-color: var(--Noir);
    color: var(--Blanc);
}

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

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

/* Track */
::-webkit-scrollbar-track {
    background: var(--Blanc);
}

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

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--Noir);
    width: 2px;
}
html{
    scroll-behavior: unset;
    margin-top: 0 !important;
}
body{
    background: var(--Shadow-grey);
    max-width: 100vw;

}
#container{
    background: var(--White-smoke);
    padding: var(--htr-menu) 0 0;
}
.home #container, .page-template-page-premium #container{
    background: var(--Shadow-grey);
}
* {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: var(--font-18);
    color: var(--Blanc);
}

.page_claire *{
    color: var(--Noir);
}

.page_claire{
    overflow: hidden;
}

#menu.toggled>#main-menu-container {
    height: 100svh;
}



/* générale */

h1{
    font-size: var(--font-52);
    font-weight: 300;
    text-transform: uppercase;
    line-height: 126%;
    /*text-wrap: balance;*/
}

h1 strong{
    font-weight: 600;
}


h2{
    font-size: var(--font-28);
    text-transform: uppercase;
    font-weight: 500;
    text-wrap: balance;
}

p{
    margin: 14px 0;
    line-height: 126%;
}

a, a:visited{
    color: var(--Blanc);
}

.page_claire a, .page_claire a:visited{
    color: var(--Noir);
}

.page_claire p a, .page_claire p a:visited{
    text-decoration: underline;
}

.lien_logo{
    display: flex;
}



#content ul,
#content .page_loc .contenu.txt ul,
.single-services #content .contenu.txt ul{
    list-style: disc;
    padding-left: 18px;
    margin: 14px 0;
}

#content li{
    line-height: 126%;
}

#content .page_loc .contenu.txt li,
.single-services #content .contenu.txt li{
    margin-bottom: 6px;
}

#content li::marker {
    color: #999897;
}

    /* Marge */

.marge_cote{
    padding-right: var(--small-margin);
    padding-left: var(--small-margin);
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
}

.big_marge_cote{
    padding-right: var(--big-margin);
    padding-left: var(--big-margin);
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
}

    /* btn */

.btn{
    width: fit-content;
    border-radius: 0 100px 100px 0;
    padding: 11px 17px 11px 51px;
    background-color: var(--Shadow-grey);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-weight: 500;
    font-size: 14px;
}
.btn span{
    font-weight: 500;
    font-size: 14px;
}
.big_btn{
    padding: 27px 44px 27px 70px;
}
.btn_filet{
    border: 1px solid transparent;
    border-left: 0px;
    background: linear-gradient(var(--Shadow-grey), var(--Shadow-grey))  padding-box,
    linear-gradient(90deg, rgba(102, 98, 93, 0) 0%, #66625D 100%) border-box;
    opacity: 1;
}
.btn_left{
    border-radius: 100px 0 0 100px;
    padding: 11px 51px 11px 17px;
}

.big_btn.btn_left{
    padding: 27px 70px 27px 44px;
}

.btn_filet.btn_left{
    border: 1px solid transparent;
    border-right: 0px;
    background: linear-gradient(var(--Shadow-grey), var(--Shadow-grey))  padding-box,
    linear-gradient(-90deg, rgba(102, 98, 93, 0) 0%, #66625D 100%) border-box;
}

.btn:hover svg{
    transform: translateX(10px);
}

.btn_left:hover svg{
    transform: translateX(-10px);
}

.lot_btn{
    width: fit-content;
    margin-top: 37px;
    margin-left: -6px;
}

.lot_btn .btn{
    width: 100%;
    text-transform: uppercase;
    gap: 20px;
    margin-top: 20px;
}

.lot_btn .btn:hover{
    transform: translateX(10px);
}

.lot_btn .btn:hover svg{
    transform: translateX(0px);
}

.big_lot_btn{
    margin-left: -51px;
}

.page_claire .lot_btn{
    margin-left: -28px;
}

.page_claire .lot_btn .btn{
    width: 100%;
    text-transform: uppercase;
    gap: 20px;
    margin-top: 20px;
    background: linear-gradient(var(--Blanc), var(--Blanc)) padding-box, linear-gradient(90deg, rgba(14, 15, 15, 0) 0%, var(--Noir) 60px) border-box;
    padding-right: 39px;
    padding-left: 70px;
    font-size: var(--font-14);
}


    /* Pilules mask */

.pilule_mask {
    width: 200px;
    aspect-ratio: 1 / 1;
    background-color: var(--Carbon-black);

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 472 472'%3E%3Cpath d='M426.403 265.192C487.069 204.526 487.069 106.166 426.403 45.4998C365.737 -15.1666 267.377 -15.1666 206.711 45.4998L45.4998 206.711C-15.1666 267.377 -15.1666 365.737 45.4998 426.403C106.166 487.069 204.526 487.069 265.192 426.403L426.403 265.192Z'/%3E%3C/svg%3E");

    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 472 472'%3E%3Cpath d='M426.403 265.192C487.069 204.526 487.069 106.166 426.403 45.4998C365.737 -15.1666 267.377 -15.1666 206.711 45.4998L45.4998 206.711C-15.1666 267.377 -15.1666 365.737 45.4998 426.403C106.166 487.069 204.526 487.069 265.192 426.403L426.403 265.192Z'/%3E%3C/svg%3E");

    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
}

.pilule_mask_2 {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 472 472'%3E%3Cpath d='M45.4993 265.192C-15.1671 204.526 -15.1671 106.166 45.4992 45.4998C106.166 -15.1666 204.525 -15.1666 265.192 45.4998L426.403 206.711C487.069 267.377 487.069 365.737 426.403 426.403C365.736 487.069 267.377 487.069 206.71 426.403L45.4993 265.192Z'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 472 472'%3E%3Cpath d='M45.4993 265.192C-15.1671 204.526 -15.1671 106.166 45.4992 45.4998C106.166 -15.1666 204.525 -15.1666 265.192 45.4998L426.403 206.711C487.069 267.377 487.069 365.737 426.403 426.403C365.736 487.069 267.377 487.069 206.71 426.403L45.4993 265.192Z'/%3E%3C/svg%3E");
}

.pilule_mask picture{
    display: flex;
    height: 100%;
    width: 100%;
}

.pilule_mask picture img{
    height: 100%;
    width: 100%;
}


    /* Pyramide */

.pyramide{
    display: flex;
    justify-content: space-between;
    height: 300px;
    width: 236px;
    overflow: hidden;
}

.pyramide>div{
    height: auto;
    background: var(--Granite-gradient-linear);
    width: 7.6%;
    border-radius: 400px 400px 0 0;
    transition: 0s;
}

.pyramide>div:first-child, .pyramide>div:last-child{
    margin-top: 46%;
}

.pyramide>div:nth-child(2), .pyramide>div:nth-child(4){
    margin-top: 24%;
}

.pyramide_gold>div{
    border: 1px solid transparent;
    border-bottom: 0px;

    background: linear-gradient(var(--Shadow-grey), var(--Shadow-grey))  padding-box,
    var(--Camel-gradient-linear) border-box;
    opacity: 1;
}

#footer .pyramide>div{
    opacity: 0.2;
}

.page-template-page-premium #footer .pyramide>div{
    border: 1px solid transparent;
    border-bottom: 0px;
    background: linear-gradient(var(--Carbon-black), var(--Carbon-black))  padding-box,
    var(--Camel-gradient-linear) border-box;
    opacity: 1;
}


    /* img vdo */

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

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

.img_vdo video, .img_vdo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

picture{
    display: flex;
}

    /* gestion flex cote */

.flex_cote{
    display: flex;
}

.grid_cote{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.super_pose{
    display: grid;
}

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


    /* Slider */

.slider_class{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
}

.slider_classique{
    border-radius: var(--medium-radius);
}

.slider_classique img{
    border-radius: var(--medium-radius);
    aspect-ratio: 92 / 56;
}

.swiper-button-prev, .swiper-button-next {
    position: static !important;
    width: var(--dif-margin) !important;
    height: 80px !important;
    z-index: 1 !important;
}

.swiper-button-prev svg, .swiper-button-next svg {
    width: auto !important;
}

.swiper-button-prev{
    justify-content: flex-start !important;
}
.swiper-button-next {
    justify-content: flex-end !important;
}


    /* Maps */

#map{
    height: 200px;
    width: 100%;
}


#map, #map div{
   transition: 0s;
}

.gmnoprint, .gm-style-cc, .gm-fullscreen-control, .gm-style>div>div>a>div>img {
    display: none;
}


/****/


/*****************
Header
 *****/

.theme_claire{
    --Color-menu: var(--Noir);
}

html.no-scroll:has(li.open) {
    overflow: hidden;
}

#header{
    padding-left: var(--small-margin);
    padding-right: var(--small-margin);
    height: fit-content;
    align-items: center;
    background-color: var(--Gris-menu);
}

.theme_claire #header{
    background-color: var(--Blanc);
}


@media (min-width: 600px) {
    .top_head #header,
    #header.submenu-open {
        background-color: transparent;
    }
}

#header.hide{
    transform: translateY(-100%);
}

.no-scroll #header.hide{
    transform: none;
}

#header::before {
    content: '';
    background-color: var(--Shadow-grey);
    position: fixed;
    inset: 0;
    opacity: 0;
    z-index: -3;
    transition: 0.3s ease-out;
    pointer-events: none;
}

#header.submenu-open::before {
    opacity: 0.8;
    pointer-events: all;
}

#menu{
    width: auto;
}


.menu{
    display: flex;
}

#menu .menu button{
    background: none;
    border: none;
    padding: 0 0 0 20px;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: none;
    color: var(--Noir);
    height: fit-content;
    display: flex;
}

#search_general_mobile{
    background: none;
    border: none;
    padding: 0 0 0 20px;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: none;
    color: var(--Noir);
    height: fit-content;
    display: none;
}

#search_general_mobile svg path{
    color: var(--Noir);
}


#menu .menu button#search_general{
    padding-left: 30px;
}

#menu .menu button svg line, #menu .menu button svg path{
    color: var(--Noir);
}

#menu .menu>li>a{
    color: var(--Noir);
    font-size: var(--font-20);
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    letter-spacing: -0.1px;
    text-transform: unset;
    margin: 0;
    padding: 0 20px 0 20px;
    font-size: 18px;
}


.home #menu .menu>li>a, .page-template-page-premium #menu .menu>li>a, .home #menu .menu button svg line, .home #menu .menu button svg path, .page-template-page-premium #menu .menu button svg line, .page-template-page-premium #menu .menu button svg path,
.home #search_general_mobile svg path, .page-template-page-premium #search_general_mobile svg path{
    color: var(--Blanc);
}



#branding a{
    display: flex;
    align-items: center;
    gap: 10px;
}


.page-template-page-premium #branding a{
    align-items: flex-start;
}

#branding .separateur_logo{
    width: 1px;
    height: 27px;
    background-color: var(--Noir);
}

#branding svg path{
    fill: var(--Noir);
}

.home #branding svg path, .page-template-page-premium #branding svg path{
    fill: var(--Blanc);
}

.page-template-page-premium #branding svg .icone_logo path,
.page-template-page-premium #branding svg.svg_premium_icon path{
    fill: var(--Or);
}

.page-template-page-premium #branding svg.svg_premium_icon{
    margin-top: 5px;
}

.marque_head{
    color: var(--Noir);
    font-size: 21.294px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 26.83px */
    text-transform: uppercase;
    white-space: nowrap;
}

.menu>.menu-item-has-children{
    position: relative;
}

.sub-menu{
    /*display: none;*/
}

.open .sub-menu{
    display: block;
}

.sub-menu *, .sub-menu * a:visited{
    color: var(--Color-menu);
}

.sub-menu * svg path{
    stroke: var(--Color-menu);
}

.sub-menu .menu-par-marques * svg path,
.sub-menu .menu-nos-marques * svg path{
    stroke: none;
    fill: var(--Color-menu);
}

.menu>.menu-item-has-children::after{
    content: '';
    height: 30px;
    width: 30px;
    position: absolute;
    display: block;
    top: calc(100% + 16px);
    left: 50%;
    background-color: var(--Gris-menu);
    background: linear-gradient(135deg,var(--Gris-menu) 51%, rgba(35, 36, 42, 0) 52%);
    transform: translateX(-50%) translateY(1px) rotate(45deg) ;
    opacity: 0;
    pointer-events: none;
    transition: 0.5s ease;
}

.menu>.menu-item-has-children>.sub-menu{
    position: fixed;
    background-color: var(--Gris-menu);
    margin: calc(var(--htr-menu) - 20px) var(--small-margin) 20px ;
    inset: 0;
    width: auto;
    height: fit-content;
    padding: 72px 77px;
    border-radius: var(--medium-radius);
    display: flex;
    gap: 4vw;
    opacity: 0;
    pointer-events: none;
    transition: 0.5s ease;
    transform: translateY(3px);

}


.theme_claire .menu>.menu-item-has-children::after{
    background-color: var(--Blanc);
    background: linear-gradient(135deg,var(--Blanc) 51%, rgba(225, 225, 225, 0) 52%);

}

.theme_claire .menu>.menu-item-has-children>.sub-menu{
    background-color: var(--Blanc);
}

.menu>.menu-item-has-children.open::after{
    opacity: 1;
    transform:  translateX(-50%) translateY(0) rotate(45deg);
}

.menu>.menu-item-has-children.open>.sub-menu{
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
}

.menu>.menu-item-has-children>.sub-menu>li{
    flex: 1;
}


#menu .menu > li.lien-stock, #menu .menu > li.lien-modeles, .single-marques #menu .menu > li.no-menu-marque{
    display: none;
}


.single-marques #menu .menu > li .lien-stock, .single-marques #menu .menu > li.lien-modeles{
    display: block;
}


#menu .menu > li.lien-modeles > a[target="_blank"]::after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 10px;

    background-color: currentColor;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath d='M9.75 7.95V0.75H2.55M9.75 0.75L0.75 9.75' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath d='M9.75 7.95V0.75H2.55M9.75 0.75L0.75 9.75' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;

    transition: transform .3s ease;
}


#menu .menu > li.lien-modeles > a[target="_blank"]:hover::after {
    transform: translate(2px, -2px);
}




/*** Test *************************/

@media (min-width: 1232px) {
    .menu > .menu-essai-routier.menu-item-has-children > .sub-menu,
    .menu > .menu-rdv.menu-item-has-children > .sub-menu {
        padding: 70px 77px 68px;
        border-radius: var(--medium-radius);
        /*background-color: var(--Gris-menu);*/
        display: flex;
        flex-direction: column;

        gap: 0;
        max-width: 470px;
        position: absolute;

        top: calc(100% + 30px);
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        width: max-content;
    }


    .menu>.menu-plus-burger.menu-item-has-children>.sub-menu{
        padding: 70px 72px 68px 77px;
        border-radius: var(--medium-radius);
        /*background-color: var(--Gris-menu);*/
        display: flex;
        flex-direction: column;

        gap: 0;
        max-width: 500px;
        position: absolute;

        top: calc(100% + 30px);
        left: unset;
        right: -65px;
        /*transform: translateX(-50%);*/
        margin: 0;
        width: 500px;
        min-height: 80svh;
        max-height: 82svh;
    }

    .menu>.menu-plus-burger.menu-item-has-children>.sub-menu>li {
         flex: unset;
    }


    .menu>.menu-plus-burger.menu-item-has-children::after{
        left: 24px;
    }
}

@media (min-width: 1358px) {
    .menu>.menu-plus-burger.menu-item-has-children::after{
        left: 29px;
    }
}
@media (min-width: 1457px) {
    .menu>.menu-plus-burger.menu-item-has-children::after{
        left: 33px;
    }
}
@media (min-width: 1565px) {
    .menu > .menu-plus-burger.menu-item-has-children::after {
        left: 35px;
    }
}


.menu>.menu-essai-routier.menu-item-has-children>.sub-menu>li>a,
.menu>.menu-rdv.menu-item-has-children>.sub-menu>li>a {
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;


    font-size: var(--font-18);
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 20.4px */
    letter-spacing: -0.085px;
    opacity: 1;
    text-transform: unset;
}

.menu>.menu-essai-routier.menu-item-has-children>.sub-menu>li>a>div>span,
.menu>.menu-rdv.menu-item-has-children>.sub-menu>li>a>div>span{
    font-size: var(--font-16);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.6;
}

.menu>.menu-essai-routier.menu-item-has-children>.sub-menu>li>a svg,
.menu>.menu-rdv.menu-item-has-children>.sub-menu>li>a svg{
    flex: 0 0 auto;
}

.menu>.menu-essai-routier.menu-item-has-children>.sub-menu>li:last-child>a,
.menu>.menu-rdv.menu-item-has-children>.sub-menu>li:last-child>a{
    /*padding: 20px 0;*/
    border-bottom: 0px solid rgba(255, 255, 255, 0);
}



.menu>.menu-essai-routier.menu-item-has-children>.sub-menu>li:first-child>a:hover svg,
.menu>.menu-rdv.menu-item-has-children>.sub-menu>li:first-child>a:hover svg{
    transform: translate(6px, -6px);
}

.menu>.menu-essai-routier.menu-item-has-children>.sub-menu>li:nth-child(2)>a:hover svg,
.menu>.menu-rdv.menu-item-has-children>.sub-menu>li:nth-child(2)>a:hover svg{
    transform: rotate(-10deg);
}

.menu>.menu-essai-routier.menu-item-has-children>.sub-menu>li:last-child>a:hover svg,
.menu>.menu-rdv.menu-item-has-children>.sub-menu>li:last-child>a:hover svg{
    transform: translateY(-4px);
}


/* todo */


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


.menu>.menu-item-has-children>.sub-menu>li>a{
    color: var(--Color-menu);
    font-size: var(--font-14);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    opacity: 0.6;
    padding-bottom: 46px;
    display: block;
}

.menu>.menu-item-has-children>.sub-menu>li>ul>li>a{
    padding: 19px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 23px;
    border-bottom: solid 1px #626369;

    font-size: var(--font-20);
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    min-height: 79px;
}

.menu>.menu-item-has-children>.sub-menu>li>ul>li:first-child>a{
    border-top: solid 1px #626369;
}

.menu>.menu-item-has-children>.sub-menu>li>ul>li>a svg{
   width: 49px;
    height: 40px;
    opacity: 0.6;
}

.menu>.menu-item-has-children>.sub-menu>li>ul>li>a::after{
    content: '';
    height: 34px;
    width: 28px;
    background-color: var(--Color-menu);
    opacity: 0.2;
    margin: auto 3px auto auto;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 28'%3E%3Cpath d='M20.1285 0.749609L33.0488 13.6699M33.0488 13.6699L20.1285 26.5902M33.0488 13.6699L0.748047 13.6699' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 28'%3E%3Cpath d='M20.1285 0.749609L33.0488 13.6699M33.0488 13.6699L20.1285 26.5902M33.0488 13.6699L0.748047 13.6699' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;

    -webkit-mask-size: contain;
    mask-size: contain;
    transition: 0.5s ease;
}


.menu>.menu-item-has-children>.sub-menu>li>ul>li>a:hover svg,
.menu>.menu-item-has-children>.sub-menu>li>ul>li>a:hover::after{
    opacity: 1;
}

.menu>.menu-item-has-children>.sub-menu>li>ul>li>a:hover::after{
    transform: translateX(4px);
}

.menu>.menu-item-has-children>.sub-menu>li>ul.menu_nos_vehicule>li>a{
    padding: 25px 0;
}

.menu_nos_vehicule>li>a>span{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.menu_nb_vehicule{
    color: var(--Color-menu);
    font-size: var(--font-16);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.6;
}



/* todo */

@media (min-width: 1232px) {

    .menu>.menu-plus-burger.menu-item-has-children>.sub-menu>li:not(:first-child) a {
        color: var(--Color-menu);
        font-size: var(--font-18);
        font-style: normal;
        font-weight: 500;
        line-height: normal;


        padding: 19px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 23px;
        border-bottom: solid 1px #626369;
        opacity: 1;
        text-transform: none;
        transition: 0s;

    }

    .menu>.menu-plus-burger.menu-item-has-children>.sub-menu>li:not(:first-child) .sub-menu a {
        padding: 15px 0;
        min-height: 72px;
    }


    .menu>.menu-plus-burger.menu-item-has-children>.sub-menu>li:nth-child(2)>a {
        border-top: solid 1px #626369;
        transition: 0s;
    }

    .menu>.menu-plus-burger.menu-item-has-children>.sub-menu>li:not(:first-child).menu-item-has-children>a::after {
        content: "";
        display: inline-block;
        width: 11px;
        height: 19px;
        margin-left: 8px;

        background-color: currentColor;

        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 17'%3E%3Cpath d='M0.5 0.5L8.5 8.5L0.5 16.5' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 17'%3E%3Cpath d='M0.5 0.5L8.5 8.5L0.5 16.5' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;

        -webkit-mask-size: contain;
        mask-size: contain;
        opacity: 0.2;
        transition: 0.2s ease-in;
    }


    .menu>.menu-plus-burger.menu-item-has-children>.sub-menu>li:not(:first-child)>a:hover::after {
        transform: translateX(4px);
        opacity: 1;
    }


    .menu>.menu-plus-burger.menu-item-has-children>.sub-menu>li:not(:first-child) .sub-menu {
        position: static;
        opacity: 1;
        background-color: transparent;
        margin: 0;
        padding: 0;
        inset: 0;
        flex-direction: column;
        height: auto;
        max-height: 0;
        overflow: hidden;
        pointer-events: all;
        transition: 0s;
    }


    .menu>.menu-plus-burger.menu-item-has-children>.sub-menu>li:not(:first-child).open .sub-menu {
        /*position: fixed;*/
        opacity: 1;
        inset: 0;
        flex-direction: column;
        height: fit-content;
        max-height: 60svh;
        overflow: auto;
        padding-right: 6px;
        pointer-events: all;
        transition: 0s;
        /*padding: 10px 26px;*/
        /*border-radius: var(--medium-radius);*/
        /*background-color: var(--Gris-menu);*/
        /*margin: 142px var(--small-margin) 0;*/
    }

    .menu>.menu-plus-burger.menu-item-has-children>.sub-menu>li:not(:first-child).open .sub-menu::-webkit-scrollbar-track {
        background: transparent;
    }

    .menu>.menu-plus-burger.menu-item-has-children>.sub-menu>li:not(:first-child).open .sub-menu::-webkit-scrollbar-thumb {
        background: #2c2c30;
        border-radius: 10px;
    }

    .menu>.menu-plus-burger.menu-item-has-children>.sub-menu>li:not(:first-child).open .sub-menu::-webkit-scrollbar-thumb:hover {
        background: var(--White-smoke);
    }

    .theme_claire .menu>.menu-plus-burger.menu-item-has-children>.sub-menu>li:not(:first-child).open .sub-menu::-webkit-scrollbar-thumb {
        background: #e4e4ef;
        border-radius: 10px;
    }

    .theme_claire .menu>.menu-plus-burger.menu-item-has-children>.sub-menu>li:not(:first-child).open .sub-menu::-webkit-scrollbar-thumb:hover {
        background: var(--Gris-menu);
    }


    .menu>.menu-plus-burger.sub-sub>.sub-menu>li:first-child>a{
        font-weight: 400;

    }

    .menu>.menu-plus-burger.sub-sub>.sub-menu>li:first-child>a::after{
        content: "";
        display: inline-block;
        width: 7px;
        height: 12px;
        margin-left: 8px;

        background-color: currentColor;

        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath opacity='0.6' d='M0.707031 0.707031L5.82642 5.82642L0.707031 10.9458' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat center;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath opacity='0.6' d='M0.707031 0.707031L5.82642 5.82642L0.707031 10.9458' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat center;

        -webkit-mask-size: contain;
        mask-size: contain;

        transition: 0.2s ease-in;
    }


    .menu>.menu-plus-burger.menu-item-has-children.sub-sub>.sub-menu>li:not(:first-child)>a {
        border: unset;
        padding: 0;
        position: absolute;

        bottom: calc(100% + 46px);
        left: 128px;

        opacity: 0.6;
        font-size: var(--font-14);
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.56px;
        text-transform: uppercase;
    }

    .menu>.menu-plus-burger.menu-item-has-children.sub-sub>.sub-menu>li:not(:first-child)>a::after {
        display: none;
    }


    .menu>.menu-plus-burger.sub-sub>.sub-menu>li:not(:first-child){
        overflow: hidden;
        min-height: 0;
        max-height: 0;
    }

    .menu>.menu-plus-burger.sub-sub>.sub-menu>li:not(:first-child).open{
        overflow: visible;
        min-height: unset;
        max-height: unset;
        position: relative;
    }

    .menu>.menu-plus-burger.sub-sub>.sub-menu>li:not(:first-child)>a{
        display: none;
        transition: 0s;
    }

    .menu>.menu-plus-burger.sub-sub>.sub-menu>li:not(:first-child).open>a{
        display: flex;
    }
}


/* Popup Recherche */


.popup{
    position: fixed;
    display: flex;
    flex-direction: column;
    inset: 0;
    z-index: 10000;
    opacity: 0;
    pointer-events: none;
    /*justify-content: center;*/


    justify-content: space-evenly;
    overflow: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.popup>div{
    position: relative;
    background-color: var(--Gris-menu);
    padding: var(--small-margin) 78px var(--small-margin)  70px;
    border-radius: var(--medium-radius);
    max-width: 665px;
    width: 96%;
    margin: 0 auto 2svh;
    /*min-height: 30svh;*/
    /*max-height: 90svh;*/
    transform: translateY(4px);

    margin-top: auto;
    margin-bottom: auto;
}

#wrapper.theme_claire .popup>div{
    background: var(--Blanc);
}

body:has(.popup_open),
html.no-scroll{
    overflow: hidden;
}



.popup>div>div{
    /*overflow: auto;*/
    height: 100%;
    /*padding-right: 8px;*/
}

#wrapper:has(.popup_open) #header::before{
    opacity: 0.8;
    pointer-events: all;
}


#wrapper.theme_claire:has(.popup_open) #header::before {
    opacity: 0.8;
    background: rgba(245, 244, 242);
    pointer-events: all;
}

#wrapper.theme_claire #header::before {
    background: rgba(245, 244, 242);
}




.popup_search_item a{
    font-size: 18px;
}

#popup_search_results.info_between_line{
    border-radius: 0px;
    padding-top: 20px;
}

.popup_search_item a{
    padding: 10px 0;
    display: flex;
}

.popup_search_item a:hover{
   opacity: 0.6;
    transform: translateX(2px);
}

#popup_search label{
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 2px solid var(--Shadow-grey);
}

#popup_search label div{
    display: flex;
    align-items: center;
    height: 100%;
    flex: 0 0 auto;
}

#popup_search label input{
    background-color: transparent;
    flex: 1;
    padding: 6px 10px 6px 0;
    margin: 0;
    font-size: var(--font-18);
}



.close_popup{
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

.popup_open{
    opacity: 1;
    pointer-events: none;
}

.popup_open>div{
    transform: translateY(0);
    pointer-events: all;
}

.popup h2{
    margin-top: 0;
    font-size: 40px;
}

#wrapper.theme_claire #popup_search svg path{
    stroke: var(--Shadow-grey);
}

#wrapper.theme_claire #popup_search input,
#wrapper.theme_claire .popup_search_item a{
    color: var(--Shadow-grey);
}


/* lien en avant */

.main_btn{
    width: fit-content;
    position: sticky;
    top: 20px;
    right: 0;
    margin: 0 0 0 auto;
    left: auto;
    z-index: 8;
    height: 0;
    pointer-events: none;
}

.main_btn>div{
    display: flex;
    flex-direction: column;
    gap: 7px;
    overflow: hidden;
}

.main_btn .btn{
    width: 100%;
    height: 47px;
    justify-content: flex-start;
    /*transform: translateX(calc(100% - 56px));*/
    padding-right: 30px;
    background-color: #3B3C43;
}

.main_btn .elt_btn{
    transform: translateX(calc(100% - 56px));
    pointer-events: all;
}

.main_btn .btn a{
    display: flex;
    gap: 14px;
}

.main_btn .btn:hover svg{
   transform: translateX(0);
}

.icone_main_btn{
    display: flex;
    width: 30px;
    justify-content: center;
    align-items: center;
}

.main_btn .elt_btn .btn{
    pointer-events: none;
}

.main_btn .elt_btn:hover, .main_btn .elt_btn.actif{
    transform: translateX(0);
}

.main_btn .elt_btn{
    cursor: pointer;
}

.main_btn .elt_btn.actif .btn{
    pointer-events: all;
}

.main_btn .elt_btn a.btn{
    text-transform: uppercase;
    font-size: var(--font-14);
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
}

.page_claire .main_btn *{
    color: var(--Blanc);
}

.horaire_btn .status_horaire{
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.horaire_btn .status_label{
    display: flex;
    align-items: baseline;
    gap: 6px;
    /*margin-left: 6px;*/
}

.horaire_btn .status_label span{
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 14.4px */
    letter-spacing: -0.06px;
    opacity: 0.7;
}

.horaire_btn .status_label span>span{
    display: none;
}


.horaire_btn .pastille{
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #00D463;
}

.horaire_btn .closed .pastille{
    background-color: #d40000;
}

.horaire_btn p{
    font-size: var(--font-14);
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.07px;
    margin: 0;
}



/*.home .main_btn .btn,*/
.page-template-page-entreprise .main_btn .horaire_btn{
    background-color: var(--Blanc);
}

/*.home .main_btn .btn svg path{*/
/*    fill: var(--Noir);*/
/*}*/

.page-template-page-entreprise .main_btn .horaire_btn svg path{
    fill: #3B3C43;
}

/*.home .main_btn a.btn span,*/
.page-template-page-entreprise .main_btn .horaire_btn span{
    color: var(--Noir);
}

.page-template-page-entreprise .main_btn .horaire_btn p{
    color: var(--Noir);
}

.page-template-page-premium  .main_btn .btn{
    /*background-color: var(--Or);*/
}

/*.home .main_btn .horaire_btn.btn, */
.page-template-page-premium  .main_btn .horaire_btn.btn{
    background-color: #3B3C43;
}

/*.home .main_btn .horaire_btn.btn svg path{*/
/*    fill: var(--Blanc);*/
/*}*/

.home.top_head .main_btn .horaire_btn,
.page-template-page-entreprise.top_head .main_btn .horaire_btn{
    height: 67px;
}

/*.home.top_head .main_btn .horaire_btn .icone_main_btn,*/
.page-template-page-entreprise.top_head .main_btn .horaire_btn .icone_main_btn{
    width: 10px;
    opacity: 0;
}

.home.top_head .main_btn .horaire_btn.elt_btn,
.page-template-page-entreprise.top_head .main_btn .horaire_btn.elt_btn{
    transform: translateX(0);
}

/* Page accueil */

.accueil_1 h1{
    max-width: 1088px;
}

.lien_principaux{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-top: 72px;
    padding-bottom: 105px;
}

.lien_principaux .pilule_mask{
    position: relative;
    width: 100%;
    display: block;
}

.lien_principaux .pilule_mask:hover,
.lien_principaux>div:has(div>a:hover) .pilule_mask{
    transform: scale(1.02);
}


.lien_principaux .pilule_mask::after{
    position: absolute;
    content: '';
    min-height: 100px;
    height: 25vw;
    max-height: 390px;
    inset: auto 0 0;
    background: linear-gradient(180deg, rgba(35, 36, 42, 0.00) 0%, #23242A 83.86%);
}

.lien_principaux h2{
    font-size: var(--font-20);
    font-weight: 600;
    line-height: 129%; /* 25.8px */
    text-transform: uppercase;
    margin: 0;
}


.lien_principaux>div>div{
    margin-top: -115px;
    position: relative;
    z-index: 2;
    margin-left: 9%;
    margin-right: 9%;
}

.lien_principaux>div>div>a{
    display: flex;
    gap: 15px;
    align-items: flex-end;
    margin-bottom: 10px;
}

.lien_principaux>div>div>a:hover svg:first-of-type{
    /*transform: translateX(8px);*/
}

.lien_principaux .fleche{
    margin-bottom: 8px;
}

#content .lien_principaux ul{
    display: flex;
    flex-direction: column;
    gap: 0;
    list-style: none;
    padding-left: 0;
}

.lien_principaux ul li{
    line-height: unset;
}

.lien_principaux ul li>a{
    font-weight: 400;
    line-height: 126%; /* 16.38px */
    letter-spacing: 0.26px;
    text-transform: uppercase;
    font-size: 13px;
    opacity: 0.8;
    padding: 3px 0 2px;
}

.lien_principaux ul li>a:hover{
    opacity: 1;
}

.lien_principaux ul li:hover{
    transform: translateY(-2px);
}



.lien_principaux > div {
    opacity: 0;
    transform: translateY(50px);
    animation: apparitionLien .8s ease-out forwards;
}

.lien_principaux > div:nth-child(1) {
    animation-delay: 0s;
}

.lien_principaux > div:nth-child(2) {
    animation-delay: 0.15s;
}

.lien_principaux > div:nth-child(3) {
    animation-delay: 0.3s;
}

@keyframes apparitionLien {
    from {
        opacity: 0;
        transform: translateY(50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}






h1.titre_principal {
    clip-path: circle(0% at 25% 7%);
    opacity: 0;
    transform: translateY(-20px);
    animation: ecritureTitre 1.2s  forwards;
    transform-origin: top left;
    animation-delay: 0.4s;
}

@keyframes ecritureTitre {
    from {
        clip-path: circle(0.5% at 0 0);
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        clip-path: circle(140.9% at 0 0);
        opacity: 1;
        transform: scale(1) translateY(0px);
    }
}


.premium_1 h1{
    opacity: 0;
    transform: translateY(20px);
    animation: premiumTitre 1.6s  forwards;
    /*animation-delay: 0.4s;*/
}


.premium_1>div:first-child p{
    opacity: 0;
    transform: translateY(20px);
    animation: premiumTitre 2s forwards;
    animation-delay: 0.4s;
}

@keyframes premiumTitre {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0px);
    }
}


.voitures_img>div a{
    opacity: 0;
    transform: translateX(20px);
    animation: premiumVoiture 1.2s  forwards;
    animation-delay: 1s;
}

.voitures_img>div a:nth-child(2){
    animation-delay: 1.2s;
}


.voitures_img>div a:nth-child(3){
    animation-delay: 1.4s;
}

.voitures_img>div a:nth-child(4){
    animation-delay: 1.6s;
}

.premium_1>div:last-child, .voitures_names_swiper {
    opacity: 0;
    transform: translateY(20px);
    animation: premiumTitre 2s  forwards;
    animation-delay: 3s;
}


/*.premium_1>div:first-child p{*/
/*    opacity: 0;*/
/*    transform: translateY(20px);*/
/*    animation: premiumTitre 2s forwards;*/
/*    animation-delay: 0.4s;*/
/*}*/

@keyframes premiumVoiture {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateX(0px);
    }
}

.voitures_img>div a p{
    opacity: 0;
    transform: translateY(2px);
    animation: premiumTitre 1.6s  forwards;
    animation-delay: 2.7s;
}

.voitures_img>div a:nth-child(2) p{
    animation-delay: 2.4s;
}


.voitures_img>div a:nth-child(3) p{
    animation-delay: 2.1s;
}

.voitures_img>div a:nth-child(4) p{
    animation-delay: 1.8s;
}

@keyframes premiumOpa {
    from {
        opacity: 0;
        transform: translateY(2px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0px);
    }
}

.btn_stock_home{
    display: none;
}


.rect{
    border-radius: var(--medium-radius);
    background-color: var(--Graphite);
    padding: 50px 80px 60px;
}

.big_rect{
    padding: 86px 120px;
}

.offres_avant .rect{
    margin-bottom: -60px;
    position: relative;
    z-index: 2;
    min-height: 264px;
}

.offres_avant button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    margin-right: 4px;
    padding-right: 4px;
    text-transform: uppercase;
    font-size: 12px;
    opacity: 0.6;
    padding-bottom: 10px;
}


.offres_avant button.active, .offres_avant button:hover {
    opacity: 1;
}

.offres_avant h2 {
    font-size: var(--font-20);
    font-weight: 600;
    line-height: 129%; /* 25.8px */
    text-transform: uppercase;
    margin: 13px 0 9px 0;
}

.offres_avant p {
    font-size: var(--font-16);
}

.offres_avant>.rect a{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 4vw;
}

.offres_avant>.rect .btn{
    display: flex;
    align-items: flex-end;
    background: linear-gradient(var(--Graphite), var(--Graphite))  padding-box,
    linear-gradient(80deg, rgba(102, 98, 93, 0) 0%, #66625D 100%) border-box;
    margin-top: 10px;
}

.offres_avant>.rect a:hover .btn svg{
    transform: translateX(10px);
}

.offre_marque {
    display: none;
}

.nos_services{
    height: 100svh;
}

.slider_class{
    margin-top: var(--mdspace);
    margin-bottom: var(--mdspace);
}

.liste_services{
    gap: 7vw;
}

.liste_services>div{

}

.liste_services h2{
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 14px;
}

.liste_services p{
    font-weight: 300;
}

.liste_services p strong{
    font-weight: 500;
}


.voiture{
    background: linear-gradient(180deg,rgba(48, 49, 54, 0) 0%, rgba(48, 49, 54, 1) 7vw);
}

.voiture>div{
    padding-right: calc(var(--small-margin) * 2);
    padding-left: calc(var(--small-margin) * 2);
}

.voiture>div>div{
    position: relative;
    width: 100%;
    height: 100%;
}

/*.voiture>div>div::after{*/
/*    content: '';*/
/*    background: linear-gradient(180deg,rgba(35, 36, 42, 1) 0%, rgba(48, 49, 54, 1) 100%);*/
/*    position: absolute;*/
/*    height: 7vw;*/
/*    inset: 0 0 auto 0;*/
/*    z-index: 1;*/
/*}*/

.voiture img{
    width: 100%;

}

.voiture .point{
    position: absolute;
    left: 20%;
    top: 40%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #5E5F66;
    transform: translate(-50%);
    cursor: pointer;
    overflow: visible;
    z-index: 3;
}

.voiture .point>div:first-child{
    border: 1px solid var(--Blanc);
    border-radius: 50%;
    height: 14px;
    width: 14px;
    background-color: #5E5F66;
}

.voiture .point .text_point{
    opacity: 0;
    pointer-events: none;
    position: absolute;
    bottom: 50%;
    background-color: #5E5F66;
    z-index: -1;
    padding: 30px 30px 40px;
    border-radius: var(--medium-radius);
    transform: scale(0.2);
    transform-origin: bottom;
    max-width: 296px;
    width: max-content;
    transition: 0.2s;
    line-height: 129%;

}


.voiture .point.actif {
    z-index: 5;
}

.voiture .point:hover{
    z-index: 6;
}

.voiture .point:hover .text_point, .voiture .point.actif .text_point{
    opacity: 1;
    transform: scale(1);
}

.maps_google{
    min-height: 100svh;
    padding-bottom: var(--ltspace);
    display: grid;
    background: var(--Graphite);
}

.gm-style img {
    max-width: none;
    object-fit: contain;
}

#map{
    height: 100%;
    width: 100%;
    position: relative;
    grid-area: 1 / 1;
}

#map::after{
    position: absolute;
    content: '';
    inset: 0;
    background: linear-gradient(0deg,rgba(48, 49, 54, 1) 0%, rgba(48, 49, 54, 0) 220px, rgba(48, 49, 54, 0) calc(100% - 220px), rgba(48, 49, 54, 1) 100%);
    pointer-events: none;
}

.info_maps{
    grid-area: 1 / 1;
    position: relative;
    z-index: 2;
    pointer-events: none;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-left: var(--small-margin);
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
    overflow: hidden;
}

.info_maps>div{
    pointer-events: all;
    max-width: 443px;
    border-radius: var(--medium-radius);
    overflow: hidden;
    background-color: var(--Shadow-grey);
}

.info_maps>div>div{
    position: relative;
    padding: 41px 50px 45px;
    overflow: hidden;
}


.info_maps>.btn{
    pointer-events: all;
    background-color: var(--Noir);
    transform: translateX(10px);
    padding-right: calc(10px + var(--small-margin));
    text-transform: uppercase;
}

.info_maps>.btn:hover{
    background-color: var(--Carbon-black);
    transform: translateX(0px);
}

.info_maps .pyramide{
    width: 94px;
    height: 150px;
    transform: rotate(-135deg);
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: -20px;
}

.info_maps .pyramide>div {
    height: auto;
    background: linear-gradient(180deg,rgba(234, 232, 228, 1) 16%, rgba(234, 232, 228, 0.03) 100%);
    width: 7.6%;
    border-radius: 400px 400px 0 0;
}

.txt_fin p{
    font-weight: 300;
}

.txt_fin p strong{
    font-weight: 400;
}


.info_maps .txt_fin p:first-of-type{
    margin-bottom: 0;
}

.info_maps .txt_fin p:nth-child(2){
    margin-top: 0;
}

.info_maps h2{
    margin: 0 0 14px 0;
    font-size: 22px;
    font-weight: 400;
}

.info_maps h3{
    margin: 29px 0 11px 0;
    font-size: var(--font-18);
    font-weight: 400;
}


.info_maps .affiche_horaires{
    margin-top: 11px;
}

.info_maps .affiche_horaires p{
    font-weight: 300;
}

.gm-style-moc{
    display: none !important;
}


.banniere_garage{
    display: grid;
    max-height: 100svh;
}

.banniere_garage>picture, .banniere_garage>div{
    grid-area: 1 / 1;
}

.banniere_garage>picture img{
    width: 100%;
    height: 100%;
    max-height: 100svh;
}

.banniere_garage>picture{
    pointer-events: none;
}

.banniere_garage>picture:last-of-type{
    position: relative;
}

.banniere_garage>picture:last-child img{
   /*margin-top: auto;*/
}


.banniere_garage>div{
    margin-top: 90px;
    margin-bottom: 5px;
    height: auto;
    width: 100%;
    overflow: hidden;
}

.banniere_garage .rect{
    height: 100%;
    gap: 65px;
    background-color: var(--Shadow-grey);
}

.banniere_garage .flex_cote{
    justify-content: space-between;
}

/*.banniere_garage>div>div:first-of-type{*/
/*    padding-bottom: 30svh;*/
/*}*/

.banniere_garage h2{
    font-size: var(--font-16);
    font-weight: 700;
    line-height: 129%; /* 20.64px */
    text-transform: uppercase;
    opacity: 0.4;
    margin-top: 0;
    margin-bottom: 14px;
}

.banniere_garage p{
    font-size: var(--font-28);
    font-style: normal;
    font-weight: 400;
    line-height: 129%; /* 36.12px */
    text-transform: uppercase;
}


.banniere_garage .pyramide{
    opacity: 0.6;
    height: auto;
    margin-top: 21px;
    flex: 0 0 auto;
}

.banniere_garage .pyramide>div{
    background: linear-gradient(180deg, #DFDBD4 0%, rgba(223, 219, 212, 0.00) 64.42%);
}



.rs_elfsight{
    padding-top: var(--ltspace);
    padding-bottom: 80px;
    overflow: hidden;
}

.rs_elfsight h2{
    margin: 0 0 var(--smlspace);
}

.rs_elfsight .eapps-instagram-feed-posts-grid .eapps-instagram-feed-posts-inner{
    max-width: 100%;
}

.rs_elfsight .eapps-instagram-feed-posts-item-template-classic {
    border: 0 solid rgba(238, 238, 238, 0);
}

.rs_elfsight .eapps-instagram-feed-posts-item-image-ratio-1-1 .eapps-instagram-feed-posts-item-image-wrapper{
    border-radius: var(--medium-radius);
}

.rs_elfsight .eapps-instagram-feed-posts-grid-load-more-container.eapps-instagram-feed-posts-grid-load-more-enabled{
    display: none;
}

.rs_elfsight .btn{
    margin-top: 30px;
    text-transform: uppercase;
}

.rs_elfsight .btn:hover{
    transform: translateX(10px);
}

.rs_elfsight .eapps-instagram-feed-posts-item-template-classic .eapps-instagram-feed-posts-item-content {
    margin-right: 0;
    margin-left: 0;
}

.rs_elfsight .btn:hover svg {
    transform: translateX(0px);
}


    /* Page premium */

.page-template-page-premium .slider_tas_carte{
    /*max-height: 100svh;*/
}


/* slider carte */

.slider_tas_carte{
    margin-top: 20px;
    margin-bottom: var(--btspace);
}

.slider_cartes {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.slider_cartes .slide_carte {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 650px;
}

.slider_cartes>div.slide_carte:last-of-type {
    margin-bottom: var(--mdspace);
}


.slide_carte img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*border-radius: 20px; !* optionnel si effet carte *!*/
    display: block;
    aspect-ratio: 92 / 61 ;
    border-radius: var(--medium-radius);
}

.slider_cartes picture{
    height: 100%;
    width: 100%;
}



.slide_carte,
.video_premium{
    position: sticky;
    /*top: 120px;*/
    bottom: 120px;
    transition: 0s;
}



.slide_carte:first-child{
    opacity: 1 !important;
}


.liens_marques{
    padding-top: 80px;
    padding-bottom: 90px;
    background-color: var(--Graphite);
}

.liens_marques>div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.single-services .liens_marques>div{
    align-items: flex-start;
    gap: 20px;
}

.liens_marques>div a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    font-feature-settings: 'liga' off;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 126%; /* 30.24px */
    letter-spacing: 2.4px;
    text-transform: uppercase;
    background: linear-gradient(277deg, #C09854 23.79%, #E4C289 55.89%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.single-services .liens_marques_tous>div a{
    flex: 1;
}


.hover_blank:hover svg{
    transform: translate(20%, -20%);
}




    /* Page premium */

.premium_1{
    position: relative;
    z-index: 1;
}

.premium_1 h1{
    width: 100%;
    font-size: 10vw;
    text-align: center;
    font-style: normal;
    font-weight: 300;
    line-height: 126%; /* 211.516px */
    letter-spacing: 16.787px;
    text-transform: uppercase;
    background: linear-gradient(275deg, #C09854 35.77%, #E4C289 69.69%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
}

.premium_1 .slogan{
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 126%; /* 35.28px */
    background: linear-gradient(275deg, #C09854 35.77%, #E4C289 69.69%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: -10px auto 0;
}

.voitures_img{
    display: flex;
    justify-content: center;
    margin: 60px 0 135px;
    overflow-x: hidden;
}

.voitures_img>div{
    display: flex;
    justify-content: center;
    gap: 14px;
    margin: 0 -100px;
    width: 111%;
}

.voitures_img img{
    display: flex;
    object-fit: contain;
    height: 12vw;
    width: auto;
    min-height: 120px;
    max-height: 260px;
}

.voitures_img p{
    text-align: center;
}

.premium_1>div:last-of-type{
    padding-bottom: 70px;
}

.premium_1>div:last-of-type h2{
    max-width: 680px;
    margin-bottom: 15px;
}

.premium_1>div:last-of-type p{
    max-width: 680px;
}

.voitures_names_swiper.swiper{
    display: none;
}

.h2_fin{
    font-weight: 300;
}

.premium_1_englobe{
    margin-bottom: 30px;
}

.premium_1_englobe .pyramide{
    margin: 150px calc(var(--small-margin) * 1.2) 0 auto;
    height: auto;
    opacity: 0.6;
    position: relative;
    z-index: 0;
    min-width: 128px;
    width: 20vw;
    max-width: 236px;
}

.premium_1_englobe .pyramide>div{
    border: 1px solid transparent;
    /*border-bottom: 1px;*/
    border-radius: 400px;
    background: linear-gradient(var(--Shadow-grey), var(--Shadow-grey)) padding-box, linear-gradient(180deg, #C09854 0%, rgba(228, 194, 137, 0) 100%) border-box;
    opacity: 1;
}


.premium_1_englobe .pyramide>div:nth-child(3){
    margin-bottom: 46%;
}

.premium_1_englobe .pyramide>div:nth-child(2), .premium_1_englobe .pyramide>div:nth-child(4){
    margin-bottom: 24%;
}

.premium_3{
    margin-top: -200px;
    position: relative;
    z-index: 2;
}

.premium_3 h2, .premium_4 h2{
    margin-top: 0;

    font-style: normal;
    font-weight: 300;
    line-height: 126%; /* 35.28px */
    text-transform: uppercase;

    background: linear-gradient(270deg, #C29E61 -0.89%, #E4C289 84.09%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 500px;
}


.premium_3 p a {
    background: var(--Dor-gradient-linear);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    text-decoration: underline;
    text-decoration-color: var(--Or);
    text-underline-offset: 2px;

    filter: grayscale(1) brightness(2.8);
    transition: filter .2s ease;
}

.premium_3 p a:hover{
    filter: grayscale(0) brightness(1);
}




.premium_3 .btn{
    padding-left: 65px;
    background: linear-gradient(var(--Graphite), var(--Graphite)) padding-box, linear-gradient(270deg,rgba(194, 158, 97, 1) calc(100% - 65px), rgba(194, 158, 97, 0) 100%) border-box;
}

.premium_4 .btn{
    padding-left: 65px;
    background: linear-gradient(var(--Shadow-grey), var(--Shadow-grey)) padding-box, linear-gradient(270deg,rgba(194, 158, 97, 1) calc(100% - 65px), rgba(194, 158, 97, 0) 100%) border-box;
}

.premium_3 .btn>span,
.premium_4 .btn>span{
    background: var(--Dor-gradient-linear);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.citation{
    font-size: 45px;
    font-style: normal;
    font-weight: 300;
    line-height: 126%; /* 56.7px */
    max-width: 760px;
    margin-top: 120px;
    margin-bottom: 120px;
}

.page-template-page-premium .citation{
    background: var(--Dor-gradient-linear);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.citation.anim_citation{
    max-width: 782px;
}

.anim_citation .word {
    white-space: nowrap;
}

.anim_citation .char {
    display: inline;
}

.premium_4{
    /*background: linear-gradient(0deg,rgba(35, 36, 42, 0) 0%, rgba(35, 36, 42, 1) 30px);*/
    /*position: relative;*/
    /*z-index: 2;*/
}

.premium_4 .flex_cote{
    gap: 40px;
}

.premium_4 .flex_cote>div:first-of-type{
    max-width: 503px;
    padding-bottom: var(--mdspace);
}

.premium_4 .pyramide{
    margin: 0 0 0 auto;
    height: auto;
    opacity: 0.6;
    position: relative;
    z-index: 0;
    min-width: 128px;
    width: 20vw;
    max-width: 236px;
    flex: 0 0 auto;
}

.premium_4 .pyramide>div{
    border: 1px solid transparent;
    /*border-bottom: 1px;*/
    border-radius: 400px;
    background: linear-gradient(var(--Shadow-grey), var(--Shadow-grey)) padding-box, linear-gradient(180deg, #C09854 0%, rgba(228, 194, 137, 0) 100%) border-box;
    opacity: 1;
}


.premium_1 p, .premium_2 p, .premium_3 p, .premium_4 p{
    color: #D9D9DB;
}



.premium_1 a p {
    background: var(--Dor-gradient-linear);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    filter: grayscale(1) brightness(2.8);
    transition: filter .4s ease, opacity .4s ease;

    text-transform: uppercase;
    opacity: 0.8;
    font-size: 13px;
}

.premium_1 a:hover p {
    filter: grayscale(0) brightness(1);
    opacity: 1;
}

.video_premium{
    margin-top: 0;
    margin-bottom: 0;
    /*position: relative;*/
    z-index: 0;
}

.video_premium>div{
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.video_premium>video{
    border: 1px solid #C09854;
    border-radius: var(--medium-radius);
    aspect-ratio: 92/ 61;
    object-fit: cover;
    position: relative;
    z-index: 0;
    width: 100%;
}



.layer_vdo{
    pointer-events: all;
    position: relative;
    z-index: 3;
    cursor: pointer;
    border-radius: var(--medium-radius);
    background: linear-gradient(0deg, rgba(48, 49, 54, 0.80) 0%, rgba(48, 49, 54, 0.80) 100%) no-repeat;
    opacity: 0;
}

.is-paused .layer_vdo{
   opacity: 1;
}

.layer_vdo h2{
    text-align: center;
    font-size: var(--font-28);
    font-style: normal;
    font-weight: 300;
    line-height: 126%; /* 35.28px */
    text-transform: uppercase;

    background: var(--Dor-gradient-linear);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 73px;
}

.layer_vdo h2 strong{
    font-weight: 500;
}

.btn_active_video{
    border: 1px solid #C09854;
    height: 138px;
    width: 138px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10%;
}

.btn_active_video svg{
    margin-left: 8px;
}

.btn_active_video:hover, .btn_active_video{
    transform: scale(1.4) ;
}

.btn_active_video:hover svg, .btn_active_video svg{
    transform: scale(1) ;
}


.is-paused .btn_active_video{
    transform: scale(1) ;
}

.is-paused .btn_active_video svg{
    transform: scale(1) ;
}

.is-paused .btn_active_video:hover{
    transform: scale(0.8) ;
}

.is-paused .btn_active_video:hover svg{
    transform: scale(1.4) ;
}


.video_premium .layer_vdo {
    transition: 0.2s;
}


    /* Page Tous styles */


.tous_style_1>div:first-of-type>div{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px 30px;
}

.tous_style_1>div:first-of-type>div a {
    display: flex;
}

.tous_style_1>div:first-of-type>div .separateur {
    width: 1px;
    height: 55px;
    background-color: var(--Noir);
    opacity: 0.2;
}

.tous_style_1 .voitures_img {
    margin: 80px 0 80px;
}

.tous_style_1 .voitures_img>div {
    margin: 0 -200px;
    width: 121%;
}

.tous_style_2 .big_marge_cote:first-of-type p{
    max-width: 665px;
}

.tous_style_2 h2{
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: 500;
    line-height: 126%;
    max-width: 665px;
}

.tous_style_2 .swiper-button-prev, .tous_style_2 .swiper-button-next{
    display: none;
}

.with_pyram_back{
    overflow: visible;
    position: relative;
}

.with_pyram_back>div{
    position: relative;
    z-index: 1;
    width: 100%;
}

.with_pyram_back .pyramide{
    width: 236px;
    height: 660px;
    opacity: 0.6;
    transform: rotate(-45deg);
    margin: -92px -4vw auto auto;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;

}

.with_pyram_back .pyramide>div{
    background: linear-gradient(180deg, #CEC6BC 0%, rgba(206, 198, 188, 0.00) 120.74%);
}

.with_pyram_back p{
    max-width: 665px;
}


.grid_besoins{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 165px 64px;
    margin-top: var(--mdspace) ;
}

.grid_besoins>div{
    transition: 0s;
}

.grid_besoins .pilule_mask{
    width: auto;
}


.grid_besoins span{
    margin-top: 16px;
    text-align: right;
    font-size: var(--font-14);
    font-style: normal;
    font-weight: 500;
    line-height: 129%; /* 18.06px */
    display: flex;
    justify-content: flex-end;

    background: linear-gradient(90deg, rgba(223, 219, 211, 0.00) 0%, #DFDBD3 100%);
    padding: 12px 20px;
    border-radius: 100px;
    max-width: 346px;
    width: 100%;
    margin-left: auto;
    margin-right: 0;
}

.grid_besoins .left_align span{
    margin-left: -40px;
    margin-right: auto;
}


.grid_besoins>div:nth-child(1){
    grid-area: 1 / 1 / 2 span / 1 span;
}

.grid_besoins>div:nth-child(2){
    grid-area: 2 / 2 / 2 span / 1 span;
}

.grid_besoins>div:nth-child(3){
    grid-area: 1 / 3 / 2 span / 1 span;
}

.grid_besoins>div:nth-child(4){
    grid-area: 3 / 1 / 2 span / 1 span;
}

.grid_besoins>div:nth-child(5){
    grid-area: 4 / 2 / 2 span / 1 span;
}

.grid_besoins>div:nth-child(6){
    grid-area: 3 / 3 / 2 span / 1 span;
}


.page_claire .citation{
    color: var(--Gris-texte);
}




.tous_style_3 .big_rect{
    background-color: var(--Blanc);
    margin-bottom: calc(var(--mdspace) * -1);
    position: relative;
    z-index: 2;
}

.tous_style_3 .big_rect h2{
    margin-top: 0;
    margin-bottom: 27px;
}

.big_rect h2{
    max-width: 355px;
    line-height: 126%;
}


.tous_style_3 .big_rect p strong{
   font-weight: 600;
}



.liens_marques_tous{
    background-color: var(--Dust-grey);
    padding-top: var(--smlspace);
    padding-bottom: var(--smlspace);
}

.liens_marques_tous>div a{
   color: var(--Gris-texte);
    background: unset;
    background-clip: unset;
     -webkit-background-clip: unset;
     -webkit-text-fill-color: unset;
    font-size: var(--font-32);
}

.liens_marques_tous>div a, .liens_marques_tous>div a:visited{
    color: var(--Gris-texte);
}

.liens_marques_tous>div a:hover svg{
    transform: translateX(10px);
}

.liens_marques_tous>div a.is-active{
    color: var(--Noir, #0E0F0F);
    font-style: normal;
    font-weight: 700;
    line-height: 126%; /* 40.32px */
    letter-spacing: 3.2px;
    cursor: default;
}

.liens_marques_tous>div a.is-active svg{
   display: none;
}


/* Page pro */

.pro1 h1{
    font-size: var(--font-88);
    font-weight: 300;
    line-height: 126%;
    margin-bottom: 0;
}

.pro1 .slogan, .page-template-page-recherche .slogan{
    font-size: var(--font-28);
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
}

.gammes_pro{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: end;
    gap: 83px;
    margin-top: var(--ltspace);
    margin-bottom: var(--btspace);
}

.gammes_pro>div{
    transition: 0s;
}

.gammes_pro>div:nth-child(2){
    margin-bottom: 8vw;
}

.gammes_pro>div span{
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    justify-content: center;

    font-size: var(--font-14);
    font-style: normal;
    font-weight: 500;
    line-height: 126%; /* 16.38px */
    letter-spacing: 0.26px;
    text-transform: uppercase;
    opacity: 0.8;
}

.gammes_pro>div img{
    border-radius: 500px;
    aspect-ratio: 4 / 7;
    width: 100%;
}


div.clair_rect {
    background-color: var(--Blanc);

    position: relative;
    z-index: 2;
}


div.clair_rect h2{
    margin-top: 0;
}






.liste_faq{
    margin: 38px 0 0 0;
    border-bottom: solid #E0E0DF 1px;
    width: 100%;
}

.liste_faq details{
    border-top: solid #E0E0DF 1px;
    padding: 28px 0;
    width: 100%;
}

.liste_faq  summary{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.liste_faq details .contenu{
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease, padding-bottom 0.1s ease;
}

details .contenu{
    max-width: 800px;
}

.liste_faq details.open .contenu{
    max-height: 1500px; /* ou une valeur suffisante selon le contenu */
}

.liste_faq details .contenu p, .liste_faq details .contenu ol, .liste_faq details .contenu ul{
    margin: 15px 0 10px;
    width: calc(100% - 60px);
}

summary::marker{
    display: none;
}

/* Enlève la flèche par défaut du <summary> */
summary::-webkit-details-marker {
    display: none;
}

/* Pour Firefox */
summary {
    list-style: none;
}

.liste_faq  details .plus_rond{
    display: grid;
    height: 29px;
    width: 29px;
    align-items: center;
    justify-items: center;
    flex: 0 0 auto;
}


.liste_faq  details .plus_rond div{
    height: 1px;
    width: 100%;
    grid-area: 1 / 1;
    background-color: var(--Gris-texte);
    transition: 0.2s ease-in;
}


.liste_faq  details .plus_rond div:last-child{
    height: 100%;
    width: 1px;
}

.liste_faq  details .plus_rond.to_moins div:last-child{
    transform: scale(0%);

}

.liste_faq details h3 {
    margin: 0 18px 0 0;
    color: var(--Noir);
    font-size: var(--font-22);
    font-style: normal;
    font-weight: 400;
    line-height: 114.286% ;
}

.liste_faq details summary:hover h3 {
    transform: translateX(6px);
}


.page-template-page-pros p.citation{
    max-width: 921px;
}




.txt_pyram .flex_cote{
    justify-content: space-between;
    gap: 25px;
}

.txt_pyram .flex_cote>div:first-of-type{
    padding-bottom: var(--btspace);
}

.txt_pyram .pyramide{
    flex: 0 0 auto;
    opacity: 0.6;
    height: auto;
    width: 20vw;
    max-width: 236px;
}

.txt_pyram .pyramide>div{
    flex: 0 0 auto;
    /*background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 120.74%);*/
    background: linear-gradient(
            180deg,
            #DED8D2 0%,
            rgba(222, 216, 210, 0) 87%
    );

    color: #DED8D2;
}




.txt_pyram h2{
    max-width: 520px;
}

.txt_pyram p{
    max-width: 514px;
}


.page_claire .txt_pyram .lot_btn .btn {
    background: linear-gradient(var(--White-smoke), var(--White-smoke)) padding-box, linear-gradient(90deg, rgba(14, 15, 15, 0) 0%, #6A6B6A 60px) border-box;
}



.page-template-page-pros .liens_marques>div {
    display: flex;
    align-items: center;
    justify-content: center;
}



/* Page Entreprise */

.page_claire .lot_btn .btn.with_fleche{
    padding-right: 24px;
}

.entreprise_rect{
    margin-top: -38svh;
    margin-bottom: var(--btspace);
}

.entreprise_rect .big_rect h2{
    max-width: 524px;
}


.entreprise_nos_marques.txt_pyram .flex_cote>div:first-of-type{
    padding-bottom: var(--smlspace);
}


.entreprise_nos_marques .marque_footer .separateur {
        background-color: var(--Noir);
}

.entreprise_nos_marques .marque_footer a {
    opacity: 1;
}

.entreprise_nos_marques .marque_footer a:hover{
    opacity: 0.6;
}


.titre_colab{
    margin-bottom: 50px;
}

.colabo_swipe{
    border-radius: var(--medium-radius)  var(--medium-radius) 2px 2px;
}

.colabo_point_swiper.swiper{
    width: 54px;
    height: 7px;
    border-radius: 4px;
    margin-left: 73px;
    margin-right: 73px;
}

.colabo_point_swiper .swiper-slide{
    display: flex;
    align-items: center
}


.colabo_point_swiper .swiper-slide>div{
    height: 4px;
    width: 4px;
    border-radius: 50%;
    opacity: 0.4;
    background: var(--Noir);
    transition: 0.2s ease-in;
}


.colabo_point_swiper .swiper-slide.swiper-slide-active>div{
    opacity: 1;
    transform: scale(1.5);
}

.sous_colab{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: var(--smlspace);
    margin-bottom: var(--mdspace);
}

.sous_colab .swiper-button-prev,
.sous_colab .swiper-button-next{
    display: inline-block;
    width: 17px !important;
    height: 14px !important;
    margin-right: 17px;

    background-color: var(--Noir);

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='14' viewBox='0 0 17 14'%3E%3Cpath d='M9.34924 12.8194L15.5821 6.58652L9.34924 0.353632M15.5821 6.58652H-9.51355e-05' stroke='black' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='14' viewBox='0 0 17 14'%3E%3Cpath d='M9.34924 12.8194L15.5821 6.58652L9.34924 0.353632M15.5821 6.58652H-9.51355e-05' stroke='black' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") center / contain no-repeat;

    transition: 0.2s ease-in;
    margin-top: 0 !important;
}

.sous_colab .swiper-button-prev{
   transform: rotate(180deg);
}

.sous_colab .swiper-button-prev:hover{
    transform: rotate(180deg) translateX(20%);
}

.sous_colab .swiper-button-next:hover{
    transform: translateX(20%);
}


.colabo_swipe .swiper-slide img{
    aspect-ratio: 32 / 33;
    border-radius: var(--medium-radius);
}

.colab-item p, .colab-item p a{
    color: var(--Noir);
    font-size: var(--font-16);
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 20.16px */
    margin: 3px 0 0 0;
    text-decoration: none;
}

.colab-item p:first-of-type{
   margin-top: 22px;

    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 126%; /* 16.38px */
    letter-spacing: 0.26px;
    text-transform: uppercase;

    opacity: 0.4;
}

.colab-item p:nth-of-type(2){
    color: var(--Noir);
    font-size: var(--font-20);
    font-weight: 500;
    line-height: 126%; /* 25.2px */
    text-transform: uppercase;
}




.service_entreprise{
    gap: 7vw;
}

.service_entreprise h2{
    margin-top: 0;
}

#content .service_entreprise ul,
.with_fleche_link ul{
    margin-top: 15px;
    list-style: none;
}

.service_entreprise ul li, .service_entreprise ul li a,
.with_fleche_link ul li, .with_fleche_link ul li a{

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
}

.service_entreprise ul li a,
.with_fleche_link ul li a{
    display: flex;
    align-items: center;
    padding: 7px 0;
}

.service_entreprise ul li:first-child a,
.with_fleche_link ul li:first-child a{
    padding-top: 0;
}


.service_entreprise ul li a::before,
.with_fleche_link ul li a::before{
    content: "";
    display: inline-block;
    width: 17px;
    height: 14px;
    margin-right: 17px;

    background-color: currentColor;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='14' viewBox='0 0 17 14'%3E%3Cpath d='M9.34924 12.8194L15.5821 6.58652L9.34924 0.353632M15.5821 6.58652H-9.51355e-05' stroke='black' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='14' viewBox='0 0 17 14'%3E%3Cpath d='M9.34924 12.8194L15.5821 6.58652L9.34924 0.353632M15.5821 6.58652H-9.51355e-05' stroke='black' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") center / contain no-repeat;

    transition: 0.2s ease-in;
}

.service_entreprise ul li a:hover::before,
.with_fleche_link ul li a:hover::before{
    transform: translateX(6px);
}




.liste_services>ul li{
    display: flex;
}


.slider_fleche_simple .swiper-button-prev{
    min-width: calc(var(--dif-margin) - 40px);
}

.slider_fleche_simple .swiper-button-next{
    min-width: calc(var(--dif-margin) - 40px);
}

.slider_fleche_simple .swiper-button-prev svg{
    width: 45px !important;
    height: 38px;
    margin: auto 35px 6px auto;
    transition: 0.2s ease-in;
    flex: 0 0 auto;
}

.slider_fleche_simple .swiper-button-next svg{
    width: 45px !important;
    height: 38px;
    margin: auto auto 6px 35px;
    transition: 0.2s ease-in;
    flex: 0 0 auto;
}

.slider_fleche_simple .swiper-button-prev:hover svg,
.single-marques .slider_marque .swiper-button-prev:hover svg{
    transform: translateX(-20%);
}

.slider_fleche_simple .swiper-button-next:hover svg,
.single-marques .slider_marque .swiper-button-next:hover svg{
    transform: translateX(20%);
}


/* Page Recherche */

.page-template-page-recherche h1{
    margin-bottom: 6px;
}

.page-template-page-recherche .slogan{
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.page-template-page-recherche .slogan a{
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid var(--Gris-texte);
    border-radius: 50px;
    padding: 0 14px;
    display: inline-block;
    transition: .2s ease-in;
}

.page-template-page-recherche .slogan a:hover{
    background-color: var(--Noir);
    border: 1px solid var(--Noir);
    color: var(--White-smoke);
}

.page-template-page-recherche .marque_1>div {
    /*border-bottom: 1px solid rgba(14, 15, 15, 0.6);*/
}





    /* CPT Marques */



.single-marques .marque_1{

}


.single-marques .marque_1>div{
    justify-content: space-between;
    border-bottom: 1px solid rgba(14, 15, 15, 0.6);
    gap: 25px;
}

.single-marques .marque_1 .marque_marge{
    padding-left: var(--dif-margin);
}

.single-marques h1{
    font-size: var(--font-133);
    letter-spacing: 13.3px;
    margin-bottom: 0;
}

.single-marques .marque_1 p{
    margin-top: 0;
    max-width: 678px;
    margin-bottom: 36px;
}

.single-marques .marque_1 .pyramide{
    height: auto;
    opacity: 0.6;
    margin-right: calc(var(--small-margin)* 0.3) ;
    padding-top: 30px;
}

.single-marques .marque_1 .pyramide>div{
    background: linear-gradient(
            180deg,
            var(--Marque-color) 0%,
            rgba(var(--Marque-rgb), 0.5) 87%
    );
}


.single-marques.postid-341 .marque_1 .pyramide>div {
    background: linear-gradient(180deg, var(--Marque-color-second) 0%, rgba(var(--Marque-rgbis), 0.5) 87%);
}



.single-marques .voitures_img img, .img_pillule_slide.voitures_img img {
    display: flex;
    object-fit: cover;
    height: 100%;
    width: 100%;
    min-height: unset;
    max-height: unset;
}


.single-marques .voitures_img .pilule_mask, .img_pillule_slide.voitures_img .pilule_mask {
    display: flex;
    object-fit: cover;
    height: 100%;
    width: 100%;
    min-height: unset;
    max-height: unset;
}


.btn_marques_single{
    gap: 15px;
}

.btn_marques_single p{
    max-width: 547px;
}

.btn_marques_single .lot_btn{
    gap: 10px;
    margin-left: 0;
    margin-top: auto;
}

.btn_marques_single .lot_btn .btn{
    /*color: var(--Theme-Claire);*/
    /*background: linear-gradient(*/
    /*        90deg,*/
    /*        rgba(var(--Marque-rgb), 0) 0%,*/
    /*        var(--Marque-color) 40%*/
    /*);*/

    border: 1px solid transparent;
    border-left: 0px;

    /*padding-left: 65px;*/
    background: linear-gradient(var(--White-smoke), var(--White-smoke)) padding-box, linear-gradient(270deg, rgba(var(--Marque-rgb)) calc(100% - 65px), rgba(194, 158, 97, 0) 100%) border-box;
}

.btn_marques_single .lot_btn .btn span{
    color: var(--Noir);
}

.btn_marques_single .lot_btn .btn svg path{
    stroke: var(--Noir);
}

.postid-347 .btn_marques_single .lot_btn .btn{
    color: var(--Theme-Claire);
    background: linear-gradient(
            90deg,
            rgba(var(--Marque-rgb), 0) 0%,
            var(--Marque-color) 40%
    );
}

.postid-357 .btn_marques_single .lot_btn .btn span{
    color: #041528;
}

.postid-357 .btn_marques_single .lot_btn .btn svg path{
    stroke: #041528;
}

.btn_marques_single .lot_btn .btn svg{
    flex: 0 0 auto;
}



.single-marques  .slider_marque {
    margin-top: var(--mdspace);
    margin-bottom: 0;
    position: relative;
}

.single-marques .slider_class {
    margin-top: 0;
    margin-bottom: 0;
}

.slider_marque::before{
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    background-color: var(--Dust-grey);
    height: calc(80px + var(--btspace));
    width: 100%;
    margin: auto 0 0 0;
}

.single-marques  .slider_marque .swiper-button-next svg path,
.single-marques  .slider_marque .swiper-button-prev svg path{
    stroke: var(--Theme-Claire);
}



/*.single-marques  .slider_marque .swiper-button-prev {*/
/*    background: linear-gradient(var(--Marque-color), var(--Marque-color)) padding-box, linear-gradient(90deg,var(--Theme-Claire) 0%,  rgba(102, 98, 93, 0) 100%) border-box;*/
/*}*/

/*.single-marques  .slider_marque .swiper-button-next{*/
/*    background: linear-gradient(var(--Marque-color), var(--Marque-color)) padding-box, linear-gradient(90deg, rgba(102, 98, 93, 0) 0%, var(--Theme-Claire) 100%) border-box;*/
/*}*/


.single-marques  .slider_marque .swiper-button-prev{
    min-width: calc(var(--dif-margin) - 40px);
}

.single-marques  .slider_marque .swiper-button-next{
    min-width: calc(var(--dif-margin) - 40px);
}

.single-marques  .slider_marque .swiper-button-prev svg{
    width: 45px !important;
    height: 38px;
    margin: auto 35px 6px auto;
    flex: 0 0 auto;
}

.single-marques  .slider_marque .swiper-button-next svg{
    width: 45px !important;
    height: 38px;
    margin: auto auto 6px 35px;
    flex: 0 0 auto;
}

.single-marques  .slider_marque .swiper-button-prev svg path{
    stroke: var(--Marque-color);
}

.single-marques  .slider_marque .swiper-button-next svg path{
    stroke: var(--Marque-color);
}



.single-marques.postid-347  .slider_marque .swiper-button-prev svg path{
    stroke: var(--Noir);
}

.single-marques.postid-347 .slider_marque .swiper-button-next svg path{
    stroke: var(--Noir);
}




.theme_sombre{
    --Theme-Claire: var(--Noir);
}


@media (min-width: 1232px) {
.single-marques #menu .menu>.menu-item-597>a{
    display: inline-block;
    background-color: var(--Marque-color);
    color: var(--White-smoke);
    border: 1px solid  var(--Marque-color);
    padding: 10px 20px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 50px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.single-marques #menu .menu>.menu-item-597>a:hover{
    background-color: rgba(245, 244, 242, 0.64);
    color:  var(--Marque-color);
    padding: 10px 20px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 50px;
}

.single-marques .submenu-open #menu .menu>.menu-item-597>a:hover{
    background-color: transparent;
}
}




.single-marques.postid-347 #menu .menu>.menu-item-597 a{
    color: var(--Noir);
}


.tabs {
    position: relative;
    display: flex;
    gap: 55px;
}

/* fond qui glisse */
.tab-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0 0px;
    width: calc(50% - 4px);
    height: 100%;
    transition: 0.3s ease;
    z-index: 0;
}

/*.tab-bg::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    inset: 0 -35px;*/
/*    margin: 0 0px;*/
/*    width: auto;*/
/*    height: 100%;*/
/*    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--Marque-color) 15.87%, var(--Marque-color) 77.41%, rgba(255, 255, 255, 0) 100%);*/
/*    opacity: 0.8;*/
/*    transition: 0.3s ease;*/
/*    z-index: 0;*/
/*}*/

.tab-bg::after {
    content: '';
    position: absolute;
    inset: auto 0 0;
    margin: 0;
    width: auto;
    height: 3px;
    border-radius: 5px;
    background: var(--Marque-color);
    opacity: 1;
    transition: 0.3s ease;
    z-index: 0;
    transform: translateY(60%);
}

.postid-347 .tab-bg::after {
    background: var(--Noir);
}

/* boutons */
.tab-btn {
    background: none;
    border: none;
    margin: 0;
    font: inherit;
    color: var(--Noir);
    cursor: pointer;
    text-align: center;

    font-size: var(--font-18);
    font-style: normal;
    font-weight: 500;
    line-height: 126%; /* 22.68px */
    text-transform: uppercase;

    padding: 22px 0px;
    position: relative;
    z-index: 1;
    opacity: 0.6;
}


.tab-content {
    display: none;
}

#nos-offres{
    display: block;
}

.tab-content.active {
    display: block;
}

.tab-btn.active {
    color: var(--Marque-color);
    font-weight: 700;
    letter-spacing: -0.3px;
    opacity: 1;
}

.postid-347 .tab-btn.active {
    color: var(--Noir);
}


.h2_500{
    font-weight: 500;
}

.marques_fond{
    background-color: var(--Dust-grey);
    padding-top: var(--btspace);
}

.marques_fond .flex_cote{
    justify-content: space-between;
    gap: 25px;
}

.marques_fond .flex_cote>div:first-of-type{
    padding-bottom: var(--btspace);
}

.marques_fond .pyramide{
    flex: 0 0 auto;
    opacity: 0.6;
    height: auto;
    width: 20vw;
    max-width: 236px;
}

.marques_fond .pyramide>div{
    flex: 0 0 auto;
    /*background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 120.74%);*/
    background: linear-gradient(
            180deg,
            var(--Marque-color) 0%,
            rgba(var(--Marque-rgb), 0.5) 87%
    );
}


.single-marques.postid-341 .marques_fond .pyramide>div{
    background: linear-gradient(180deg, var(--Marque-color-second) 0%, rgba(var(--Marque-rgbis), 0.5) 87%);
}



.marques_fond h2{
    max-width: 280px;
    /*color: var(--Theme-Claire);*/
}

.marques_fond p{
    max-width: 514px;
    /*color: var(--Theme-Claire);*/
}



/* page chercher partie 2 */

.page-template-page-recherche .marque_marge{
    width: 100%;
    position: relative;

}

.page-template-page-recherche .tabs{
    overflow: auto;
    margin-left: calc(var(--small-margin) * -1);
    margin-right: calc(var(--small-margin) * -1);
    padding-right: calc(var(--small-margin) + var(--dif-margin));
    padding-left: calc( var(--small-margin) + var(--dif-margin));


    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}

.page-template-page-recherche .marque_marge::before{
    content: '';
    display: flex;
    position: absolute;
    inset: auto 0 0 0;
    height: 1px;
    width: 100%;
    opacity: 0.6;
    background: var(--Noir, #0E0F0F);
    margin: 0 0 3px;
}

.page-template-page-recherche .tab-bg::after {
    transform: translateY(0%);
}

.page-template-page-recherche .tab-btn{
    text-wrap: nowrap;
    scroll-snap-align: center;
}

.page-template-page-recherche h1{
    font-size: var(--font-88);
    padding-left: var(--dif-margin);
    padding-right: var(--dif-margin);
    margin-bottom: 50px;
}




/* width */
.page-template-page-recherche .tabs::-webkit-scrollbar {
    height: 2px;
}

/* Track */
.page-template-page-recherche .tabs::-webkit-scrollbar-track {
    background: var(--White-smoke);
}

/* Handle */
.page-template-page-recherche .tabs::-webkit-scrollbar-thumb {
    background: var(--White-smoke);
    border-radius: 10px;
}

/* Handle on hover */
.page-template-page-recherche .tabs::-webkit-scrollbar-thumb:hover {
    background: var(--White-smoke);
    width: 2px;
}

/* swiper offres special */


.marque_slide_offre{
    margin-top: var(--btspace);
    margin-bottom: var(--btspace);
}

.marque_slide_offre h2{
    margin-top: 0;
    margin-bottom: 36px;
}

.marque_slide_offre>div{
    overflow: hidden;
    border-radius: var(--medium-radius);
}

.slider_offre{
    border-radius: var(--medium-radius);
}

.slider_offre img{
    border-radius: var(--medium-radius);
    aspect-ratio: 92 / 55;
    cursor: grab;
}

.slider_offre_2 {
    overflow: visible !important;
    margin-top: 11px;
}

.slider_offre_2 a{
    display: flex;
    pointer-events: none;
    background-color: var(--Blanc);
    border-radius: var(--medium-radius);
    padding: 24px 33px;
    flex-direction: column;
}

.slider_offre_2 h2{
    font-size: var(--font-16);
    font-style: normal;
    font-weight: 700;
    line-height: 129%; /* 20.64px */
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}

.slider_offre_2 .contenu_min_offre{
    overflow: hidden;
    max-height: 0;
    /*transition: 4s;*/
    transition: max-height 0.4s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.slider_offre_2 p{
    margin: 0;
    font-size: var(--font-16);
    font-weight: 500;
    margin-right: 14px;
}

.slider_offre_2 svg{
    margin: -5px -7px 0 auto;
    display: flex;
    transform: scale(0.4);
}

.slider_offre_2 .swiper-slide{
    /*position: relative;*/
    max-height: 68px;
    display: flex;
    align-items: flex-end;
    cursor: pointer;

}

.slider_offre_2 .swiper-slide-thumb-active a{
    background-color: var(--Marque-color);
    pointer-events: all;
}

.slider_offre_2 .swiper-slide-thumb-active h2,
.slider_offre_2  .swiper-slide-thumb-active p{
    color: var(--Theme-Claire);
    text-align: start;
}


.slider_offre_2 .swiper-slide-thumb-active svg path{
    stroke: var(--Theme-Claire);
}


.slider_offre_2 .swiper-slide-thumb-active svg{
    transform: scale(1);
}

.slider_offre_2 .swiper-slide-thumb-active:hover svg{
    transform: scale(1.1);
    transition: 0.2s;
}



.slider_offre_2  .swiper-slide-thumb-active p{
    display: block;
}

.slider_offre_2 .swiper-slide-thumb-active .contenu_min_offre{
    max-height: 300px;
    padding-top: 8px;
}

.slider_offre_2 .swiper-slide-thumb-active .contenu_min_offre{
    overflow: visible   ;
}

.slider_offre_2 img{
    display: none;
}



/*.tab-content iframe,*/
/*.page-template-page-recherche iframe*/
.contain_autoscout{
    margin-top: 50px;
    /*padding-right: var(--big-margin);*/
    /*padding-left: var(--big-margin);*/

    margin-right: var(--big-margin);
    margin-left: var(--big-margin);

    border-radius: 10px;
    overflow: hidden;
    background-color: white;
    margin-bottom: var(--small-margin);
    padding: 10px 30px 0;

    width: calc(100% - var(--big-margin) - var(--big-margin)) !important;
}




    /* CPT Service */

.service_1 h1{
    max-width: 1161px;
    color: var(--Noir);
    font-size: 82px;
    font-style: normal;
    font-weight: 300;
    line-height: 126%; /* 110.88px */
    letter-spacing: 8.8px;
    margin-bottom: 0;
}

.video_service{
    display: flex;
    gap: 5vw;
    margin-top: 44px;
    margin-bottom: var(--btspace);
    justify-content: flex-end;
}

.video_service>div.img_vdo:first-of-type{
    border-radius: 0 500px 500px 0;
    overflow: hidden;
    width: 34vw;
}

/*.video_service>div.img_vdo:last-of-type video,*/
.video_service>div.img_vdo:first-of-type{
    height: auto;
}

.video_service>div.img_vdo video {
    height: 100%;
    width: 100%;
}

.video_service{
    height: 31vw;
    min-height: 140px;
    align-items: stretch;
}


.video_service>div.img_vdo:last-of-type{
    width: 61vw;
    border-radius: 500px 0 0 500px;
    overflow: hidden;
    height: auto;
}



/* Bloc */


.horaire_en_avant .btn{
    margin-bottom: var(--ltspace);
}

.horaire_en_avant .btn{
    background-color: var(--Blanc);
    padding: 16px 21px 16px var(--small-margin);
}

.horaire_en_avant .btn span{
    font-size: var(--font-14);
}

.horaire_en_avant .btn span.heure_service{
    opacity: 1;
}

.plan_acces_service{
    margin-top: var(--btspace);
    position: relative;
    z-index: 1;
}

.plan_acces_service img{
    width: 100%;
}

.horaire_service{
    margin-bottom: var(--btspace);
}

.horaire_service>div{
    background-color: var(--Blanc);
    margin-top: -114px;
    position: relative;
    z-index: 2;
}

.horaire_service>div>h2{
    margin-top: 0;
    margin-bottom: 37px;
    position: relative;
    z-index: 2;
}

.horaire_service .flex_cote>div:first-of-type{
    padding-right: 15px;
}

.horaire_service .flex_cote>div{
    flex: 0 0 50%;
}

.horaire_service .flex_cote>div h3{
    font-size: var(--font-22);
    font-style: normal;
    font-weight: 300;
    line-height: 126%; /* 27.72px */
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 22px;
}

.horaire_service .flex_cote>div p, .horaire_service .flex_cote>div a{
    font-weight: 300;
    line-height: 140%;
}

.horaire_service .flex_cote>div:first-of-type p strong{
    font-weight: 400;
}

.horaire_service .flex_cote>div:first-of-type a{
    text-decoration: unset;
}

.horaire_service .affiche_horaires{
    margin-top: 0;
}

.horaire_service .flex_cote>div:last-of-type>p:last-of-type{
    margin: 17px 0 0 0;
    font-style: italic;
}

.horaire_service .affiche_horaires.h_2_colones {
    grid-template-columns: auto auto;
    width: 100%;
}

.single-services h2.pom-title{
    margin-top: 0 !important;
    font-size: var(--font-28) !important;
    font-style: normal;
    font-weight: 500;
    line-height: 126%; /* 35.28px */
    text-transform: uppercase;
    max-width: 520px;
}

.single-services .lot_btn .btn{
    background: linear-gradient(90deg, rgba(224, 220, 212, 0) 0%, #E0DCD4 60px);
    padding: 12px 20px 10px 80px;
    min-height: 38px;
    cursor: pointer;
    font-weight: 500;
}

.single-services .location_vehicule .lot_btn .btn{
    background: linear-gradient(var(--Blanc), var(--Blanc)) padding-box, linear-gradient(90deg, rgba(14, 15, 15, 0) 0%, var(--Noir) 60px) border-box;
    justify-content: center;
    padding-left: 20px;
}

.single-services .location_vehicule .lot_btn{
    width: 100%;
    margin-left: 0;
}

.single-services .banniere_garage .lot_btn .btn {
    background: linear-gradient(var(--Shadow-grey), var(--Shadow-grey)) padding-box, linear-gradient(90deg, rgba(102, 98, 93, 0) 0%, #66625D 100%) border-box;    padding-right: 39px;
    padding-left: 70px;
    /*padding: 12px 20px 10px 80px;*/
    /*min-height: 38px;*/
    /*cursor: pointer;*/
    /*font-weight: 500;*/
}

.single-services .tous_style_2{
    margin-top: var(--btspace);
    margin-bottom: var(--btspace);
}


.single-services .liens_marques>div a {
    text-transform: unset;
}

.page_loc h1{
    max-width: 1280px;
}

.page_loc .video_service{
    padding-left: var(--big-margin);
    margin-top: var(--smlspace);
    gap: 7vw;
    height: auto;
}


.page_loc .video_service div:first-child{
    flex: 4;
    max-width: 517px;
}

.page_loc .video_service div:first-child h2{
    max-width: 400px;
    line-height: 126%;
    margin-bottom: 15px;
}

.page_loc .video_service div:first-child strong{
    max-width: 380px;
    display: block;
}

.page_loc .video_service div.img_vdo{
    aspect-ratio: 65 / 36;
    height: fit-content;
    flex: 5;
}

.page_loc .video_service h2{
    margin-top: 0;
}


/* Slider location */

.location_vehicule{
    display: flex;
    align-items: center;
    gap: 40px;
}


.slider_loc{
    border-radius: var(--medium-radius);
}

.slider_loc .swiper-slide{
    background-color: var(--Blanc);
    border-radius: var(--medium-radius);
    padding: 90px var(--btspace);
    text-align: center;
}

.slider_loc .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
     aspect-ratio: unset;
}

.slider_loc .swiper-slide h3{
    margin: 0 0 2px;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 126%; /* 27.72px */
    text-transform: uppercase;
}


.slider_loc .swiper-slide>span{
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 126%; /* 22.68px */
    margin-bottom: 35px;
    display: inline-flex;
    opacity: 0.6;
}


.spe{
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 30px;
}

.spe>div{
    display: flex;
    gap: 8px;
    align-items: center;
    background-color: #E0DCD4;
    border-radius: 50px;
    padding: 8px 15px;

    color: var(--Noir, #0E0F0F);
    font-size: var(--font-14);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 14px */
}

.slider_loc .swiper-slide>p{
    font-size: var(--font-14);
    font-style: normal;
    font-weight: 400;
    line-height: 131%; /* 18.34px */
    margin: 0 0 2px;
    opacity: 0.6;
}

.slider_loc .swiper-slide>a{
    color:  #66625D;
    font-size: var(--font-14);
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.page_loc .location_vehicule .swiper-button-prev,
.page_loc .location_vehicule .swiper-button-next{
    display: flex;
}




.slider_loc_2{
    max-width: 529px;
    margin-top: 21px;
}

.slider_loc_2 span{
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    opacity: 0.5;
    cursor: pointer;
}

.slider_loc_2 .swiper-slide-thumb-active span{
    font-weight: 500;
    opacity: 1;
}

.slider_loc_2 .swiper-wrapper {
    justify-content: space-between;
}

.slider_loc_2.swiper-watch-progress .swiper-slide-visible, .slider_loc_2.swiper:not(.swiper-watch-progress) {
    width: fit-content !important;
}

.page_loc .txt_pyram .flex_cote {
    gap: 120px;
}

.page_loc .with_fleche_link ul li a {
    font-size: var(--font-18);
    font-style: normal;
    font-weight: 400;
    line-height: 126%;
    padding-bottom: 0;
    text-transform: initial;
}

#content .page_loc ul {
    list-style: none;
    padding-left: 0;
}


.page_loc .location_vehicule .swiper-button-next {
    min-width: calc(var(--dif-margin) - 40px);
}

.page_loc .location_vehicule .swiper-button-prev {
    min-width: calc(var(--dif-margin) - 40px);
}


.page_loc .location_vehicule .swiper-button-next svg {
    width: 45px !important;
    height: 38px;
    margin: auto auto 6px 35px;
    flex: 0 0 auto;
}

.page_loc .location_vehicule .swiper-button-prev svg {
    width: 45px !important;
    height: 38px;
    margin: auto 35px 6px auto;
    flex: 0 0 auto;
}


/* popup video */


.video_popup {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9999;
}

.video_popup.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.video_overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.7);
}

.video_container {
    position: relative;
    z-index: 2;
    width: 80%;
    max-width: 900px;
}

.video_container video {
    width: 100%;
    height: auto;
}

.close_video {
    position: absolute;
    top: 0px;
    right: 0;
    background: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
    padding: 4px;
    transform: translate(100%, -100%);
}

/* tableau coche */

.tableau_coche{
    margin-top: var(--btspace);
    margin-bottom: var(--bigspace);
}

.tableau_coche p{
    max-width: 665px;
}

.coche_table{
    width: auto;
}

.coche_table th{
    padding: 0 10px 35px 10px;
}

.coche_table th>div{
    height: 100%;
    border-bottom: 1px solid #000;
    padding-bottom: 30px;
}

.coche_table th>div{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.coche_table tbody tr{
    border-bottom: 1px solid rgba(102, 98, 93, 0.2);
}

.coche_table tr>th:first-child>div{
    align-items: flex-start;
}

.coche_table th>div span:first-child{
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 126%; /* 18.9px */
}

.coche_table th>div span:nth-child(2){
    font-size: var(--font-22);
    font-style: normal;
    font-weight: 600;
    line-height: 126%; /* 27.72px */
}

.coche_table th>div span:last-child{
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 18.9px */
    opacity: 0.6;
    white-space: nowrap;
}

.coche_table tr>th:first-child>div span:last-child{
    font-weight: 600;
}

.coche_table td {
    text-align: center;
    vertical-align: middle;
    height: fit-content;
    padding: 14px 10px 16px 10px;
}

.coche_table tr>td:first-child, .coche_table tr>th:first-child{
    padding-left: 0;
}

.coche_table tr>td:last-child, .coche_table tr>th:last-child{
    padding-right: 0;
}

.coche_table tr>td:first-child {
    text-align: start;
    vertical-align: middle;
}

.coche_table tr>td:first-child div{
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 126%; /* 18.9px */
}


.coche_table td div{
    display: flex;
    align-items: center;
    justify-content: center;
}

.coche_table tr>td:first-child div {
    display: block;
}

/* tableau simple */

.tableau_simple{

}


table{
    margin: 0;
}



.tableau_simple{
    margin-top: var(--mdspace);
    margin-bottom: var(--mdspace);
}

.simple_table{
    width: auto;
    min-width: 432px;
}

.simple_table th{
    padding-bottom: 23px;
}

.simple_table th>div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.simple_table tr{
    border-bottom: 1px solid rgba(102, 98, 93, 0.2);
}

.simple_table tbody tr td{
    padding: 15px 20px 16px 0px;
}


.simple_table th>div span:last-child{
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 18.9px */
    opacity: 0.6;
}


.simple_table th>div span:first-child{
    font-size: var(--font-22);
    font-style: normal;
    font-weight: 600;
    line-height: 126%; /* 27.72px */
    opacity: 1;
}

/* Bannière pub */

    .page_claire .banniere_garage *,
    .page_claire .banniere_garage a {
        color: var(--Blanc);
    }

    .single-services .banniere_garage{
        margin-top: var(--btspace);
        overflow: hidden;
    }


/* lien services */

.lien_services{
    padding-bottom: var(--ltspace);
}

.lien_services h2{
    margin-bottom: 50px;
}


.lien_services a{
    display: flex;
    flex-direction: column;
    max-width: 145px;
}

.lien_services a svg{
    height: 55px;
    width: 80px;
    opacity: 0.6;
}

.lien_services a span{
    color: var(--Gris-texte);
    text-align: center;
    font-size: var(--font-14);
    font-style: normal;
    font-weight: 600;
    line-height: 125%; /* 20px */
    letter-spacing: normal;
}

.lien_services>div a:hover svg,
.lien_services>div a.active svg{
    opacity: 1;
    transform: translateX(0);
}

.lien_services a:hover span,
.lien_services a.active span{
    color: var(--Noir);
}


#reservation{
    margin-bottom: var(--smlspace);
}



    /* texte et image alterne */


.alterne_img_txt{
}

.alterne_img_txt>div{
    gap: 50px;
    margin: var(--mdspace) 0;
    align-items: center;
}

.alterne_img_txt>div>div:last-child{
    max-width: 547px;
    padding-bottom: 6%;
}

.alterne_img_txt>div:nth-child(odd)>div:last-child {
    margin: auto;
}

.alterne_img_txt>div:nth-child(even) {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.alterne_img_txt .pilule_mask{
    width: 38vw;
    max-width: 100%;
}


.alterne_img_txt .flex_cote>div {
    max-width: 50%;
}


.page-template-page-contact h1{
    max-width: unset;
    letter-spacing: unset;
}

.infos_contact{
    justify-content: space-between;
    gap: 9vw;
}

.infos_contact>div:first-child{
    min-width: 320px;
}

.infos_contact>div:last-child{
    flex: 1;
}

.infos_contact h2{
    font-size: var(--font-20);
    margin-bottom: 15px;
}

.infos_contact .affiche_horaires {
    margin-top: 15px;
}

.infos_contact .txt_fin p:first-child {
    margin-bottom: 2px;
}

.infos_contact .txt_fin p:nth-child(2) {
    margin-top: 2px;
}

.infos_contact .wpcf7{
    margin-top: 33px;
}

form input{
    border-bottom: solid 1px var(--Noir);
    padding: 4px 0 11px;
    margin-bottom: 0px;
    margin-top: 0;

    font-size: var(--font-18);
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 22.68px */
    width: 100%;
}

form p{
    margin: 0 0 30px 0;
}

form textarea{
    border: solid 1px var(--Noir);
    height: 146px;
    width: 100%;
    padding: 11px;
    margin-bottom: 0;
    margin-top: 0;

    font-size: var(--font-18);
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 22.68px */
}

form>p>label>span.label{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 22.68px */
    margin-bottom: 10px;
    display: block;
    opacity: 0.6;
}

form input[type='submit']{
    width: fit-content;
    border-radius: 0 100px 100px 0;
    padding: 11px 40px;
    background-color: var(--White-smoke);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-weight: 500;
    color: var(--Noir);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    margin: 0 0 0 auto;

    border: 1px solid transparent;
    border-left: 0px;
    background: linear-gradient(var(--White-smoke), var(--White-smoke)) padding-box, linear-gradient(90deg, rgba(14, 15, 15, 0) 0%, #0E0F0F 100%) border-box;
    opacity: 1;
}

form input[type='submit']:hover{
    transform: translateX(10px);
}


form>p>label>br{
   display: none;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 14px;
}

.map_contact{
    width: 100%;
    height: 90svh;
}

.map_contact #map::after {
    color: rgba(245, 244, 242, 0.49);
    background: linear-gradient(0deg, rgba(245, 244, 242, 1) 0%, rgba(245, 244, 242, 0) 220px, rgba(245, 244, 242, 0) calc(100% - 220px), rgba(245, 244, 242, 1) 100%);
}


.map_contact .gm-style-moc{
    background-color: rgb(255 255 255 / 59%);
}


.page-template-default .content-page{
    padding-left: var(--big-margin);
    padding-right: var(--big-margin);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: var(--btspace);
}

.page-template-default .content-page *{
    color: var(--Noir);
}

.content-page h1{
    margin-top: 40px;
}

/* Single Offres */

.miniature_actu{
    height: auto;
    width: 100%;
    border-radius: var(--medium-radius);
    aspect-ratio: 14 / 7;
    transition: 0s;
}

.contenu_actu{
    padding-bottom: var(--ltspace);
    margin-top: -100px;
    position: relative;
    z-index: 4;
}

.contenu_actu>div{
    border-radius: var(--medium-radius);
    background-color: var(--Blanc);
    padding: 90px var(--btspace);
}

.infos_retour{
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-bottom: 18px;
}

.infos_retour a{
    display: flex;
    height: auto;
    padding-right: 20px;
    align-items: center;
}

.retour:hover svg{
    transform: translateX(-4px);
}

.btns_bottom_offre{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}


/* lien de partage */

.btn_partage{
    display: flex;
    gap: 9px;
    padding: 0;
    align-items: center;
    background: transparent;

    color:  #66625D;
    text-align: right;
    font-size: var(--font-14);
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    opacity: 0.6;
}

.btn_partage:hover{
    opacity: 1;
}



.single-blog #footer{
    margin-top: var(--bigspace);
}


.share_popup_overlay{
    position:fixed;
    inset:0;
    background: rgba(245, 244, 242, 0.8);
    opacity:0;
    visibility:hidden;
    transition:.25s;
    z-index:9999;
}

.share_popup{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(.9);
    background:var(--Blanc);
    padding:32px 60px 32px 32px;
    border-radius:var(--medium-radius);
    opacity:0;
    visibility:hidden;
    transition:.25s;
    z-index:10000;
    width: 90%;
    min-width: 200px;
    max-width:350px;
    box-shadow: #00000012 2px 2px 5px 0px;
}

.share_popup *{
    color: var(--Noir);
}


.share_popup h3{
    margin-top: 0;
}

.share_popup.active,
.share_popup_overlay.active{
    opacity:1;
    visibility:visible;
}

.share_popup.active{
    transform:translate(-50%,-50%) scale(1);
}

.share_popup a,
.share_popup button{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    margin-top:12px;
}

button.share_popup_close{
    position:absolute;
    top:12px;
    right:10px;
    background: transparent;
    width: fit-content;
    margin-top: 0;
}


button.share_copy{
    display: flex;
    gap: 10px;
    color: var(--Noir);
    background-color: transparent;
    padding-left: 0;
}

button.share_copy span{
    color: var(--Noir);
    font-size: var(--font-16);
    font-weight: 500;
}

button.share_copy svg{
    height: 22px;
    width: 22px;
}

.rs_share{
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.rs_share a{
    width: fit-content;
    margin: 0;
}

.rs_share a svg{
    width: 30px;
    height: 30px;
}

.share_copy svg path,
.share_copy span{
    transition: 0.2s ease-in;
}

.rs_share a:hover svg path,
.share_popup_close:hover,
.share_copy:hover svg path,
.share_copy:hover span{
    /*opacity: 0.6;*/
    color: var(--Noir);
    fill: var(--Noir);
}



.single-offres #content ul{
    list-style: none;
    padding-right: 16px;
}

.single-offres #content li{
    position: relative;
}

.single-offres #content li::before {
    content: "";
    position: absolute;
    left: -16px;
    top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
}

.single-offres h1{
    font-size: 45px;
    font-style: normal;
    margin-bottom: 40px;
}

.single-offres h2{
    font-size: var(--font-20) !important;
    margin-top: 40px !important;
}

.single-offres #content p{
    margin: 18px 0;
}




/* Page offres/Actu */

.page-template-page-actualites h1,
.page-template-page-actualites h2{
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 126%; /* 35.28px */
    text-transform: uppercase;
}

.a_la_une{
    gap: 35px;
    margin-top: 30px;
}

.actu_1{
    border-radius: var(--medium-radius);
    overflow: hidden;
    aspect-ratio: 16 / 9;
    display: grid;
    grid-template-columns: 1fr;
    flex: 7;
    height: auto;
    /*align-self: flex-start;*/
    margin-bottom: 15px;
}

.actu_1 .desc_actu,
.actu_1 img{
    grid-area: 1 / 1;
}

.actu_1 img{
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 0;
}

.actu_1:hover img{
    transform: scale(1.1);
}

.actu_1 .desc_actu *{
    color: var(--Blanc);
}

.actu_1 .desc_actu{
    margin: auto auto 0 0;
    padding: 55px 60px;
    position: relative;
    z-index: 2;
}

.actu_1 .desc_actu h2{
    margin: 11px auto 0 0;
    font-size: 28px;
    max-width: 435px;
}

.actu_1 .desc_actu .offre-meta{
    color: var(--Blanc, #FFF);
    font-feature-settings: 'liga' off;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 15.12px */
    text-transform: uppercase;
}

.top_3{
    flex: 5;
}

.top_3>div{
    display: flex;
    flex-direction: column;
    gap: 5px
}

.top_3>div>a{
    display: flex;
    gap: 15px;
    padding: 16px;
    border-radius: 16px;
    transition: .2s ease-in;
}

.top_3>div>a:hover{
   background-color: #E2DED7;
}

.top_3>div>a img{
    width: 98px;
    height: 98px;
    aspect-ratio: 1/1;
    border-radius: 10px;
}


.top_3>div>a h2{
    color: var(--Noir, #0E0F0F);
    font-feature-settings: 'liga' off;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 22.68px */
    margin: 6px 0 0;
}

.top_3>div>a .offre-meta{
    color: #66625D;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 15.12px */
    text-transform: uppercase;
}


.head_actu{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.offres-filter {
    opacity: 0.6;
    cursor: pointer;
    padding-left: 12px;

}

.offres-filter.active {
    opacity: 1;
}

.offres-filter input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}


.offres-filters-mobile {
    display: none;
}

@media (max-width: 900px) {

    .offres-filters {
        display: none;
    }

    .offres-filters-mobile {
        display: block;
    }

}

.offres{
    margin-bottom: var(--mdspace);
}

.offres-list{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
}


.offre-item a{
    display: block;
}

.offre-item img{
    aspect-ratio: 26/16;
    border-radius: 15px;
}

.minia{
    aspect-ratio: 26/16;
    border-radius: 15px;
    overflow: hidden;
}

.offre-item .offre-item__date{
    color: #66625D;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 15.12px */
    text-transform: uppercase;
    margin: 19px 0 0 0;
}

.offre-item a .offre-item__content{
    position: relative;
    z-index: 2;
}


.offre-item a:hover img{
    transform: scale(1.07);
}

.offre-item h2{
    color: var(--Noir, #0E0F0F);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 22.68px */
    margin: 7px 0 0 0;
}


.head_actu{
    margin-top: 75px;
    margin-bottom: 29px;
}

.head_actu h2{
    margin: 0;
}

.info_type{
    text-transform: uppercase;
}


/* Gestion animation au scroll */

.premium_img_vdo, .nos_services{
    transition: 0s;
}


    /* Footer */

#footer{
    background-color: var(--Carbon-black);
    padding-top: var(--ltspace);
    padding-left: var(--side-base);
    padding-right: var(--side-base);
    overflow: hidden;
    position: relative;
}

#footer .pyramide{
    position: absolute;
    bottom: 70px;
    right: -1vw;
    transform: rotate(-135deg);
    width: 328px;
    height: 600px;
    z-index: 0;
}


#footer .lien_logo{
    margin-bottom: 50px;
}


.haut_footer{
    display: flex;
    gap: 10px 63px;
    align-items: flex-start;
    margin-bottom: 66px;
}

.haut_footer>div:first-of-type p:first-of-type{
    margin-top: 0;
}



.affiche_horaires{
    display: grid;
    grid-template-columns: 63px 1fr auto 1fr;
    width: fit-content;
    gap: 6px 6px;
}

#footer .affiche_horaires, .adresse p{
    opacity: 0.7;
}

.adresse p:first-of-type{
    opacity: 1;
}

.bloc_liens{
    display: flex;
    flex-direction: column;
    gap: 6px 6px;
}

.affiche_horaires, .bloc_liens{
    margin-top: 33px;
}



.affiche_horaires p{
    margin: 0;
}

.marque_footer{
    padding-bottom: var(--ltspace);
    /*height: 136px;*/
    /*background-color: #0c6ca0;*/
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 5px 14px;
}

.marque_footer .separateur{
    width: 1px;
    height: 55px;
    background-color: var(--Blanc);
    opacity: 0.6;
}

.marque_footer a{
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    opacity: 0.6;
}

.marque_footer a:hover{
    opacity: 1;
}

.footer_content{
    width: fit-content;
}

#copyright{
    color: var(--Blanc, #FFF);
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    opacity: 0.5;
    display: flex;
    justify-content: flex-end;
}
#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: 770px){
    #footer #copyright {
        margin: 0 auto 0 0 ;
        justify-content: flex-start;
        font-size: 10px;
    }

    #footer #copyright .realisation-break a {
        margin-left: 0;
    }

    #footer #copyright .realisation-break a>svg {
        height: 11px;
        width: 50px;
    }

    .marque_footer {
        padding-bottom: 50px;
    }
}

@media (max-width: 500px){
    #footer #copyright {
        flex-direction: column;
    }
    #copyright>span{
        flex-direction: column;
    }
    #copyright .trait_vertical{
        display: none;
    }
    #copyright .lien_footer{
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
}
/*@media (max-width: 440px){*/
/*    #copyright .realisation-break{*/
/*        flex-direction: column;*/
/*    }*/
/*    #copyright .realisation-break a{*/
/*        margin-left: 0;*/
/*    }*/
/*}*/

/* 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;
}
.cookie-popup.show {
    visibility: visible;
    opacity: 1;
}
.cookie-popup-content {
    /*background: rgba(0, 14, 28, 0.95);*/
    /*background-color:  var(--Gris-menu);*/

    background-color: rgba(59, 60, 67, 0.95);

    padding: 24px;
    width: 100%;
    backdrop-filter: blur(5px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    border-radius: var(--medium-radius);
    margin: 0 10px 10px 10px;
    max-width: 500px;

}
.cookie-popup-content>div{
    display: flex;
    align-items: flex-end;
}
.cookie-popup-content p {
    color: var(--Blanc);
    margin: 0;
    font-size: 0.95rem;
}
.cookie-popup-content a {
    color: var(--Blanc);
    text-decoration: underline;
}
.cookie-popup-content button {
    background: var(--Blanc);
    color: var(--Noir);
    border: none;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    padding: 0.7rem 1.5rem;
    cursor: pointer;
    font-size: 0.95rem;
    height: fit-content;
    width: fit-content;
    transition: 0.2s;
    margin-left: 20px;
    border-radius: 10px;
}
.cookie-popup-content button:hover {
    background-color: var(--Noir);
    color: var(--Blanc);
}
@media (max-width: 500px){
    .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: 16px 0 0 0;
        padding: 8px 16px;
    }

    .cookie-popup-content{
        border-radius: var(--medium-radius);
        margin: 0 var(--small-margin) 10px var(--small-margin);
    }
}

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