@media (max-width: 1565px) {
    #menu .menu > li > a {
        font-size: var(--font-18);
        padding: 0 18px 0 18px;
    }

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

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

    .banniere_garage .rect>div:first-child{
        padding-bottom: 24vw;
    }

    .banniere_garage .pyramide {
        width: 200px;
    }

}


@media (max-width: 1500px) {
    .service_1 h1{
        font-size: 5vw;
    }
}

@media (max-width: 1457px) {
    #menu .menu > li > a {
        font-size: 17px;
        padding: 0 15px;
    }

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

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

    #menu {
        width: calc(100% - 40px);
        margin-left: 20px;
    }

    .banniere_garage>div {
        margin-top: auto;
    }

    .banniere_garage .rect>div:first-child {
        padding-bottom: 30vw;
    }

    .banniere_garage .flex_cote {
        margin-top: 40px;
    }

    /* Footer */

    #footer .pyramide{
        bottom: auto;
        top: 0;
        right: -5vw;
        width: 290px;
        height: 500px;
    }

    .haut_footer {
        display: flex;
        gap: 10px 4vw;
    }



}


@media (max-width: 1358px) {
    #menu .menu > li > a {
        font-size: 16px;
        padding: 0 10px;
    }

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

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

    .banniere_garage .big_lot_btn {
        margin-left: -50px;
    }

    :root{
        --small-margin: 6vw;
    }

    .pro1 h1 {
        font-size: 6.5vw;
    }

}

@media (min-width: 1000px) and (max-width: 1380px) {
    .banniere_garage .rect > div:first-child {
        padding-bottom: 36vw;
    }
}



@media (max-width: 1270px) {

.home.top_head .main_btn .horaire_btn .icone_main_btn{
    display: none;
}

.home .horaire_btn .status_label span>span{
    display: inline;
}

.home .horaire_btn .status_horaire {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: flex-end;
}

.home .horaire_btn .status_label {
    display: flex;
    align-items: baseline;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.home .main_btn .horaire_btn.elt_btn{
    position: fixed;
    left: 0;
    right: 0;
    top: 110px;
    width: fit-content;
    transform: translateX(-100%);
    border-radius: 0 100px 100px 0;
    height: 47px;
    padding-left: var(--small-margin);
    z-index: 0;
    transition: 0s;
}

.home.top_head .main_btn .horaire_btn.elt_btn{
    transform: translateX(0%);
    transition: 0.3s ease;
}

.home h1{
    margin-top: 80px;
}

#footer .pyramide {
    top: -70px;
    right: -20px;
    width: 230px;
    height: 300px;
}

.banniere_garage p {
    font-size: 25px;
}

.main_btn {
    /*margin-top: 100svh;*/
        top: 20px;
    }



}


@media (max-width: 1232px) {
    #search_general_mobile {
        display: flex;
        padding-right: 5px;
    }

    #header{
        background-color: var(--Shadow-grey);
    }

    .theme_claire #header,
    .single-services #header,
    .single-marques #header,
    .page-template-page-pros #header,
    .page-template-page-entreprise #header,
    .page-template-page-tous-styles #header,
    .privacy-policy #header{
        background-color: var(--White-smoke);
    }

    #menu .menu-toggle{
        padding-left: 15px;
        margin-top: 0;
    }

    #menu .menu-icon {
        display: flex;
        flex-direction: column;
        width: 28px;
        height: 20px;
        gap: 28px;
    }

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

    #menu.toggled #close-bar1 {
        transform: translateY(10px) rotate(45deg);
    }

    #menu.toggled #close-bar3 {
        transform: translateY(-9.5px) rotate(-45deg);
    }



    .home #close-bar1, .home #close-bar2, .home #close-bar3, .page-template-page-premium #close-bar1, .page-template-page-premium #close-bar2, .page-template-page-premium #close-bar3 {
        background-color: var(--Blanc);
    }

    #menu{
        display: flex;
        justify-content: flex-end;
    }


    .slider_class .big_btn{
        padding: 20px 20px 20px 20px;
        height: auto !important;
    }

    .slider_class .big_btn.btn_left {
        /*padding: 20px 20px 20px 20px;*/
    }




    /* header mobile */

    #header::before {
        /*content: none;*/
    }

    #menu>#main-menu-container {
        background: var(--Shadow-grey);
        justify-content: flex-start;
        /*padding-top: var(--htr-menu);*/

        overflow: auto;
    }

    .theme_claire #menu>#main-menu-container {
        background: var(--White-smoke);
    }

    .menu-menu-1-container{
        width: 100%;
        padding: 130px var(--small-margin) 0;
        transition: 0s;

    }

    .submenu-open .menu-menu-1-container {
        padding-top: 86px;
    }

    .menu>.menu-item-has-children::after {
       display: none;
    }

    #menu.toggled .open, #menu .close {
        display: block;
    }

    #menu .menu #search_general{
        display: none;
    }

    #menu .menu{
        padding: 8px 26px;
        border-radius: var(--medium-radius);
        background-color: var(--Gris-menu);
        display: flex;
        flex-direction: column;
        position: relative;
        transition: 0s;
    }

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

    #menu .menu > li {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #menu .menu > li > a {
        font-size: 17px;
        padding: 22px 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        transition: 0s;
    }

    #menu .menu > li:first-child > a {
        /*padding-top: 0;*/
    }

    #menu .menu > li:nth-last-child(3) > a {
        /*padding-bottom: 0;*/
        border-bottom: 0px solid rgba(255, 255, 255, 0);
    }

    #menu .menu > li > a::after{
        content: "";
        display: inline-block;
        width: 9px;
        height: 17px;
        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;
    }


    #menu .menu>li.lien_location>a:after{
        content: "";
        display: inline-block;
        width: 21px;
        height: 17px;
        margin-left: 8px;

        background-color: currentColor;

        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13'%3E%3Cpath d='M9.5 0.5L15.5 6.5M15.5 6.5L9.5 12.5M15.5 6.5L0.5 6.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 16 13'%3E%3Cpath d='M9.5 0.5L15.5 6.5M15.5 6.5L9.5 12.5M15.5 6.5L0.5 6.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;
    }


    #menu .menu>li>a {
        /*color: var(--Blanc);*/
    }

    .toggled #search_general_mobile svg path{
        /*color: var(--Blanc);*/
    }

    .toggled #close-bar1, .toggled #close-bar2, .toggled #close-bar3 {
        /*background-color: var(--Blanc);*/
    }

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

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



    .menu>.menu-item-has-children>.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;
    }


    .submenu-open #menu .menu {
        padding: 0;
        border-radius: 0;
        background-color: transparent;
    }

    .submenu-open #menu .menu > li > a{
        /*padding: 8px 26px;*/
        /*border-radius: var(--medium-radius);*/
        /*background-color: var(--Gris-menu);*/
        /*display: flex;*/
        /*flex-direction: column;*/
        /*position: relative;*/
    }


    /*.submenu-open #menu .menu {*/
    /*   */
    /*}*/

    .submenu-open #menu .menu > li,
    .single-marques .submenu-open #menu .menu > li.lien-modeles{
        display: none;
    }

    .submenu-open #menu .menu > li.open {
        display: block;
    }


    .submenu-open #menu .menu > li.open > a {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 126%; /* 15.12px */
        letter-spacing: 0.24px;
        text-transform: uppercase;
        justify-content: flex-start;
        align-items: center;
        gap: 17px;
        border-bottom: 0px solid rgba(255, 255, 255, 0);
    }

    .submenu-open #menu .menu > li.open > a::after{
        display: none;
    }


    .submenu-open #menu .menu > li.open > a::before{
        content: "";
        display: inline-block;
        width: 7px;
        height: 13px;

        background-color: currentColor;

        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 13'%3E%3Cpath d='M6.5 0.5L0.5 6.5L6.5 12.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 7 13'%3E%3Cpath d='M6.5 0.5L0.5 6.5L6.5 12.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;
    }



    .menu>.menu-item-has-children.open>.sub-menu {
        padding: 8px 26px;
        border-radius: var(--medium-radius);
        background-color: var(--Gris-menu);
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .menu>.menu-page-recherche.menu-item-has-children.open>.sub-menu {
        padding: 0;
        border-radius: 0;
        background-color: transparent;

    }

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


    .menu>.menu-item-has-children.open>.sub-menu {
        max-height: 100%;
        gap: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .menu>.menu-item-has-children.open>.sub-menu {
        transform: unset;
    }



    .menu>.menu-page-recherche.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-page-recherche.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: unset;
        overflow: visible;
        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-page-recherche.menu-item-has-children>.sub-menu>li:not(:first-child)>a {
        padding: 25px;
        border-radius: var(--medium-radius);
        background-color: var(--Gris-menu);
        display: flex;
        /*flex-direction: column;*/
        position: relative;
        margin-top: 20px;
        border: none;
        transition: 0s;

    }


    .menu>.menu-page-recherche.menu-item-has-children>.sub-menu>li:not(:first-child)>a::after {
        content: "";
        display: inline-block;
        width: 9px;
        height: 17px;
        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;
    }





    .menu>.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: 16vw;


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

    .menu>.menu-item-has-children>.sub-menu>li>a>div>span{
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        opacity: 0.6;
    }

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

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

    .menu>.menu-item-has-children:first-child>.sub-menu>li>.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;
    }


    .menu>.menu-item-has-children:first-child.open>.sub-menu {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        transition: 0.5s;
    }


    .menu>.menu-item-has-children>.sub-menu>.menu-nos-vehicules>a {
        display: none;
    }

    .menu>.menu-item-has-children>.sub-menu>.menu-nos-vehicules>ul {
        padding: 10px 26px;
        border-radius: var(--medium-radius);
        background-color: var(--Gris-menu);
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .menu>.menu-item-has-children>.sub-menu>li>ul>li>a::after {
        opacity: 1;
        height: 14px;
        width: 18px;
        stroke-width: 2;
        flex: 0 0 auto;
    }

    .menu_nos_vehicule>li>a>span {
        font-size: 17px;
        gap: 4px;
    }

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


    .menu>.menu-item-has-children>.sub-menu>li>ul>li:first-child>a{
        border-top: solid 0px rgba(98, 99, 105, 0);
    }

    .menu>.menu-item-has-children>.sub-menu>li>ul>li:last-child>a{
        border-bottom: solid 0px rgba(98, 99, 105, 0);
    }


    /*.menu>.menu-item-has-children:first-child>.sub-menu>.menu-nos-vehicules>ul {*/
    /*    padding: 10px 26px;*/
    /*    border-radius: var(--medium-radius);*/
    /*    background-color: var(--Gris-menu);*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    position: relative;*/
    /*    max-height: 508px;*/
    /*}*/


    .menu>.menu-item-has-children:first-child>.sub-menu>.menu-par-marques,
    .menu>.menu-item-has-children:first-child>.sub-menu>li:last-child{
        padding: 0;
        border-radius: var(--medium-radius);
        background-color: var(--Gris-menu);
        display: flex;
        flex-direction: column;
        position: relative;
        max-height: 508px;
        margin-top: 20px;
    }

    .menu>.menu-item-has-children:first-child>.sub-menu>.menu-par-marques>a,
    .menu>.menu-item-has-children:first-child>.sub-menu>li:last-child>a{
        padding: 25px 26px;
        border: 0px solid rgba(0, 0, 0, 0);
    }


    .menu>.menu-item-has-children:first-child>.sub-menu>.menu-par-marques>a::after,
    .menu>.menu-item-has-children:first-child>.sub-menu>li:last-child>a::after{
        content: "";
        display: inline-block;
        width: 9px;
        height: 17px;
        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;
    }



    .submenu-open #menu .menu > li.sub-sub.open {
        display: flex;
        flex-direction: row;
        transition: 0s;
    }

    .submenu-open #menu .menu > li.sub-sub.open>a{
        width: fit-content;
        max-width: 48px;
        gap: 17px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 20px;
        min-width: 0;
        position: relative;
    }

    .submenu-open #menu .menu > li.sub-sub.open > a::before {
        flex: 0 0 auto;
    }

    .submenu-open #menu .menu > li.sub-sub.open > a::after {
        content: '...';
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        position: absolute;
        right: 0;
        background-color: var(--Shadow-grey);
        height: 100%;
         -webkit-mask: unset;
         mask: unset;
    }

    .theme_claire .submenu-open #menu .menu > li.sub-sub.open > a::after {
        background-color: var(--White-smoke);
    }

    .submenu-open #menu .menu > li.sub-sub.open> .sub-menu>li{
        margin: 0;
        background: transparent;
        transition: 0s;
        overflow: visible;
    }

    /* todo */

    .submenu-open #menu .menu > li.sub-sub.open> .sub-menu>li>a{
        width: fit-content;
        padding: 22px 0;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 126%; /* 15.12px */
        letter-spacing: 0.24px;
        text-transform: uppercase;
        margin-top: 0;

        justify-content: flex-start;
        gap: 17px;

        transition: 0s;


        border-radius: 0;
        background-color: transparent;
        /*display: flex;*/
        /*!*flex-direction: column;*!*/
        /*position: relative;*/
        /*margin-top: 20px;*/
        /*border: none;*/

    }

    .submenu-open #menu .menu > li.sub-sub.open> .sub-menu>li>a::before {
        content: "";
        display: inline-block;
        width: 7px;
        height: 13px;
        background-color: currentColor;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 13'%3E%3Cpath d='M6.5 0.5L0.5 6.5L6.5 12.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 7 13'%3E%3Cpath d='M6.5 0.5L0.5 6.5L6.5 12.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;
    }

    .submenu-open #menu .menu > li.sub-sub.open> .sub-menu>li>a::after {
        content: none;
    }



    #menu .menu>.menu-item-has-children.sub-sub>.sub-menu>li{
        display: none;
    }

    #menu .menu>.menu-item-has-children.sub-sub>.sub-menu>li.open{
        display: flex;
    }

    .menu>.menu-item-has-children:first-child>.sub-menu>li>.sub-menu {
        position: absolute;
        inset: 100% auto auto -60px;
        height: auto;
        /*max-height: unset;*/
        /*overflow: visible;*/
        width:0;

        padding: 10px 26px;
        border-radius: var(--medium-radius);
        background-color: var(--Gris-menu);
        opacity: 0;
        pointer-events: none;
        transition: 0s;
    }

    .menu>.menu-item-has-children:first-child.open>.sub-menu>li.open>.sub-menu {
        position: absolute;
        inset: 100% auto auto -60px;
        height: auto;
        max-height: unset;
        overflow: visible;
        width: calc(100vw - var(--small-margin) - var(--small-margin));

        padding: 10px 26px;
        border-radius: var(--medium-radius);
        background-color: var(--Gris-menu);
        opacity: 1;
        pointer-events: all;
        transition: 0.5s;
    }


    .menu>.menu-item-has-children.open.sub-sub>.sub-menu{
        overflow: visible;
    }


    .menu>.menu-item-has-children:first-child>.sub-menu>.menu-nos-vehicules>ul,
    .menu>.menu-item-has-children:first-child.open>.sub-menu>.menu-nos-vehicules.open>ul {
        padding: 10px 26px;
        border-radius: var(--medium-radius);
        background-color: var(--Gris-menu);
        display: flex;
        flex-direction: column;
        position: relative;
        max-height: 508px;


        inset: 0;
        height: auto;
        width:auto;

        opacity: 1;
        pointer-events: all;
        transition: 0.5s;
    }


    .submenu-open #menu .menu > li:first-child.open:has(.menu-nos-vehicules.open){
        display: block !important;
    }

    .menu>.menu-item-has-children:first-child.open>.sub-menu>.menu-nos-vehicules.open>ul{
        width: 100%;
    }




    #menu .menu .menu-plus-burger{
        position: absolute;
        top: 100%;
    }

    #menu .menu .menu-plus-burger button{
        display: none;
    }

    .menu>.menu-plus-burger>.sub-menu,
    .theme_claire .menu>.menu-plus-burger>.sub-menu{
        position: static;
        opacity: 1;
        padding: 0 0 0 6px;
        margin: 30px 0 0;
        flex-direction: column;
        background-color: transparent;
        gap: 0;
        max-height: unset;
        overflow: unset;
        width: fit-content;
    }

    .menu>.menu-plus-burger>.sub-menu>li>a{
        display: flex;
        padding: 10px 0;
        gap: 20px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 19.2px */
        letter-spacing: -0.08px;
        opacity: 1;
        justify-content: space-between;
        align-items: center;
        text-transform: unset;
        border-bottom: 0px solid rgba(255, 255, 255, 0);
        transition: 0s;
    }

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

        background-color: currentColor;

        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13'%3E%3Cpath d='M9.5 0.5L15.5 6.5M15.5 6.5L9.5 12.5M15.5 6.5L0.5 6.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 16 13'%3E%3Cpath d='M9.5 0.5L15.5 6.5M15.5 6.5L9.5 12.5M15.5 6.5L0.5 6.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;
    }

    .menu>.menu-plus-burger>.sub-menu>li.menu-nos-marques>a:after,
    .menu>.menu-plus-burger>.sub-menu>li.menu-nos-services>a:after {
        width: 7px;
        height: 13px;

        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 13'%3E%3Cpath d='M0.5 0.5L6.5 6.5L0.5 12.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 7 13'%3E%3Cpath d='M0.5 0.5L6.5 6.5L0.5 12.5' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;

    }


    .menu>.menu-plus-burger>.sub-menu>li>ul{
        max-height: 0;
        overflow: hidden;
        transition: 0s;
    }

    .menu>.menu-plus-burger.menu-item-has-children.open>.sub-menu {
        width: 100%;
        margin: 0;
        padding: 0;
        border-radius: 0;
        background-color: transparent;
        display: flex;
        flex-direction: column;
        position: relative;
    }



    .menu>.menu-plus-burger.open>.sub-menu>li.open>ul{
        max-height: 100%;
        overflow: hidden;

        padding: 8px 26px;
        border-radius: var(--medium-radius);
        background-color: var(--Gris-menu);
        display: flex;
        flex-direction: column;
        position: relative;
        transition: 0s;
        margin-bottom: 20px;
    }

    .theme_claire .menu>.menu-plus-burger.open>.sub-menu>li.open>ul,
    .theme_claire .menu>.menu-page-recherche.menu-item-has-children>.sub-menu>li:not(:first-child)>a,
    .theme_claire .menu>.menu-item-has-children>.sub-menu>.menu-nos-vehicules>ul,
    .theme_claire .menu>.menu-page-recherche.menu-item-has-children>.sub-menu>li:not(:first-child).open .sub-menu {
        background-color: var(--Blanc);
    }

    .theme_claire .menu>.menu-page-recherche.menu-item-has-children.open>.sub-menu {
        background-color: transparent;
    }


    #menu .menu>.menu-plus-burger.menu-item-has-children.sub-sub>.sub-menu>li.open {
        flex-direction: column;
    }



    .menu_garage_rais{
        display: none;
    }


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


    .single-marques .lien-stock, .single-marques .lien-modeles{
        display: block;
    }



}


@media (max-width: 1180px) {
    :root {
        /*--small-margin: 7vw;*/
        --dif-margin: 9vw;
        --big-margin: calc(var(--small-margin) + var(--dif-margin));
    }

    .big_rect {
        padding: 60px 80px;
    }

    .banniere_garage p {
        font-size: var(--font-28);
    }


    .with_pyram_back .pyramide {
        margin: -92px -140px auto auto;
    }


    .pro1 h1 {
        font-size: 7.4vw;
    }

    .offres-list {
        grid-template-columns: repeat(4, 1fr);
    }

    .offre-item h2 {
        font-size: 16px;
    }

}

@media (max-width: 1020px) {

    .with_pyram_back .pyramide {
        width: 160px;
        height: 600px;

        margin: -82px -160px auto auto;
    }

    .horaire_service .flex_cote{
        flex-direction: column;
    }

    .horaire_service .flex_cote>div:first-of-type {
        padding-right: 0;
        margin-bottom: 18px;
    }

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

    #footer .pyramide {
        bottom: auto;
        top: 0;
        right: -5vw;
        width: 290px;
        height: 500px;
    }
}

@media (max-width: 1000px) {

    :root {
        --font-133: 100px;
    }

    .banniere_garage .rect {
        flex-direction: column;
        gap: 40px;
    }

    .banniere_garage>div {
        margin-top: 20px;
        margin-left: unset;
        margin-right: unset;
    }

    .banniere_garage .rect>div:first-child {
        padding-bottom: 0;
    }

    .banniere_garage .pyramide {
        max-width: 200px;
        min-width: 113px;
        width: 30vw;
        height: 500px;
        margin: 0 auto;
    }

    .banniere_garage .big_lot_btn {
        margin-top: 10px;
    }


    .offres_avant>.rect .big_btn {
        padding: 20px 30px 20px 45px;
    }


    .liens_marques>div{
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-around;
        gap: 26px;
    }

    .single-services .liens_marques>div{
        grid-template-columns: 1fr 1fr 1fr 1fr;
        align-items: start
    }


    .single-offres h1 {
        font-size: 35px;
        margin-bottom: 32px;
    }


    .infos_contact{
        flex-direction: column;
        gap: 20px;
    }

    .infos_contact div:last-child h2:first-of-type {
        margin-top: 20px;
        margin-bottom: 16px;
    }

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



    .marque_footer{
        display: grid;
        grid-template-columns: repeat(3, 1fr auto) 1fr;
        gap: 17px 2px;
    }

    .marque_footer .separateur:nth-of-type(4){
        display: none;
    }

    .footer_content{
        width: auto;
    }

}

@media (max-width: 900px) {
    .haut_footer .adresse, .haut_footer .affiche_horaires{
        grid-area: 1 span / 2 span;
    }

    .haut_footer{
        gap: 13px 46px;
    }

    .haut_footer>div.adresse p{
        margin: 0;
        line-height: 140%;
    }

    .affiche_horaires p {
        line-height: 140%;

    }

    .affiche_horaires {
        margin-top: 0px;
        row-gap: 0;
    }

    .bloc_liens {
        margin-top: 37px;
        gap: 9px;
    }

    .bloc_liens a{
        line-height: 120%;
    }



    .layer_vdo h2 {
        margin-bottom: 40px;
    }

    .btn_active_video {
        height: 114px;
        width: 114px;
        margin-bottom: 8%;
    }


    .with_pyram_back .pyramide {
       display: none;
    }


    .slider_marque::before {
        height: 120px;
    }



    .slider_offre{
        display: none !important;
    }

    .slider_offre_2 .swiper-slide {
        max-height: unset;
        height: auto;
    }

    .slider_offre_2 .swiper-slide {
        display: flex;
        flex-direction: column;
    }

    .slider_offre_2 img{
        display: block;
        border-radius: var(--medium-radius) var(--medium-radius) 0 0 ;
    }

    .slider_offre_2 .swiper-slide a {
        margin-top: -27px;
        height: 100%;
    }

    .marque_slide_offre{
        padding: 0;
    }

    .marque_slide_offre>h2{
        padding: 0 var(--big-margin);
    }

    .marque_slide_offre>div {
        border-radius: 0;
        padding: 0 var(--big-margin);
    }



    .slider_offre_2 .swiper-slide a{
        background-color: var(--Marque-color);
        pointer-events: all;
        width: 100%;
    }

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


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

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



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

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

    .slider_offre_2 .swiper-slide .contenu_min_offre{
        overflow: visible;
        height: 100%;
        justify-content: space-between;
    }


    .coche_table_dots_swiper {
        width: 80px;
        overflow: hidden;
    }

    .coche_table_dots_swiper .swiper-wrapper {
        align-items: center;
    }

    .coche_table_dots_swiper .swiper-slide {
        width: 8px;
        height: 8px;
        flex-shrink: 0;
    }

    .coche_table_dot {
        display: block;

        width: 6px;
        height: 6px;

        padding: 0;
        margin: 0;

        border: 0;
        border-radius: 50%;

        background: #aaa;
    }

    .coche_table_dots_swiper .swiper-slide-active .coche_table_dot {
        width: 8px;
        height: 8px;
        background: #222;
    }





    .coche_table_wrap {
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: auto;
        touch-action: pan-x;
    }

    .coche_table_wrap::-webkit-scrollbar {
        display: none;
    }

    .coche_table_controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .coche_table_dots {
        display: flex;
        align-items: center;
        gap: 7px;
        touch-action: pan-x;
        user-select: none;
    }

    .coche_table_dot {
        width: 6px;
        height: 6px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: #B8B5B0;
        flex: 0 0 auto;
        cursor: pointer;
        transition: all .2s ease;
    }

    .coche_table_dot.is-active {
        width: 8px;
        height: 8px;
        background: #222;
    }

    .coche_table_navigation {
        display: flex;
        margin-top: 30px;
        margin-bottom: 0;
        background: var(--Sable-gradient-linear);
        height: 42px;
        border-radius: 50px;
        justify-content: space-between;
    }

    .coche_table_prev,
    .coche_table_next{
        background: transparent;
    }

    .swiper-button-disabled{
        opacity: 0;
    }

    .tableau_coche p {
        margin-top: 20px;
    }


    .contenu_actu>div {
        padding: 70px 70px;
    }


    .a_la_une{
        margin-top: 0;
        flex-direction: column;
    }

    .offres-list {
        grid-template-columns: repeat(3, 1fr);
    }


    .offres-filters-mobile>select{
        background-color: transparent;
        border: solid 1px var(--Gris-menu);
        border-radius: 10px;
        padding: 6px 8px;
    }


    .offres-filters-mobile {
        position: relative;
    }

    .offres-filters-mobile::after {
        content: '';
        position: absolute;
        right: 20px;
        top: 50%;
        width: 8px;
        height: 8px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        transform: translateY(-50%) rotate(45deg);
        pointer-events: none;
        transform-origin: 75% center;
        transition: 0.2s ease-in;
    }


    .offres-filters-mobile:has(select:focus)::after {
        transform: translateY(-50%) rotate(225deg);
    }

    .offres-filters-mobile select {
        appearance: none;
        -webkit-appearance: none;
        width: 100%;
        padding-right: 50px;
    }




    /*.alterne_img_txt .flex_cote{*/
    /*    flex-direction: column-reverse;*/
    /*}*/


    .alterne_img_txt>div:nth-child(odd){
        flex-direction: column-reverse;
    }

    .alterne_img_txt>div:nth-child(even) {
        flex-direction: column;
    }

    .alterne_img_txt .pilule_mask{
        width: 100%;
        max-width: 600px;
    }


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

    .alterne_img_txt>div>div:last-child {
        padding-bottom: 0;
    }

}



@media (max-width: 850px) {
    .premium_1 h1{
        font-size: 10vw;
    }

    .voiture .point .text_point {
        padding: 20px 20px 25px;
        max-width: 240px;
        width: max-content;
        transition: 0.2s;
        line-height: 129%;
        font-size: 14px;
    }

    .lien_principaux{
        grid-template-columns: 1fr;
        padding-right: var(--dif-margin);
        padding-left: var(--dif-margin);
        gap: 10px;
        margin-bottom: 60px;
    }

    .lien_principaux>div{
        display: flex;
        justify-content: space-between;
    }

    .lien_principaux>div>a.pilule_mask{
        width: 38%;
        min-width: 142px;
    }

    .lien_principaux>div>div{
        margin: auto 0;
        width: 50%;
    }

    .lien_principaux .pilule_mask::after {
        position: absolute;
        content: unset;
    }

    .svg_premium{
        position: absolute;
        top: 90px;
        left: 160px;
    }

    .btn_stock_home{
        display: block;
    }

    .btn_stock_home .btn{
        display: flex;
        background-color: var(--Blanc);
        color: var(--Noir);
        padding: 14px 20px 15px;
        width: 100%;
        justify-content: center;
        border-radius: 100px;
        margin-top: 15px;
    }

    .btn_stock_home .btn span, .btn_stock_home .btn svg path{
        color: var(--Noir);
        fill: var(--Noir);
        font-weight: 500;
        text-transform: uppercase;
    }

    .slider_class{
        flex-wrap: wrap;
    }

    .slider_class .swiper { order: 1; }
    .slider_class .swiper-button-prev {
        width: 30% !important;
        min-width: 100px;
        order: 2;
        padding: 13px 23px;
    }
    .slider_class .swiper-button-next {
        order: 3;
        width: 30% !important;
        min-width: 100px;
        padding: 13px 23px;
    }

    .slider_class .swiper-button-prev svg{
        height: 15px;
    }
    .slider_class .swiper-button-next svg{
       height: 15px;
    }

    .slider_class .swiper-button-prev svg, .slider_class .swiper-button-next svg,
    .single-marques .slider_marque .swiper-button-prev svg, .single-marques .slider_marque .swiper-button-next svg{
        height: 15px;
    }

    .slider_class .swiper-button-next svg path,  .slider_class .swiper-button-prev svg path {
        stroke-width: 2;
    }

    .liste_services{
        display: flex;
        flex-direction: column;
        gap: 13px;
    }


    .liste_services>ul li a {
        width: 100%;
        text-transform: uppercase;
        font-size: var(--font-14);
        padding: 13px 20px 14px 20px;
    }

    .liste_services>ul li>a{
        font-size: 12px;
        background: linear-gradient(var(--Shadow-grey), var(--Shadow-grey)) padding-box, linear-gradient(90deg, rgba(102, 98, 93, 0) 0%, #66625D 70px) border-box;
    }

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

    #map {
        height: 100%;
        min-height: 480px;
    }

    .info_maps {
        margin-right: var(--small-margin);
        margin-left: var(--small-margin);
        padding-left: 0;
        margin-top: -120px;
    }

    .info_maps>div>div {
        padding-bottom: 90px;
    }

    .info_maps>div {
        display: flex;
        flex-direction: column-reverse;
        max-width: unset;
    }

    .info_maps>.btn {
        position: absolute;
        padding: 14px 20px 16px 50px;
        border-radius: 0 100px 100px 0;
        left: 0;
        bottom: 52vw;
        transform: translateX(0);
    }



    .offres_avant>.rect .big_btn {
        padding: 20px 30px 20px 45px;
    }

    .filter-bar{
        display: none;
    }

    .offre_marque{
        display: inline;
    }

    .offres_avant .tabs-content{
        display: flex;
        overflow: auto;
        gap: 12px;
        padding-left: var(--small-margin);
        padding-right: var(--small-margin);
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
    }

    .offres_avant .tab-content{
        display: block !important;
        width: 100%;

        border-radius: var(--medium-radius);
        background-color: var(--Graphite);
        padding: 25px;
        scroll-snap-align: center;
    }


    .offres_avant .rect{
        margin-bottom: -25px;
        background-color: transparent;
        padding: 0;
    }


    .offres_avant .tabs-content::-webkit-scrollbar {
        display: none;
    }

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

    .offres_avant>.rect a {
        gap: 8px;
        flex-direction: column;
        width: 70vw;
        height: 100%;
    }

    .offres_avant>.rect a>div:first-of-type{
        width: 100%;
    }

    .offres_avant>.rect .big_btn {
        padding: 14px 25px 14px 23px;
    }

    .offres_avant>.rect .big_btn svg{
        width: 13px;
        height: 11px;
    }

    .offres_avant>.rect .big_btn svg path{
        stroke-width: 3;
    }


    .tous_style_2.swiper {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 60px;
    }

    .tous_style_2 .swiper-wrapper {
        display: flex !important;
        gap: 0;
    }

    .tous_style_2>.marge_cote{
        padding: 0;
    }

    .tous_style_2 .swiper-slide picture{
        background-color: var(--White-smoke);
    }

    .tous_style_2 .swiper-slide img{
        opacity: 0.3;
    }

    .tous_style_2 .swiper-slide-active img{
        opacity: 1;
    }

    .grid_besoins .pilule_mask{
        -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");
    }

    .grid_besoins .left_align span, .grid_besoins span{
        margin: 34px 0 0;
        text-align: center;
        justify-content: center;
        background: #DFDBD3;
        padding: 13px 2px 14px;
        border-radius: 100px;
        max-width: unset;
        width: 100%;
    }

    .tous_style_2 .swiper-button-prev, .tous_style_2 .swiper-button-next{
        display: flex;
        flex-direction: row-reverse;

        height: 47px !important;
        width: 13vw !important;
        margin-top: -47px !important;
    }

    .tous_style_2 .swiper-button-prev{
        background: linear-gradient(90deg,rgba(245, 244, 242, 1) 20%, rgba(245, 244, 242, 0) 100%);
        padding-right: 3vw;

    }

    .tous_style_2 .swiper-button-next{
        background: linear-gradient(90deg,rgba(245, 244, 242, 0) 0%, rgba(245, 244, 242, 1) 80%);
        padding-left: 3vw;
    }

    .tous_style_2 .swiper-button-prev>svg, .tous_style_2 .swiper-button-next>svg{
        height: 12px ;
        width: 6px ;
    }

    .slider_marque::before {
        height: 84px;
    }

    .single-marques .marque_1 .pyramide{
        display: none;
    }

    .single-marques .marque_1 .marque_marge {
        padding-left: 0;
    }



    .single-marques .tabs{
        padding: 0;
        margin-top: 40px;
    }

    .tab-bg::before {
        inset: 0 -32px;
    }


    .btn_marques_single{
        flex-direction: column;
    }

    .btn_marques_single h2{
        margin-top: 0;
    }


    .marques_fond .pyramide{
        display: none;
    }

    .marques_fond .flex_cote>div:first-of-type{
        width: 100%;
    }

    .marques_fond h2 {
        margin-top: 0;
    }


    .page_claire{
        overflow: initial;
    }


    .single-marques .liens_marques{
        display: none;
    }

    .gammes_pro {
        gap: 30px;
    }

    .plan_acces_service img{
        aspect-ratio: 8/5;
    }

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


    .page_loc .video_service{
        flex-direction: column-reverse;
    }

    .page_loc .video_service .img_vdo{
        margin-left: auto;
        margin-right: 0;
    }

}


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

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

        --small-margin: 7vw;
        --dif-margin: 13vw;
        --big-margin: 7vw;
        --smlspace: 60px;
        --ltspace: 55px;
        --btspace: 60px;
        --mdspace: 60px;
        --bigspace: 180px;
        --side-base: 7vw;

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

        --medium-radius: 26px;
    }

    #branding{
        margin-bottom: -3px;
    }


    h2{
        margin-bottom: 16px;
    }

    p {
        margin: 10px 0;
        line-height: 140%;
    }

    .single-marques h1{
        margin-bottom: 16px;
    }

    .pro1 h1 {
        font-size: 8.4vw;
        margin-bottom: 6px;
    }


    .rs_elfsight {
        padding-bottom: 60px;
    }

    .lien_principaux {
        margin-top: 24px;
        margin-bottom: 60px;
        padding: 0;
    }


    #branding #logo{
        height: 23px;
        width: 124px;
    }

    #branding .svg_premium_icon{
        display: none;
    }


    .svg_premium{
        position: absolute;
        top: 92px;
        left: 136px;
        height: 35px;
        width: 31px;
    }

    .lien_principaux .fleche {
        margin-bottom: 5px;
        height: 12px;
    }

    .lien_principaux ul li>a {
        font-size: 12px;
    }


    .banniere_garage h2 {
        font-size: 12px;
        font-weight: 600;
        line-height: 126%;
        opacity: 0.8;
        margin-top: 0;
        margin-bottom: 15px;
    }


    .slider_class {
        margin-bottom: 40px;
    }


    .info_maps h2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 129%; /* 20.64px */
        margin-bottom: 18px;
    }

    .info_maps .txt_fin p{
        font-weight: 400;
        margin: 0;
        line-height: 140%;
    }

    .info_maps .txt_fin p strong{
        font-weight: 600;
    }

    .info_maps h3 {
        margin: 18px 0 8px 0;
        font-weight: 600;
        font-size: 14px;
    }

    .info_maps .txt_fin p, .info_maps .affiche_horaires p {
        font-size: 14px;
    }

    .liens_marques {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .liens_marques>div{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 26px;
    }

    .liens_marques>div a {
        width: 100%;
        font-size: 20px;
    }

    .liens_marques>div a svg{
        height: 16px;
        width: 21px;
    }

    .layer_vdo h2 {
        font-size: 15px;
        margin-bottom: 25px;
    }

    .btn_active_video {
        height: 54px;
        width: 54px;
        /*margin-bottom: 6%;*/
    }

    .btn_active_video svg{
        height: 13px;
        width: 13px;
        margin-left: 4px;
    }

    .page-template-page-premium .slider_tas_carte {
        margin: 15px auto var(--mdspace);
    }

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


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

    .premium_1>div:last-of-type p{
        margin-bottom: 0;
    }

    .premium_1_englobe {
        margin-bottom: 60px;
    }

    .citation{
        display: none;
    }

    .premium_img_vdo .img_vdo, .mobile_img_vdo .img_vdo{
        height: auto;
        aspect-ratio: 1 / 1;
        display: flex;
    }

    .premium_3 {
        margin-top: -25px;
    }

    .premium_3 .btn {
        padding-left: 20px;
        padding-right: 20px;
    }

    .premium_3 .btn span{
        font-weight: 500;
        line-height: 140%;
    }

    .premium_1 .slogan {
        font-size: 16px;
        max-width: 230px;
        margin: 10px auto 0 auto;
    }

    .premium_4 h2 {
        margin-top: 60px;
    }


    .h2_fin{
        font-weight: 500;
        line-height: 129%;
        margin-bottom: 16px;
    }

    .tous_style_3 .big_rect h2 {
        margin-bottom: 16px;
    }

    .rect .lot_btn .btn {
        padding-left: 20px;
        padding-right: 20px;
    }

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

    .tous_style_3 .btn,  .tous_style_3 .lot_btn{
        width: 100%;
    }

    .page_claire .tous_style_3 .btn{
        background: linear-gradient(var(--Blanc), var(--Blanc)) padding-box, linear-gradient(90deg, rgba(14, 15, 15, 0) 0%, var(--Noir) 100%) border-box;
    }

    .tous_style_3 .btn::after {
        content: "";
        display: inline-block;
        width: 18px;
        height: 15px;

        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 15'><path d='M10.2 0.348389L17 7.34839M17 7.34839L10.2 14.3484M17 7.34839L0 7.34839' stroke='%230E0F0F'/></svg>");
        background-size: contain;
        background-repeat: no-repeat;
    }

    .tous_style_3 .big_rect {
        margin-bottom: -25px;
    }

    .tous_style_1>div>div svg{
        height: 33px;
        width: auto;
    }

    .tous_style_1>div:first-of-type>div .separateur {
        height: 39px;
    }

    .tous_style_1>div:first-of-type>div {
        gap: 5px 16px;
    }

    .page-template-page-tous-styles h1{
        margin-bottom: 14px;
    }



    .voitures_img img {
        max-width: unset !important;
    }

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

    .tous_style_1 .voitures_img>div {
        margin: 0 0;
        width: auto;
    }



    .popup>div {
        padding: var(--small-margin) 26px var(--small-margin) 26px;
        margin: auto var(--small-margin);
        width: auto;
        min-height: 200px;
    }

    .close_popup {
        top: -15px;
        right: -8px;
        width: 36px;
        height: 36px;
        background: var(--White-smoke);
        border-radius: 50%;
    }

    .home .close_popup, .page-template-page-premium .close_popup {
        background: var(--Graphite);
    }

    /*.voitures_img {*/
    /*    overflow-x: auto;*/
    /*    -webkit-overflow-scrolling: touch;*/
    /*}*/

    /*.track {*/
    /*    width: max-content;*/
    /*    animation: scroll 20s linear infinite;*/
    /*}*/

    /*@keyframes scroll {*/
    /*    0% {*/
    /*        transform: translateX(0);*/
    /*    }*/
    /*    100% {*/
    /*        transform: translateX(-50%);*/
    /*    }*/
    /*}*/



    /*.voitures_img {*/
    /*    overflow-x: auto;*/
    /*    -webkit-overflow-scrolling: touch;*/
    /*}*/

    /*.track {*/
    /*    display: flex;*/
    /*    width: max-content;*/
    /*}*/

    /*.item {*/
    /*    flex: 0 0 auto;*/
    /*    margin-right: 20px;*/
    /*}*/




    /*.voitures_img {*/
    /*    overflow-x: auto;*/
    /*    -webkit-overflow-scrolling: touch;*/
    /*    white-space: nowrap;*/
    /*}*/

    /*.track {*/
    /*    display: flex;*/
    /*}*/

    /*.item {*/
    /*    flex: 0 0 auto;*/
    /*}*/


    .voitures_img {
        /*overflow: hidden;*/
        overflow: auto;
        justify-content: flex-start;
    }

    .track {
        display: flex;
        width: max-content;
    }

    .item {
        flex: 0 0 auto;
    }

    .voitures_img::-webkit-scrollbar {
        display: none;
    }


    .single-marque .voitures_img, .img_pillule_slide.voitures_img {
        /*overflow: hidden;*/
    }


    .single-marques .tab-btn.active {
        font-weight: 600;
    }

    .single-marques .tab-btn {
        font-size: 12px;
        padding: 10px 0 11px;
    }

    .single-marques .voitures_img>div, .img_pillule_slide.voitures_img>div {
        gap: 0px;
    }

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

    .single-marques h2{
        line-height: 129%;
    }

    .marque_slide_offre h2 {
        margin-bottom: 26px;
    }

    .slider_offre_2 {
        margin-top: 0;
    }

    .slider_offre_2 h2{
        margin-bottom: 8px;
    }

    .slider_offre_2 .swiper-slide .contenu_min_offre {
        padding-top: 0;
    }

    .separateur_logo, .marque_head{
        display: none;
    }

    .premium_1_englobe .pyramide{
        display: none;
    }

    .premium_4 .pyramide{
        margin-top: 60px;
    }

    .premium_1_englobe{
        display: block;
    }

    .voitures_premium_swipe.voitures_img {
        width: 100%;
    }

    .voitures_premium_swipe.voitures_img>div{
        margin: 0;
        justify-content: flex-start;
        gap: 0;
    }

    .voitures_premium_swipe p{
        display: none;
    }

    .voitures_premium_swipe.voitures_img {
        margin: 36px 0 10px;
    }

    .voitures_premium_swipe.voitures_img img {
        height: 12vw;
        width: 100%;
        min-height: 120px;
        max-height: 260px;
    }

    .voitures_names_swiper p{
        text-align: center;
    }

    .voitures_names_swiper.swiper{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .voitures_names_swiper .swiper-button-prev, .voitures_names_swiper .swiper-button-next{
        display: flex;
        flex-direction: row-reverse;

        height: 47px !important;
        width: 26vw !important;
        margin-top: -46px !important;
    }

    .voitures_names_swiper .swiper-button-prev{
        background: linear-gradient(90deg,rgba(35, 36, 42, 1) 50%, rgba(35, 36, 42, 0) 100%);
        padding-right: 17vw;
    }

    .voitures_names_swiper .swiper-button-next{
        background: linear-gradient(90deg,rgba(35, 36, 42, 0) 0%, rgba(35, 36, 42, 1) 50%);
        padding-left: 17vw;
        right: 0;
    }

    .voitures_names_swiper .swiper-button-prev>svg, .voitures_names_swiper .swiper-button-next>svg{
        height: 12px ;
        width: 6px ;
    }


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




    .single-services .liens_marques>div{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        align-items: start
    }

    .single-services .liens_marques>div a svg {
        height: 50px;
        width: 50px;
    }


    .horaire_service>div {
        margin-top: -25px;
    }


    .location_vehicule {
        gap: 0;
        position: relative;
        z-index: 3;
    }

    .page_loc .location_vehicule .swiper-button-prev,
    .page_loc .location_vehicule .swiper-button-next{
        position: absolute !important;
        top: 100%;
        min-height: unset;
        height: unset !important;
        margin-top: 20px;
    }

    .page_loc .location_vehicule .swiper-button-prev{
        left: 0;
        background: linear-gradient(90deg, rgba(245, 244, 242, 1) 0%, rgba(245, 244, 242, 0) 50%);
        padding-right: 17vw;
    }

    .page_loc .location_vehicule .swiper-button-next{
        right: 0;
        background: linear-gradient(90deg, rgba(245, 244, 242, 0) 0%, rgba(245, 244, 242, 1) 50%);
        padding-left: 17vw;
    }

    .page_loc .location_vehicule .swiper-button-prev svg,
    .page_loc .location_vehicule .swiper-button-next svg{
        height: 12px;
        margin: 16px 0;
    }


    .page_loc .location_vehicule .swiper-button-prev.swiper-button-disabled,
    .page_loc .location_vehicule .swiper-button-next.swiper-button-disabled {
        opacity: 1;
    }

    .page_loc .location_vehicule .swiper-button-prev.swiper-button-disabled svg,
    .page_loc .location_vehicule .swiper-button-next.swiper-button-disabled svg{
        opacity: .35;
    }


    .slider_loc_2 span {
        margin: 0;
        text-align: center;
        justify-content: center;
        background: #DFDBD3;
        padding: 13px 21px 14px;
        border-radius: 100px;
        max-width: unset;
        width: 100%;
        display: flex;

        font-size: 12px;
        font-weight: 500;
        line-height: 129%;
        text-wrap: nowrap;
    }

    .slider_loc .swiper-slide {
        padding: 50px var(--btspace);
    }


    #footer .pyramide {
        bottom: auto;
        top: -20px;
        right: -4vw;
        /*min-width: 167px;*/
        /*min-height: 166px;*/
        width: 35vw;
        height: 50vw;
        max-width: 290px;
        max-height: 500px;
    }

    .contenu_actu {
        margin-top: 10px;
    }

    .premium_1 h1{
        font-size: 12vw;
    }

    .premium_1>div:last-child {
        animation-delay: 1.7s;
    }

    .voitures_names_swiper {
        animation-delay: 1.5s;
    }

}


@media (max-width: 600px) {
    :root{
        --htr-menu: 63px;
        --font-88: 25px;
    }

    .voiture{
        display: none;
    }

    .rect {
        padding: 25px 25px;
    }

    .big_rect {
        padding: 25px 25px;
    }


    .home .main_btn .horaire_btn.elt_btn {
        top: 64px;
    }



    .home .main_btn .horaire_btn.elt_btn{
        padding: 8px 20px 8px var(--small-margin);
        height: 30px;
    }

    .home .horaire_btn p {
        font-size: 12px;
    }

    .home h1{
        margin-top: 60px;
    }


    .premium_1 h1 {
        font-size: 12vw;
    }

    .voitures_img>div {
        justify-content: normal;
    }


    #map::after {
        background: linear-gradient(0deg, rgba(48, 49, 54, 1) 0%, rgba(48, 49, 54, 0) 220px, rgba(48, 49, 54, 0) calc(100% - 220px), #23242A 100%);
    }

    .liste_services {
        margin-bottom: 45px;
    }


    .info_maps>div>div {
        padding: 25px 25px 90px;
    }

    .info_maps>.btn {
        padding-left: 25px;
    }

    .banniere_garage>picture:first-child {
        display: none;
    }

    .banniere_garage {
        background: var(--Graphite);
    }

    .banniere_garage>div {
        margin-top: 0;
    }

    .page-template-page-entreprise .banniere_garage {
        padding-top: var(--mdspace);
    }


    .contain_autoscout {
        padding: 0 6px 0;
    }


    .popup>div {
        margin-top: 100px;
    }

    .marque_footer .separateur {
        height: auto;
    }

    .marque_footer a svg{
        width: 35px;
        height: 35px;
    }

    .marque_footer a{
        opacity: 1;
        padding: 10px 0;
    }

    .marque_footer a:nth-of-type(5) svg{
        width: 78px;
        height: 16px;
    }
    .marque_footer a:nth-of-type(6) svg{
        width: 61px;
        height: 16px;
    }
    .marque_footer a:nth-of-type(7) svg{
        width: 64px;
        height: 16px;
    }
    .marque_footer a:nth-of-type(8) svg{
        width: 50px;
        height: 16px;
    }

    .banniere_garage .big_lot_btn {
        margin-left: 0;
    }

    .banniere_garage .big_lot_btn .btn{
        padding-left: 25px;
    }


    .premium_4 .flex_cote>div:first-of-type {
        padding-bottom: 0;
    }

    .premium_4 .flex_cote{
        flex-direction: column;
        gap: 26px;
    }

    .premium_4 .flex_cote .pyramide{
        height: 230px;
        width: 171px;
        margin: 0 auto;
    }


    .voitures_img {
        margin: 60px 0 60px;
    }

    .page-template-page-entreprise .mobile_img_vdo .img_vdo{
        aspect-ratio: 3/2;
    }

    .entreprise_rect {
        margin-top: -25px;
    }

    .entreprise_nos_marques.txt_pyram .flex_cote>div:first-of-type {
        padding-bottom: 30px;
    }

    .entreprise_nos_marques .marque_footer {
        padding-bottom: 0px;
        margin-bottom: 60px;
    }

    .txt_pyram h2{
        margin-top: 0;
    }

    .txt_pyram .flex_cote .pyramide{
        display: none;
    }

    .titre_colab {
        margin-bottom: 30px;
    }

    .sous_colab {
        margin-top: 30px;
        margin-bottom: var(--mdspace);
        background: var(--Sable-gradient-linear);
        height: 42px;
        border-radius: 50px;
        justify-content: space-between;
    }

    .sous_colab .swiper-button-prev{
        margin-right: 20px;
    }
    .sous_colab .swiper-button-prev {
        margin-left: 20px;
    }

    .colabo_point_swiper.swiper {
        height: 100%;
    }

    .service_entreprise {
        gap: 2px;
    }
    .service_entreprise.grid_cote {
        grid-template-columns: 1fr;
    }

    #content .service_entreprise ul {
       padding-left: 10px;
    }

    .service_entreprise ul li:last-child a {
       padding-bottom: 0;
    }


    .slider_class.slider_fleche_simple,
    .single-marques .slider_class {
        gap: 12px;
    }


/* todo */
    .marques_fond>.flex_cote>div>p:last-child{
        margin-bottom: 0;
    }

    .single-marques .slider_marque .swiper-button-prev,
    .single-marques .slider_marque .swiper-button-next {
        padding-bottom: 0;
        max-height: 60px;
    }

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


    .liste_faq details h3 {
        font-size: 20px;
    }

    .liste_faq details summary:hover h3 {
        transform: none;
    }

    .liste_faq  details .plus_rond{
        height: 25px;
        width: 25px;
    }


    #header {
        padding: 20px;
    }

    .menu-menu-1-container{
        padding-top: 82px;
    }


    .submenu-open .menu-menu-1-container {
        padding-top: 60px;
    }


    .menu>.menu-page-recherche.menu-item-has-children>.sub-menu>li:not(:first-child).open .sub-menu {
        margin-top: 120px;
    }


    /* todo */

    .revers_mob{
        display: flex;
        flex-direction: column-reverse;
    }

    .video_service>div.img_vdo:first-of-type {
        display: none;
    }

    .video_service {
        height: auto;
    }

    .video_service>div.img_vdo:last-of-type {
        width: auto;
        margin-left: var(--small-margin);
        height: auto;
        aspect-ratio: 38/26;
    }

    .page_loc .video_service>div.img_vdo:last-of-type{
        margin-left: auto;
        margin-right: 0;
    }

    .page_loc .video_service{
        margin-top: 0;
        margin-bottom: 0;
        gap: 60px;
    }

    .horaire_service .flex_cote{
        /*flex-direction: column;*/
    }

    .horaire_service>div>h2{
        font-size: 16px;
        margin-bottom: 18px;
        font-weight: 600;
        margin-top: 5px;
    }

    .horaire_service .flex_cote>div:first-child h3{
        display: none;
    }

    .horaire_service .flex_cote>div h3 {
        color: var(--Noir);
        font-size: 14px;
        font-weight: 600;
        line-height: 129%;
        margin-bottom: 8px;
        text-transform: initial;
    }

    .horaire_en_avant .btn {
        padding: 8px 20px 8px var(--small-margin);
        margin-right: var(--small-margin);
        margin-bottom: 30px;
    }

    .horaire_en_avant .btn span {
        font-size: 12px;
    }

    .horaire_en_avant .horaire_btn .status_label{
        flex-wrap: wrap;
        margin-left: 0px;
    }

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

    .horaire_service .flex_cote>div p, .horaire_service .flex_cote>div a {
        font-weight: 400;
        line-height: 140%;
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .horaire_service .affiche_horaires.h_2_colones {
        grid-template-columns: auto 1fr;
        column-gap: 21px;
        width: 100%;
    }

    .video_service {
        margin-top: 0px;
    }

    .marge_cote {
        width: 100%;
    }

    .with_pyram_back .lot_btn {
        width: 100%;
    }

    .with_pyram_back .lot_btn .btn {
        margin-top: 12px;
        padding-right: 21px;
        padding-left: 21px;
    }




    .tableau_simple{
        overflow: auto;
    }

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


    .simple_table {
        min-width: 100%;
    }

    .simple_table tbody tr td {
        white-space: nowrap;
    }

    .simple_table tbody tr td:first-child {
        white-space: unset;
        min-width: 164px;
    }

    .tableau_simple tbody td div{
        /*font-size: 15px;*/
    }








    .coche_table th>div span:first-child{
        font-size: 12px;
    }

    .coche_table th>div span:last-child,
    .simple_table th>div span:last-child {
        font-size: 12px;
        white-space: nowrap;
    }

    .coche_table th>div span:nth-child(2),
    .simple_table th>div span:first-child {
        font-size: 20px;
        white-space: initial;
    }

    .coche_table th>div {
        padding: 0 15px 15px;
    }

    .coche_table th:first-child>div {
        padding-left: 0;
    }

    .coche_table tr>td:first-child {
        min-width: 177px;
    }

    .coche_table tr>td:first-child, .coche_table tr>th:first-child {
        padding-left: 0;
    }
    .coche_table td {
        text-align: center;
        vertical-align: middle;
        height: fit-content;
        padding: 12px 15px 12px 15px;
    }

    .coche_table th {
        padding: 0 5px 6px 5px;
    }

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




    .single-offres h1 {
        font-size: 22px;
        margin-bottom: 16px;

        font-weight: 500;

    }

    .contenu_actu>div {
        padding: 30px 25px;
    }

    .single-offres h2 {
        margin-top: 30px !important;
    }

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


    .infos_contact h2:first-of-type {
        margin-top: 0;
    }

    .map_contact {
        height: 100vw;
    }

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

    .service_1 h1 {
        font-weight: 500;
         letter-spacing: unset;
        margin-bottom: 30px;
    }


    .single-services .liens_marques>div>a span{
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 125%; /* 15px */
    }


    .offres-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 13px;
    }

    .offre-item .offre-item__date {
        margin: 10px 0 0 0;
    }

    .a_la_une {
        gap: 15px;
    }

    .page-template-page-actualites h1, .page-template-page-actualites h2 {
        font-size: 22px;
    }


    .actu_1 .desc_actu {
        padding: 30px 30px;
    }

    .actu_1 .desc_actu h2 {
        margin: 8px auto 0 0;
        font-size: 22px;
        max-width: 300px;
    }

    .head_actu {
        margin-top: 54px;
        margin-bottom: 20px;
    }

    .offre-item h2 {
        font-size: 16px;
    }

    .top_3>div>a {
        padding: 6px 0px;
    }

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

    .page-template-page-actualites h1{
        margin-bottom: 16px;
    }

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


    .page_loc .txt_pyram h2 {
        margin-top: 40px;
    }

    .service_1 h1{
        font-size: 25px;
    }


    .btn, .btn span{
        font-size: 12px;
    }

    #footer {
        padding-top: 41px;
        font-size: 14px;
    }

    #footer .lien_logo{
        margin-bottom: 25px;
    }

    #footer .lien_logo svg{
        width: 134px;
        height: 25px;
    }


    .page-template-page-recherche .tabs{
        padding-right: calc(var(--small-margin));
        padding-left: calc( var(--small-margin));
    }

    .page-template-page-recherche h1{
        font-size: var(--font-88);
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 500px) {
    :root {
        --small-margin: 20px;
        /*--dif-margin: 13vw;*/
        --big-margin: 20px;
        /*--smlspace: 60px;*/
        /*--ltspace: 100px;*/
        /*--btspace: 120px;*/
        /*--mdspace: 160px;*/
        /*--bigspace: 180px;*/
        /*--side-base: 7vw;*/
    }


    .rs_elfsight .btn {
        margin-top: 10px;
    }

    .btn{
        font-size: 12px;
    }

    .btn{
        padding: 13px 25px 14px;
    }

    .main_btn .elt_btn {
        transform: translateX(calc(100% - 42px));
    }

    .main_btn .elt_btn a.btn {
        padding: 10px 13px 10px 13px;
        text-transform: uppercase;
        font-size: var(--font-14);
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        height: fit-content;
    }

    .main_btn .horaire_btn.btn{
        display: none;
    }

    .home .main_btn .horaire_btn.btn{
        display: block;
    }

    #content .lien_principaux ul {
        gap: 0px;
    }

    .grid_besoins .left_align span, .grid_besoins span{

        font-size: 12px;

    }

    .single-services .liens_marques>div {
        overflow: auto;
        padding-bottom: 20px;
        /*grid-template-columns: 1fr 1fr 1fr;*/
    }


    .slider_loc .swiper-slide {
        padding: 30px 25px 25px;
    }

    /*.pre_spe{*/
    /*    pointer-events: none;*/
    /*}*/

    .spe {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .spe>div{
        padding: 4px 8px;
    }


    .spe>div svg{
       flex: 0 0 auto;
    }

    .spe>div span{
        text-wrap: nowrap;
        font-size: 12px;
    }




    /* width */
    ::-webkit-scrollbar {
        height: 4px;
    }

    /* Track */
    .single-services .liens_marques>div::-webkit-scrollbar-track {
        background: var(--Dust-grey);
    }

    /* Handle */
    .single-services .liens_marques>div::-webkit-scrollbar-thumb {
        background: #dad6cd;
        border-radius: 10px;
    }

    /* Handle on hover */
    .single-services .liens_marques>div::-webkit-scrollbar-thumb:hover {
        background: var(--Noir);
        width: 2px;
    }



    .lien_principaux>div {
        gap: 20px;
        justify-content: flex-start;
    }

    .lien_principaux>div>div {
        margin: auto 0;
        width: auto;
    }

    .nos_services {
        max-height: 488px;
    }

    .nos_services .img_vdo {
        max-height: 488px;
        height: 100%;
    }

    .info_maps img{
        aspect-ratio: 5 / 4;
    }

    .info_maps .affiche_horaires {
        grid-template-columns: auto 1fr auto 1fr;
    }

    .info_maps>.btn {
        bottom: 78vw;
    }

    .maps_google{
        padding-bottom: var(--mdspace);
    }

    .banniere_garage .pyramide {
        height: 300px;
    }

    .banniere_garage .rect {
        gap: 10px;
    }

    .banniere_garage .lot_btn .btn {
        margin-top: 16px;
    }

    .main_btn .btn{
        padding: 14px 51px 15px 15px;
    }

    .main_btn .btn .icone_main_btn, .main_btn .btn svg {
        height: 16px;
        width: 21px;

    }

    .btn_marques_single{
        gap: 8px;
    }

    .btn_marques_single .lot_btn{
        width: 100%;
    }

    .btn_marques_single .lot_btn .btn{
        margin-top: 12px;
        padding-right: 21px;
        padding-left: 21px;
        /*background: linear-gradient(90deg, rgba(var(--Marque-rgb), 0) 0%, var(--Marque-color) 0%);*/
    }


    .btn_marques_single .lot_btn .btn[target="_self"]::after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 12px;
        margin-left: 8px;
        background-color: var(--Theme-Claire);

        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 15'%3E%3Cpath d='M10.2 0.348389L17 7.34839M17 7.34839L10.2 14.3484M17 7.34839L0 7.34839' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 15'%3E%3Cpath d='M10.2 0.348389L17 7.34839M17 7.34839L10.2 14.3484M17 7.34839L0 7.34839' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center;

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



    .single-marques .tabs{
        gap: 6vw;
        justify-content: center;
    }


    .gammes_pro {
        gap: 13px;
    }

    .gammes_pro>a span {
        font-size: 12px;
        margin-bottom: 10px;
    }


    .slide_carte {
        /*top: 70px;*/
    }


    .btns_bottom_offre {
        align-items: flex-end;
        justify-content: space-between;
        flex-direction: column-reverse;
        margin-top: 30px;
    }

    .btns_bottom_offre .lot_btn{
        width: 100%;
        margin-top: 0;
    }

    .btns_bottom_offre .lot_btn .btn{
        padding-right: 39px;
        padding-left: 39px;
        justify-content: center;
    }

    .head_actu {
        gap: 16px;
        flex-direction: column;
    }

    .offres-filters-mobile {
        width: 100%;
    }

    .offres-filters-mobile>select{
        width: 100%;
    }

    .premium_1 h1{
        font-size: 10vw;
        margin-top: 17px;
    }

    .page-template-page-tous-styles h1 {
        margin-top: 26px;
    }

    .single-marques h1,
    .service_1 h1,
    .page-template-page-entreprise h1,
    .page-template-page-recherche h1{
        margin-top: 17px;
    }

    .revers_mob:has(.horaire_en_avant) .service_1 h1{
        margin-top: 0;
    }


    .page-template-page-recherche .tabs {
        gap: 20px;
    }

    .page-template-page-recherche .tab-btn{
        font-size: 14px;
    }
}


@media (min-width: 900px) {
    .page-template-page-tous-styles.top_head .main_btn .btn_stock_cote,
    /*.single-offres.top_head .main_btn .btn_stock_cote,*/
    .page-template-page-actualites.top_head .main_btn .btn_stock_cote{
        transform: translateX(0);
    }

    .page-template-page-tous-styles.top_head .main_btn .btn_stock_cote a,
    /*.single-offres.top_head .main_btn .btn_stock_cote a,*/
    .page-template-page-actualites.top_head .main_btn .btn_stock_cote a{
        pointer-events: all;
    }
}



@media (min-width: 1400px) {
    .page-template-page-pros.top_head .main_btn .btn_stock_cote{
        transform: translateX(0);
    }

    .page-template-page-pros.top_head .main_btn .btn_stock_cote a{
        pointer-events: all;
    }
}



@media (min-width: 1650px) {
    .page-template-page-contact.top_head .main_btn .btn_stock_cote{
        transform: translateX(0);
    }

    .page-template-page-contact.top_head .main_btn .btn_stock_cote a{
        pointer-events: all;
    }
}




@media (min-width: 1558px) {
    .contain_autoscout {
        max-width: calc(1700px - var(--big-margin) - var(--big-margin));
        margin-left: auto;
        margin-right: auto;
    }

    .single-marques .marque_1 .marque_marge {
        padding-left: 10.5vw;
    }
}

@media (min-width: 1700px) {
    .premium_1 h1{
        font-size: 9vw;
    }
}

/*@media (min-width: 1600px) {*/
/*    .premium_1 h1{*/
/*        font-size: 7vw;*/
/*    }*/
/*}*/

@media (min-width: 1836px) {
    .info_maps {
        padding-left: 14vw;
    }

    .premium_1 h1{
        font-size: 136px;
    }
}

@media (min-width: 2300px) {
    .marge_cote{
        padding-right: 162px;
        padding-left: 162px;
        max-width: 1700px;
    }

    .big_marge_cote{
        padding-right: 420px;
        padding-left: 420px;
        max-width: 1700px;
    }

    .contain_autoscout {
        max-width: calc(1700px - 420px - 420px);
        margin-left: auto;
        margin-right: auto;
    }

    .liste_services {
        gap: 140px;
    }

    .info_maps {
        padding-left: 24vw;
    }

    .premium_1 h1{
        font-size: 129px;
    }
}