@charset "UTF-8";
@import url(main.css);
body > main > div.wrapper > div > section > div > div > div:nth-child(3) { display: none; }

#custom-cards .logo_nav { height: 10vh !important; object-fit: contain !important; }

/*---------------------------------Footer------------------------*/
div.logo-footer img.logo_nav { height: 12vh !important; width: 6vw !important; object-fit: contain !important; }

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

/*--------------------------------------Responsive----------------------------------------------*/
@media (max-width: 450px) { .fondDegradeLogo { max-width: 200px !important; } div.videoTitle { width: 100% !important; } }

@media (max-width: 1000px) { .fondDegradeLogo { max-width: 250px !important; } }

/*------------------------------------Enlever temporairement la carte "Technologies" sur l'accueil ⬆⬆⬆----------------------------------------------*/
#accueil { height: 0 !important; }

#navigation-bar-hide { opacity: 1 !important; top: 0 !important; }

.breadcrumb { box-shadow: inset 0 4px 6px -4px rgba(0, 0, 0, 0.3); }

div.col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { outline: 3px dashed #231c4f; outline-offset: -10px; }

lottie-player.lottie-scroll { display: none; }

/*------------------------- Bloc Vidéo--------------------------*/
.fondDegradeLogo { outline: 3px dashed #231c4f; outline-offset: -10px; max-width: 250px; }

.videoTitle { width: 60% !important; }

#secondaires + style + #fullHeight { height: 70vh !important; }

#secondaires + style + #fullHeight .fondDegradeLogo { max-width: 220px; }

.video-background-overlay { opacity: 0.6 !important; }

/*---------------------------Barre de navigation-----------------*/
.navbar .dropdown { display: none; }

nav a { text-decoration: none; }

a.navbar-brand { width: 8vw !important; height: 10vh !important; }

img.logo_nav { height: 100%; width: 100%; object-fit: cover !important; }

@media (max-width: 820px) { img.logo_nav { object-fit: contain !important; } }

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

#divider { height: 4rem !important; background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2F9j9OsGysfWSUwmpMR6pOf6k8GDb2%2Fimages%2Fpexels-pixabay-459486_j33r.webp?alt=media&token=677dcd14-dfa6-4480-be0c-257d5c8ef672); background-attachment: fixed; background-size: cover; background-position: center; }

#margin { height: 3rem !important; background-image: url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2F9j9OsGysfWSUwmpMR6pOf6k8GDb2%2Fimages%2Fpexels-enginakyurt-1487809_3q1u.webp?alt=media&token=3a5ed554-5374-43de-9249-53fdfea2abab"); background-size: cover; background-attachment: fixed; }

#secondaires { height: 0 !important; }

/* ----------------------------------------------Galerie Images --------------------------------------*/
#myGallery img, #myGallery video { outline: 2px dashed #FFFCF580; outline-offset: -17px; }

#myGallery video { pointer-events: none; }

/*--------Titres---------------*/
h2, h2 span, h3, h3 span { text-transform: uppercase; font-weight: bold; letter-spacing: 2px; }

.cta_banner .h2, .cta_banner h2 span { text-transform: none; font-weight: normal; letter-spacing: unset; font-size: 3rem !important; }

.navbar-nav { text-transform: uppercase; font-weight: bold; letter-spacing: 2px; }

@media (min-width: 1200px) { .h1, h1 { font-size: 2.3rem !important; letter-spacing: 1.5px; } }

@media (min-width: 1200px) { .cta_banner .h2, .cta_banner h2 { width: 60%; margin-left: auto; margin-right: auto; } }

/*------------Bloc CTA---------------*/
.cta_banner { min-height: 350px; position: relative; /* Nécessaire pour que le pseudo-élément soit positionné par rapport à ce bloc */ overflow: hidden; /* Optionnel si tu veux que rien ne dépasse */ }

.cta_banner { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F9j9OsGysfWSUwmpMR6pOf6k8GDb2%2Fimages%2FBanniere_couleur_stone_dp0d.webp); background-size: contain; background-blend-mode: luminosity; background-repeat: no-repeat; background-position: top right; background-attachment: scroll; min-height: 500px; }

/*------------Bloc Picto---------------*/
.picto_card { min-height: 500px; }

.picto_card p { font-size: 1.25rem !important; font-weight: 300 !important; }

.picto_card .row { align-items: center !important; min-height: 500px; }

/*---------------Bloc texte et image------------*/
.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative { width: 100vw !important; padding-bottom: 150px !important; padding-right: 2.5rem !important; padding-left: 2.5rem !important; }

.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative .background-image-div-opacity { background-attachment: fixed; }

div.col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { margin-top: -150px !important; }

div.col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 > img { min-height: 500px; object-fit: cover; aspect-ratio: 1; }

div.col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { margin-top: -150px !important; }

div.col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { background-color: #fffcf5; padding: 50px; }

/*----------------------------Bloc Maps----------------------*/
.maps-section { padding: 80px !important; background-color: #231c4f; }

.maps-section .item-content { color: #fffcf5; }

.maps-section .content { outline: 2px dashed #fffcf5; }

/*------------------------------Bloc SEO-------------------*/
div.first-activity-div, div.second-activity-div, div.third-activity-div { background-color: transparent; box-shadow: none !important; }

div.first-activity-div.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative, div.second-activity-div.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative, div.third-activity-div.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative { padding-bottom: 0 !important; }

div.first-activity-div div.col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2, div.second-activity-div div.col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2, div.third-activity-div div.col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { margin-top: 0 !important; aspect-ratio: 2; }

div.first-activity-div div.card, div.second-activity-div div.card, div.third-activity-div div.card { border-radius: 0 !important; }

div.first-activity-div .col-lg-7, div.second-activity-div .col-lg-7, div.third-activity-div .col-lg-7 { max-width: 800px; }

div.first-activity-div .row, div.second-activity-div .row, div.third-activity-div .row { justify-content: center; }

div.first-activity-div h3, div.second-activity-div h3, div.third-activity-div h3 { height: 100%; align-content: center; font-family: 'Poppins'; font-weight: 300 !important; }

div.first-activity-div p, div.second-activity-div p, div.third-activity-div p { color: #20232e; }

/*------------------------Formulaire de contact---------------------------*/
#contact { margin-top: -3rem !important; }

#formContact { outline: 2px dashed #231c4f; outline-offset: -10px; }

#contact .titles::before { content: ''; background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F9j9OsGysfWSUwmpMR6pOf6k8GDb2%2Fimages%2FLogo_Couleur_Stone_6oue.webp); width: 30%; height: 200px; background-size: contain; background-repeat: no-repeat; background-position: center; display: block; margin-left: auto; margin-right: auto; margin-bottom: 50px; }

/*------------------Bouton header----------*/
.button_header { border-radius: 0.66em !important; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; color: #231c4f !important; transition: color 0.3s ease; }

.button_header:hover { color: #fff4dc !important; }

/*---------------------Boutons-------------------------*/
:root { --glow-hue: 222deg; --shadow-hue: 180deg; --spring-easing: linear(
    0, 0.002, 0.01 0.9%, 0.038 1.8%, 0.156, 0.312 5.8%, 0.789 11.1%, 1.015 14.2%,
    1.096, 1.157, 1.199, 1.224 20.3%, 1.231, 1.231, 1.226, 1.214 24.6%,
    1.176 26.9%, 1.057 32.6%, 1.007 35.5%, 0.984, 0.968, 0.956, 0.949 42%,
    0.946 44.1%, 0.95 46.5%, 0.998 57.2%, 1.007, 1.011 63.3%, 1.012 68.3%,
    0.998 84%, 1
  ); --spring-duration: 1.33s; }

@property --shimmer { syntax: "<angle>";
  inherits: false;
  initial-value: 33deg; }

@keyframes shimmer { 0% { --shimmer: 0deg; }
  100% { --shimmer: 360deg; } }

@keyframes shine { 0% { opacity: 0; }
  15% { opacity: 1; }
  55% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes text { 0% { background-position: 100% center; }
  100% { background-position: -100% center; } }

button { background-color: #fff4dc; padding: 0.8em 1.4em; position: relative; isolation: isolate; border-radius: 0.66em !important; scale: 1; transition: all var(--spring-duration) var(--spring-easing); border: none; outline: none; }

button:hover:not(:active), button.active { transition-duration: calc(var(--spring-duration) * 0.5); scale: 1.1; box-shadow: 0 4px 8px -2px hsl(var(--glow-hue) 50% 20% / 50%), inset 0 0 0 transparent; }

button:active { scale: 1.1; transition-duration: calc(var(--spring-duration) * 0.5); }

.shimmer { position: absolute; inset: -40px; border-radius: inherit; mask-image: conic-gradient(from var(--shimmer, 0deg), transparent 0%, transparent 10%, black 36%, black 45%, transparent 50%, transparent 60%, black 85%, black 95%, transparent 100%); mask-size: cover; mix-blend-mode: plus-lighter; animation: shimmer 1.5s linear infinite both; }

button:hover .shimmer::before, button:hover .shimmer::after, button.active .shimmer::before, button.active .shimmer::after { opacity: 1; animation: shine 1.2s ease-in 1 forwards; }

.shimmer::before, .shimmer::after { transition: all 0.5s ease; opacity: 0; content: ""; border-radius: inherit; position: absolute; mix-blend-mode: color; inset: 40px; pointer-events: none; }

.shimmer::before { box-shadow: 0 0 2px 1px hsl(var(--glow-hue) 30% 85%), 0 0 4px 2px hsl(var(--glow-hue) 30% 70%), 0 0 8px 3px hsl(var(--glow-hue) 50% 65%); z-index: -1; }

.shimmer::after { box-shadow: inset 0 0 0 1px hsl(var(--glow-hue) 60% 90%), inset 0 0 2px 1px hsl(var(--glow-hue) 80% 75%); z-index: 2; }

button .text { color: #231c4f; background-clip: text; background-color: var(--bg); background-image: linear-gradient(120deg, transparent, hsla(var(--glow-hue), 100%, 80%, 0.66) 40%, hsla(var(--glow-hue), 100%, 90%, 0.9) 50%, transparent 52%); background-repeat: no-repeat; background-size: 300% 300%; background-position: center 200%; }

button:hover .text, button.active .text { animation: text 0.66s ease-in 1 both; }

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