/* === Styles Globaux === */
		html, body {
			height: 100%;
			display: flex;
			flex-direction: column;
		}
		.container {
			max-width: 1200px;
			margin: 20px auto;
			padding: 0 20px;
			padding-top: 0.5rem; /* Ajuster cette valeur en fonction de la hauteur de la navbar */
			flex: 1;
		}
        .slogan-container {
            background-color: rgba(0, 0, 0, 0.5); /* Fond commun pour améliorer la lisibilité */
            border-radius: 20px; /* Arrondir les coins */
			padding-top: 150px; /* Ajouter du padding au-dessus du conteneur */
            margin-top: 100px; /* Crée un espace sous la barre de navigation */
			max-height: 200px; /* Hauteur maximale pour le conteneur */
        }
        .sloganh1, .sloganp {
            color: white;
            text-align: center;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
            margin-bottom: 50px; /* Espace entre les slogans */
        }

        .sloganh1 {
            font-size: 3em;
			margin-bottom: 10px; /* Réduit l'espace en dessous de h1 */
			margin-top: -120px; /* Remonte h1 */
		}

        .sloganp {
            font-size: 1.5em;
			margin-bottom: 10px; /* Réduit l'espace en dessous de p */
		}
        /* === Styles pour les Paragraphes === */
		p {
			font-family: 'Poppins', sans-serif;
			font-size: 1.0rem; 
			line-height: 1.2; 
			color: #333;
			margin-bottom: 1.5rem;
			text-align: justify; 
			letter-spacing: 0.2px;
		}
		/* === Styles pour le Footer === */
		footer {
			background-color: #333;
			color: #ffffff; 
			text-align: center;
			margin-top: auto; /* Permet au footer de rester en bas de la page */
		}
		footer p {
			color: #ffffff !important;
			font-family: 'Poppins', sans-serif;
			font-size: 1.0rem;
			line-height: 1.5;
			color: #333;
			margin-bottom: 1.5rem;
			text-align: center;
		}
		footer p a {
			color: #ffffff !important; /* Force la couleur jaune clair */
			text-decoration: none; /* Supprime le soulignement */
		}
        /* === Styles pour l'affichage mobile === */
		@media (max-width: 768px) {
		/* Couleur noir pour le menu hamburger */
		.navbar-toggler-icon {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='black' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
		}
		/* Ajuste la position du menu hamburger */
			.navbar-toggler {
				position: absolute;
				top: 0px; /* Ajustez selon la hauteur souhaitée */
				right: 85px; /* Rapproche du bord droit */
				margin: 0;
				padding: 0.5rem 0.75rem;
			}
			/* Limite la largeur de la barre de navigation */
			.navbar {
				max-width: 100%;
				overflow-x: hidden; /* Évite les débordements horizontaux */
				padding: 0;
			}
			/* Décale légèrement le menu déroulant vers la droite */
			.navbar-collapse {
				padding-left: 15px; /* Ajoute un espace à gauche */
			}

			/* Ajuste l'alignement du logo */
			.navbar-brand {
				margin-right: auto;
			}
		}