@charset "UTF-8";
@import url(main.css);
/*----------------------------------------  Bannière contact*/
.banner-experts { display: flex; align-items: center; justify-content: flex-start; width: 100%; padding: 20px; padding-bottom: 0px; box-sizing: border-box; /* Assure que le padding ne dépasse pas la largeur */ }

.banner-experts-left { width: 45%; display: flex; justify-content: center; align-items: center; }

.expert-link { display: inline-block; }

.expert-image { max-width: 100%; /* Image réduite */ height: auto; transition: transform 0.3s ease-in-out; /* Animation fluide */ }

.expert-image:hover { transform: scale(1.05); /* Légère augmentation de 5% */ }

.banner-experts-right { width: 100%; display: flex; justify-content: flex-start; align-items: center; text-align: left; }

.expert-title { font-family: 'Sora', sans-serif; font-size: 4.5rem; font-weight: 500; text-transform: uppercase; color: #5B9ED9; line-height: 1.2; letter-spacing: 1px; }

/*----------------------------------------  Bannière certifs*/
.banner { width: 100%; height: 450px; background: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FPP9xELbXqONIfTeXhthSzm2vVCl2%2Fimages%2Ffond_pour_certifs_6fio.webp") no-repeat center center fixed; background-size: cover; position: relative; /* Permet le positionnement absolu des enfants */ display: flex; align-items: center; /* Centre le texte principal verticalement */ justify-content: center; /* Centre le texte principal horizontalement */ text-align: center; padding: 20px; }

@media (max-width: 768px) { .banner { background-attachment: scroll; /* Désactiver l'effet sur mobile */ } }

.banner-text { max-width: 310px; color: #0A205C; font-size: 15px; font-weight: 400; line-height: 1.4; z-index: 2; transform: translateY(80px); }

.text-overlay { position: absolute; width: 100%; top: 0; left: 0; }

.text { position: absolute; color: #0A205C; /* Change la couleur si nécessaire */ font-size: 16px; font-weight: 400; }

/* Placement des textes libres */
.top-left { top: 100px; left: 480px; }

.top-left2 { top: 260px; left: 360px; }

.top-right { top: 100px; right: 480px; }

.top-right2 { top: 260px; right: 360px; }

/*----------------------------------------  Titre seul*/
.title-container { background-color: #5b9ed9; /* Bleu */ text-align: center; padding: 3%; width: 100%; max-width: 100%; box-sizing: border-box; }

.title-text { font-family: 'Poppins', Arial, sans-serif; font-size: 1.6rem; /* Ajustable selon tes besoins */ font-weight: 400; color: #ffffff; /* Blanc */ margin: 0; }

/*----------------------------------------  Enlever box shadow bloc SEO*/
div.shadow-lg { box-shadow: none !important; }

/*----------------------------------------  Grand titre accueil*/
.grand-titre { font-family: 'Sora', sans-serif; font-size: 8rem; font-weight: 500; text-transform: uppercase; color: #5B9ED9; text-align: left; margin-top: 10px; margin-bottom: 10px; padding: 0 10px; /* Ajoute un padding de 10px à gauche et à droite */ width: 100%; display: block; letter-spacing: 1px; line-height: 1.2; }

/*----------------------------------------  Navbar show et shadowbox homepage */
#navigation-bar-hide { opacity: 1 !important; top: 0 !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adjust values as needed */ }

/*----------------------------------------  Navbar show et shadowbox pages secondaires*/
#navigation-bar-show { opacity: 1 !important; top: 0 !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adjust values as needed */ }

/*----------------------------------------  Navbar transparente homepage */
.navbar { background-color: transparent !important; transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out; }

.navbar.scrolled { background-color: #FFFAF0 !important; /* Beige */ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); }

.animated-border-button { background-color: transparent !important; }

.logo-footer > img { filter: brightness(0) invert(1); }

/*----------------------------------------  Hero section filtres enlevés */
.carousel-item img { transform: none !important; transition: none !important; filter: none !important; }

/*----------------------------------------  Bloc maps */
.item-content { color: white; /* Texte en blanc */ }

.item-content i { color: white; /* Icônes en blanc */ }

.item-content a { color: white; /* Liens en blanc */ text-decoration: none; /* Supprime le soulignement */ }

.item-content a:hover { color: white; /* Assure que la couleur reste blanche au survol */ }

.websitePageTitle-div { display: none !important; }

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