@charset "UTF-8";
@import url(main.css);
h1 { display: flex; justify-content: center; align-items: center; height: 25vh; margin: 0; text-align: center; width: 100%; color: #000000; font-size: clamp(1.5rem, 4vw, 3rem); /* Responsive font size */ font-weight: 700; line-height: 1.2; padding: 0 1rem; /* Espacement sur les côtés */ }

.bandeau > div { width: 100%; }

/* Styles responsive pour mobile */
@media (max-width: 768px) { h1 { height: 20vh; /* Hauteur réduite sur mobile */ padding: 0 0.5rem; } }

@media (max-width: 480px) { h1 { height: 15vh; /* Encore plus petit sur très petit écran */ } }

/* Version avec !important si nécessaire pour override d'autres styles */
.force-override h1 { display: flex !important; justify-content: center !important; align-items: center !important; height: 25vh !important; margin: 0 !important; text-align: center !important; width: 100% !important; color: #000000 !important; }

.force-override .bandeau > div { width: 100% !important; }

img.fondDegradeLogo { height: 35vh !important; }

.page-content { background-size: contain; background-repeat: repeat; }

/*# sourceMappingURL=custom.css.map */