@charset "UTF-8";
@import url(main.css);
/*---grossissement bouton header---*/
.button-header-telephone { transition: transform 0.3s ease, border 0.3s ease; display: inline-block; border: 2px solid #ffffff; }

.button-header-telephone:hover { transform: scale(1.05); }

/*---grossissement bouton---*/
.button_homepageDoubleScreen { transition: transform 0.3s ease; display: inline-block; }

.button_homepageDoubleScreen:hover { transform: scale(1.05); }

/*-----------------------carte responsive--------------------------*/
@media screen and (max-width: 1520px) { .hc-container { flex-wrap: wrap; /* Permet aux cartes de s'empiler lorsqu'il n'y a pas assez de place */ justify-content: center; /* Centrer les cartes */ } }

@media screen and (max-width: 1300px) { .hc-card { width: 450px !important; } }

@media screen and (max-width: 1024px) { .hc-card { width: 400px !important; } }

@media screen and (max-width: 820px) { .hc-card { width: 350px !important; } }

/*---ecriture bouton téléphone header---*/
.text-color-fourth { color: #ffffff !important; }

/*-------texte footer--------*/
footer, footer p, footer h5, footer a, footer li, footer ul, footer i { color: #ffffff !important; font-family: 'Poppins', sans-serif; }

.text-color-third { color: #ffffff !important; font-family: 'Poppins', sans-serif; text-align: justify; hyphens: auto; }

/*-------------------Galerie Custom--------------------------*/
#custom-gallery { padding-top: 40px; }

@media screen and (min-width: 991px) { #custom-gallery { padding: 60px 30px 0 30px; } }

#custom-gallery .image { height: 400px !important; margin: 20px 0; border-radius: 20px; }

.img-wrapper { position: relative; height: 100%; margin-top: -15px; }

.img-wrapper img { border-radius: 30px; width: 100%; }

.img-overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0; border-radius: 30px; }

.img-overlay i { color: #F9B066; font-size: 3em; }

#overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#overlay img { margin: 0; width: 80%; height: auto; object-fit: contain; padding: 5%; }

@media screen and (min-width: 768px) { #overlay img { width: 60%; } }

@media screen and (min-width: 1200px) { #overlay img { width: 50%; } }

#nextButton, #prevButton, #exitButton { background-color: #8fc96a; color: #fff; font-size: 1.2em; transition: background-color 0.3s; border: none; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; }

#nextButton:hover, #prevButton:hover, #exitButton:hover { background-color: #F9B066; }

@media screen and (min-width: 768px) { #nextButton, #prevButton, #exitButton { font-size: 1.6em; width: 50px; height: 50px; } }

#exitButton { position: absolute; top: 75px; right: 15px; }

.img-responsive { height: 100% !important; object-fit: cover !important; }

/*------------------------------------------Bouton Fixe en bas à droite------------------------------*/
.btnFixe { position: fixed; bottom: 20px; right: 20px; z-index: 10; width: 105px; transition: width 0.5s ease; }

.btnFixe:hover { width: 120px; transition: width 0.5s ease; }

/* -----bouton contact envoyer----- */
button.btn-outline-dark { --bs-btn-color: #ffffff; --bs-btn-border-color: #8fc96a; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #F9B066; --bs-btn-hover-border-color: #F9B066; --bs-btn-bg: #8fc96a; --bs-gradient: none; background-color: var(--bs-btn-bg); color: var(--bs-btn-color); }

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