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

h1 { letter-spacing: 2px !important; }

.animated-border-button:after { background-color: #f29200 !important; }

/*----------------------------------------Ajustements SEO---------------------------------*/
.maps-section.position-relative.bg-primaryColor { background-color: #29215d; }

/*-------------------------------------------------Bloc actu------------------------------*/
#news-posts-bloc { margin-top: 150px !important; margin-bottom: 150px !important; }

/*--------------------------------------Formulaire de contact-------------------------------*/
#contact .titles { font-size: 1.25rem !important; line-height: 1.5 !important; }

#contact .titles::before { content: ''; background-image: url(https://vieuvilleelec-agence-staging-kbqp.firebaseapp.com/assets/images/installateur-domotique-saint-meen-le-grand-7181998.webp); width: 50%; height: 150px; background-size: contain; background-position: center; background-repeat: no-repeat; display: block; margin-left: auto; margin-right: auto; margin-bottom: 50px; }

/* --------------------------------------------Bloc Espacement---------------------------*/
.b-bloc-divider { height: 150px !important; background-color: transparent !important; border: none !important; box-shadow: none !important; }

/*------------------------------------------------Bannière d'accueil---------------*/
div.sliderLogoContainer { width: 20vw !important; }

.carousel-item-homepage img { filter: none !important; }

/*---------------------------------------------------Paragraphe-------------------*/
strong { color: #29215d; font-size: 1.1em; }

/*----------------Guillemets----------------------------*/
div#intro .col-lg-7 .lead p, div#fournisseurs .col-lg-7 .lead p, #electricite .col-lg-7 .lead p { position: relative; z-index: 5; }

div#intro .titles, div#intro .lead, div#fournisseurs .titles, div#fournisseurs .lead, #electricite .titles, #electricite .lead { position: relative; z-index: 5; }

div#intro .col-lg-7 .lead::before, div#fournisseurs .col-lg-7 .lead::before, #electricite .col-lg-7 .lead::before { content: ''; position: absolute; top: 0; left: 0; transform: translate(-50%, -50%); z-index: 2; width: 200px; height: 200px; background-size: contain; background-repeat: no-repeat; background-position: center; }

#intro .col-lg-7 .lead::before, #fournisseurs .col-lg-7 .lead::before, #electricite .col-lg-7 .lead::before { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FU3k66P4FlWTelIEScQ93kvUHH862%2Fimages%2FVisuels_4_31v4.webp); }

/*---------------Ombre qui bouge---------------*/
#intro img, #fournisseurs img { display: inline-block; border-radius: 0 20% 0 28%; animation: ombrePulse 3s ease-in-out infinite; }

@keyframes ombrePulse { 0%, 100% { box-shadow: -10px 10px 0 #29215d; }
  50% { box-shadow: -15px 15px 10px #29215d; } }

/*-----------------Prise électrique-----------------*/
.col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { position: relative; /* nécessaire pour positionner les pseudo-éléments */ z-index: 1; }

/* Image du haut */
.col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::before { content: ""; position: absolute; top: -198px; /* ajuste selon la hauteur du câble */ left: 50%; transform: translateX(-50%); width: 200px; /* ajuste la taille selon ton design */ height: 200px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FU3k66P4FlWTelIEScQ93kvUHH862%2Fimages%2Ficones_4_0xqk.webp"); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 2; }

@media (max-width: 990px) { .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::before { display: none; } }

/* Image du bas */
.col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::after { content: ""; position: absolute; bottom: -199px; /* ajuste selon la hauteur du câble */ left: 70%; transform: translateX(-50%); width: 200px; height: 200px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FU3k66P4FlWTelIEScQ93kvUHH862%2Fimages%2Ficones_3_0h9v.webp"); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 2; }

/*-------------------------------------------------------------Cartes de services Custom----------------------*/
.custom-cards-2 { width: 100%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; max-width: 1300px; margin-left: auto; margin-right: auto; gap: 50px; }

.card__img { visibility: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 235px; border-top-left-radius: 12px; border-top-right-radius: 12px; }

.card__img--hover { transition: 0.2s all ease-out; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; position: absolute; height: 235px; border-top-left-radius: 12px; border-top-right-radius: 12px; top: 0; }

.custom-card-2 { transition: all 0.4s cubic-bezier(0.175, 0.885, 0, 1); background-color: #f29200; width: 33.3%; position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0px 13px 10px -7px rgba(0, 0, 0, 0.1); }

.custom-card-2:hover { box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, 0.1); transform: scale(1.1, 1.1); }

.card__info { z-index: 2; background-color: #f29200; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding: 16px 24px 24px 24px; }

.card__title { margin-top: 5px; margin-bottom: 10px; }

.custom-card-2:hover .card__img--hover { height: 100%; opacity: 0.3; }

.custom-card-2:hover .card__info { background-color: transparent; position: relative; }

.custom-card-2:hover .card__info-hover { opacity: 1; }

@media (max-width: 1024px) { .custom-cards-2 { flex-wrap: wrap; /* Permet aux cartes de passer à la ligne */ } .custom-card-2 { width: 48%; /* Deux cartes par ligne sur tablette */ margin-bottom: 20px; } }

@media (max-width: 768px) { .custom-card-2 { width: 100%; /* Une carte par ligne sur mobile */ margin-right: 0; /* Supprime les marges */ } }

/*------------------------------------Bloc maps---------------------------*/
.maps-section { padding: 50px; }

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

.maps-section .content { color: white !important; }

.maps-section iframe { border-radius: 12px; }

/*--------------------------------Boutons------------------*/
.button_header { font-size: 1.2em; }

/*----------------------------------Bloc SEO---------------------*/
div.first-activity-div, div.second-activity-div, div.third-activity-div { margin: 0 !important; width: 100%; padding: 50px !important; background-color: #29215d !important; color: white !important; border-radius: 0 !important; }

div.first-activity-div .mt-2, div.second-activity-div .mt-2, div.third-activity-div .mt-2 { margin-top: 0 !important; }

div.first-activity-div .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::before, div.second-activity-div .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::before, div.third-activity-div .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::before { display: none; }

div.first-activity-div .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::after, div.second-activity-div .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::after, div.third-activity-div .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::after { display: none; }

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