/* Police de caractères globale (vous pouvez changer la police si nécessaire) */
body {
    font-family: 'Arial', sans-serif;
}

/* Styles du conteneur de recherche (vous pouvez ajuster la largeur max et les marges) */
.search-container {
    max-width: 600px;
    margin: auto;
}
h2 {
    font-family: 'Bebas Neue', sans-serif; /* Utilise la police "Bebas Neue" */
    color: #000000; /* Couleur du texte */
    text-align: center; /* Centre le texte horizontalement */
    margin-top: 10px; /* Ajuste la marge supérieure selon vos besoins */
    /* Autres styles */
}
/* Styles pour les résultats de recherche (vous pouvez ajuster la taille de la police et la marge) */
#results div {
    font-size: 24px;
    font-family: 'Bebas Neue', Arial, sans-serif;
    margin-top: 10px;
}

.site-header {
    background-color: black;
    padding: 65px;
    text-align: center; /* Centrez le texte horizontalement dans l'en-tête */
    position: relative; /* Pour permettre le positionnement absolu du logo */
    border-bottom: 12px solid red; /* Ajoute une ligne rouge en bas de l'en-tête */

}


/* Styles pour le logo (vous pouvez ajuster la hauteur, la largeur max, etc.) */
.logo {
    height: 80px; /* ou une autre hauteur selon vos besoins */
    width: auto; /* cela garantit que l'aspect ratio du logo est maintenu */
    max-width: 80%; /* assurez-vous que le logo ne dépasse pas la largeur de son conteneur */
    position: absolute; /* Positionnement absolu */
    top: 50%; /* Déplacez le logo à 50% de la hauteur de l'en-tête */
    left: 50%; /* Déplacez le logo à 50% de la largeur de l'en-tête */
    transform: translate(-50%, -50%); /* Réalignez le logo au centre */
}
/* Styles pour le titre en haut du body */
.body-title {
    font-family: 'Kalnia', serif;
    color: #000000;
    text-align: center;
    margin-top: 20px; /* Ajustez la valeur selon la distance que vous souhaitez */
    /* Autres styles */
}