body .wrapper main {
    background-color: white !important;
}
h2.slogan {
    font-weight: 500;
    color: rgb(0, 127, 194);
    font-size: 3.375em !important;
    line-height: 1.26;
}

div.slogan_small {
    margin-top:50px;
}
h2.slogan_small {
    font-weight: 500;
    color: rgb(0, 127, 194);
    font-size: 2.375em !important;
    line-height: 1.26;
}

.description {
    font-size: 21px;
    line-height: 1.6;
    color: #000;
    text-align: center;
}
.badscript {
    font-family:"Bad Script";
    font-size:30px;
    color:white;
}

.bullet {
    margin-left:15%;
    font-size: 21px;
    line-height: 1.6;
    color: #000;
}

.image_map {
    height: 600px;
}

@media (max-width: 768px) {
    .bullet {
        margin-left: 0;
    }
    .image_map {
        height: 300px;
    }

}



.bullet2 {
    font-size: 21px;
    line-height: 1.6;
    color: #000;
}

a.clear,
a.clear:visited,
a.clear:hover,
a.clear:active {
    text-decoration: none;
    color: inherit;
}


.carousel{
    position: relative;
    display:flex;
    align-items:center;
    gap:10px;
    background-color: rgb(232, 232, 232);
    padding-bottom: 50px;
}

.viewport{
    overflow:hidden;
    padding-bottom: 50px;
}

.track{
    display:flex;
    transition:transform .4s ease;
    gap: 20px;
}

.slide_containeur{
    flex:0 0 calc((100% - (2*20px)) / 3);
    padding:15px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 8px 15px 0px rgba(2, 110, 159, 0.2);
}

@media (max-width: 768px) {
    .slide_containeur {
        flex:0 0 calc((100% - (2*20px)) / 3);
    }
}

.slide img{
    width:100%;
    display:block;
}

.slide .slide_commune{
    width:100%;
    text-align: center;
    margin-top:10px;
}

.slide.active{
    display:block;
}

.prev,
.next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    padding:12px 16px;
    cursor:pointer;
    background:none;
    color:rgb(0, 127, 194);
    border:none;
    font-size:24px;
    z-index: 100;
}

.prev{
    left:10px;
}

.next{
    right:10px;
}