@charset "UTF-8";
@import url(main.css);
/*------------Bloc actu------------------------------*/
#news-posts-bloc { margin-top: 150px !important; margin-bottom: 150px !important; }

/*--------------------------------Barre de navigation--------------------------*/
.navbar-brand { width: 20vw !important; height: 10vh !important; }

.logo_nav { object-fit: contain !important; width: 20vw !important; height: 10vh !important; }

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

@media (max-width: 980px) { .logo_nav, .navbar-brand { width: 50vw !important; height: 10vh !important; } }

#navbarSupportedContent > ul > li { padding-right: 1.1rem !important; padding-left: 1.1rem !important; }

#navbarSupportedContent > ul { margin-left: 0 !important; }

nav.navbar { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }

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

.spacer { display: none; }

/*--------------------------------------Bannière des pages secondaires--------------------------------*/
#secondaires + style + #fullHeight { height: 60vh !important; }

#secondaires { height: 0 !important; }

/*--------------------------------------------Formulaire de contact-----------------------------------------------*/
#contact .titles::before { content: ''; background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2Fi22923n5geR70s6T7LonWmZVlDy2%2Fimages%2Flogo_noir_png_nql5.webp?alt=media&token=eed2663a-e15b-4363-b9f7-6019cbb7998c); width: 40%; height: 200px; background-size: contain; background-position: center; background-repeat: no-repeat; display: block; margin-left: auto; margin-right: auto; margin-bottom: 50px; }

#contact .titles { font-size: 1.25rem !important; line-height: 1.5 !important; font-family: 'Poppins'; text-align: left !important; padding: 0 50px; }

#contact p:nth-child(3) { border-left: 3px solid #f30000; padding: 10px; }

/*---------------------------------Boutons-------------------------------------------------*/
a.button_header, a.button_homepageScreen { padding: 15px 25px !important; border: unset !important; border-radius: 15px !important; color: white !important; z-index: 1 !important; background: #ac1722 !important; position: relative !important; -webkit-box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27) !important; box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27) !important; transition: all 250ms !important; overflow: hidden !important; }

a.button_header::before, a.button_homepageScreen::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; width: 0 !important; border-radius: 15px !important; background-color: #f30000 !important; z-index: -1 !important; -webkit-box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27) !important; box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27) !important; transition: all 350ms !important; }

a.button_header:hover::before, a.button_homepageScreen:hover::before { width: 100% !important; }

/*-------------------------------------------------------------Bloc MAPS--------------------------------------------*/
.maps-section .text-center { font-size: 1.25rem !important; line-height: 1.5 !important; font-family: 'Poppins'; text-align: left !important; padding: 0 50px; }

.maps-section .text-center ul { border-left: 3px solid #f30000; }

.maps-section div.item-content.mx-5 > div:nth-child(1) > div:nth-child(2) > div > span { color: #ac1722; font-size: 1.8rem !important; }

.maps-section div.item-content.mx-5 > div:nth-child(2) > div:nth-child(2) > div > span { color: #ac1722; font-size: 1.8rem !important; }

.maps-section iframe { border-radius: 20px !important; }

.map-content { padding: 40px; }

@media (max-width: 980px) { .maps-section p { width: 100% !important; font-size: 1rem !important; } }

/*---------------------------Paragraphes---------------------------------------------------------*/
div.shadow-lg { box-shadow: none !important; }

img.d-block.mx-lg-auto.img-fluid { object-fit: cover; border-radius: 15px; max-height: 600px; aspect-ratio: 1 / 1; }

#intro-demenagement img.d-block.mx-lg-auto.img-fluid { aspect-ratio: auto !important; }

#introduction p, #garde-meuble p, #monte-meuble p, #intro-demenagement p, #intro-box p, #atouts-box p, #solution-box p, #duree-stockage p, #intro-monte-meuble p, #p-monte-meuble p { padding-left: 10px; width: 80%; }

@media (max-width: 980px) { #introduction p, #garde-meuble p, #monte-meuble p, #intro-demenagement p, #intro-box p, #atouts-box p, #solution-box p, #duree-stockage p, #intro-monte-meuble p, #p-monte-meuble p { width: 100% !important; font-size: 1rem !important; } }

@media (max-width: 768px) { #introduction, #garde-meuble, #monte-meuble, #intro-box, #intro-monte-meuble, #p-monte-meuble { background-image: none !important; } }

/*---------------------------PAGE ACCUEIL------------------------------*/
#introduction p:nth-child(3) { border-left: 3px solid #f30000; padding: 10px; }

#introduction { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fi22923n5geR70s6T7LonWmZVlDy2%2Fimages%2FLogo_Lemarie_1_k9jx.webp); background-size: 15%; background-position: bottom right; background-repeat: no-repeat; margin-top: 0 !important; margin-bottom: 0 !important; }

#garde-meuble p:nth-child(2) { border-left: 3px solid #f30000; padding: 10px; }

#garde-meuble { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fi22923n5geR70s6T7LonWmZVlDy2%2Fimages%2FLogo_Lemarie_3_zht0.webp); background-size: 15%; background-position: bottom center; background-repeat: no-repeat; background-color: #f9f9f9; }

#monte-meuble p:nth-child(2) { border-left: 3px solid #f30000; padding: 10px; }

#monte-meuble { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fi22923n5geR70s6T7LonWmZVlDy2%2Fimages%2FLogo_Lemarie_2_8l32.webp); background-size: 15%; background-position: bottom right; background-repeat: no-repeat; margin-top: 0 !important; margin-bottom: 0 !important; }

/*---------------------------PAGE DEMENAGEMENT------------------------------*/
#intro-demenagement p:nth-child(3) { border-left: 3px solid #f30000; padding: 10px; }

#intro-demenagement { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fi22923n5geR70s6T7LonWmZVlDy2%2Fimages%2FLogo_Lemarie_1_k9jx.webp); background-size: 15%; background-position: bottom right; background-repeat: no-repeat; margin-top: 0 !important; margin-bottom: 0 !important; }

/*---------------------------PAGE GARDE MEUBLE ------------------------------*/
#intro-box p:nth-child(2) { border-left: 3px solid #f30000; padding: 10px; }

#intro-box { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fi22923n5geR70s6T7LonWmZVlDy2%2Fimages%2FLogo_Lemarie_3_zht0.webp); background-size: 15%; background-position: bottom right; background-repeat: no-repeat; margin-top: 0 !important; margin-bottom: 0 !important; }

#atouts-box p:nth-child(3) { border-left: 3px solid #f30000; padding: 10px; }

#atouts-box { background-color: #f9f9f9; }

#solution-box p:nth-child(5) { border-left: 3px solid #f30000; padding: 10px; }

#solution-box { margin-top: 0 !important; margin-bottom: 0 !important; }

#duree-stockage { background-color: #f9f9f9; }

#duree-stockage p:nth-child(3) { border-left: 3px solid #f30000; padding: 10px; }

/*------------------------PAGE MONTE MEUBLE---------*/
#intro-monte-meuble p:nth-child(3) { border-left: 3px solid #f30000; padding: 10px; }

#intro-monte-meuble { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fi22923n5geR70s6T7LonWmZVlDy2%2Fimages%2FLogo_Lemarie_2_8l32.webp); background-size: 15%; background-position: bottom right; background-repeat: no-repeat; margin-top: 0 !important; margin-bottom: 0 !important; }

#p-monte-meuble p:nth-child(3) { border-left: 3px solid #f30000; padding: 10px; }

#p-monte-meuble { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fi22923n5geR70s6T7LonWmZVlDy2%2Fimages%2FChatGPT_Image_9_janv_2026_12_40_46_e2tm.webp); background-size: 15%; background-position: bottom center; background-repeat: no-repeat; background-color: #f9f9f9; }

/*------------------------------------------------------Texte international-------------------------------------------------------*/
#international { background-color: #f9f9f9; margin: 170px auto !important; background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fi22923n5geR70s6T7LonWmZVlDy2%2Fimages%2FLogo_Lemarie_4_48ys.webp); background-size: 8%; background-position: top right; background-repeat: no-repeat; }

#international img.d-block.mx-lg-auto.img-fluid { height: 300px; aspect-ratio: 3 / 1; }

@media (max-width: 980px) { #international p { width: 100% !important; font-size: 1rem !important; } }

/*-----------------------------------------------Galerie infini-------------------------------------------------------------*/
.infinite-gallery { overflow: hidden; width: 100%; position: relative; margin: 150px 0; }

.gallery-track { display: flex; gap: 20px; width: max-content; animation: scrollGallery 30s linear infinite; }

.gallery-item { flex: 0 0 auto; }

.gallery-item img { max-height: 400px; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 15px; display: block; }

/* Animation */
@keyframes scrollGallery { from { transform: translateX(0); }
  to { transform: translateX(-50%); } }

/* Pause au survol (optionnel) */
.infinite-gallery:hover .gallery-track { animation-play-state: paused; }

/*-----------------------------------------------Cartes----------------------------------------------------------------------*/
#demenagements, #actualite { background-color: transparent !important; }

#demenagements h2, #actualite h2 { color: #ac1722; font-size: 2.5em !important; }

div.cardsLinks-div { padding: 70px 0 150px 0; margin-top: 150px !important; }

div.cardsLinks-div video { padding: 0 !important; }

div.cardsLinks-div h3 { margin-top: 30px; }

div.cardsLinks-div .card { text-align: left; }

div.cardsLinks-div div.card-body { padding: 20px !important; }

.cardsLinks-div div.card-content > div:nth-child(1) { background-size: cover; height: 300px !important; }

@media (min-width: 768px) { div.cardsLinks-div .card-group { width: 33% !important; transition: all 0.5s ease; } div.cardsLinks-div .card-group:hover { transform: scale3d(1.05, 1.05, 1.05); } }

/*-----------------------------Bannière d'accueil----------------------------------------------*/
@media (max-width: 980px) { #fullHeight { height: 70vh !important; } }

.videoTitle { max-width: none !important; width: 100% !important; margin-top: 50px; }

@media (max-width: 980px) { .videoTitle { margin-top: 0 !important; } }

.video-background-overlay { opacity: 0.5 !important; background-color: white !important; }

/* Cible le paragraphe "À RENNES ET SES ALENTOURS" */
.videoTitle .titles p:nth-of-type(2) { display: flex; align-items: center; justify-content: center; gap: 10px; /* espace entre l'image et le texte */ }

/* Ajout de l'image à gauche */
.videoTitle .titles p:nth-of-type(2)::before { content: ""; display: inline-block; width: 30px; /* ajuste la taille si besoin */ height: 30px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fi22923n5geR70s6T7LonWmZVlDy2%2Fimages%2Fgif_531m.webp"); background-size: contain; background-repeat: no-repeat; background-position: center; flex-shrink: 0; }

.videoTitle p { letter-spacing: normal !important; }

.fondDegradeLogo { max-width: 350px; -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  100% { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@media (max-width: 768px) { .videoTitle p { font-size: 0.9em !important; } .fondDegradeLogo { animation-name: fadeInLeftMobile; max-width: 250px; } }

@keyframes fadeInLeftMobile { 0% { opacity: 0;
    transform: translateX(-40px); }
  100% { opacity: 1;
    transform: translateX(0); } }

/*---------------------------------------------Formules déménagement------------------------------------*/
#formules { background-color: #f9f9f9 !important; margin-bottom: 0 !important; margin-top: 100px !important; }

#formules h2 { color: #ac1722; font-size: 2.5em !important; }

.dm-formules-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8rem; background-color: #f9f9f9; padding: 100px; }

@media (max-width: 768px) { .dm-formules-wrapper { padding: 0 !important; } }

/* Mobile */
@media (max-width: 768px) { .dm-formules-wrapper { grid-template-columns: 1fr; } }

.dm-formule { border: 1px solid rgba(0, 0, 0, 0.08); border-left: 6px solid #AC1722; padding: 2rem; background: #fff; border-radius: 0.75rem; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04); }

.dm-formule-title { color: #AC1722; margin-bottom: 1.5rem; border: 3px solid #AC1722; width: fit-content; padding: 10px; border-radius: 15px; }

.dm-formule-intro { font-weight: 600; margin-bottom: 0.75rem; }

.dm-formule-subtitle { margin-top: 2rem; margin-bottom: 1.5rem; color: #F30000; font-family: 'Poppins' !important; text-transform: uppercase; font-weight: 600 !important; font-size: 1.4rem !important; }

.dm-formule-list { list-style: none; padding-left: 0; margin: 0.75rem 0 0; }

.dm-formule-list li { position: relative; padding-left: 1.6rem; margin-bottom: 0.5rem; }

.dm-formule-list li::before { content: "•"; position: absolute; left: 0; color: #F30000; font-weight: bold; }

.dm-formule-list--alt li::before { color: #AC1722; }

.dm-formule-highlight { margin-top: 1.5rem; padding: 1rem; background: rgba(243, 0, 0, 0.06); border-left: 4px solid #F30000; }

.dm-formule-note { margin-top: 1.25rem; font-style: italic; color: rgba(0, 0, 0, 0.7); }

/*------------------------------------------Pictos-------------------------------------------*/
@media (max-width: 900px) { .value__img { max-width: 120px !important; } .value__title { font-size: 1em !important; } }

@media (max-width: 768px) { .values { padding: 0px 0 !important; } }

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