@charset "UTF-8";
@import url(main.css);
h2 { color: #f8f8f8; }

/*---------------------------------------------------------
BLOC DÉPANNAGE ÉLECTRIQUE
---------------------------------------------------------*/
.bloc-a7f3-depannage { padding: 80px 20px; }

.bloc-a7f3-container { width: 100%; padding: 0 80px; margin: 0 auto; display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 50px; align-items: start; }

.bloc-a7f3-label { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 10px 18px !important; margin-bottom: 18px; line-height: 1 !important; background: #0b1f3a; color: #ffffff; font-size: 0.9rem; border-radius: 50px; }

.bloc-a7f3-label p { margin: 0 !important; padding: 0 !important; line-height: 1 !important; }

.bloc-a7f3-title h1, .bloc-a7f3-title h2, .bloc-a7f3-title h3, .bloc-a7f3-title h4, .bloc-a7f3-title h5, .bloc-a7f3-title h6 { margin: 0 0 38px; color: #f8f8f8; line-height: 1.1; }

.bloc-a7f3-description p { margin: 0 0 18px; color: #f8f8f8; font-size: 17.6px; line-height: 1.7; }

.bloc-a7f3-description p:last-child { margin-bottom: 0; }

.bloc-a7f3-box { padding: 26px; border-radius: 24px; background: #ffffff; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08); border-left: 6px solid #f78b20; }

.bloc-a7f3-box-title h3 { margin: 0 0 24px; color: #111111; }

.bloc-a7f3-list { margin: 0; padding: 0; list-style: none; }

.bloc-a7f3-list li { position: relative; padding: 12px 0 12px 34px; color: #111111; font-size: 1rem; line-height: 1.5; border-bottom: 1px solid #eeeeee; }

.bloc-a7f3-list li:last-child { border-bottom: none; }

.bloc-a7f3-list li::before { content: ""; position: absolute; left: 0; top: 19px; width: 16px; height: 16px; border-radius: 50%; background: #f78b20; box-shadow: inset 0 0 0 5px #ffffff; border: 2px solid #f78b20; }

.bloc-a7f3-list li p { margin: 0; }

@media screen and (max-width: 900px) { .bloc-a7f3-container { grid-template-columns: 1fr; gap: 34px; padding: 0 20px; } .bloc-a7f3-depannage { padding: 60px 20px; } .bloc-a7f3-box { padding: 28px; } }

/*---------------------------------------------------------
BLOC DÉPANNAGE ÉLECTRIQUE INVERSÉ
---------------------------------------------------------*/
.bloc-a7f3-depannage--reverse .bloc-a7f3-container { grid-template-columns: 0.8fr 1.2fr; }

.bloc-a7f3-depannage--reverse .bloc-a7f3-box { grid-column: 1; grid-row: 1; }

.bloc-a7f3-depannage--reverse .bloc-a7f3-intro { grid-column: 2; grid-row: 1; }

@media screen and (max-width: 900px) { .bloc-a7f3-depannage--reverse .bloc-a7f3-container { grid-template-columns: 1fr; } .bloc-a7f3-depannage--reverse .bloc-a7f3-box, .bloc-a7f3-depannage--reverse .bloc-a7f3-intro { grid-column: auto; } .bloc-a7f3-depannage--reverse .bloc-a7f3-intro { grid-row: 1; } .bloc-a7f3-depannage--reverse .bloc-a7f3-box { grid-row: 2; } }

/*---------------------------------------------------------
BLOC PRESTATIONS BORNE DE RECHARGE
---------------------------------------------------------*/
.bloc-a7f3-borne { padding: 80px 20px; }

.bloc-a7f3-borne__container { width: 100%; padding: 0 80px; margin: 0 auto; }

.bloc-a7f3-borne__label { display: inline-flex; align-items: center; justify-content: center; padding: 10px 18px; margin-bottom: 18px; line-height: 1; background: #0b1f3a; color: #ffffff; font-size: 0.9rem; border-radius: 50px; }

.bloc-a7f3-borne__label p { margin: 0; padding: 0; line-height: 1; }

.bloc-a7f3-borne__header { max-width: 1550px; margin: 0 auto 45px; text-align: center; }

.bloc-a7f3-borne__header h2 { margin: 0 0 24px; line-height: 1.12; }

.bloc-a7f3-borne__intro { max-width: 1500px; margin: 0 auto; }

.bloc-a7f3-borne__intro p { margin: 0 0 14px; line-height: 1.7; color: #f8f8f8; }

.bloc-a7f3-borne__intro p:last-child { margin-bottom: 0; }

.bloc-a7f3-borne__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }

.bloc-a7f3-borne__card { position: relative; min-height: 300px; padding: 24px; border-radius: 22px; background: #ffffff; border: 1px solid rgba(16, 24, 40, 0.08); box-shadow: 0 18px 45px rgba(16, 24, 40, 0.13); overflow: hidden; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; }

.bloc-a7f3-borne__card::before { content: ""; position: absolute; right: -45px; top: -45px; width: 130px; height: 130px; border-radius: 50%; background: rgba(247, 139, 32, 0.08); transition: transform 0.35s ease, background 0.35s ease; }

.bloc-a7f3-borne__card:hover { transform: translateY(-6px); border-color: rgba(0, 133, 198, 0.28); box-shadow: 0 24px 60px rgba(16, 24, 40, 0.13); }

.bloc-a7f3-borne__card:hover::before { transform: scale(1.25); background: rgba(0, 133, 198, 0.14); }

.bloc-a7f3-borne__icon { position: relative; z-index: 1; width: 50px; height: 50px; margin-bottom: 22px; display: flex; align-items: center; justify-content: center; border-radius: 15px; background: #f78b20; color: #101828; font-size: 14px; font-weight: 800; transition: background 0.35s ease, color 0.35s ease; }

.bloc-a7f3-borne__card:hover .bloc-a7f3-borne__icon { background: #0085c6; color: #101828; }

.bloc-a7f3-borne__card h3 { position: relative; z-index: 1; margin: 0 0 14px; line-height: 1.25; }

.bloc-a7f3-borne__text { position: relative; z-index: 1; }

.bloc-a7f3-borne__text p { margin: 0; line-height: 1.65; }

/*---------------------------------------------------------
RESPONSIVE
---------------------------------------------------------*/
@media (max-width: 1200px) { .bloc-a7f3-borne__grid { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 768px) { .bloc-a7f3-borne { padding: 55px 15px; } .bloc-a7f3-borne__container { padding: 0; } .bloc-a7f3-borne__header { margin-bottom: 30px; text-align: left; } .bloc-a7f3-borne__intro { margin: 0; } .bloc-a7f3-borne__grid { grid-template-columns: 1fr; gap: 16px; } .bloc-a7f3-borne__card { min-height: auto; padding: 24px; border-radius: 18px; } .bloc-a7f3-borne__icon { width: 48px; height: 48px; margin-bottom: 20px; border-radius: 14px; } }

/*---------------------------------------------------------MAPS----------------------------------------------------------------*/
.map-content { padding: 25px 25px 25px 40px; }

.maps-section { width: calc(100% - 80px); margin: 0 auto; border-radius: 18px; overflow: hidden; }

/*---------------------------------------------------------BLOC PICTOCARD----------------------------------------------------------------*/
.picto_card { padding: 30px 30px; margin: 10px auto; }

.picto_card .row { margin-top: 0 !important; margin-bottom: 0 !important; }

.picto_card .svg-picto-card { max-width: 500px; margin: 0 auto; }

.picto_card .svg-picto-card .text-shadow { max-width: 350px; margin-left: auto; margin-right: auto; }

/*---------------------------------------------------------
BLOC CONTACT BREIZH ELEC
---------------------------------------------------------*/
.bloc-contact-breizh { padding: 80px 20px 0px 20px; }

.bloc-contact-breizh__container { max-width: 1200px; margin: 0 auto; text-align: center; }

.bloc-contact-breizh h2 { margin: 0; }

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