/*******************************************************
FONTS
********************************************************/

@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;500;600;700;800&family=Archivo+Narrow:wght@400;500;600;700&display=swap');

/*******************************************************
COLOR
********************************************************/

.white {
    color: white !important;
}

.vert {
    color: #3AB5A7 !important;
}

.orange {
    color: #F39205 !important;
}

.dark {
    background-color: #111013 !important;
}

.bg-vert {
    background-color: #3AB5A7 !important;
}

.bg-orange {
    background-color: #F39205 !important;
}

.bg-dark {
    background-color: #111013 !important;
}

.bg-grey {
    background-color: #fafafa !important;
}


/*******************************************************
GENERAL
********************************************************/


body {
    font-weight: 400;
    color: #54595F;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Archivo Narrow' !important;
}

p, li, label, td {
    font-weight: 400;
    line-height: 1.5;
    font-size: 18px;
}


#back-to-top {
    position: fixed;
    bottom: 7px;
    right: 7px;
    display: none;
    z-index: 200;
    text-align: center;
}

    #back-to-top .far {
        background-color: #3AB5A7;
        color: white;
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
        border-radius: 100%;
    }

.container-fluid > .row,
.container-fluid > div > .row {
    padding: 0;
}

.max-width {
    max-width: 1400px;
    margin: 0 auto;
}

img {
    max-width: 100%;
}

footer {
    clear: both;
}

a {
    display: inline-block;
    color: #3AB5A7;
    font-weight: 500;
}


    a:hover,
    a:active,
    a:focus,
    button:hover,
    button:active,
    button:focus {
        color: #F39205;
        text-decoration: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

.anchor {
    visibility: hidden;
    height: 255px;
    margin-top: -255px;
}


@media(max-width:991px) {
    .anchor {
        visibility: hidden;
        height: 178px;
        margin-top: -178px;
    }
}

strong {
    font-weight: 700;
}


/*******************************************************
TITLE
********************************************************/

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    margin-top: 0;
    font-family: dosis;
    color: #111013;
}



    h2.home {
        font-size: 48px;
        color: #3AB5A7;
        font-weight: 900;
        margin: 0;
    }

        h2.home span {
            color: #111013;
            display: block;
            margin: 0;
        }

        h2.home + p {
            font-size: 24px;
            margin: 0;
        }

@media(max-width:767px) {
    h2.home {
        font-size: 40px;
    }

        h2.home + p {
            font-size: 20px;
        }
}



/*******************************************************
BTN
********************************************************/

.btn {
    font-size: 16px;
    padding: 10px 25px;
    border-radius: 8px;
    line-height: 1;
    font-size: 18px;
    color: white;
    transition: all 0.3s ease;
}

    .btn i {
        margin-right: 10px;
    }

    .btn:hover,
    .btn:active,
    .btn:focus {
        transition: all 0.3s ease;
    }

.btn-default {
    background-color: #3AB5A7;
    border: 2px solid #3AB5A7;
}

.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus {
    background-color: transparent;
    color: #3AB5A7;
    border: 2px solid #3AB5A7;
}

.btn.btn-secondary {
    background-color: #F39205;
    border: 2px solid #F39205;
}

    .btn.btn-secondary:hover,
    .btn.btn-secondary:active,
    .btn.btn-secondary:focus {
        background-color: transparent;
        color: #F39205;
        border: 2px solid #F39205;
    }

.btn-danger.active {
    background-color: #DA0812 !important;
}

.btn-success.active {
    background-color: #96BE28 !important;
}


/*******************************************************
HEADER
********************************************************/

header {
    padding-top: 25px;
}

    header.fixed {
        position: fixed;
        width: 100%;
        z-index: 100;
        background-color: white;
        box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.1);
    }

.max-width-header {
    max-width: 1400px;
    margin: 0 auto;
}

header .logo img {
    max-width: 250px;
}

@media(max-width:767px) {
    header .logo img {
        max-width: 200px;
    }

    header .logo {
        display: block;
    }
}

header .magasin {
    position: relative;
    color: #111013;
    text-decoration: none;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    vertical-align: middle;
    padding-left: 70px;
}


    header .magasin:before {
        content: "\f3c5";
        position: absolute;
        font-family: 'Font Awesome 6 Pro';
        font-weight: 500;
        font-size: 18px;
        color: #3AB5A7;
        height: 40px;
        width: 40px;
        text-align: center;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        border: 2px solid #3AB5A7;
        border-radius: 12px;
        line-height: 38px;
    }

@media(max-width:767px) {
    header .magasin {
        font-size: 22px;
        padding: 15px 0 15px 45px;
    }

        header .magasin:before {
            height: 35px;
            width: 35px;
            left: 0;
            line-height: 32px;
        }

    header .btn {
        padding: 10px 15px;
        font-size: 16px;
    }
}



header nav {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 !important;
    margin-top: 25px;
    border-top: 1px solid rgba(0,0,0,0.2);
}

header .nav-link {
    padding: 15px 20px !important;
    color: #111013;
    font-size: 18px;
}

    header .nav-link:hover,
    header .nav-link:focus,
    header .nav-link:active,
    header .active .nav-link {
        color: #3AB5A7
    }

header .active:hover .nav-link {
    text-decoration: underline;
}


header nav .navbar-toggler {
    display: none;
}

header .navbar-toggler {
    position: absolute;
    top: 21px;
    left: 10px;
    font-size: 26px;
    color: #1d1d1b;
}


@media(max-width:991px) {
    header {
        position: relative;
        padding: 20px 0;
    }

        header .navbar {
            position: fixed;
            width: 80%;
            top: -25px;
            z-index: 10;
            padding: 20px 0 !important;
            height: 100%;
            left: -100%;
            background-color: #111013;
            transition: left .3s ease;
        }

            header .navbar .far {
                font-size: 30px;
                color: white;
                text-align: right;
                width: 100%;
            }

    .navbar.open-menu {
        left: 0;
        transition: left .3s ease;
    }

    header .navbar-collapse {
        height: 100%;
    }

        header .navbar-collapse.collapse {
            display: block !important;
        }

    header .nav-link {
        display: block;
        color: white;
        padding: 10px 20px !important;
    }
}

/*******************************************************
FOOTER
********************************************************/
footer {
    background-color: #111013;
    color: white;
    padding: 30px 0;
}

    footer img + p {
        font-family: dosis;
        font-size: 26px;
        font-weight: 700;
        margin: 0;
    }

    footer .info-footer p {
        position: relative;
        padding-left: 25px;
    }

        footer .info-footer p i {
            position: absolute;
            color: #3AB5A7;
            top: 6px;
            left: 0;
        }

        footer .info-footer p span {
            font-size: 14px;
            font-style: italic;
        }

    footer .reseau a {
        height: 48px;
        width: 48px;
        border: 2px solid #3AB5A7;
        background-color: #3AB5A7;
        color: white;
        border-radius: 12px;
        line-height: 46px;
        text-align: center;
        font-size: 18px;
        margin-left: 5px;
        transition: all .3s ease;
    }

        footer .reseau a:hover,
        footer .reseau a:active,
        footer .reseau a:focus {
            background-color: transparent;
            color: #3AB5A7;
            transition: all .3s ease;
        }

    footer .title {
        font-size: 18px;
        margin: 30px 0 20px 0;
        font-weight: 700;
    }

        footer .title + p {
            margin: 0;
        }

    footer ul {
        margin: 0;
        padding: 0;
    }

        footer ul li {
            display: inline-block;
            color: white;
            position: relative;
        }

            footer ul li + li {
                padding-left: 20px;
            }

            footer ul li a {
                color: white;
                text-decoration: none;
            }

@media(max-width:991px) {
    footer ul li a {
        padding: 5px 0;
    }
}

footer .copyright-footer {
    border-top: 1px solid rgba(84,89,95,0.3);
    margin-top: 25px;
    padding-top: 25px;
}

    footer .copyright-footer img {
        max-width: 120px;
    }

    footer .copyright-footer p {
        font-size: 14px;
        margin: 0;
        display: inline-block;
    }

footer .copyright {
    display: none;
}
/*******************************************************
HOME
********************************************************/

#carouselPhotos {
    padding: 0 50px;
}

    #carouselPhotos .carousel-inner {
        border-radius: 12px;
    }

    #carouselPhotos .carousel-control-prev,
    #carouselPhotos .carousel-control-next {
        opacity: 1;
    }

    #carouselPhotos .carousel-control-prev {
        left: -35px;
    }

    #carouselPhotos .carousel-control-next {
        right: -35px;
    }

@media(max-width:767px) {
    #carouselPhotos .carousel-control-prev {
        left: -5px;
    }

    #carouselPhotos .carousel-control-next {
        right: -5px;
    }
}

@media(max-width:991px) {
    #carouselPhotos {
        margin-bottom: 50px;
    }
}

#carouselPhotos .carousel-control-prev-icon {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2232%22%20viewBox%3D%220%200%2018%2032%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0.677734%2014.3911L13.8027%201.26611C14.623%200.377441%2016.0586%200.377441%2016.8789%201.26611C17.7676%202.08643%2017.7676%203.52197%2016.8789%204.34229L5.32617%2015.895L16.8789%2027.5161C17.7676%2028.3364%2017.7676%2029.772%2016.8789%2030.5923C16.0586%2031.481%2014.623%2031.481%2013.8027%2030.5923L0.677734%2017.4673C-0.210938%2016.647%20-0.210938%2015.2114%200.677734%2014.3911Z%22%20fill%3D%22%233AB5A7%22%2F%3E%3C%2Fsvg%3E) !important;
}

#carouselPhotos .carousel-control-next-icon {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2232%22%20viewBox%3D%220%200%2018%2032%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M16.8789%2017.4673L3.75391%2030.5923C2.93359%2031.481%201.49805%2031.481%200.677734%2030.5923C-0.210937%2029.772%20-0.210937%2028.3364%200.677735%2027.5161L12.2305%2015.9634L0.677737%204.34228C-0.210935%203.52197%20-0.210935%202.08642%200.677737%201.26611C1.49805%200.37744%202.9336%200.37744%203.75391%201.26611L16.8789%2014.3911C17.7676%2015.2114%2017.7676%2016.647%2016.8789%2017.4673Z%22%20fill%3D%22%233AB5A7%22%2F%3E%3C%2Fsvg%3E) !important;
}

#carouselPhotos li {
    width: 12px !important;
    height: 12px !important;
    border-radius: 100%;
    background-color: #3AB5A7 !important;
    opacity: 0.3 !important;
}

    #carouselPhotos li.active {
        opacity: 1 !important;
    }

    #carouselPhotos li::marker {
        content: none;
    }

#carouselPhotos .carousel-indicators {
    bottom: -60px;
}

.horaires-supp {
    background-color: rgba(58, 181, 167, 0.15);
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    margin-top: 80px;
}

    .horaires-supp h2 {
        font-size: 28px;
        font-weight: 700;
    }


    .horaires-supp .horaires-supp-liste {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .horaires-supp .horaires-supp-liste li {
            display: inline-block;
            margin: 0 7px;
        }

            .horaires-supp .horaires-supp-liste li .date,
            .horaires-supp .horaires-supp-liste li .periode {
                font-weight: 700;
            }

.presentation-magasin {
    padding: 60px 0;
}

    .presentation-magasin .intro h1 {
        font-size: 48px;
        font-weight: 900;
    }

@media(max-width:767px) {
    .presentation-magasin .intro h1 {
        font-size: 40px;
    }
}

.presentation-magasin .intro h1 span {
    color: #3AB5A7;
    display: inline-block;
}

.presentation-magasin .intro h2 {
    font-family: "archivo narrow";
    font-size: 24px;
    color: #54595F;
    font-weight: 500;
    margin-bottom: 25px;
}

.presentation-magasin .intro p {
    margin: 0;
    font-size: 20px;
    margin-bottom: 60px;
}

.horaires-day p:not(.horaire) {
    font-size: 28px;
    font-family: dosis;
    font-weight: 700;
    color: #111013;
    margin: 0;
}

    .horaires-day p:not(.horaire) span {
        color: #3AB5A7;
        text-transform: uppercase;
    }

.horaires-day p.horaire {
    font-size: 22px;
    margin: 0;
}

.presentation-magasin .content h2 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 30px;
}

    .presentation-magasin .content h2 i {
        color: #F39205;
        margin-right: 15px;
    }

.presentation-magasin .content .adresse,
.presentation-magasin .content .complement {
    font-size: 18px;
}

.presentation-magasin .content .complement {
    font-style: italic;
}

.gps {
    margin-bottom: 25px;
}

.presentation-magasin .gps .row {
    justify-content: start !important;
}

.gps a {
    color: #111013;
    text-decoration: none;
    text-align: center;
    margin-top: 5px;
    font-size: 18px;
}

    .gps a i {
        height: 48px;
        width: 48px;
        border: 2px solid #3AB5A7;
        background-color: rgba(58,181,167,0.1);
        color: #3AB5A7;
        border-radius: 12px;
        line-height: 46px;
        text-align: center;
        font-size: 26px;
        margin-left: 5px;
        transition: all .3s ease;
    }

.gps p {
    margin-top: 5px;
    margin-bottom: 0;
}

.liste-services {
    padding-bottom: 60px;
}

    .liste-services .service {
        padding: 30px;
        padding-bottom: 75px;
        overflow: hidden;
        border: 2px solid #3AB5A7;
        border-radius: 12px;
        position: relative;
        height: 100%;
    }

    .liste-services .col-lg-4 {
        margin-bottom: 30px;
    }

    .liste-services .service h3 {
        font-size: 24px;
        height: 65px;
        display: flex;
        gap: 20px;
        font-weight: 700;
        margin-bottom: 15px;
        flex-direction: row;
        align-items: center;
    }

    .liste-services .service p {
        font-size: 18px;
    }


    .liste-services .service h3 i {
        font-size: 44px;
        color: #F39205;
    }

    .liste-services .service a {
        position: absolute;
        background-color: #3AB5A7;
        color: white;
        font-size: 20px;
        font-family: dosis;
        font-weight: 600;
        text-decoration: none;
        padding: 15px;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }

        .liste-services .service a i {
            margin-left: 15px;
        }

.eco {
    padding: 60px 0;
    background-color: #FAFAFA;
}

    .eco h2 {
        margin-bottom: 60px;
    }

    .eco p {
        margin-top: 30px;
    }

        .eco p span {
            color: #F39205;
            font-family: dosis;
            font-size: 34px;
            font-weight: 900;
            padding: 5px 20px;
            display: inline-block;
            border-radius: 30px;
            line-height: 1;
            border: 3px solid #F39205;
            margin-bottom: 20px;
        }

.avis-client {
    padding: 60px 0;
    background-color: #FAFAFA;
    position: relative;
}


    .avis-client:before {
        content: "";
        position: absolute;
        height: 1px;
        max-width: 1400px;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        background-color: rgba(0,0,0,0.2);
    }

    .avis-client .garage-score {
        margin: 20px 0 60px 0;
    }

        .avis-client .garage-score p {
            margin: 0;
        }

        .avis-client .garage-score .global-score {
            color: #3AB5A7;
            font-size: 42px;
            font-weight: 900;
            line-height: 1;
            font-family: dosis;
        }

            .avis-client .garage-score .global-score span {
                font-size: 28px;
                font-weight: 700;
            }

        .avis-client .garage-score .review-score {
            font-size: 18px;
            font-weight: 500;
        }

    .avis-client .avis {
        background-color: white;
        padding: 20px 30px;
        height: 100%;
        border-radius: 12px;
        box-shadow: 0 0 29.3px -5px rgba(58, 181, 167, 0.42);
    }


        .avis-client .avis .name {
            font-weight: 700;
            display: inline-block;
            margin-right: 5px;
            position: relative;
            margin-bottom: 10px;
            padding-left: 60px;
        }

            .avis-client .avis .name img {
                position: absolute;
                left: 0;
                max-width: 50px;
            }

            .avis-client .avis .name span {
                font-weight: 300;
                display: block;
            }

        .avis-client .avis .star {
            display: inline-block;
            vertical-align: top;
            float: right;
            line-height: 1;
        }

            .avis-client .avis .star .fas {
                font-size: 13px;
                color: #ffc100;
            }

@media (max-width: 767px) {
    .avis-client .col-md {
        margin-bottom: 30px;
    }
}

.encadre-eco-responsable {
    padding: 60px 0;
}

    .encadre-eco-responsable .content {
        padding: 40px;
        border-radius: 12px;
        background-color: #ECF8F7;
        position: relative;
    }

        .encadre-eco-responsable .content:before {
            content: "";
            position: absolute;
            height: 129px;
            width: 216px;
            background: url(/docs/pages/45/picto-durable.svg);
            background-size: cover;
            bottom: 30px;
            right: 30px;
            opacity: 0.1;
        }

        .encadre-eco-responsable .content h2 {
            font-size: 48px;
            font-weight: 900;
        }

        .encadre-eco-responsable .content p {
            display: inline-block;
            max-width: 900px;
            margin: 45px 0;
            color: #111013;
            font-size: 24px;
        }

@media (max-width: 767px) {

    .encadre-eco-responsable .content {
        padding: 20px;
    }

        .encadre-eco-responsable .content h2 {
            font-size: 40px;
        }

        .encadre-eco-responsable .content p {
            margin: 20px 0;
            font-size: 20px;
        }
}

/*******************************************************
FORM
********************************************************/
/*******************************************************
MODULE GENERIQUE
********************************************************/
/*******************************************************
PAGER
********************************************************/
.pagination-container {
    margin-bottom: 50px;
}

.pagination {
    justify-content: center;
}

    .pagination .page-item .page-link {
        height: 46px;
        width: 46px;
        box-shadow: inset 0 0 0 2px #86A6D1;
        line-height: 46px;
        text-align: center;
        color: #86A6D1;
        font-size: 20px;
        border: none;
        margin: 0 3px;
        padding: 0;
        border-radius: 100%;
    }

    .pagination .page-item.active .page-link,
    .pagination .page-item:hover .page-link {
        color: white;
        background-color: #86A6D1;
        box-shadow: inset 0 0 0 2px #86A6D1;
        transition: all 0.3s ease;
    }

    .pagination .page-item.disabled .page-link {
        color: #86A6D1;
        background-color: #DFE5F1;
        box-shadow: inset 0 0 0 2px #DFE5F1;
    }


/*******************************************************
INFOWINDOW
********************************************************/

.gm-style-iw-chr {
    position: absolute;
    right: 0;
    top: 0;
}

.gm-style .gm-style-iw {
    font-weight: 400;
}

.gm-style .gm-style-iw-c {
    padding: 0;
    max-height: 290px !important;
}

.gm-style .gm-style-iw-d {
    max-height: 290px !important;
    padding-right: 20px;
}


.gm-style .gm-style-iw-t::after {
    height: 0;
}

.gm-style-iw .infowindows {
    font-size: 16px;
    text-align: start;
    padding: 15px;
    line-height: 1.3;
    font-family: 'Archivo Narrow' !important;
}

.infowindows [itemprop=name] {
    margin-bottom: 10px;
    font-size: 18px;
    color: #3AB5A7;
}

.infowindows .map-phone-number,
.infowindows .map-opening-time {
    margin: 10px 0;
    position: relative;
    padding-left: 25px;
}

    .infowindows .map-phone-number:before,
    .infowindows .map-opening-time:before {
        position: absolute;
        font-family: 'Font Awesome 6 Pro';
        font-weight: 400;
        color: #3AB5A7;
        left: 0;
        top: 1px;
    }

    .infowindows .map-phone-number:before {
        content: "\f095";
    }

    .infowindows .map-opening-time:before {
        content: "\f017";
    }

.infowindows .map-phone-number {
    font-weight: 700;
}



.infowindows .map-bt-itineraire {
    padding: 10px 15px;
    display: inline-block;
    border-radius: 8px;
    line-height: 1;
    font-size: 14px;
    color: white;
    transition: all 0.3s ease;
    background-color: #3AB5A7;
    border: 2px solid #3AB5A7;
}


    .infowindows .map-bt-itineraire:hover,
    .infowindows .map-bt-itineraire:active,
    .infowindows .map-bt-itineraire:focus {
        background-color: transparent;
        color: #3AB5A7;
        border: 2px solid #3AB5A7;
        transition: all 0.3s ease;
    }



/*******************************************************
FORM
********************************************************/


.contact {
    padding-bottom: 50px;
}

    .contact .adresse span {
        font-size: 24px;
        font-weight: 700;
        display: block;
        margin-bottom: 10px;
        color: #0C4DA2;
    }

.formulaire {
    background-color: #F9F9F9;
    padding: 40px 50px;
    border-radius: 10px;
}

@media(max-width:991px) {
    .formulaire {
        padding: 20px;
        margin-top: 35px;
    }
}


.formulaire h2 {
    color: #0C4DA2;
}

    .formulaire h2,
    .formulaire h2 + p {
        text-align: center;
    }

form label {
    color: #54595F;
    font-weight: 500;
    margin-bottom: 5px;
}

form .form-control,
form .form-select {
    border: 1px solid #DFE5F1;
    padding: 10px;
}

    form .form-control:active,
    form .form-control:focus,
    form .form-select:active,
    form .form-select:focus {
        border: 1px solid #3AB5A7;
        background-color: rgba(58, 181, 167, 0.15);
        box-shadow: none;
        outline: none;
    }


form textarea {
    min-height: 180px !important;
}

.form-control.input-validation-error,
.form-control.input-validation-error:focus,
.form-control.input-validation-error:active {
    border: 1px solid #F39205;
    background-color: rgb(243,146, 5,0.1);
}

.field-validation-error span {
    margin-top: 5px;
    display: inline-block;
    font-size: 13px;
    color: #DA0812;
}


form .form-captcha > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
}


.alert {
    background-color: #f7e2e3;
    text-align: center;
    border: none;
}

.validation-summary-errors ul {
    margin: 0;
    padding: 0;
}

    .validation-summary-errors ul li {
        font-size: 13px;
        font-weight: 500;
        color: #da0812;
    }

.contact form {
    padding: 50px 0;
}

input[type="checkbox"] {
    width: 18px;
    height: 18px;
    padding: 0;
    vertical-align: middle;
    display: inline-block;
    appearance: none;
    border: 2px solid #3AB5A7;
    border-radius: 3px;
}

    input[type="checkbox"]:checked {
        accent-color: #3AB5A7;
        appearance: auto;
    }


    input[type="checkbox"] + label {
        padding: 5px;
    }

button.close {
    position: absolute;
    right: 15px;
    background-color: transparent;
    font-size: 30px;
}

/*******************************************************
PAGE 404
********************************************************/

.page-error {
    text-align: center;
}

    .page-error .is-boxes {
        padding: 80px 0;
    }

    .page-error .row:last-child .col-md-12 {
        display: flex;
        margin-top: 40px;
        justify-content: center;
    }


    .page-error h1 {
        color: #F39205;
        font-size: 95px;
    }

        .page-error h1 span {
            font-size: 50px;
            display: block;
            text-transform: uppercase;
            color: #111013;
        }

    .page-error a {
        font-size: 16px;
        padding: 10px 25px;
        background-color: #3AB5A7;
        border: 2px solid #3AB5A7;
        text-decoration: none;
        border-radius: 8px;
        line-height: 1;
        font-size: 18px;
        color: white;
        transition: all 0.3s ease;
    }

        .page-error a:hover,
        .page-error a:active,
        .page-error a:focus {
            background-color: transparent;
            color: #3AB5A7;
            border: 2px solid #3AB5A7;
            transition: all 0.3s ease;
        }


/*******************************************************
COOKIE BAR
********************************************************/

.weCookieBar .btn {
    height: 40px;
    margin: 5px;
    display: inline-block;
}

.weCookieBar .btn-default:before {
    box-shadow: inset 0 0 0 4px #DFE5F1;
}

.weCookieBar #weCookieButton1 {
    color: white;
}

#cookiesModal .modal-content {
    background-color: white;
    border: 2px solid #3AB5A7;
}

#cookiesModal .modal-header {
    border: none;
}

#cookiesModal .modal-footer {
    margin-top: 30px;
}

#cookiesModal .modal-title {
    font-family: Dosis;
    font-size: 36px;
    font-weight: 900;
    color: #3AB5A7;
}

#cookiesModal h2,
#cookiesModal h3 {
    font-family: Dosis;
    font-size: 26px;
    margin-top: 20px;
}

#cookiesModal .btn {
    padding: 10px 20px;
}

#cookiesModal .form-group + .form-group {
    margin-top: 15px;
}

#cookiesModal .close {
    background-color: transparent;
    font-size: 45px;
    color: #3AB5A7;
}


/*******************************************************
MENTIONS LEGALES
********************************************************/

.mention-legale {
    padding-bottom: 50px;
}

    .mention-legale h2 {
        margin-top: 30px;
    }

    .mention-legale h3 {
        font-size: 20px;
        font-weight: 500;
    }


/*******************************************************
PAGE
********************************************************/

.entete {
    text-align: center;
    height: 350px;
    background-position: center !important;
    z-index: 1;
    position: relative;
}

    .entete:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: #111013;
        opacity: 0.5;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .entete h1 {
        font-size: 52px;
        font-weight: 900;
        color: #F39205;
        position: absolute;
        left: 0;
        padding: 0 15px;
        right: 0;
        margin: auto;
        top: 50%;
        transform: translateY(-50%);
    }

        .entete h1 span {
            display: block;
            font-size: 38px;
            font-weight: 500;
            color: white;
        }

@media(max-width:767px) {
    .entete h1 {
        font-size: 40px;
    }

        .entete h1 span {
            font-size: 30px;
        }
}

.intro-ethanol {
    padding: 60px 0;
}

    .intro-ethanol p {
        font-size: 20px;
    }

    .intro-ethanol .hightlight {
        color: #3AB5A7;
        font-size: 26px;
        line-height: 1.2;
    }

.ico-ethanol {
    padding: 60px 0;
    background-color: #FAFAFA;
    text-align: center;
}

    .ico-ethanol h2 {
        font-size: 42px;
        color: #3AB5A7;
        font-weight: 900;
        margin-bottom: 50px;
        max-width: 800px;
        display: inline-block;
    }


    .ico-ethanol i {
        color: #F39205;
        font-size: 44px;
    }

    .ico-ethanol p {
        margin-bottom: 0;
    }

.flexfuel-ethanol {
    padding: 60px 0;
    background-color: #FAFAFA;
    position: relative;
}

    .flexfuel-ethanol h2 {
        font-size: 42px;
        color: #3AB5A7;
        font-weight: 900;
        margin-bottom: 30px;
    }




    .flexfuel-ethanol:before {
        content: "";
        position: absolute;
        height: 1px;
        max-width: 1400px;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .flexfuel-ethanol img {
        border-radius: 12px;
    }

.point-ethanol {
    padding: 60px 0;
    text-align: center;
}

    .point-ethanol h2 {
        font-size: 42px;
        color: #3AB5A7;
        font-weight: 900;
        margin-bottom: 50px;
        max-width: 800px;
        display: inline-block;
    }


    .point-ethanol .point {
        display: flex;
        gap: 30px;
        justify-content: center;
    }

        .point-ethanol .point + p {
            font-size: 22px;
            max-width: 1000px;
            display: inline-block;
        }

    .point-ethanol .content {
        background-color: rgba(58, 181, 167, 0.15);
        border-radius: 12px;
        padding: 30px;
        width: 330px;
    }

        .point-ethanol .content span {
            display: block;
            color: #f39205;
            font-family: 'Dosis';
            font-weight: 900;
            font-size: 45px;
        }

@media(max-width:991px) {
    .point-ethanol .point {
        flex-direction: column;
    }

    .point-ethanol .content {
        width: 100%;
    }
}

@media(max-width:767px) {
    .ico-ethanol h2,
    .flexfuel-ethanol h2,
    .point-ethanol h2 {
        font-size: 36px;
    }
}

.intro-entretien span {
    display: inline-block;
    line-height: 1;
    color: #f39205;
    background-color: rgb(243,146, 5,0.1);
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 600;
    margin: 10px 5px;
}

.prestation-entretien {
    padding-bottom: 40px;
}

    .prestation-entretien .prestation {
        overflow: hidden;
        border-radius: 12px;
        background-color: #FAFAFA;
        height: 100%;
        position: relative;
    }

        .prestation-entretien .prestation .content {
            padding: 30px;
            padding-bottom: 60px;
        }

            .prestation-entretien .prestation .content p {
                margin-bottom: 0;
            }

            .prestation-entretien .prestation .content h2 {
                font-weight: 900;
                color: #3ab5a7;
            }

        .prestation-entretien .prestation i {
            font-size: 60px;
            position: absolute;
            right: 20px;
            bottom: 20px;
            opacity: 0.1;
        }

.presentation-bva {
    padding: 60px 0;
}

    .presentation-bva .content {
        background-color: rgba(58, 181, 167, 0.15);
        height: 100%;
        padding: 40px;
        border-radius: 12px;
    }

        .presentation-bva .content h2 {
            font-weight: 900;
            color: #3ab5a7;
        }

.intro-fap {
    padding: 60px 0;
}

    .intro-fap ul {
        padding: 0;
        margin: 0;
    }

        .intro-fap ul li {
            padding-left: 35px;
            position: relative;
            margin: 7px 0;
            list-style: none;
        }

            .intro-fap ul li:before {
                content: "\f0a9";
                position: absolute;
                font-family: 'Font Awesome 6 Pro';
                font-weight: 500;
                color: #3AB5A7;
                left: 0;
                font-size: 23px;
                top: -3px;
            }

.solution-fap {
    padding-bottom: 60px;
}

    .solution-fap .content {
        display: flex;
        align-items: center;
        gap: 40px;
        justify-content: center;
        background-color: #fafafa;
        padding: 20px;
        border-radius: 15px;
    }

@media(max-width:991px) {
    .solution-fap .content {
        flex-direction: column;
        text-align: center;
    }
}

.solution-fap .content * {
    margin: 0;
}

.solution-fap .content h2 {
    font-size: 42px;
    color: #3AB5A7;
    font-weight: 900;
}


.solution-fap .content p {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
}

    .solution-fap .content p span {
        display: block;
        font-weight: 400;
        font-size: 24px;
    }

.outro-fap {
    padding: 60px 0;
    background-color: #fafafa;
}

    .outro-fap h2 {
        font-size: 42px;
        color: #3AB5A7;
        font-weight: 900;
        margin-bottom: 30px;
    }

@media(max-width:767px) {
    .solution-fap .content h2,
    .outro-fap h2 {
        font-size: 36px;
    }
}

.intro-decalaminage {
    padding: 60px 0;
}

    .intro-decalaminage img {
        border-radius: 12px;
    }

    .intro-decalaminage ul {
        padding: 0;
        margin: 0;
    }

        .intro-decalaminage ul li {
            padding-left: 35px;
            position: relative;
            margin: 7px 0;
            list-style: none;
        }

            .intro-decalaminage ul li:before {
                content: "\f0a9";
                position: absolute;
                font-family: 'Font Awesome 6 Pro';
                font-weight: 500;
                color: #3AB5A7;
                left: 0;
                font-size: 23px;
                top: -3px;
            }

.point-decalaminage {
    padding: 60px 0;
    text-align: center;
    background-color: #fafafa;
}

    .point-decalaminage h2 {
        font-size: 42px;
        color: #3AB5A7;
        font-weight: 900;
        margin-bottom: 50px;
    }

    .point-decalaminage .content {
        text-align: center;
        background-color: rgb(58, 181, 167, 0.15);
        padding: 40px 30px;
        height: 100%;
        border-radius: 12px;
    }

        .point-decalaminage .content span {
            color: #f39205;
            font-family: 'Dosis';
            font-weight: 700;
            font-size: 40px;
        }

        .point-decalaminage .content h3 {
            margin-top: 10px;
            font-weight: 600;
        }

.outro-decalaminage {
    padding: 60px 0;
}

    .outro-decalaminage h2 {
        font-size: 42px;
        color: #3AB5A7;
        font-weight: 900;
        margin-bottom: 50px;
    }


@media(max-width:767px) {
    .point-decalaminage h2,
    .outro-decalaminage h2 {
        font-size: 36px;
    }
}


/*******************************************************
LE GARAGE
********************************************************/

.bloc-carousel-photos li {
    width: 17px !important;
    height: 17px !important;
    border-radius: 100%;
    background-color: #3AB5A7 !important;
    border: none !important;
    opacity: 1 !important;
    margin: 0 3px;
}

    .bloc-carousel-photos li::marker {
        content: none;
    }

    .bloc-carousel-photos li.active {
        background-color: #F39205 !important;
    }

.presentation-detail {
    padding: 60px 0;
}

    .presentation-detail .horaires-day {
        margin-bottom: 40px;
    }

.presentation-info-pratique h2 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 30px;
}

    .presentation-info-pratique h2 i {
        color: #F39205;
        margin-right: 15px;
    }

.presentation-info-pratique ul {
    margin: 0;
    padding: 0;
}

    .presentation-info-pratique ul li.today {
        color: #F39205;
    }

.presentation-info-pratique .weGmap {
    margin: 50px 0;
}

.presentation-info-pratique .mapContainer {
    border-radius: 12px;
}

/*******************************************************
MENTIONS LEGALES
********************************************************/

.mentions-legales {
    padding: 60px 0;
}

    .mentions-legales h2 {
        color: #3ab5a7;
        font-weight: 900;
        margin-top: 30px;
    }

    .mentions-legales h3 {
        font-weight: 700;
        font-size: 24px;
    }


    .mentions-legales dt {
        font-weight: 700;
    }

    .mentions-legales dt,
    .mentions-legales dd {
        display: inline-block;
    }

.table > :not(caption) > * > * {
    color: #54595F;
}