* {
    text-align: center;
}

p {
    text-align: justify;
}

li {
    list-style: none;
    text-align: justify;
}

li.accueil {
    text-align: center;
    text-decoration: dotted;

}

p.accueil {
    text-decoration: solid;
    text-align: center;
}

body {
    font-family: 'Poppins', sans-serif;
    /* margin: 0; */
    font-size: 20px;
}

h1 {
    font-size: 50px;
    font-weight: 600;
    margin: 0;
}

.content {
    padding: 3rem;
}

header {
    /* clip-path: circle(47.2% at 50% 49%); */
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/bg-banner-accueil.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    min-height: 100vh !important;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    justify-content: center;
    align-items: center;
    flex-flow: column;
    color: #fff;
}

#bannerSection {}

html {
    scroll-behavior: smooth;
    /* font-family: 'Inter', sans-serif !important; */

}

.presentation {
    background-color: #003366;
    color: white;
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;

}

.expertise {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
    background-color: #f0f0f0;


}

#gallery {
    background-color: #333333;
    color: white;

}

#navbar {
    font-size: medium;
}


footer {
    background-color: #212529;
    padding: 30px;
    font-size: 14px;
    color: white;
    text-align: center;
}

footer h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    color: whitesmoke;
}


footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer ul li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

footer ul li i {
    margin-right: 10px;
    font-size: 18px;
}

footer .social-icons {
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .social-icons li {
    margin: 0 10px;
}

footer .social-icons a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    background-color: darkblue;

}

footer .social-icons a:hover {
    background-color: #666;
}


@media (min-width: 768px) {
    footer {
        text-align: left;
    }



    /* footer .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    } */

    footer .col-md-4 {
        width: 33.33%;
    }


}

@media (max-width: 400px) {
    .section-footer {
        border-bottom: 1px solid white !important;
        border-right: none !important;
    }
}

.title {
    font-family: 'Dancing Script', cursive;
}


/* html, body {padding:0; margin:0; height:100%;}
footer{position: absolute; bottom: 0; left: 0; right: 0;} */