body,h1,h2,h3,h4,h5,h6,p,.sf-menu > li > a, button  {
    font-family: "Montserra" !important;
}

.btn-outline-maincolor, .btn-outline-maincolor2, .btn-outline-maincolor3, .btn-outline-darkgrey {
    font-family: "Montserra" !important;
    max-width:  none;
    padding-left : 10px;
    padding-right : 10px;
}

.ls .sf-menu > li > a:hover,
.ls .sf-menu > li.active > a {
    color: #0D5E62;
}

#toTop {
    background-color: #0D5E62;
}

h2 {
    color : #0D5E62 !important;
}

a {
    color : #0D5E62 !important;
}

[role='tab'] h4 a, [role='tab'] h5 a {
    color : #0D5E62 !important;
    text-transform: none !important;
}

[role='tab'] h4 a:hover, [role='tab'] h5 a:hover {
    color : #0D5E62 !important;
}

.nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link.active {
    background-color : #0D5E62 !important;;
    color:  white !important;;
}

.green {
    color : #0D5E62 !important;
}

.bg-green {
    background-color : #0D5E62 !important;
}

.toggle_menu.mobile-active {
    background-color : #0D5E62 !important;
}

.bandeau_title {
    width: 100%;
    position: relative;
    margin: auto;
}

.bandeau_title img {
    width: 100%;
    height: auto;
    display: block;
}

.centered-bandeau-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white !important; /* Ajustez selon vos besoins */
    font-size: 3em !important; /* Ajustez selon vos besoins */
    text-align: center;
    font-weight: bold !important;
    font-family: sans-serif !important;;
    letter-spacing: 40px !important;
    text-shadow : -1px 1px 18px #0000006b;
    text-transform: uppercase !important;
    line-height: 80px;
}

/* Version Mobile First */
.mobile-only {
    display: block;
}

.desktop-only {
    display: none;
}

/* Pour les écrans à partir de 768px (taille desktop) */
@media (min-width: 768px) {
    h1{
        font-family: sans-serif !important;
    }

    .appointment-form{
        margin-left: auto !important;
    }
    .mobile-only {
        display: none;
    }

    .desktop-only {
        display: block;
    }
}


/* Pour les écrans à partir de 768px (taille desktop) */
@media (max-width: 768px) {
    h1 {
        color: white !important;
        letter-spacing: normal;
        font-size: 1em !important;
        font-family: sans-serif !important;
        width: 375px;
        text-shadow: 2px 2px 2px #000000;

    }

    h2 {
        color: white !important;
        letter-spacing: normal;
        width: 375px;
    }
    .centered-bandeau-title {
        font-size: 1.5em !important;
        letter-spacing: 20px !important;
        line-height: 20px;
        height: 200px;
    }

    p.p-bandeau-title{
        font-size : 20px;
        line-height : 20px;
        letter-spacing: normal;
        text-transform: none;
        font-weight: normal;
        text-shadow: 2px 2px 2px #000000;
        font-family: sans-serif !important;

    }

    .upTitleHeader{
        font-size: 16px;
    }
    .titleHeader{
        font-size:40px;
        letter-spacing: 12px
    }
    .titleHeaderMini{
        font-size: 35px;
        letter-spacing: 12px;
    }
    .titleSubHeader{
        font-size: 20px;
        letter-spacing: 12px;
    }
    .h-auto{
        height: auto !important;
    }
    .line-height-35px{
        line-height: 35px !important;
    }
    .pt-42px{
        padding-top: 42px !important;
    }
}