body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background: #181716;
}
header {
    background: #181716;
    color: white;
    padding: 15px 0;
    text-align: center;
}
ul {
    list-style: none; /* Supprime les puces des listes */
	padding: 0;
       display: flex; /* Permet d'aligner le texte dans le bouton */
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement */
    text-align: center; /* Assure le centrage du texte */
    gap: 10px; /* Espacement entre les boutons */
}

ul li a {
    display: flex; /* Permet d'aligner le texte dans le bouton */
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement */
    text-align: center; /* Assure le centrage du texte */
	background-color: #3c474a; /* Fond gris */
    color: white;
    padding: 10px 20px;
    border-radius: 18px; /* Coins arrondis */
    text-decoration: none;
	font-weight: bold;
    transition: background 0.3s;
}

ul li a:hover {
           display: flex; /* Permet d'aligner le texte dans le bouton */
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement */
    text-align: center; /* Assure le centrage du texte */
	background-color: #33879a; /* Change de couleur au survol */
}


section {
	display: flex;
    flex-direction: column;  /* Aligne les éléments verticalement */
    align-items: center;     /* Centre horizontalement */
    justify-content: center; /* Centre verticalement */
}

p {
    line-height: 1.4; /* Ajuste l'interlignage */
	    font-size: 1.2em;    /* Augmente la taille du texte (ajuste si besoin) */

}

p {
    text-align: center;
}

.p-special {
    color: white;        /* Texte en blanc */
    text-align: center;  /* Texte centré */
    font-size: 2em;    /* Augmente la taille du texte (ajuste si besoin) */
    font-weight: bold;   /* Texte en gras */
	    line-height: 1.4; /* Ajuste l'interlignage */
	  margin-bottom: 8px; /* réduit l'espace sous chaque paragraphe */
	color: #396AAC;
}

.p-special-rouge {
        color: white;        /* Texte en blanc */
text-align: center;  /* Texte centré */
    font-size: 2em;    /* Augmente la taille du texte (ajuste si besoin) */
    font-weight: bold;   /* Texte en gras */
	color: #C2494B;
}

.blanc {
    color: white;
	    line-height: 1.3; /* Ajuste l'interlignage */
    font-size: 1.4em;    /* Augmente la taille du texte (ajuste si besoin) */
	  margin-bottom: 3
		  px; /* réduit l'espace sous chaque paragraphe */


}

.bleu {
    color: #396AAC;
		    line-height: 1.4; /* Ajuste l'interlignage */
    font-size: 1.6em;    /* Augmente la taille du texte (ajuste si besoin) */


}

h2 {
	    text-align: center; 
	color: white;
	
	}
html, body {
    height: 100%;  /* Assure que la page prend toute la hauteur de l'écran */
    margin: 0;     /* Supprime les marges par défaut */
    display: flex;
    flex-direction: column; /* Organise le contenu en colonne */
}

main {
    flex: 1; /* Fait en sorte que le contenu prenne l'espace disponible */
}

.slideshow {
  position: relative;
  width: 100%;
  max-width: 600px;
  height: 1000px;
  overflow: hidden;
  margin: 40px auto;
  border-radius: 16px;
}

.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  object-fit: cover;
  object-position: center;
}

.slide.active {
  opacity: 1;
}

footer {
    background: #181716;
    color: white;
    text-align: center;
    padding: 10px 0;
    width: 100%;
	    font-size: 10px; /* 👈 Taille de texte réduite */

}