@charset "UTF-8";
@import url(main.css);
h1, h2, h3 { font-weight: 600 !important; letter-spacing: 2px; }

.contenu { background-image: linear-gradient(115.57deg, #dfe8e6, rgba(223, 232, 230, 0.85) 95.12%), url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FvwhNRaZ88CYXRk3cN8eIYTXBIQK2%2Fimages%2F22_yzxq.webp?alt=media&token=1ca7e8c1-0d71-4aa1-a621-99632e36f2a5); background-size: cover; background-attachment: fixed; }

nav { width: 80vw; height: 12vh; margin-left: auto; margin-right: auto; border-radius: 0 0 10px 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }

.spacer { display: none; }

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

#divider-logo { background-image: url(https://centaure-b-ti10ttf76qlt7r.firebaseapp.com/assets/images/formation-risques-routiers-a-rennes-1051757.webp); background-size: contain; background-repeat: no-repeat; background-position: center; }

/*---------------------Boutons---------------------*/
.button_homepageDoubleScreen { transition: all 0.3s ease; border-radius: 10px !important; }

a.button-header-telephone { border-radius: 10px !important; }

/*---------------------Bannière CTA H1---------------------*/
.cta_banner { min-height: 70vh !important; }

.cta_banner h1 { color: white; }

.cta_banner h1::after { content: ""; display: block; height: 100px; width: 200px; background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvwhNRaZ88CYXRk3cN8eIYTXBIQK2%2Fimages%2FVisuels_Centaure_Bretagne_h3lc.webp); background-size: contain; background-position: center; background-repeat: no-repeat; margin: 20px auto; }

/*---------------------Item Stretch---------------------*/
.align-items-stretch { justify-content: space-between; margin: 70px 40px !important; background-color: transparent; }

@media (min-width: 992px) { .align-items-stretch .col { flex: 0 0 auto; width: 30% !important; } }

.align-items-stretch .background-image-div-opacity { border-radius: 10px; }

/*---------------------autres paragraphes--------------------*/
.rounded-3.shadow-lg { background-color: #242424; color: white !important; }

#seo2 img, #seo3 img, #seo4 img { border-radius: 10px; }

/*---------------------Bloc avis--------------------*/
#google-reviews-widget .owl-stage-outer { overflow: visible !important; }

.googleReviews-div div.rounded-3.shadow-lg { background-color: #EFF3F3 !important; color: #242424 !important; border-color: transparent !important; }

/*------ Images qui défilent -------------------------*/
.carousel-partenaires img { min-height: 450px !important; }

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

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

.maps-section h3 { background-color: #2A6654; padding: 5px; border-radius: 10px; }

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

#contact h3::before { content: ""; display: block; height: 100px; width: 200px; background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvwhNRaZ88CYXRk3cN8eIYTXBIQK2%2Fimages%2FVisuels_Centaure_Bretagne_h3lc.webp); background-size: contain; background-position: center; background-repeat: no-repeat; margin: 20px auto; }

/*---------------------Bloc SVG--------------------*/
@media (min-width: 992px) { .picto_card .col { width: 25%; } }

.picto_card .col { border-radius: 15px; margin: 10px 30px; }

.picto_card .col:nth-of-type(1) { background-color: #dfe8e6; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }

.picto_card .col:nth-of-type(2) { background-color: #242424; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }

.picto_card .col:nth-of-type(3) { background-color: #2a6654; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }

/*-----------------Charte Centaure--------*/
.photoTitleText h2 span { position: relative; padding-left: 20px; display: inline-block; z-index: 1; }

.photoTitleText h2 span::before { content: ""; position: absolute; left: -4px; top: 50%; transform: translateY(-50%); width: 25px; height: 7px; background-color: #CB521C; z-index: 0; }

.col-12.col-sm-8.col-lg-5 { position: relative; }

.col-12.col-sm-8.col-lg-5::before { content: ""; position: absolute; background-color: #CB521C; width: 80%; height: 80%; left: 20px; bottom: -20px; border-radius: 10px; z-index: 0; }

.col-12.col-sm-8.col-lg-5 img { position: relative; z-index: 1; }

.align-items-stretch .button_homepageDoubleScreen, .fleche { display: inline-flex; align-items: center; gap: 1rem; }

.align-items-stretch .button_homepageDoubleScreen::after, .fleche::after { content: "→"; display: flex; align-items: center; justify-content: center; background-color: #ffffff; color: #CB521C; font-size: 1.2rem; width: 2rem; height: 2rem; border-radius: 6px; flex-shrink: 0; }

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