@charset "UTF-8";
@import url(main.css);
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: #11185C !important; }

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

/* CSS CORRIGÉ pour éviter le chevauchement des 2 éléments du bas */
/* Conteneur principal */
.servicesGallery-div { display: grid !important; grid-template-columns: repeat(6, 1fr) !important; /* 6 colonnes pour mieux répartir */ gap: 20px !important; max-width: 1200px !important; margin: 0 auto !important; padding: 20px !important; }

/* Les 3 premiers éléments sur la première ligne */
.servicesGallery-div > .card-group:nth-child(1) { grid-column: 1 / 3 !important; grid-row: 1 !important; }

.servicesGallery-div > .card-group:nth-child(2) { grid-column: 3 / 5 !important; grid-row: 1 !important; }

.servicesGallery-div > .card-group:nth-child(3) { grid-column: 5 / 7 !important; grid-row: 1 !important; }

/* Les 2 derniers éléments sur la deuxième ligne, bien séparés */
.servicesGallery-div > .card-group:nth-child(4) { grid-column: 1 / 3 !important; grid-row: 2 !important; justify-self: center !important; margin-left: 25% !important; }

.servicesGallery-div > .card-group:nth-child(5) { grid-column: 5 / 7 !important; grid-row: 2 !important; justify-self: center !important; margin-right: 25% !important; }

/* Assurer que les cartes gardent leur taille */
.servicesGallery-div .card-group { width: 100% !important; max-width: 350px !important; }

.servicesGallery-div .card { width: 100% !important; height: auto !important; }

.servicesGallery-div .card-body { min-height: 30vh !important; background-size: cover !important; background-position: center !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 20px !important; }

/* Style du texte */
.servicesGallery-div .card-body h3, .servicesGallery-div .card-body .card-title { color: white !important; font-weight: bold !important; text-align: center !important; font-size: 1.2rem !important; line-height: 1.3 !important; word-wrap: break-word !important; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7) !important; margin: 0 !important; padding: 10px !important; }

/* Pour mobile et tablette - responsive */
@media (max-width: 992px) { .servicesGallery-div { grid-template-columns: repeat(2, 1fr) !important; } .servicesGallery-div > .card-group:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; } .servicesGallery-div > .card-group:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; } .servicesGallery-div > .card-group:nth-child(3) { grid-column: 1 !important; grid-row: 2 !important; } .servicesGallery-div > .card-group:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; margin: 0 !important; } .servicesGallery-div > .card-group:nth-child(5) { grid-column: 1 / 3 !important; grid-row: 3 !important; justify-self: center !important; margin: 0 !important; } }

@media (max-width: 768px) { .servicesGallery-div { grid-template-columns: 1fr !important; } .servicesGallery-div > .card-group:nth-child(n) { grid-column: 1 !important; grid-row: auto !important; justify-self: stretch !important; margin: 0 !important; } }

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

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