/* Body */
body{
    font-family: "Open Sans", Helvetica;;
    padding: 0;
    margin: 0;
    background: rgb(113, 115, 177);
    transition: all 0.4s ease-in-out;
}
/* Fin body */

/* Texte */
        /* Titre */
h1{
    margin-left: 50px;
}
        /* Fin titre */

        /* Sous-titre */
h2{
    margin-left: 50px;
}
        /* Fin sous-titre */
/* Fin texte */

/* Barre de navigation */
.onglets {
    margin: 20px 80px;
    display: flex; /* Assure que .onglets utilise flexbox */
    justify-content: space-between; /* Espace entre les éléments */
    align-items: center; /* Centre les éléments verticalement */
}

nav {
    display: flex;
    justify-content: space-between;
    align-items: center; /* Centre les éléments verticalement */
    position: sticky;
    top: 0;
    background-color: rgb(59, 60, 94);
    padding: 10px;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

#google_translate_element {
    margin-left: auto;
    margin: 0;
}

button {
    color: rgb(0, 0, 0);
    text-decoration: none;
    font-weight: bold;
}

button:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(125, 125, 125);
}

nav.onglets{
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}

nav button{
    border: none;
    border-radius: 10px;
    background-color: rgb(202, 202, 202);
    cursor: pointer;
    font-size: 15px;
    margin-right: 5px;
    outline: none;
    padding: 15px 20px;
    transition: all 0.4s ease-in-out;
}

/* Fin de la barre de navigation */

/* Contenue */
#cat_wait{
    margin-left: 10px;
        float: left;
        max-width: 100px;
        margin-right: 20px;
}

.imgtext {
    overflow: hidden; /* S'assure que le conteneur englobe l'image flottante */
}
/* Fin du contenue */

/* Pied de page */
.footer {
    background-color: #333; /* Fond sombre */
    color: white; /* Couleur du texte */
    padding: 20px; /* Espacement */
    text-align: center; /* Centre le texte */
}

.footer .container {
    max-width: 1200px;
    margin: 0 auto; /* Centre le conteneur */
}

.social-media {
    list-style: none; /* Supprime les puces de la liste */
    padding: 0; /* Supprime le padding */
}

.social-media li {
    display: inline; /* Affiche les éléments en ligne */
    margin: 0 10px; /* Espace entre les liens */
}

.social-media a {
    color: white; /* Couleur des liens */
    text-decoration: none; /* Supprime le soulignement */
}

.social-media a:hover {
    text-decoration: underline; /* Soulignement au survol */
}

/* Fin pied de page */

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


    /* Texte */
        /* Titre */
h1{
    margin: center;
    font-size: 15px;
}
        /* Fin titre */

        /* Sous-titre */
h2{
    margin: center;
    font-size: 10px;
}
        /* Fin sous-titre */
/* Fin texte */

/* Barre de navigation */
.onglets {
    margin: 0px auto;
}
nav button{
    border: none;
    border-radius: 10px;
    background-color: rgb(202, 202, 202);
    cursor: pointer;
    font-size: 10px;
    margin-right: 2px;
    outline: none;
    padding: 5px 10px;
    transition: all 0.4s ease-in-out;
}

#google_translate_element {
    margin: 15px;
}
/* Fin de la barre de navigation */
    }