@charset "UTF-8";
@import url(main.css);
/*----------------------------------------  Boutons Facebook */
.btnFB { position: fixed; bottom: 60px; right: 0; padding: 10px 3px 10px 20px; background-image: url("https://i.ibb.co/mN3x4b6/fond-blocs-gradient-btn.jpg"); /* Set the background image */ background-size: cover; /* Ensures the image covers the entire element */ background-repeat: no-repeat; /* Prevents the image from repeating */ color: white; text-decoration: none; border-radius: 30px 0 0 30px !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 10; display: flex; align-items: center; transition: all 0.3s ease; width: 50px; /* Initial width for icon only */ overflow: hidden; /* Hides the extended text */ }

.btnFB .btnText { display: none; /* Masque le texte au départ */ margin-left: 10px; /* Espace entre l'icône et le texte */ font-size: 14px; font-weight: bold; }

.btnFB:hover { background-image: url("https://i.ibb.co/mN3x4b6/fond-blocs-gradient-btn.jpg"); /* Set the background image */ background-size: cover; /* Ensures the image covers the entire element */ background-repeat: no-repeat; /* Prevents the image from repeating */ color: white; width: 200px; /* Augmente la largeur pour révéler le texte */ }

.btnFB:hover .btnText { display: inline-block; /* Affiche le texte lors du survol */ }

.btnFB svg { transition: transform 0.3s ease; }

.btnFB:hover svg { transform: translateX(-10px); /* Déplace légèrement l'icône vers la gauche */ }

/*----------------------------------------  Boutons INSTA*/
.btnINSTA { position: fixed; bottom: 120px; right: 0; padding: 10px 3px 10px 20px; background-image: url("https://i.ibb.co/mN3x4b6/fond-blocs-gradient-btn.jpg"); /* Set the background image */ background-size: cover; /* Ensures the image covers the entire element */ background-repeat: no-repeat; /* Prevents the image from repeating */ color: white; text-decoration: none; border-radius: 30px 0 0 30px !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 10; display: flex; align-items: center; transition: all 0.3s ease; width: 50px; /* Initial width for icon only */ overflow: hidden; /* Hides the extended text */ }

.btnINSTA .btnText { display: none; /* Masque le texte au départ */ margin-left: 10px; /* Espace entre l'icône et le texte */ font-size: 14px; font-weight: bold; }

.btnINSTA:hover { background-image: url("https://i.ibb.co/mN3x4b6/fond-blocs-gradient-btn.jpg"); /* Set the background image */ background-size: cover; /* Ensures the image covers the entire element */ background-repeat: no-repeat; /* Prevents the image from repeating */ color: white; width: 200px; /* Augmente la largeur pour révéler le texte */ }

.btnINSTA:hover .btnText { display: inline-block; /* Affiche le texte lors du survol */ }

.btnINSTA svg { transition: transform 0.3s ease; }

.btnINSTA:hover svg { transform: translateX(-10px); /* Déplace légèrement l'icône vers la gauche */ }

/*----------------------------------------  Patchwork égal et n/b couleurs */
div.redirectsCards-div > .row > .col { filter: grayscale(1); }

div.redirectsCards-div > .row > .col:hover { filter: none; transition: all 0.3s cubic-bezier(0.86, 0.01, 0.15, 0.99); }

@media all and (min-width: 990px) { div.row-cols-1 > div.col { width: 33.3333333333% !important; } }

/*----------------------------------------  Modifier underline couleur */
#navigation-bar .navbar-nav .fs-6 h6 span { text-decoration: underline; text-decoration-color: #62d340; /* Apply the desired underline color */ }

/*----------------------------------------  couleur éléments bloc maps*/
.d-flex.py-3 { color: white; /* Change la couleur de tout le texte et des icônes */ }

.d-flex.py-3 a { color: white; /* Change la couleur des liens */ text-decoration: none; /* Supprime le soulignement */ }

/*----------------------------------------  bloc actu facebook effet défilement*/
.background-image-div-opacity { background-image: url(https://i.ibb.co/vkrK5xN/bandeau-debut-page-gradient.jpg); background-size: cover; /* L'image couvre toute la zone */ background-position: center; /* L'image est centrée */ background-attachment: fixed; /* Effet parallax */ background-repeat: no-repeat; /* Pas de répétition de l'image */ position: absolute; /* Positionnement pour couvrir tout le parent */ top: 0; left: 0; width: 100%; height: 100%; z-index: 0; /* Placé derrière les autres éléments */ }

/*----------------------------------------  items navbar hover couleur*/
.navbar-nav .animated-border-button:hover h6 span { color: #62d340 !important; /* Couleur verte forcée */ transition: color 0.3s ease; /* Transition fluide */ }

/*----------------------------------------  bandeau début de page*/
.websitePageTitle-div { background-image: url("/assets/images/fond_blocs_gradient_9ai5.webp") !important; background-size: cover !important; /* Couvre toute la surface */ background-position: center center !important; /* Centre l'image */ background-repeat: no-repeat !important; /* Evite de répéter l'image */ background-attachment: fixed !important; /* Effet de défilement de l'image */ }

.websitePageTitle-title { color: white !important; /* Texte en blanc */ }

/*----------------------------------------  SVG horaires de la bonne couleur*/
#Calque_4 .cls-1 { fill: #62d340; /* Nouvelle couleur */ }

#Calque_20 .cls-1 { fill: #62d340; /* Nouvelle couleur */ }

#Calque_22 .cls-1 { fill: #62d340; /* Nouvelle couleur */ }

/*----------------------------------------  bouton seul bardage modèles*/
.divBtnRDV { text-align: center; margin-bottom: 50px; margin-top: 50px; }

/* Style normal*/
.btnRDV { font-family: 'Raleway'; font-size: 1rem; padding: 15px 20px; background: #62d340; color: black; text-decoration: none; border-radius: 20px; font-weight: 500; }

/* Style HOVER*/
.btnRDV:hover { background: #83de68; color: black; transition: all 0.4s cubic-bezier(0.86, 0.01, 0.15, 0.99); }

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