/*****************
		1630
******************/
@media (max-width: 1630px) {
    /*** LE GROUPE ***/
    .frise_content_wrapper {
        left: 0;
    }
}


/*****************
		1400px
******************/
@media (max-width: 1400px) {
    /*** ACCUEIL ***/
    .about__content {
        padding: 0 30px 0;
    }

    /*** ACTUALITE ***/
    .uneActu__hero_content {
        padding: 0 30px 0;
    }
    .img_full {
        padding: 0 30px 180px;
    }

    /*** CARRIERE ***/
    .metiers__wrapper {
        padding: 0 30px;
    }

    /*** TUNNEL PRISE DE RDV ***/
    .etape__main_titre {
        font-size: 1rem;
    }
    .etape__sous_titre {
        font-size: 0.875rem;
        letter-spacing: 1px;
    }
    .etape__nb {
        font-size: 2.5rem;
    }
    .etapes__retour a {
        font-size: 1rem;
    }

}

/*****************
		1380px
******************/
@media (max-width: 1380px) {
    /*** NAV ***/
    .nav__link, .nav__contact_btn .btn_cta_general {
        font-size: 0.875rem;
    }
    body .nav__list {
        column-gap: 1.90rem;
    }
    .nav__logo {
        margin-right: 30px;
    }

    /*** CARRIERE ***/
    .actu_carriere_top {
        max-width: 70%;
    }

    /*** OCCASIONS ***/
    .vehicules__right_content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/*****************
		1315px
******************/
@media (max-width: 1315px) {
    /*** ACCUEIL ***/
    .acces_rapides__list {
        column-gap: 30px;
    }
    /*** CARRIERE ***/
    .processus_steps__wrapper {
        overflow-y: hidden;
        overflow-x: scroll;
        min-height: 480px;
    }
    .processus__steps {
        display: inline-flex;
        width: 100%;
        max-width: 100%;
    }
}

/*****************
		1245px
******************/
@media (max-width: 1245px) {
    /*** SLIDER TOP PAGES ***/
    .slider_top__titles h1, .rdv_top__titre h1 {
        font-size: 3.125rem;
    }

    /*** CARRIERE ***/
    .engagements__list {
        column-gap: 70px;
    }

}


/*****************
		1235px
******************/
@media (max-width: 1235px) {
    /*** ACCUEIL ***/
    .one_brand__wrapper {
        padding: 70px 45px;
    }

    /*** CARRIERE ***/
    .key_numb__content {
        column-gap: 70px;
    }

    /*** OCCASIONS ***/
    .engagements_vehicules__left {
        max-width: 100%;
    }
}

/*****************
		1132px
******************/
@media (max-width: 1132px) {
    /*** ACCUEIL ***/
    .about_text__btns_wrapper {
        display: block;
    }
    .about_text__btns_wrapper > aside:nth-child(2) {
        margin-left: 0;
        margin-top: 15px;
    }

    /*** CARRIERE ***/
    .metiers__content {
        grid-template-columns: minmax(0,1fr);
    }
    .metiers__left {
        padding: 100px 30px;
        max-width: 100%;
        place-self: center center;
    }

}

/*****************
	+1024px
******************/
@media screen and (min-width: 1024px) {
    /******	  NAV	 ******/
    .nav {
        height: calc(3.5rem + 2rem);
        display: flex;
        justify-content: flex-start;
    }
    .nav__toggle {
        display: none;
    }
    .nav__list {
        height: 100%;
        display: flex;
        column-gap: 2.938rem;
    }
    .nav__link {
        height: 100%;
        padding: 0;
        justify-content: initial;
        column-gap: .25rem;
    }
    .nav__link:hover {
        background-color: transparent;
    }

    /******	  NAV DROPDOWNS	 ******/
    .dropdown__item,
    .dropdown__subitem {
        position: relative;
    }
    .dropdown__menu,
    .dropdown__submenu {
        max-height: initial;
        overflow: initial;
        position: absolute;
        left: auto;
        top: 6rem;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s, top .3s;
        width: 200px;
    }
    .dropdown__link,
    .dropdown__sublink {
        padding-inline: 1rem 1.5rem;
    }
    .dropdown__subitem .dropdown__link {
        padding-inline: 1rem;
    }
    .dropdown__submenu {
        position: absolute;
        left: 100%;
        top: .5rem;
    }
    /* Show dropdown menu */
    .dropdown__item:hover .dropdown__menu {
        opacity: 1;
        top: 5.5rem;
        pointer-events: initial;
        transition: top .3s;
    }
    /* Show dropdown submenu */
    .dropdown__subitem:hover > .dropdown__submenu {
        opacity: 1;
        top: 0;
        pointer-events: initial;
        transition: top .3s;
    }
}

/*****************
		1024px
******************/
@media (max-width: 1024px) {
    /*** GENERAL ***/
    :root {
        --padding: 80px 30px;
    }
    .slider_top__titles h1, h1, .uneActu__hero_titres h1, .rdv_top__titre h1 {
        font-size: 2rem;
    }
    h2 {
        font-size: 1.8rem;
    }
    h3 {
        font-size: 1.25rem /* 20px */;
    }
    h4 {
        font-size: 1.125rem /* 20px */;
    }

    /******	  NAVIGATION	******/
    .nav__menu {
        position: absolute;
        left: 0;
        top: 2.5rem;
        width: 100%;
        height: calc(100vh - 3.5rem);
        overflow: auto;
        pointer-events: none;
        opacity: 0;
        transition: top .4s, opacity .3s;
    }
    .nav__menu::-webkit-scrollbar {
        width: 0;
    }
    .nav__list {
        background-color: var(--color-white);
        padding: 1rem 0;
    }
    /* Show menu */
    .show-menu {
        opacity: 1;
        top: 5.5rem;
        pointer-events: initial;
    }
    .menu-open header {
        background: var(--color-white);
        box-shadow: none;
    }
    .menu-open .nav__logo_img {
        content: url("/design/img/logo-bleu.svg");
    }
    .menu-open .bar, .menu-open .bar::before, .menu-open .bar::after {
        background: var(--color-text);
    }
    .scrollHeader .bar, .scrollHeader .bar::before, .scrollHeader .bar::after {
        background: var(--color-text);
    }
    .menu_transparent .nav__link {
        color: var(--color-text);
    }
    .menu_transparent .dropdown__arrow {
        content: url("/design/img/nav-arrow-down.svg");
    }

        /******	  ANIMATION TOGGLE MENU 	******/
    .bar, .bar::before, .bar::after {
        transition: all 0.2s linear;
        position: absolute;
        background: var(--color-text);
        margin: auto;
        width: 100%;
        height: 0.15rem;
        content: '';
        top: 50%;
        left: 0;
        cursor: pointer;
    }
    .menu_transparent .bar,
    .menu_transparent .bar::before,
    .menu_transparent .bar::after {
        background: var(--color-white);
    }
    .menu_transparent .scrollHeader .bar,
    .menu_transparent .scrollHeader .bar::before,
    .menu_transparent .scrollHeader .bar::after {
        background: var(--color-text);
    }
    .menu-open .bar,
    .menu-open .bar::before,
    .menu-open .bar::after {
        background: var(--color-text);
    }
    .menu-open .scrollHeader .show-icon .bar {
        background: 0;
    }
    .bar {
        margin-top: -0.2rem;
    }
    .bar::before {
        top: -0.45rem;
    }
    .bar::after {
        top: 0.45rem;
    }
    .bar::before, .bar::after {
        transform: rotate(0deg);
    }
    .show-icon .bar {
        background: 0;
    }
    .show-icon .bar::before {
        transform: rotate(45deg);
    }
    .show-icon .bar::after {
        transform: rotate(-45deg);
    }
    .show-icon .bar::before, .show-icon .bar::after {
        top: 0;
    }
    .show-icon .bar, .show-icon .bar::before, .show-icon .bar::after {
        transition: all 0.2s linear;
    }

    /******	  HEADER	******/
    .nav__contact_btn {
        display: none;
    }

    /******	  ACCUEIL	******/
    /* hero */
    .hero__home_wrapper {
        height: 600px;
        max-height: 600px;
    }
    .home_hero_content {
        width: 100%;
    }
    .home_hero_content__logo {
        width: 570px;
        margin: 0 auto;
    }
    /*marques */
    .one_brand__wrapper {
        padding: 60px 40px;
    }
    /* à propos */
    .about_text__content {
        flex-direction: column;
    }
    .about_text__h2 {
        max-width: 100%;
    }
    .about_text__txt {
        max-width: 100%;
        margin: 50px 0 0 0;
    }
    /* concessions */
    .home_geo__content {
        grid-template-columns: minmax(0,1fr);
        row-gap: 50px;
    }
    .home_geo__map {
        display: flex;
    }
    .home_geo__map img {
        margin: 0 auto;
    }
    /* parcours achat */
    .acces_rapides__list {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 50px;
    }

    /******	  SLIDER TOP PAGES	******/
    .slider_top__wrapper {
        max-height: 600px;
    }
    .hero__marque_wrapper {
        height: 600px;
    }
    .slider_top__titles_content {
        flex-direction: column;
        align-items: flex-start;
    }
    .slider_top__titles {
        max-width: 100% !important;
    }
    .slider_top__txt {
        max-width: 100%;
        margin-top: 30px;
    }

    /******	  FOOTER	******/
    .footer_top_content {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    /******	  ACTUALITES	******/
    .actus__content {
        grid-template-columns: repeat(2, 1fr);
    }

    /******	  UNE ACTU  	******/
    .uneActu__hero_content {
        padding:  0;
    }
    .uneActu__hero_titres {
        padding: 0 30px;
    }
    .text_img {
        flex-direction: column;
    }
    .image_droite, .image_gauche {
        margin: 0 0 40px 0;
    }
    .text_champ figure img {
        height: 100%;
        max-height: 500px;
        object-fit: contain;
    }
    .text_champ figure {
        width: 100%;
        order: 1;
    }
    .text_champ .texte_pag_dyn {
        width: 100%;
        order: 2;
    }
    .text_img_full__titre h2 {
        max-width: 100%;
    }
    .text_img_full .img_full {
        height: 100%;
    }
    body .img_full img {
        height: 100%;
        max-height: 445px;
        object-fit: contain;
    }
    .text_img_full {
        background: linear-gradient(180deg, rgba(248, 249, 249, 1) 0%, rgba(248, 249, 249, 1) 50%, rgba(255, 255, 255, 1) 50%);
    }
    body .img_full figure {
        height: 100%;
    }
    .uneActu__hero_img_wrapper {
        height: 100%;
    }
    .uneActu__hero_img_wrapper img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    /*** CARRIERE ***/
    .key_numb__content {
        grid-template-columns: minmax(0,1fr);
        row-gap: 70px;
    }
    .key_numb__right {
        padding-left: 30px;
    }
    .engagements__content h2 {
        text-align: left;
    }

    .diversite__content {
        flex-direction: column;
    }
    .diversite__left {
        width: 100%;
    }
    .diversite__left img {
        margin: 0;
        height: 490px;
    }
    .diversite__right {
        width: 100%;
        margin-top: 70px;
    }

    /*** CONTACT ***/
    .contact_content {
        grid-template-columns: minmax(0,1fr);
        gap: 40px;
    }
    .content_left {
        order: 2;
    }
    .content_right {
        order: 1;
    }

    /*** MARQUE ***/
    .marque_hero_content {
        max-width: 70%;
        width: 100%;
    }
    .marque_hero_content__logo {
        margin: 0 auto 15px;
    }
    .modeles__top {
        flex-direction: column;
    }
    .modeles__top h2 {
        margin-bottom: 40px;
        max-width: 100%;
    }
    .modeles__top div {
        max-width: 100%;
        width: 100%;
        padding-left: 0;
    }
    .modeles__top .modeles_top__txt {
        max-width: 100%;
        padding-left: 0;
    }
    #modeles_slider .splide__arrow--next {
        right: -2.5em;
    }
    #modeles_slider .splide__arrow--prev {
        left: -2.5em;
    }
    .concessions__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /*** OCCASIONS ***/
    .vehicules__content {
        grid-template-columns: minmax(0, 1fr);
    }
    .vehicules__right_content {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
    .vehicules__left {
        display: none;
    }
    #vehicules__left_filters {
        display: none;
    }
    .fancybox-container #vehicules__left_filters {
        display: block;
    }
    .vehicules__left_filters__btn__wrapper {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        background: linear-gradient(0deg, #7a7e8f 0, rgba(122, 126, 143, .738) 19%, rgba(122, 126, 143, .541) 34%, rgba(122, 126, 143, .382) 47%, rgba(122, 126, 143, .278) 56.5%, rgba(122, 126, 143, .194) 65%, rgba(122, 126, 143, .126) 73%, rgba(122, 126, 143, .075) 80.2%, rgba(122, 126, 143, .042) 86.1%, rgba(122, 126, 143, .021) 91%, rgba(122, 126, 143, .008) 95.2%, rgba(122, 126, 143, .002) 98.2%, rgba(122, 126, 143, 0));
        z-index: 999;
    }
    .vehicules__left_filters__btn {
        margin: 0 auto 30px;
        width: fit-content;
        padding: 13px 27px;
        font-size: 1.125rem;
        font-family: var(--body-font);
        text-transform: uppercase;
        border: none;
        background: var(--color-primary);
        color: var(--color-white);
        letter-spacing: 1.3px;
        display: flex;
        align-items: center;
    }
    .vehicules__left_filters__btn img {
        margin-right: 10px;
    }
    .fancybox-container {
        z-index: 999999 !important;
    }
    .fancybox-content {
        height: 100%;
        width: 100%;
    }
    .vehicules__left_filters {
        width: 100%;
        height: 100%;
        margin-top: 30px;
    }
    .engagements_vehicules__content {
        grid-template-columns: minmax(0,1fr);
    }

    /*** UNE OCCASION ***/
    .occasion_ariane__content {
        flex-wrap: wrap;
    }
    .vehicule_right_desktop {
        display: none;
    }
    .vehicule_right_mobile {
        display: block;
        margin-top: 40px;
    }
    .vehicule__content {
        grid-template-columns: minmax(0,1fr);
        column-gap: 0;
    }

    /*** NOUS GEOLOCALISER ***/
    .geolocalisation__content {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }
    .geolocalisation_left__wrapper {
        height: 600px;
    }
    .geolocalisation__wrapper .vehicules__left_filters {
        display: block;
    }

    /*** TUNNEL PRISE DE RDV ***/
    .etape__deux {
        display: none;
    }
    .etape_trois__wrapper #creation {
        grid-template-columns: minmax(0, 1fr);
        column-gap: 0;
    }
    .etape_trois__wrapper #creation .chkContactRGPD_wrapper,
    .etape_trois__wrapper #creation .form_message,
    .etape_trois__wrapper #creation .champs_obligatoires,
    .etape_trois__wrapper #creation .wrapper-btnForm {
        grid-column: 1;
    }

    /*** PARTENAIRES ***/
    .partners__content {
        grid-template-columns: repeat(4, minmax(0,1fr));
    }

    /*** LE GROUPE ***/
    .frise_content {
        flex-direction: column;
    }
    .frise_left {
        width: 100%;
    }
    .frise_right {
        width: 100%;
        margin: 40px 0 0 0;
    }
    .frise_right img {
        height: 100%;
        max-height: 500px;
        object-fit: contain;
    }

    .hero__home_wrapper {
        height: 480px;
        max-height: 480px;
    }
    .acces_rapides__content > h2 {
        text-align: left;
    }
    .footer_top_wrapper {
        padding: 80px 30px;
    }
    .pageActu .archivesActus_wrapper {
        padding: 0 0 80px;
    }
    .archivesActus_wrapper {
        padding: 80px 0;
    }
    .paginationCMS{
        padding: 0 30px 80px;
    }
    .wrapper-textChamp {
        padding: 80px 0 0;
    }
    .champ__wrapper {
        padding: 0 30px 80px;
    }
    .img_full {
        padding: 0 30px 80px;
    }
    .text_img_full {
        padding: 0 0 80px;
    }
    .frise_wrapper {
        padding: 0 30px 80px;
    }
    .frise_content {
        margin-bottom: 80px;
    }
    .values__wrapper {
        padding: 80px 30px 150px;
    }
    .actu_carriere__wrapper {
        padding: 80px 0;
    }
    .diversite__wrapper {
        padding: 0 30px 80px;
    }
    .metiers__left {
        padding: 80px 30px;
    }
    .offers__wrapper {
        padding: 80px 30px 80px;
    }
    .modeles__wrapper {
        padding: 80px 30px 0;
    }
    .concessions__wrapper {
        padding: 80px 30px;
    }
    .engagements_vehicules__wrapper {
        padding: 80px 30px 0;
    }
    .occasion_ariane__wrapper {
        padding: 80px 30px 0;
    }
    .vehicule__wrapper {
        padding: 0 30px 80px;
    }
    .vehicule_carac__list {
        padding-top: 80px;
    }
    .modeles_vehicules__wrapper {
        padding: 80px 0;
    }
    .geolocalisation__wrapper {
        padding: 0 30px 80px;
    }
    #offers_slider .offers__img {
        height: 250px;
    }
    .splide__slide .archives__img {
        height: 250px;
    }
    .archivesActus_title {
        font-size: 1.563rem /* 25px */;
    }
    .un_acces_rapide__img_wrapper {
        height: 300px;
    }
    .slider_top__wrapper {
        height: 450px;
    }
    .hero__marque_wrapper {
        height: 500px;
    }
    .marque_hero_content__logo {
        max-height: 180px;
        object-fit: contain;
    }
    .about_text__wrapper {
        margin: 50px auto 0;
    }
    .custom-bottom-center-arrows {
        bottom: -50px;
    }
    .value_slide {
        height: 400px;
    }
    .metiers_slide {
        min-height: unset;
        height: 400px;
    }
    .btn_more_home {
        max-width: 280px;
    }
    .top_wrapper_geolocalisation {
        height: fit-content;
        max-height: unset;
        margin-top: 80px;
    }
    .text_img_full__titre_wrapper {
        padding: 80px 30px;
    }

    /**** CARROUSEL *****/
    .carousel_slide img {
        height: auto;
        object-fit: contain;
    }
}

/*****************
		900px
******************/
@media (max-width: 900px) {
    /*** ACCUEIL ***/
    .one_brand__wrapper {
        padding: 25px;
    }

    /*** CARRIERE ***/
    .values__wrapper {
        padding: 180px 30px;
    }
    .values__content {
        flex-direction: column;
        height: fit-content;
    }
    .values__txt {
        max-width: 100%;
    }
    .values__txt h2 {
        margin-bottom: 40px;
    }
    .values_slider__wrapper {
        margin-top: 70px;
        max-width: 100%;
    }
    #values_slider {
        position: relative;
        transform: unset;
        right: unset;
        left: unset;
        top: unset;
    }
    .splide .bottom-left-next-arrow {
        left: 4.5em;
    }

    .concessions__list_jlr {
        grid-template-columns: minmax(0, 2fr);
    }
}

/*****************
		850px
******************/
@media (max-width: 850px) {
    /** PAGES DYNAMIQUES **/
    .text_cols__content {
        column-count: 1;
    }

    /*** ACCUEIL ***/
    /* partenaires */
    .partenaires__slider .splide__arrow--next {
        right: -1.5em !important;
    }
    .partenaires__slider .splide__arrow--prev {
        left: -1.5em !important;
    }


    /*** FOOTER ***/
    .footer_bottom_content {
        flex-direction: column;
        gap: 10px;
        justify-content: center;
    }
    .footer_bottom_content .footer_bottom {
        text-align: center;
        justify-content: center;
    }

    /*** CARRIERE ***/
    .actu_carriere_top {
        max-width: 100%;
    }

    /*** MARQUE ***/
    .top_menu__wrapper {
        overflow-x: auto;
    }
    .top_menu__content {
        display: inline-flex;
    }
    .top_menu__content li {
        white-space: nowrap;
    }
    .top_menu__content li:last-of-type {
        padding-right: 30px;
    }

    /*** UNE OCCASION ***/
    .vehicule_carac__menu {
        flex-wrap: wrap;
        row-gap: 30px;
        column-gap: 30px;
        justify-content: center;
    }
    .vehicule_carac__menu .un_process__nb {
        margin-right: 0;
    }
    #generalites .toggleTexte, #entretien .toggleTexte, #garanties .toggleTexte {
        column-count: 1;
    }
    #equipement .toggleTexte_list ul {
        column-count: 1;
    }

    .processus__steps {
        width: unset;
        max-width: unset;
    }
    .processus_steps__wrapper {
        margin: 100px 0 50px;
    }
}

/*****************
		750px
******************/
@media (max-width: 750px) {
    /*** OCCASIONS ***/
    .filters_top__content {
        flex-direction: column;
        align-items: flex-start;
    }
    .filters_top__trie {
        margin-top: 15px;
    }
    .vehicules__right_content {
        grid-template-columns: minmax(0, 1fr);
    }

    /*** PARTENAIRES ***/
    .partners__content {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}

/*****************
		665px
******************/
@media (max-width: 665px) {
    /** CONTACT **/
    .contact_wrapper {
        grid-template-columns: 1fr;
    }

    /** ACTUALITES **/
    .actus__content {
        grid-template-columns: 1fr;
    }

    /*** MARQUE ***/
    .concessions__list,
    .concessions__list_jlr {
        grid-template-columns: minmax(0, 1fr);
    }

    /*** PARTENAIRES ***/
    .partners__content {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

/*****************
		660px
******************/
@media (max-width: 600px) {
    /*** MARQUE ***/
    .marque_hero_content {
        max-width: 100%;
        width: 100%;
    }

    /*** ACCUEIL ***/
    .about__wrapper {
        background: rgb(255, 255, 255);
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 5%, rgba(248, 249, 249, 1) 5%);
    }
    #about_img__slider .bottom-right-prev-arrow {
        right: 60px;
    }
    #about_img__slider .bottom-right-next-arrow {
        right: 15px;
    }
    #about_img__slider .custom-splide-arrow {
        width: 30px;
        height: 30px;
    }
    #about_img__slider .custom-bottom-right-arrow {
        bottom: 15px;
    }

    /*** CARRIERE ***/
    .metiers__titre {
        top: 30px;
        bottom: unset;
    }
}


/*****************
		550px
******************/
@media (max-width: 550px) {
    /***  ACCUEIL ***/
    .brandmark__content {
        gap: 10px;
    }
    .one_brand__wrapper {
        border-right: 0;
    }
    .brandmark__content hr {
        display: none;
    }
    .one_brand__wrapper {
        padding: 0;
    }

    /*** SLIDER TOP PAGES ***/
    .slider_top__txt {
        display: none;
    }

    /*** FOOTER ***/
    .footer_top_content {
        grid-template-columns: 1fr;
    }

    h1 {
        font-size:2.813rem /* 45px */;
    }
    .slider_top__titles h1, .rdv_top__titre h1 {
        font-size:2rem /* 45px */;
    }
    h2 {
        font-size: 1.563rem /* 25px */;
    }
    h3, h4 {
        font-size: 1.125rem /* 18px */;
    }

    .engagements__list {
        grid-template-columns: minmax(0,1fr);
        row-gap: 70px;
    }
    .engagement {
        text-align: center;
        justify-content: center;
    }
    .engagement img {
        width: fit-content;
        margin: 0 auto 15px;
    }
}

/*****************
		535px
******************/
@media (max-width: 535px) {
    /*** ACTUALITES ***/
    .actus_filtres__content {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .select_actus {
        width: 100%;
        margin-left: 0;
    }
    .filters_top__trie .select_actus {
        width: 100%;
    }

    /*** CARRIERE ***/
    .key_numb__right {
        grid-template-columns: minmax(0, 1fr);
    }

    /*** ARCHIVES ACTUS ***/
    .archivesActus_title span {
        max-width: 100%;
    }
    .custom-top-arrows {
        top: -55px;
    }
    .top-prev-arrow {
        left: 30px;
        right: unset;
    }
    .top-next-arrow {
        left: 6.5em;
        right: unset;
    }
    #archives_slider {
        padding: 125px 0 55px;
    }

    /*** UNE OCCASION ***/
    .modeles_vehicules_slider__wrapper {
        padding-left: 0;
    }

    /*** LE GROUPE ***/
    .desktop_frise {
        display: none;
    }
    .mobile_frise {
        display: block;
        padding: 0 0 20px 0;
        text-decoration: underline;
    }
    .frise_content {
        margin-left: 0;
    }
}

/*****************
		500px
******************/
@media (max-width: 500px) {
    /*** ARCHIVES ACTUS ***/
    .splide__slide .archives__img {
        width: 100%;
    }

    /*** OCCASIONS ***/
    .un_engagement_vehicule {
        flex-direction: column;
        align-items: flex-start;
    }
    .un_engagement_vehicule img {
        margin-right: 0;
        margin-bottom: 25px;
        height: 100%;
    }

    /*** UNE OCCASION ***/
    #generalites .toggleTexte li, #entretien .toggleTexte li, #garanties .toggleTexte li {
        column-gap: 30px;
    }
}

/*****************
		480px
******************/
@media (max-width: 480px) {
    /** CAROUSEL PAGES DYNS **/
    .slick-slider{
        padding:0;
    }

    .vehicule_desc__wrapper .un_vehicule__carac li {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }
    .un_vehicule__carac_value {
        text-align: left;
    }
    .vehicule_desc__price {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .un_vehicule img {
        height: 250px;
    }
    .un_vehicule_tel {
        flex-wrap: wrap;
    }

}

/*****************
		463px
******************/
@media (max-width: 463px) {
    /** CAROUSEL PAGES DYNS **/
    .slick-initialized .slick-slide {
        float: left;
    }

    /*** UNE OCCASION ***/
    #generalites .toggleTexte li, #entretien .toggleTexte li, #garanties .toggleTexte li {
        margin: 0 0 25px;
        grid-template-columns: 1fr;
    }
}

/*****************
		340px
******************/
@media (max-width: 340px) {
    .container {
        margin-inline: 1rem;
    }

    .nav__link {
        padding-inline: 1rem;
    }

    /*** PARTENAIRES ***/
    .partners__content {
        grid-template-columns: minmax(0,1fr);
    }

    /*** RDV ***/
    .etape__titre {
        padding: 23px 0 23px 15px;
    }
}