@charset "UTF-8";
@import url(main.css);
/*----------no recherche fréquente----------*/
a.nav-link.fs-6.dropdown-toggle.px-0.text-color-secondary.text-center { display: none; }

/*-----grossissement boutons bloc texte-photo-----*/
.grow { transition: transform 0.3s ease; display: inline-block; }

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

/* --------ombre-------- */
div.shadow-lg { box-shadow: none !important; }

/*-----échange bloc tiktok-----*/
@media (min-width: 992px) { .row-cols-lg-2:nth-of-type(1) { flex-direction: row-reverse !important; } }

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

/*-----effet hover header-----*/
.animated-border-button span { transition: color 0.3s ease; }

.animated-border-button:hover span { color: #3ca36f !important; }

/*-------surlignement header--------*/
.animated-border-button:after { background-color: #3ca36f; }

/*---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); }

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

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

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

/*-----------------------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: 1400px) { .hc-card { width: 500px !important; } }

@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; } }

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

.btnFixe:hover { transform: scale(1.1); }

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

.social-button:not(.tiktok) { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border: 2px solid white; border-radius: 50%; background: linear-gradient(225deg, #9438bd 0%, #d03674 50%, #fec763 100%); transition: transform 0.3s ease, box-shadow 0.3s ease; }

.tiktok { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border: 2px solid white; border-radius: 50%; transition: transform 0.3s ease, box-shadow 0.3s ease; background: #000000; /* Fond noir */ }

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

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

.instagram:hover { box-shadow: 0 0 10px #d03674, 0 0 20px #d03674; }

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

/*---formulaire de contact recentrage---*/
#formContact { width: 100% !important; }

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