/********************************************* PRESENTATION CSS *********************************************/

.presentation {
    width: 100%;
    margin-top: 73px;
    padding: 5% 0 5%;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background: url("/include/FileManager/userfiles//agences/fb6ee26fbd31009af555e110d3535d87//Images/Accueil/Présentation/parallax.png");
}

.bloc-presentation {
    width: 90%;
    margin: auto;
    display: flex;
    max-width: 1500px;
    text-align: center;
    align-items: center;
    padding: 30px 0 40px;
    flex-direction: column;
    border: 2px solid white;
}

.bloc-presentation img {
    margin: 70px 0 40px;
}

.bloc-presentation p {
    width: 90%;
    margin-top: 30px;
    max-width: 1100px;
}

.titre-blanc {
    color: white;
    font-weight: 400;
    font-size: 2.5rem;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.texte-gras-blanc {
    color: white;
    font-size: 1.1rem;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
}

.texte-blanc {
    color: white;
    font-size: 1.1rem;
    font-family: 'Lato', sans-serif;
}

/********************************************* ACHAT VENTE CSS *********************************************/

.achat-vente {
    padding: 0;
    height: 535px;
    display: flex;
    align-items: center;
    background-size: cover;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/include/FileManager/userfiles//agences/fb6ee26fbd31009af555e110d3535d87//Images/Accueil/Achat Vente/Groupe5262.jpg");
}

.bloc-achat {
    width: 50%;
    height: 50%;
    display: flex;
    padding: 0 15% 0 5%;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-start;
}

.bloc-vente {
    width: 50%;
    height: 50%;
    display: flex;
    padding: 0 5% 0 15%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.achat-vente h2 {
    color: white;
    font-weight: 400;
    font-size: 2.5rem;
    font-family: 'Lato', sans-serif;
}

.achat-vente p {
    color: white;
    font-size: 1.1rem;
    font-family: 'Lato', sans-serif;
}

.achat-vente img {
    z-index: 5;
    position: absolute;
}

.bloc-achat h2 {
    text-align: end;
    margin-bottom: 30px;
}

.bloc-achat p {
    margin-top: 0;
    text-align: end;
}

.bloc-vente h2 {
    text-align: start;
    margin-bottom: 30px;
}

.bloc-vente p {
    margin-top: 0;
    text-align: start;
}

.bloc-achat a {
    width: 388px;
    height: 84px;
    display: flex;
    transition: 0.5s;
    color: #3F4756;
    font-weight: 400;
    font-size: 1.5rem;
    text-align: center;
    align-items: center;
    background: white;
    justify-content: center;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.bloc-vente a {
    width: 388px;
    height: 84px;
    display: flex;
    transition: 0.5s;
    color: #7A3B4D;
    font-weight: 400;
    font-size: 1.5rem;
    text-align: center;
    align-items: center;
    background: white;
    justify-content: center;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.bouton-achat {
    z-index: 10;
    height: 82%;
    display: flex;
    position: absolute;
    align-items: flex-end;
    justify-content: flex-end;
}

.bouton-achat a:hover {
    color: white;
    background: #3F4756;
    box-shadow: 0 0 10px white;
}

.bouton-vente {
    z-index: 10;
    height: 82%;
    display: flex;
    position: absolute;
    align-items: flex-end;
    justify-content: flex-start;
}

.bouton-vente a:hover {
    color: white;
    background: #7A3B4D;
    box-shadow: 0 0 10px white;
}

/********************************************* RECHERCHE CSS *********************************************/

.recherche {
    height: 975px;
    padding-top: 160px;
    background: linear-gradient(193deg, rgba(25, 52, 81, 1) 0%, rgba(82, 99, 128, 1) 64%, rgba(114, 62, 76, 1) 95%, rgba(105, 49, 65, 1) 100%);
}

.recherche-width {
    width: 90%;
    margin: auto;
    max-width: 1400px;
}

.recherche h2 {
    color: white;
    font-size: 35px;
    text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
}

.traits {
    display: flex;
    margin-top: 5px;
    margin-bottom: 30px;
    justify-content: center;
}

.trait-rouge {
    width: 33px;
    margin-right: 5px;
    /* border-radius: 15px; */
    border-bottom: 6px solid #7A3B4D;
}

.trait-bleu {
    width: 82px;
    /* border-radius: 15px; */
    border-bottom: 6px solid #29507B;
}

.recherche-flex {
    display: flex;
}

.recherche-flex-bis {
    display: flex;
}

.bloc-recherche {
    display: flex;
    max-width: 1400px;
}

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

.bloc-voiture {
    width: 325px;
    height: 227px;
    display: flex;
    margin-right: 25px;
    margin-bottom: 33px;
    background: white;
    flex-direction: column;
}

.bloc-voiture:hover img {
    padding-left: 0;
}

.bloc-voiture img {
    z-index: 10;
    margin: auto;
    transition: 1s;
    padding-top: 35px;
    padding-left: 40px;
}

.bloc-gauche {
    width: 40px;
    height: 227px;
    display: flex;
    transition: 0.5s;
    position: absolute;
    justify-content: center;
    background: linear-gradient(193deg, rgba(25, 52, 81, 1) 0%, rgba(82, 99, 128, 1) 64%, rgba(114, 62, 76, 1) 95%, rgba(105, 49, 65, 1) 100%);
}

.bloc-gauche h2 {
    height: 100%;
    color: white;
    font-size: 25px;
    text-align: center;
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
}

.bloc-voiture a {
    display: none;
    font-size: 16px;
    color: #7C3E50;
    text-align: center;
    margin-bottom: 15px;
    text-decoration: underline;
    font-family: "Lato", sans-serif;
}

.bloc-voiture:hover a {
    display: block;
}

.bloc-voiture:hover h2 {
    padding-left: 15px;
}

.bouton-voitures {
    width: 323px;
    height: 488px;
    margin-left: 25px;
    border: 2px solid white;
}

.bouton-voitures a {
    width: 90%;
    height: 100%;
    margin: auto;
    display: flex;
    color: white;
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
}

.bloc-voiture:hover .bloc-gauche {
    width: 102px;
    height: 326px;
    margin-top: -113px;
    margin-left: 111.5px;
    transform: rotate(90deg);
}

/********************************************* GARAGE CSS *********************************************/

#bonjour {
    margin-top: -160px;
}

#monSlideShow {
    margin: auto;
    display: flex;
    flex-direction: column;
}

.garage {
    margin: auto;
    display: flex !important;
    max-width: 1400px;
    margin-bottom: 55px;
    width: 90%;
    padding-left: 35px;
    padding-right: 35px;
}

.garage-gauche-bleu {
    width: 50%;
}

.garage-gauche-rouge {
    width: 50%;
}

.garage-gauche-bleu h2 {
    color: #7A3B4D;
    font-weight: 600;
    font-size: 3.7rem;
    position: relative;
    margin-left: -33px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    text-align: left;
    z-index: 4;
    top: 190px;
}

.garage-gauche-rouge h2 {
    color: #7A3B4D;
    font-weight: 600;
    font-size: 3.7rem;
    position: relative;
    margin-left: -33px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    text-align: left;
    z-index: 4;
    top: 190px;
}

.garage-gauche-bleu img {
    position: relative;
    z-index: 3;
}

.garage-gauche-rouge img {
    position: relative;
    z-index: 3;
}

.garage-droite {
    width: 50%;
    margin-top: 210px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.garage-droite p {
    color: #1f1f1f;
    transition: 0.3s;
    font-size: 1.1rem;
    margin-bottom: 50px;
    font-family: 'Lato', sans-serif;
    text-align: left;
}

.garage-droite a {
    color: #1f1f1f;
    font-size: 1.1rem;
    text-transform: uppercase;
    text-decoration: underline;
    font-family: 'Lato', sans-serif;
}

.garage-droite a:hover {
    color: #7A3B4D;
    font-size: 1.1rem;
    font-family: 'Lato', sans-serif;
}

#divGenGarage .slick-dots {
    padding-left: 0px;
    margin-left: 15px;
    text-align: right;
    position: relative;
    right: 350px;
    bottom: 300px;
}

#divGenGarage ul.slick-dots li button {
    border-radius: 0;
    background: white;
    border: 1px solid black;
    color: white;
    font-size: 1px;
}

/* #divGenGarage .slick-list.draggable{
        overflow: visible;
    } */

/********************************************* BIENVENUE CSS *********************************************/

.bienvenue {
    width: 90%;
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.bienvenue h2 {
    margin: auto;
    color: #1f1f1f;
    font-size: 2.5rem;
    text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.traits-bienvenue {
    display: flex;
    margin-top: 5px;
    justify-content: center;
}

.bienvenue iframe {
    width: 90%;
    height: 600px;
    margin: 89px 0;
    max-width: 1100px;
}

/********************************************* PARTENAIRES CSS *********************************************/

.partenaires {
    width: 90%;
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.partenaires h2 {
    margin: auto;
    color: #1f1f1f;
    font-size: 2.5rem;
    text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.liste-partenaires {
    width: 90%;
    display: flex;
    margin-top: 60px;
    max-width: 1600px;
    align-items: center;
    margin-bottom: 132px;
    justify-content: space-between;
}

.liste-partenaires img {
    width: 150px !important;
}

.slick-track {
    display: flex !important;
    align-items: center !important;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    margin: auto;
    text-align: center;
}

/********************************************* AVIS CSS *********************************************/

.avis {
    padding: 0;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    background-image: url("/include/FileManager/userfiles//agences/fb6ee26fbd31009af555e110d3535d87//Images/Accueil/Présentation/parallax.png");
}

.avis-linear {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(0deg, rgba(6, 24, 44, 0.6) 0%, rgba(24, 39, 57, 0.6) 18%, rgba(74, 84, 101, 0.6) 54%, rgba(105, 49, 65, 0.6) 100%);
}

.avis h2 {
    width: 90%;
    color: white;
    margin-top: 75px;
    font-weight: 400;
    font-size: 2.5rem;
    text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.liste-commentaires {
    width: 90%;
    display: flex;
    margin-top: 75px;
    max-width: 1400px;
    align-items: flex-start;
    justify-content: space-between;
}

.bloc-commentaire {
    width: 30%;
    display: flex;
    flex-direction: column;
}

.bloc-commentaire p {
    color: white;
    font-size: 1.1rem;
    margin-bottom: 10px;
    font-family: 'Lato', sans-serif;
}

.bloc-commentaire a {
    margin: auto;
    width: 150px;
    height: 50px;
    display: flex;
    color: white;
    transition: 0.3s;
    font-size: 1.1rem;
    margin-left: 60px;
    align-items: center;
    border-radius: 30px;
    justify-content: center;
    border: 2px solid white;
    font-family: 'Lato', sans-serif;
}

.bloc-commentaire a:hover {
    color: #3F4756;
    background: white;
}

.ligne-blanche {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px;
    border-bottom: 2px solid white;
}

.etoiles {
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
    justify-content: flex-end;
}

.etoiles img {
    width: 30px;
}

.bouton-avis {
    width: 193px;
    height: 56px;
    display: flex;
    color: white !important;
    transition: 0.5s;
    margin-top: 30px;
    font-size: 1.1rem;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
    text-transform: uppercase;
    background-color: #3F4756;
    font-family: 'Lato', sans-serif;
}

.bouton-avis:hover {
    color: white;
    box-shadow: 0px 0px 42px 6px rgba(255, 255, 255, 1);
}

.contactez-nous {
    width: 579px;
    height: 258px;
    transition: 1s;
    margin: 132px 0;
}

.contactez-nous:hover {
    color: #29507B !important;
    background-color: white;
}

.contactez-nous:hover .texte-contact {
    color: #29507B !important;
}

.texte-contact {
    color: white !important;
    transition: 1s;
    font-size: 2.5rem;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.contact-haut {
    height: 30%;
    display: flex;
}

.bordure-haut {
    width: 25%;
    border-top: 7px solid white;
}

.bordure-haut-droite {
    width: 25%;
}

.bordure-haut-gauche {
    width: 25%;
    border-top: 7px solid white;
    border-left: 7px solid white;
}

.contact-milieu {
    height: 40%;
    text-align: center;
    border-left: 7px solid white;
    border-right: 7px solid white;
}

.contact-bas {
    height: 30%;
    display: flex;
}

.bordure-bas {
    width: 25%;
    border-bottom: 7px solid white;
}

.bordure-bas-droite {
    width: 25%;
    border-right: 7px solid white;
    border-bottom: 7px solid white;
}

.bordure-bas-gauche {
    width: 25%;
    border-left: 7px solid white;
    border-bottom: 7px solid white;
}

/********************************************* RESEAUX NEWSLETTER CSS *********************************************/

.reseaux-newsletter2 {
    padding: 0;
    display: flex;
    height: 500px;
}

.reseaux {
    width: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-size: cover;
    justify-content: center;
    background-repeat: no-repeat;
    background-image: url("/include/FileManager/userfiles//agences/fb6ee26fbd31009af555e110d3535d87//Images/Accueil/Réseaux Newsletter/contactPhot.jpg");
}

.reseaux p {
    letter-spacing: 3px;
    text-transform: uppercase;
}

.newsletter {
    width: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-size: cover;
    justify-content: center;
    background-repeat: no-repeat;
    background-image: url("/include/FileManager/userfiles//agences/fb6ee26fbd31009af555e110d3535d87//Images/Accueil/Réseaux Newsletter/newsletterPhoto.jpg");
}

.bordure-blanche {
    width: 90%;
    height: 80%;
    display: flex;
    padding: 50px 0;
    align-items: center;
    flex-direction: column;
    border: 2px solid white;
    justify-content: flex-start;
}

.barre-blanche {
    width: 130px;
    margin-top: 15px;
    margin-bottom: 30px;
    /* border-radius: 15px; */
    border-bottom: 5px solid white;
}

.bordure-blanche h2 {
    color: white;
    font-weight: 400;
    font-size: 2.5rem;
    text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.bordure-blanche p {
    color: white;
    text-align: center;
    font-family: 'Lato', sans-serif;
}

.reseaux p {
    font-size: 1.7rem;
}

.newsletter p {
    width: 90%;
    font-size: 1.3rem;
}

.reseaux-sociaux {
    width: 55%;
    display: flex;
    margin-top: 35px;
    align-items: center;
    justify-content: space-evenly;
}

.reseaux-sociaux img {
    width: 70px;
    transition: 1s;
    max-height: 55px;
}

.reseaux-sociaux img:hover {
    transform: scale(1.3);
}

.display-email {
    width: 70%;
    display: flex;
    margin-top: 30px;
}

#email-news {
    margin: 0;
    width: 100%;
    font-size: 1.3rem;
    text-align: center;
    font-family: "Lato", sans-serif;
}

.checkbox-news {
    width: 90%;
    display: flex;
    margin-top: 30px;
    align-items: baseline;
    justify-content: center;
}

.bouton-email {
    width: 30%;
    padding: 20px;
    transition: 1s;
    color: white !important;
    font-size: 1.3rem;
    text-align: center;
    text-transform: uppercase;
    font-family: "Lato", sans-serif !important;
    background: linear-gradient(90deg, #7A3B4D, #29507B);
}

/************************************************** ! ! ! PRESENTATION RESPONSIVE ! ! ! **************************************************/

@media (max-width: 540px) {
    .titre-blanc {
        width: 95%;
        font-size: 1.7rem;
    }
}

@media (max-width: 375px) {
    .titre-blanc {
        font-weight: bold;
        font-size: 1.3rem;
    }
}

/************************************************** ! ! ! ACHAT VENTE RESPONSIVE ! ! ! **************************************************/

@media (max-width: 1024px) {
    .achat-vente img {
        width: 25%;
    }

    .bloc-achat {
        height: 70%;
        padding: 0 13% 0 3%;
    }

    .bloc-vente {
        height: 70%;
        padding: 0 3% 0 13%;
    }

    .bloc-achat a {
        width: 330px;
    }

    .bloc-vente a {
        width: 330px;
    }

    .bouton-achat {
        height: 92%;
    }

    .bouton-vente {
        height: 92%;
    }
}

@media (max-width: 912px) {
    .bloc-achat {
        height: 80%;
    }

    .bloc-achat a {
        width: 250px;
    }

    .bloc-vente {
        height: 80%;
    }

    .bloc-vente a {
        width: 250px;
    }

    .bouton-achat {
        height: 97%;
    }

    .bouton-vente {
        height: 97%;
    }
}

@media (max-width: 540px) {
    .presentation {
        padding: 10% 0 10%;
    }

    .achat-vente {
        height: auto;
        padding: 50px 0 30px;
        flex-direction: column;
    }

    .bloc-achat {
        width: 95%;
        padding: 0;
        align-items: center;
    }

    .bloc-achat h2 {
        text-align: center;
    }

    .bloc-achat p {
        width: 95%;
        text-align: center;
    }

    .bloc-vente {
        width: 95%;
        padding: 0;
        align-items: center;
    }

    .bloc-vente h2 {
        text-align: center;
    }

    .bloc-vente p {
        width: 95%;
        text-align: center;
    }

    .achat-vente img {
        display: none;
    }

    .bouton-achat {
        margin: 40px 0;
        position: initial;
    }

    .bouton-vente {
        margin: 40px 0;
        position: initial;
    }
}

/************************************************** ! ! ! RECHERCHE RESPONSIVE ! ! ! **************************************************/

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .recherche-width {
        width: 95%;
    }

    .recherche-column {
        width: 80%;
    }

    .bloc-voiture:hover .bloc-gauche {
        height: 290px;
        margin-top: -94px;
        margin-left: 93.5px;
    }
}

@media (max-width: 1024px) {
    .recherche-flex {
        flex-wrap: wrap;
        margin-top: 35px;
        justify-content: center;
    }

    .recherche-flex-bis {
        flex-wrap: wrap;
        margin-top: 0px;
        justify-content: center;
    }

    .recherche {
        height: auto;
        padding-bottom: 250px;
    }

    .recherche h2 {
        text-align: center;
    }

    .traits {
        margin-left: 290px;
    }

    .bouton-voitures {
        margin: auto;
        width: 500px;
        height: 150px;
        margin-top: 30px;
    }
}

@media (max-width: 920px) {
    .recherche {
        padding-bottom: 200px;
    }

    .traits {
        margin-left: 0;
        justify-content: center;
    }
}

@media (max-width: 820px) {
    .recherche {
        padding-bottom: 150px;
    }
}

@media (max-width: 540px) {
    .recherche {
        padding: 75px 0 50%;
    }
}

@media (max-width: 375px) {
    .bloc-voiture {
        margin: auto;
        width: 255px;
        margin-bottom: 35px;
    }

    .recherche h2 {
        font-size: 30px;
    }

    .bloc-voiture img {
        width: 235px;
    }

    .bloc-gauche h2 {
        font-size: 20px;
    }

    .bloc-voiture:hover h2 {
        padding-left: 35px;
    }

    .bloc-voiture:hover .bloc-gauche {
        height: 256px;
        margin-top: -77px;
        margin-left: 76.5px;
    }
}

/************************************************** ! ! ! GARAGE RESPONSIVE ! ! ! **************************************************/

@media screen and (max-width: 1440px) {
    .garage-gauche-bleu h2 {
        margin-left: -33px;
    }

    .garage-gauche-rouge h2 {
        margin-left: -33px;
    }
}

@media screen and (max-width: 1280px) {
    .garage-gauche-bleu img {
        width: 90%;
    }

    .garage-gauche-rouge img {
        width: 90%;
    }
}

@media (max-width: 1024px) {
    .garage {
        width: 95% !important;
    }

    .garage-gauche-bleu img {
        width: 90%;
        bottom: 0;
    }

    .garage-gauche-rouge img {
        width: 90%;
        bottom: 0;
    }

    .garage-gauche-bleu h2 {
        font-size: 3.2rem;
        top: 120px;
    }

    .garage-gauche-rouge h2 {
        font-size: 3.2rem;
        top: 120px;
    }

    .garage-droite {
        margin-top: 130px;
    }

    #divGenGarage {
        margin-top: -115px;
    }

    #divGenGarage .slick-dots {
        right: 150px;
        bottom: 235px;
    }
}

@media screen and (max-width: 940px) {
    .garage-gauche-bleu h2 {
        font-size: 3rem;
    }

    .garage-gauche-rouge h2 {
        font-size: 3rem;
    }

    .garage {
        margin-bottom: 0;
    }

    #divGenGarage .slick-dots {
        right: 150px;
        bottom: 35px;
    }
}

@media (max-width: 920px) {
    .garage {
        width: 90%;
    }

}

@media (max-width: 820px) {
    .garage {
        width: 100% !important;
        align-items: center;
        gap: 30px;
    }

    #divGenGarage .slick-dots {
        right: 50px;
        bottom: 35px;
    }

    .garage-droite p {
        margin-bottom: 25px;
    }

    .garage-gauche-bleu h2 {
        font-size: 2.7rem;
        margin-left: -30px;
        top: 105px;
    }

    .garage-gauche-rouge h2 {
        font-size: 2.7rem;
        margin-left: -30px;
        top: 105px;
    }

    .garage-gauche-bleu img {
        width: 100%;
    }

    .garage-gauche-rouge img {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .garage-gauche-bleu h2 {
        font-size: 2.3rem;
        margin-left: -25px;
    }

    .garage-gauche-rouge h2 {
        font-size: 2.3rem;
        margin-left: -25px;
    }
}


@media (max-width: 540px) {
    .garage {
        margin-bottom: 55px;
        align-items: center;
        flex-direction: column;

    }

    .garage-gauche-bleu {
        width: 95%;
        margin-bottom: 30px;
    }

    .garage-gauche-rouge {
        width: 95%;
        margin-bottom: 30px;
    }

    .garage-gauche-bleu img {
        width: 100%;
    }

    .garage-gauche-rouge img {
        width: 100%;
    }

    .garage-gauche-bleu h2 {
        font-size: 3rem;
        margin-left: 0;
        margin-bottom: 0;
    }

    .garage-gauche-rouge h2 {
        font-size: 3rem;
        margin-left: 0;
        margin-bottom: 0;
    }

    .garage-droite {
        width: 95%;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-top: 0;
    }

    .garage-droite p {
        text-align: center;
    }

    #divGenGarage .slick-dots {
        right: 50px;
        bottom: 55px;
    }
}

@media screen and (max-width: 425px) {

    .garage-gauche-bleu h2 {
        font-size: 2.5rem;
    }

    .garage-gauche-rouge h2 {
        font-size: 2.5rem;
    }
}

@media (max-width: 375px) {
    .garage-gauche-bleu h2 {
        font-size: 2.2rem;
        top: 75px;
    }

    .garage-gauche-rouge h2 {
        font-size: 2.2rem;
        top: 75px;
    }
}

@media screen and (max-width: 280px) {
    .garage-gauche-bleu h2 {
        font-size: 1.6rem;
        top: 60px;
    }

    .garage-gauche-rouge h2 {
        font-size: 1.6rem;
        top: 60px;
    }

    #divGenGarage {
        margin-top: -75px;
    }
}

/************************************************** ! ! ! BIENVENUE RESPONSIVE ! ! ! **************************************************/

@media (max-width: 1024px) {
    .traits-bienvenue {
        margin-bottom: 0;
    }

    .bienvenue iframe {
        height: 475px;
        margin: 75px 0;
    }
}

@media (max-width: 912px) {
    .bienvenue iframe {
        width: 100%;
        height: 400px;
    }

    .traits-bienvenue {
        margin-left: 0;
    }
}

@media (max-width: 540px) {
    .bienvenue {
        width: 95%;
    }

    .bienvenue h2 {
        font-size: 30px;
    }
}

/************************************************** ! ! ! PARTENAIRES RESPONSIVE ! ! ! **************************************************/

@media (max-width: 1024px) {
    .liste-partenaires {
        margin-top: 70px;
    }

    .liste-partenaires img {
        width: 100px !important;
    }

    .checkbox-news {
        width: 100%;
    }
}

@media (max-width: 912px) {
    .liste-partenaires {
        width: 100%;
    }
}

@media (max-width: 540px) {
    .liste-partenaires {
        width: 100%;
    }

    .liste-partenaires .slick-slider .slick-track,
    .liste-partenaires .slick-slider .slick-list {
        padding: 0;
        width: 100%;
        margin: auto;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }

    .liste-partenaires img {
        width: 70px !important;
    }

    .partenaires h2 {
        font-size: 30px;
    }
}

@media (max-width: 375px) {
    .partenaires h2 {
        width: 100%;
    }
}

/************************************************** ! ! ! RESEAUX NEWSLETTER RESPONSIVE ! ! ! **************************************************/


@media (max-device-width: 1280px) {
    .reseaux-sociaux {
        width: 75%;
    }

    .bordure-blanche {
        padding: 30px 0;
    }
}

@media all and (max-width: 912px) {
    .reseaux-sociaux {
        width: 90%;
    }

    .bordure-blanche {
        height: 90%;
        padding: 30px 0;
        justify-content: center;
    }

    .display-email {
        width: 90%;
    }

    .reseaux-newsletter2 {
        height: auto;
        flex-direction: column;
    }

    .reseaux {
        width: 100%;
        height: 375px;
    }

    .newsletter {
        width: 100%;
        height: 375px;
    }
}


@media (max-width: 540px) {
    .reseaux {
        height: 435px;
    }

    .newsletter {
        height: 435px;
    }

    .bordure-blanche h2 {
        width: 90%;
        font-size: 25px !important;
    }

    .reseaux-sociaux img {
        max-height: 45px;
    }
}

@media (max-width: 375px) {
    .bordure-blanche h2 {
        font-size: 25px;
    }

    .reseaux {
        height: 475px;
    }

    .newsletter {
        height: 475px;
    }

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

    .reseaux-sociaux img {
        max-height: 40px;
    }
}

/************************************************** ! ! ! AVIS RESPONSIVE ! ! ! **************************************************/

@media (max-width: 1280px) {
    .bloc-commentaire a {
        margin-left: 25px;
    }
}

@media (max-width: 1024px) {
    .bloc-commentaire a {
        margin-left: 0;
        margin-top: 20px;
    }
}

@media (max-width: 912px) {
    .bloc-commentaire {
        align-items: center;
    }

    .bloc-commentaire p {
        text-align: center;
    }

    .bloc-commentaire a {
        margin: 20px 0;
    }

    .contactez-nous {
        height: auto;
        margin: 75px 0 130px;
        width: 95%;
    }

    .contact-milieu {
        height: auto;
    }

    .contact-haut {
        height: 30px;
    }

    .contact-bas {
        height: 30px;
    }
}

@media (max-width: 540px) {
    .liste-commentaires {
        margin-top: 15px;
        align-items: center;
        flex-direction: column;
    }

    .bloc-commentaire {
        width: 90%;
        margin-top: 50px;
    }

    .bloc-commentaire a {
        display: none;
    }

    .ligne-blanche {
        margin-top: 0;
    }

    .contactez-nous {
        width: 350px;
    }

    .texte-contact {
        font-size: 1.7rem;
    }

    .bouton-avis {
        margin-top: 50px;
    }
}

@media (max-width: 375px) {
    .contactez-nous {
        width: 215px;
    }

    .texte-contact {
        font-size: 1.5rem;
    }

    .avis h2 {
        font-size: 30px;
    }

    .partenaires {
        width: 100%;
    }
}