@charset "UTF-8";
@import url(main.css);
/*------------------------------------------------Bloc accordéon--------------------------------------*/
.accordion-button:not(.collapsed) { color: white !important; background-color: #132620 !important; box-shadow: inset 0 calc(var(--bs-accordion-border-width)* -1) 0 #19301e !important; }

/*---------------------------------Bouton après le texte*/
.accordion-item .btn { background-color: #132620; color: white; }

/*---------------------------------Bouton après le texte effet au survol*/
.accordion-item .btn:hover { background-color: transparent; border: 2px solid #132620; color: black; }

/*------------------------------------------------------------------------------------------Modifier les H1 en MAJ et les titres en gras*/
h1, h2, h3 { font-weight: bold; }

/*------------------------------------------------------------------------------------------Retirer le filtre noir sur la vidéo de la hp*/
.video-background-overlay { background-color: transparent !important; }

/*--------------------------------------------------------------------------------------------------HP BLOC PATCHWORK*/
@media all and (min-width: 990px) { div.row-cols-1 > div.col { width: 33.3333333333% !important; /* Chaque colonne prend un tiers de l'espace */ } }

.redirectsCards-div { margin-top: 0 !important; }

/*-------------------------------------------- ANIMATION HEADER*/
.animated-border-button:after { background-color: #C3A270; }

/*-------------------------------------------- COULEUR TEXTE MAP*/
.informations-list > div { color: #C3A270 !important; }

/* ------------------------------------------------------------Boutons socials */
.social-buttons { position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 1000; }

.social-button { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border: 2px solid white; border-radius: 50%; background-color: transparent; transition: transform 0.3s ease, box-shadow 0.3s ease; }

.social-button img { width: 60%; height: 60%; object-fit: contain; }

.social-button:hover { transform: scale(1.1); }

.facebook:hover { box-shadow: 0 0 10px #2475ac, 0 0 20px #2475ac; }

.tiktok:hover { box-shadow: 0 0 10px #ea77f6, 0 0 20px #ea77f6; }

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