@charset "UTF-8";
@import url(main.css);
/* --------ombre-------- */
div.shadow-lg { box-shadow: none !important; }

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

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

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

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

/*---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: #324276 !important; font-family: 'Poppins', sans-serif; }

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

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

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

.social-button { width: 70px; height: 70px; 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; }

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

.background-image-div-opacity { background-attachment: fixed; }

.row.row-cols-1.row-cols-lg-3.d-flex.g-3.px-3.my-5.position-relative.justify-content-center { margin-bottom: 0px !important; }

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