@charset "UTF-8";
@import url(main.css);
.photoTitleText:has(p:empty) { display: none; }

div.lead, p { font-size: 1.1rem !important; line-height: 1.75 !important; color: rgba(245, 245, 240, 0.82) !important; font-weight: 400 !important; }

#secondaires, #no-mask { height: 0 !important; }

.spacer { display: none !important; }

.animated-border-button:after { background-color: #ffbd59; }

.cc-nb-title, .cc-nb-text { color: black !important; }

/*-------------------------------------------------------------------AJUSTEMENTS SEO-------------------------------------------------------*/
#navbarSupportedContent > ul > li.dropdown.px-4 > div > a:nth-child(1) { font-size: 0.8em !important; }

#navbarSupportedContent > ul > li.dropdown.px-4 > div > ul a { transition: all 0.5s ease; }

#navbarSupportedContent > ul > li.dropdown.px-4 > div > ul a:hover { background-color: #caf964 !important; }

.first-banner-seo-page h1 { font-weight: 700; width: 80%; margin: auto; }

.bandeau h1 { font-weight: 700; width: 80%; margin: auto; color: #caf964 !important; }

#custom-cards + .cta_banner { background-image: url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FocgsVKt5xcXN7yDjfbHSu6wM9Hf2%2Fimages%2F603919403_17867345007525731_2949913471611028784_n_ly83.webp?alt=media&token=91e9251f-5045-4bdd-be41-d2be2327973c") !important; background-size: cover; background-attachment: fixed; background-position: center; }

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

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

/*-----------------------------------------------------------Bloc contact-----------------------------------------------*/
#contact .col-lg-6 { display: none; }

#contact .col-md-10 { width: 80%; margin: auto; }

#formContact > div.checkbox.mb-3 > label { color: white; }

#contact { position: relative !important; overflow: hidden !important; background: #050a05 !important; padding: 80px 0 !important; }

#contact .sh-video-bg { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 0.35 !important; z-index: 0 !important; pointer-events: none !important; }

#contact .sh-video-overlay { position: absolute !important; inset: 0 !important; z-index: 1 !important; pointer-events: none !important; }

#contact .sh-scanlines { position: absolute !important; inset: 0 !important; z-index: 2 !important; pointer-events: none !important; }

#contact .sh-corner { position: absolute !important; z-index: 4 !important; pointer-events: none !important; }

#contact .background-image-div-opacity { z-index: 0 !important; position: relative !important; }

#contact .sh-contact-header { position: relative !important; z-index: 5 !important; text-align: center; margin-bottom: 36px; }

#contact .row { position: relative !important; z-index: 5 !important; }

#contact #formContact { background: rgba(5, 10, 5, 0.75) !important; border: 1px solid rgba(202, 249, 100, 0.15) !important; border-radius: 2px !important; backdrop-filter: blur(12px); position: relative !important; z-index: 5 !important; }

#contact #formContact::before { content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg, #65c862, #caf964, #f6643f); }

#contact button[type="submit"] { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 16px 40px !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; cursor: pointer !important; border: none !important; border-radius: 0 999px 999px 0 !important; overflow: hidden !important; background: #caf964 !important; color: #050a05 !important; width: 100% !important; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s !important; }

#contact button[type="submit"]:hover { transform: translateY(-2px) translateX(2px) !important; box-shadow: 6px 12px 48px rgba(202, 249, 100, 0.35) !important; color: #050a05 !important; }

/*---------------------------------------------------------Texte centré-----------------------------------------------*/
.bloc-a7f3-card { position: relative; background: #050a05; border: 1px solid rgba(202, 249, 100, 0.15); border-radius: 2px; overflow: hidden; max-width: 1200px; margin: 0 auto; padding: 52px 56px 48px; }

.bloc-a7f3-card::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(101, 200, 98, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(101, 200, 98, 0.04) 1px, transparent 1px); background-size: 40px 40px; pointer-events: none; z-index: 0; }

.bloc-a7f3-card::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(101, 200, 98, 0.06) 0%, transparent 70%); pointer-events: none; z-index: 0; }

.bloc-a7f3-topline { position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg, #65c862, #caf964, #f6643f, #d78b3e); z-index: 2; }

.bloc-a7f3-corner { position: absolute; width: 32px; height: 32px; z-index: 2; pointer-events: none; animation: bloc-a7f3-corner-fade 3s ease-in-out infinite alternate; }

.bloc-a7f3-corner--tl { top: 10px; left: 10px; border-top: 1.5px solid #caf964; border-left: 1.5px solid #caf964; }

.bloc-a7f3-corner--tr { top: 10px; right: 10px; border-top: 1.5px solid #caf964; border-right: 1.5px solid #caf964; animation-delay: 1.5s; }

.bloc-a7f3-corner--bl { bottom: 10px; left: 10px; border-bottom: 1.5px solid #caf964; border-left: 1.5px solid #caf964; animation-delay: 0.75s; }

.bloc-a7f3-corner--br { bottom: 10px; right: 10px; border-bottom: 1.5px solid #caf964; border-right: 1.5px solid #caf964; animation-delay: 2.25s; }

.bloc-a7f3-inner { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 32px; text-align: center; }

.bloc-a7f3-eyebrow { display: inline-flex; align-items: center; gap: 10px; }

.bloc-a7f3-eyebrow-line { width: 28px; height: 2px; background: linear-gradient(90deg, #65c862, #caf964); flex-shrink: 0; }

.bloc-a7f3-eyebrow-label p { font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.35em !important; text-transform: uppercase; color: #65c862 !important; margin-bottom: 0 !important; }

.bloc-a7f3-text { color: rgba(245, 245, 240, 0.75); line-height: 1.75; max-width: 850px; }

.bloc-a7f3-text strong { color: #f5f5f0; font-weight: 600; }

.bloc-a7f3-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(101, 200, 98, 0.08); border: 1px solid rgba(101, 200, 98, 0.25); padding: 8px 18px; border-radius: 0 999px 999px 0; color: #caf964; font-size: 11px; }

.bloc-a7f3-badge p { color: #caf964 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.18em; text-transform: uppercase !important; margin-bottom: 0 !important; }

.bloc-a7f3-badge-dot { width: 6px; height: 6px; border-radius: 50%; background: #caf964; animation: bloc-a7f3-dot-blink 2s ease-in-out infinite; flex-shrink: 0; }

@keyframes bloc-a7f3-dot-blink { 0%, 100% { opacity: 1; }
  50% { opacity: 0.2; } }

@keyframes bloc-a7f3-corner-fade { 0% { opacity: 0.35; }
  100% { opacity: 1; } }

@media (max-width: 600px) { .bloc-a7f3-card { padding: 40px 24px 36px; } }

/*---------------------------------------------------Galerie---------------------------------------------------*/
#custom-gallery { background-color: #caf964; position: relative; margin: 80px 0; padding: 50px 24px; }

/* ── Triangles haut/bas ── */
#custom-gallery::before { content: ''; position: absolute; top: -78px; left: 0; width: 100%; height: 80px; background: #caf964; clip-path: polygon(0 100%, 100% 100%, 50% 0); z-index: 6; pointer-events: none; }

#custom-gallery::after { content: ''; position: absolute; bottom: -78px; left: 0; width: 100%; height: 80px; background: #caf964; clip-path: polygon(0 0, 100% 0, 50% 100%); z-index: 6; pointer-events: none; }

/* ── Grille ── */
#custom-gallery #image-gallery .row { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }

#custom-gallery .image { height: 380px !important; margin: 0 !important; padding: 0 !important; flex: 1 1 calc(25% - 6px); min-width: 220px; }

/* ── Wrapper image ── */
#custom-gallery .img-wrapper { position: relative; height: 100%; margin-top: 0; overflow: hidden; border-radius: 0; /* Coin lime en haut à gauche — DA */ box-shadow: inset 0 0 0 1px rgba(5, 10, 5, 0.1); }

#custom-gallery .img-wrapper::before, #custom-gallery .img-wrapper::after { content: ''; position: absolute; width: 20px; height: 20px; z-index: 3; pointer-events: none; opacity: 0; transition: opacity 0.35s; }

#custom-gallery .img-wrapper::before { top: 8px; left: 8px; border-top: 2px solid #050a05; border-left: 2px solid #050a05; }

#custom-gallery .img-wrapper::after { bottom: 8px; right: 8px; border-bottom: 2px solid #050a05; border-right: 2px solid #050a05; }

#custom-gallery .img-wrapper:hover::before, #custom-gallery .img-wrapper:hover::after { opacity: 1; }

/* ── Image ── */
#custom-gallery .img-responsive { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block; transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important; filter: brightness(0.92) saturate(0.95); }

#custom-gallery .img-wrapper:hover .img-responsive { transform: scale(1.06); filter: brightness(1) saturate(1.1); }

/* ── Overlay au hover ── */
#custom-gallery .img-overlay { background: rgba(5, 10, 5, 0.52) !important; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; opacity: 0 !important; transition: opacity 0.35s !important; z-index: 2; }

#custom-gallery .img-wrapper:hover .img-overlay { opacity: 1 !important; }

#custom-gallery .img-overlay i { color: #caf964 !important; font-size: 2em !important; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); }

#custom-gallery .img-wrapper:hover .img-overlay i { transform: scale(1.15) rotate(90deg); }

/* Ligne déco bas de chaque image */
#custom-gallery .img-overlay::after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg, #65c862, #caf964, #f6643f); }

/* ── Lightbox overlay ── */
#overlay { background: rgba(5, 10, 5, 0.92) !important; width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 9999; user-select: none; backdrop-filter: blur(6px); }

#overlay img { margin: 0; width: 80%; height: auto; max-height: 85vh; object-fit: contain; padding: 0; border: 1px solid rgba(202, 249, 100, 0.15); box-shadow: 0 0 80px rgba(0, 0, 0, 0.8); }

@media screen and (min-width: 768px) { #overlay img { width: 60%; } }

@media screen and (min-width: 1200px) { #overlay img { width: 50%; } }

/* ── Boutons lightbox ── */
#prevButton, #nextButton { color: #caf964 !important; font-size: 1.6em; cursor: pointer; transition: opacity 0.25s, transform 0.25s; padding: 12px; z-index: 2; }

#prevButton:hover, #nextButton:hover { opacity: 0.7; transform: scale(1.1); }

@media screen and (min-width: 768px) { #prevButton, #nextButton { font-size: 2.4em; } }

#exitButton { color: #f5f5f0; font-size: 1.4em; cursor: pointer; transition: opacity 0.25s, color 0.25s; position: absolute; top: 20px; right: 20px; padding: 8px; border: 1px solid rgba(245, 245, 240, 0.2); line-height: 1; }

#exitButton:hover { color: #caf964; border-color: rgba(202, 249, 100, 0.5); opacity: 1; }

@media screen and (min-width: 768px) { #exitButton { font-size: 1.8em; } }

/* ── Responsive ── */
@media screen and (max-width: 991px) { #custom-gallery .image { height: 280px !important; flex: 1 1 calc(50% - 6px); } }

@media screen and (max-width: 576px) { #custom-gallery .image { height: 220px !important; flex: 1 1 100%; } }

/* Génère la mosaïque via un canvas SVG en background */
#custom-gallery .img-wrapper .sh-sq-deco { position: absolute; bottom: 0; right: 0; width: 72px; height: 72px; z-index: 2; pointer-events: none; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr); gap: 2px; padding: 6px; transition: opacity 0.35s; }

/* Au hover, les carrés s'effacent pour laisser place à l'overlay */
#custom-gallery .img-wrapper:hover .sh-sq-deco { opacity: 0; }

/* Chaque carré */
#custom-gallery .img-wrapper .sh-sq-deco span { border-radius: 1px; display: block; animation: sqGalleryPulse 3s ease-in-out infinite alternate; }

/* Couleurs cycliques DA */
#custom-gallery .sh-sq-deco span:nth-child(4n+1) { background: #65c862; }

#custom-gallery .sh-sq-deco span:nth-child(4n+2) { background: #caf964; }

#custom-gallery .sh-sq-deco span:nth-child(4n+3) { background: #ffbd59; }

#custom-gallery .sh-sq-deco span:nth-child(4n+4) { background: #d78b3e; }

\
 #custom-gallery .sh-sq-deco span:nth-child(1) { opacity: 0.08; animation-delay: 0.00s; }

#custom-gallery .sh-sq-deco span:nth-child(2) { opacity: 0.10; animation-delay: 0.05s; }

#custom-gallery .sh-sq-deco span:nth-child(3) { opacity: 0.14; animation-delay: 0.10s; }

#custom-gallery .sh-sq-deco span:nth-child(4) { opacity: 0.18; animation-delay: 0.15s; }

#custom-gallery .sh-sq-deco span:nth-child(5) { opacity: 0.10; animation-delay: 0.08s; }

#custom-gallery .sh-sq-deco span:nth-child(6) { opacity: 0.16; animation-delay: 0.13s; }

#custom-gallery .sh-sq-deco span:nth-child(7) { opacity: 0.22; animation-delay: 0.18s; }

#custom-gallery .sh-sq-deco span:nth-child(8) { opacity: 0.28; animation-delay: 0.23s; }

#custom-gallery .sh-sq-deco span:nth-child(9) { opacity: 0.14; animation-delay: 0.06s; }

#custom-gallery .sh-sq-deco span:nth-child(10) { opacity: 0.22; animation-delay: 0.11s; }

#custom-gallery .sh-sq-deco span:nth-child(11) { opacity: 0.32; animation-delay: 0.16s; }

#custom-gallery .sh-sq-deco span:nth-child(12) { opacity: 0.42; animation-delay: 0.21s; }

#custom-gallery .sh-sq-deco span:nth-child(13) { opacity: 0.20; animation-delay: 0.04s; }

#custom-gallery .sh-sq-deco span:nth-child(14) { opacity: 0.30; animation-delay: 0.09s; }

#custom-gallery .sh-sq-deco span:nth-child(15) { opacity: 0.42; animation-delay: 0.14s; }

#custom-gallery .sh-sq-deco span:nth-child(16) { opacity: 0.55; animation-delay: 0.19s; }

@keyframes sqGalleryPulse { from { opacity: var(--sq-base, 0.15);
    transform: scale(0.92); }
  to { opacity: calc(var(--sq-base, 0.15) * 1.6);
    transform: scale(1); } }

/*--------------------------------------------------Paragraphe 1-----------------------------------------------------*/
/* ── Conteneur principal ───────────────────────────────────── */
.paragraphe1 { position: relative; background-color: black; padding: 90px 24px; overflow: hidden; display: flex; align-items: center; justify-content: center; }

/* ── Déco carrés gradient (côtés) ──────────────────────────── */
.p1-squares { position: absolute; top: 0; bottom: 0; width: 90px; display: grid; height: fit-content; margin: auto; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(7, 28px); gap: 4px; pointer-events: none; z-index: 0; }

.p1-squares--left { left: 0; }

.p1-squares--right { right: 0; }

.p1-sq { border-radius: 2px; opacity: 0; animation: sqFadeIn 0.6s ease both; }

/* Couleurs cycliques DA */
.p1-sq:nth-child(4n+1) { background: #65c862; }

.p1-sq:nth-child(4n+2) { background: #caf964; }

.p1-sq:nth-child(4n+3) { background: #f6643f; }

.p1-sq:nth-child(4n+4) { background: #d78b3e; }

/* Opacités décroissantes vers l'intérieur (effet fondu) */
.p1-squares--left .p1-sq:nth-child(3n+1) { opacity: 0; animation: sqFadeIn 0.6s ease both; }

.p1-squares--left .p1-sq:nth-child(3n+2) { opacity: 0; animation: sqFadeIn 0.6s ease both; }

.p1-squares--left .p1-sq:nth-child(3n+3) { opacity: 0; animation: sqFadeIn 0.6s ease both; }

/* On utilise les nth-child pour grad horizontal via opacity inline */
@keyframes sqFadeIn { from { opacity: 0;
    transform: scale(0.7); }
  to { opacity: var(--sq-op, 0.18);
    transform: scale(1); } }

/* ── Layout intérieur ──────────────────────────────────────── */
.p1-inner { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1.1fr 1fr; gap: 40px; max-width: 1200px; width: 100%; align-items: center; }

/* ── Vidéos encadrées ──────────────────────────────────────── */
.p1-video-wrap { position: relative; }

/* Coins style bannière */
.p1-video-wrap::before, .p1-video-wrap::after { content: ''; position: absolute; width: 36px; height: 36px; z-index: 2; pointer-events: none; animation: p1CornerFade 3s ease-in-out infinite alternate; }

.p1-video-wrap--left::before { top: -8px; left: -8px; border-top: 2px solid #caf964; border-left: 2px solid #caf964; }

.p1-video-wrap--left::after { bottom: -8px; right: -8px; border-bottom: 2px solid #caf964; border-right: 2px solid #caf964; animation-delay: 1.5s; }

.p1-video-wrap--right::before { top: -8px; right: -8px; border-top: 2px solid #caf964; border-right: 2px solid #caf964; animation-delay: 0.75s; }

.p1-video-wrap--right::after { bottom: -8px; left: -8px; border-bottom: 2px solid #caf964; border-left: 2px solid #caf964; animation-delay: 2.25s; }

/* Coins supplémentaires via spans enfants */
.p1-video-wrap .p1-corner-tl, .p1-video-wrap .p1-corner-br, .p1-video-wrap .p1-corner-tr, .p1-video-wrap .p1-corner-bl { position: absolute; width: 36px; height: 36px; z-index: 2; pointer-events: none; }

.p1-corner-tl { top: -8px; left: -8px; border-top: 2px solid #caf964; border-left: 2px solid #caf964; animation: p1CornerFade 3s ease-in-out infinite alternate; }

.p1-corner-tr { top: -8px; right: -8px; border-top: 2px solid #caf964; border-right: 2px solid #caf964; animation: p1CornerFade 3s ease-in-out 0.75s infinite alternate; }

.p1-corner-bl { bottom: -8px; left: -8px; border-bottom: 2px solid #caf964; border-left: 2px solid #caf964; animation: p1CornerFade 3s ease-in-out 1.5s infinite alternate; }

.p1-corner-br { bottom: -8px; right: -8px; border-bottom: 2px solid #caf964; border-right: 2px solid #caf964; animation: p1CornerFade 3s ease-in-out 2.25s infinite alternate; }

@keyframes p1CornerFade { from { opacity: 0.2; }
  to { opacity: 1; } }

.p1-video { display: block; width: 100%; aspect-ratio: 9 / 16; object-fit: cover; border-radius: 2px; }

/* Overlay dégradé sur chaque vidéo */
.p1-video-wrap .p1-vid-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(5, 10, 5, 0.3) 0%, transparent 40%, rgba(5, 10, 5, 0.4) 100%); border-radius: 2px; pointer-events: none; z-index: 1; }

/* ── Colonne centrale texte ────────────────────────────────── */
.p1-text { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }

/* Petite ligne déco au-dessus */
.p1-text-eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; }

.p1-text-eyebrow-line { width: 32px; height: 2px; background: linear-gradient(90deg, #65c862, #caf964); flex-shrink: 0; }

.p1-text-eyebrow-label { font-size: 11px; font-weight: 700; letter-spacing: 0.35em; text-transform: uppercase; color: #caf964; }

.p1-text p { color: rgba(245, 245, 240, 0.82); line-height: 1.75; margin: 0 0 36px 0; font-size: 1.15rem; }

.p1-text h3 { line-height: 1.9 !important; }

/* ── Bouton "À propos" — style transparent outline ─────────── */
.p1-btn { position: relative; display: inline-flex; align-items: center; gap: 12px; padding: 15px 40px 15px 28px !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; text-decoration: none !important; cursor: pointer; border: none !important; border-radius: 0 999px 999px 0 !important; overflow: hidden; color: #f5f5f0 !important; background: transparent !important; box-shadow: inset 0 0 0 1.5px rgba(245, 245, 240, 0.35) !important; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s, filter 0.3s !important; }

.p1-btn::before { content: ''; position: absolute !important; inset: 0 !important; border-radius: inherit !important; background: rgba(255, 255, 255, 0.08) !important; transform: translateX(-101%) !important; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important; z-index: 0 !important; }

.p1-btn:hover::before { transform: translateX(0) !important; }

.p1-btn:hover { transform: translateY(-3px) translateX(2px) !important; color: #f5f5f0 !important; text-decoration: none !important; box-shadow: inset 0 0 0 1.5px rgba(245, 245, 240, 0.75), 4px 10px 32px rgba(0, 0, 0, 0.35) !important; }

.p1-btn__label { position: relative; z-index: 1; }

/* Icône demi-soleil */
.p1-btn__sun { position: relative; z-index: 1; width: 22px; height: 22px; flex-shrink: 0; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); }

.p1-btn:hover .p1-btn__sun { transform: rotate(30deg) scale(1.15); }

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 900px) { .p1-inner { grid-template-columns: 1fr !important; grid-template-rows: auto auto auto; gap: 48px; } .p1-video-wrap--right { order: 3; } .p1-text { order: 2; } .p1-video-wrap--left { order: 1; } .p1-video { aspect-ratio: 16 / 9; } .p1-squares { display: none; } }

/*---------------------------------------------------Paragraphe 2 --------------------------------------------------*/
#paragraphe2 { position: relative; overflow: hidden; background: #050a05 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; padding: 150px 0 !important; }

#paragraphe2 .row { max-width: 1300px; margin: auto; }

#paragraphe2::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 80px; background: #000000; clip-path: polygon(0 0, 100% 0, 50% 100%); z-index: 6; pointer-events: none; }

#paragraphe2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; background: #000000; clip-path: polygon(0 100%, 100% 100%, 50% 0); z-index: 6; pointer-events: none; }

/* ── Vidéo de fond ── */
#paragraphe2 .sh-video-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.42; z-index: 0; pointer-events: none; }

/* ── Dégradé sombre par-dessus la vidéo ── */
#paragraphe2 .sh-video-overlay { position: absolute; inset: 0; z-index: 1; background: radial-gradient(circle at center, #0000005c 0%, #00000096 25%, #050a0500 55%, #050a0500 100%); pointer-events: none; }

/* ── Grille animée ── */
#paragraphe2 .sh-grid { position: absolute; inset: 0; z-index: 1; background-image: linear-gradient(rgba(101, 200, 98, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(101, 200, 98, 0.04) 1px, transparent 1px); background-size: 60px 60px; animation: shGridPulse 8s ease-in-out infinite; pointer-events: none; }

/* ── Scanlines ── */
#paragraphe2 .sh-scanlines { position: absolute; inset: 0; z-index: 2; background-image: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0, 0, 0, 0.06) 3px, rgba(0, 0, 0, 0.06) 4px); pointer-events: none; }

/* ── Coins ── */
#paragraphe2 .sh-corner { position: absolute; z-index: 4; width: 56px; height: 56px; pointer-events: none; }

#paragraphe2 .sh-corner--tl { top: 20px; left: 20px; border-top: 2px solid #caf964; border-left: 2px solid #caf964; animation: shCornerFade 3s ease-in-out infinite alternate; }

#paragraphe2 .sh-corner--tr { top: 20px; right: 20px; border-top: 2px solid #caf964; border-right: 2px solid #caf964; animation: shCornerFade 3s ease-in-out 1.5s infinite alternate; }

#paragraphe2 .sh-corner--bl { bottom: 20px; left: 20px; border-bottom: 2px solid #caf964; border-left: 2px solid #caf964; animation: shCornerFade 3s ease-in-out 0.75s infinite alternate; }

#paragraphe2 .sh-corner--br { bottom: 20px; right: 20px; border-bottom: 2px solid #caf964; border-right: 2px solid #caf964; animation: shCornerFade 3s ease-in-out 2.25s infinite alternate; }

/* ── Contenu au-dessus de la vidéo ── */
#paragraphe2 .row { position: relative; z-index: 5; }

/* ── Titres ── */
#paragraphe2 .titles h2 { color: #f5f5f0 !important; text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5); }

#paragraphe2 h3 { text-shadow: 0 2px 16px rgba(0, 0, 0, 0.4); display: flex; align-items: center; gap: 10px; font-size: 1.5rem !important; margin: 50px 0 30px 0; }

/* ── Texte lead ── */
#paragraphe2 .lead p { color: white !important; }

#paragraphe2 .order-xxl-1 { padding: 0 50px; }

/* ── Image : léger halo ── */
#paragraphe2 img { filter: drop-shadow(0 0 28px rgba(202, 249, 100, 0.15)); aspect-ratio: 1 / 1; object-fit: cover; }

#paragraphe2 .order-xxl-2 { position: relative; padding: 0 !important; }

#paragraphe2 .order-xxl-2::after { bottom: -8px; right: -8px; border-bottom: 2px solid #caf964; border-right: 2px solid #caf964; animation-delay: 1.5s; }

#paragraphe2 .order-xxl-2::before { top: -8px; left: -8px; border-top: 2px solid #caf964; border-left: 2px solid #caf964; }

#paragraphe2 .order-xxl-2::before, #paragraphe2 .order-xxl-2::after { content: ''; position: absolute; width: 36px; height: 36px; z-index: 2; pointer-events: none; animation: p1CornerFade 3s ease-in-out infinite alternate; }

/* ── Bouton vert primaire ── */
#paragraphe2 .sh-btn { position: relative; display: inline-flex; align-items: center; gap: 12px; padding: 18px 44px 18px 32px; font-size: 12px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; cursor: pointer; border: none; border-radius: 0 999px 999px 0; overflow: hidden; margin-top: 32px; background: #caf964; color: #050a05; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s, filter 0.3s; }

#paragraphe2 .sh-btn:hover { transform: translateY(-3px) translateX(2px); box-shadow: 6px 12px 48px rgba(202, 249, 100, 0.4); filter: brightness(1.05); text-decoration: none; color: #050a05; }

#paragraphe2 .sh-btn__label { position: relative; z-index: 2; }

#paragraphe2 .sh-btn__sun { position: relative; z-index: 2; width: 28px; height: 28px; flex-shrink: 0; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); }

#paragraphe2 .sh-btn:hover .sh-btn__sun { transform: rotate(30deg) scale(1.15); }

#paragraphe2 .sh-btn-wipe { position: absolute; inset: 0; border-radius: inherit; background: #65c862; transform: translateX(-101%); transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); z-index: 1; }

#paragraphe2 .sh-btn:hover .sh-btn-wipe { transform: translateX(0); }

#paragraphe2 .sh-btn__sun-rays { animation: shRayspin 6s linear infinite; transform-origin: 14px 14px; }

#paragraphe2 .sh-btn:hover .sh-btn__sun-rays { animation-duration: 2s; }

/*--------------------------------------------------Réseaux-sociaux---------------------------------------*/
#bloc-social { position: relative; background: #050a05; padding: 80px 24px; overflow: hidden; }

#bloc-social .sh-scanlines { position: absolute; inset: 0; z-index: 0; background-image: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0, 0, 0, 0.06) 3px, rgba(0, 0, 0, 0.06) 4px); pointer-events: none; }

#bloc-social .sh-corner { position: absolute; z-index: 4; width: 56px; height: 56px; pointer-events: none; }

#bloc-social .sh-corner--tl { top: 20px; left: 20px; border-top: 2px solid #caf964; border-left: 2px solid #caf964; animation: shCornerFade 3s ease-in-out infinite alternate; }

#bloc-social .sh-corner--tr { top: 20px; right: 20px; border-top: 2px solid #caf964; border-right: 2px solid #caf964; animation: shCornerFade 3s ease-in-out 1.5s infinite alternate; }

#bloc-social .sh-corner--bl { bottom: 20px; left: 20px; border-bottom: 2px solid #caf964; border-left: 2px solid #caf964; animation: shCornerFade 3s ease-in-out 0.75s infinite alternate; }

#bloc-social .sh-corner--br { bottom: 20px; right: 20px; border-bottom: 2px solid #caf964; border-right: 2px solid #caf964; animation: shCornerFade 3s ease-in-out 2.25s infinite alternate; }

/* ── Contenu ── */
#bloc-social .sh-social-inner { position: relative; z-index: 2; margin: 0 auto; }

/* ── Header ── */
#bloc-social .sh-social-header { text-align: center; margin-bottom: 52px; }

#bloc-social .sh-social-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 16px; }

#bloc-social .sh-social-eyebrow-line { width: 32px; height: 2px; background: linear-gradient(90deg, #65c862, #caf964); flex-shrink: 0; }

#bloc-social .sh-social-eyebrow-label { font-size: 15px; font-weight: 700; letter-spacing: 0.35em; text-transform: uppercase; color: #65c862; }

#bloc-social .sh-social-title { color: #f5f5f0; font-weight: 700; margin: 0; }

#bloc-social .sh-social-title mark { background: none; color: #caf964; font-family: 'Boldonse'; text-transform: uppercase; }

/* ── Grille : flex centré, chaque carte à sa taille naturelle ── */
#bloc-social .sh-social-grid { display: flex; flex-wrap: wrap; gap: 32px; justify-content: center; align-items: flex-start; }

/* ── Carte : largeur calée sur l'iframe qu'elle contient ── */
#bloc-social .sh-social-card { position: relative; background: rgba(5, 10, 5, 0.6); border: 1px solid rgba(202, 249, 100, 0.12); border-radius: 2px; overflow: hidden; flex-shrink: 0; }

/* Carte Facebook : 500px = largeur de l'iframe FB */
#bloc-social .sh-social-card--fb { width: 500px; }

/* Carte Instagram : 540px = wp= dans l'URL embed */
#bloc-social .sh-social-card--ig { width: 540px; }

/* Ligne déco bas */
#bloc-social .sh-social-card::after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg, #65c862, #caf964, #f6643f); pointer-events: none; z-index: 2; }

/* ── Label réseau ── */
#bloc-social .sh-social-card-label { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid rgba(202, 249, 100, 0.1); }

#bloc-social .sh-social-card-label i { font-size: 18px; color: #caf964; }

#bloc-social .sh-social-card-label span { font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(245, 245, 240, 0.6); }

/* ── Iframes : taille fixe, même hauteur ── */
#bloc-social #facebookIframe, #bloc-social #instagram-embed-1 { display: block; height: 600px; border: none; }

#bloc-social #facebookIframe { width: 500px; }

#bloc-social #instagram-embed-1 { width: 540px; }

/* ── Responsive ── */
@media (max-width: 580px) { #bloc-social .sh-social-card--fb, #bloc-social .sh-social-card--ig { width: 100%; } #bloc-social #facebookIframe, #bloc-social #instagram-embed-1 { width: 100%; } }

/*------------------------------------------------------ Bloc icônes ----------------------------------------------------------------------------------------*/
.bloc-icone { position: relative; background-color: black; padding: 90px 24px; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 64px; }

/* Titre principal */
.p2-heading { position: relative; z-index: 2; text-align: center; }

.p2-heading h2 { color: rgba(245, 245, 240, 0.95); margin: 0 0 0 0; font-weight: 800; letter-spacing: -0.01em; }

.p2-heading .p1-text-eyebrow { justify-content: center; margin-bottom: 20px; }

/* Grille 3 colonnes */
.p2-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; max-width: 1200px; width: 100%; }

.p2-grid.colonnes4 { grid-template-columns: repeat(2, 1fr); }

/* Carte icône */
.p2-card { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 36px 32px; border: 1px solid rgba(245, 245, 240, 0.1); border-top: 2px solid #caf964; background: rgba(255, 255, 255, 0.03); border-radius: 2px; position: relative; transition: border-color 0.3s, background 0.3s; }

.p2-card::before { content: ''; position: absolute; inset: 0; border-radius: 2px; background: linear-gradient(135deg, rgba(202, 249, 100, 0.04) 0%, transparent 60%); pointer-events: none; }

.p2-card:hover { border-color: rgba(245, 245, 240, 0.2); border-top-color: #65c862; background: rgba(255, 255, 255, 0.06); }

/* Icône bootstrap encadrée */
.p2-icon-wrap { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(202, 249, 100, 0.3); border-radius: 2px; background: rgba(202, 249, 100, 0.06); flex-shrink: 0; }

.p2-icon-wrap i { font-size: 22px; color: #caf964; }

/* Titre carte */
.p2-card h3 { color: rgba(245, 245, 240, 0.9); margin: 0; font-weight: 700; letter-spacing: 0.01em; line-height: 1.35; }

/* Séparateur déco */
.p2-card-line { width: 28px; height: 2px; background: linear-gradient(90deg, #65c862, #caf964); flex-shrink: 0; }

/* Zone bouton */
.p2-cta { position: relative; z-index: 2; display: flex; justify-content: center; }

/* Décoration carrés réutilisée */
.bloc-icone .p1-squares { display: grid; }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 900px) { .p2-grid, .p2-grid .colonnes4 { grid-template-columns: 1fr !important; gap: 24px; } .bloc-icone .p1-squares { display: none; } }

/*----------------------------------------------------Bannière page secondaire--------------------------------------------*/
@media screen and (max-width: 1000px) { #secondaires + style + div #banniere-accueil h1 span:first-child { font-size: 1rem !important; } }

#secondaires + style + div #banniere-accueil { height: 60vh; }

#secondaires + style + div #banniere-accueil .sh-btns { display: none !important; }

#secondaires + style + div #banniere-accueil .order-xxl-1 { margin: auto !important; margin-left: 0 !important; background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FocgsVKt5xcXN7yDjfbHSu6wM9Hf2%2Fimages%2Fcropped_image_cs5p.webp); background-size: contain; background-repeat: no-repeat; background-position: left; }

#secondaires + style + div #banniere-accueil .order-xxl-2 { display: none !important; }

#secondaires + style + div #banniere-accueil .titles, #secondaires + style + div #banniere-accueil h1 { margin-bottom: 0 !important; padding-left: 30px; text-shadow: 4px 4px 17px rgba(0, 0, 0, 0.6); }

#secondaires + style + div #banniere-accueil .lead { display: none !important; }

/*----------------------------------------------------Bannière d'accueil--------------------------------------------*/
#banniere-accueil, #banniere-footer { position: relative; overflow: hidden; background: #050a05 !important; height: 100vh; margin: 0 !important; width: 100vw; align-content: center; }

#banniere-accueil .row, #banniere-footer .row { max-width: 1300px; margin: auto; }

#banniere-footer::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 80px; background: #000000; clip-path: polygon(0 0, 100% 0, 50% 100%); z-index: 6; pointer-events: none; }

#banniere-accueil::after, #banniere-footer::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 80px; background: #000000; clip-path: polygon(0 100%, 100% 100%, 50% 0); z-index: 6; pointer-events: none; }

/* ── Vidéo de fond ── */
#banniere-accueil .sh-video-bg, #banniere-footer .sh-video-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.42; z-index: 0; pointer-events: none; }

/* ── Dégradé sombre par-dessus la vidéo ── */
#banniere-accueil .sh-video-overlay, #banniere-footer .sh-video-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to bottom, #1f511f4f 0%, transparent 45%, #050a0500 100%); pointer-events: none; }

/* ── Grille animée ── */
#banniere-accueil .sh-grid, #banniere-footer .sh-grid { position: absolute; inset: 0; z-index: 1; background-image: linear-gradient(rgba(101, 200, 98, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(101, 200, 98, 0.04) 1px, transparent 1px); background-size: 60px 60px; animation: shGridPulse 8s ease-in-out infinite; pointer-events: none; }

@keyframes shGridPulse { 0%, 100% { opacity: 0.5; }
  50% { opacity: 1; } }

/* ── Scanlines ── */
#banniere-accueil .sh-scanlines, #banniere-footer .sh-scanlines { position: absolute; inset: 0; z-index: 2; background-image: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0, 0, 0, 0.06) 3px, rgba(0, 0, 0, 0.06) 4px); pointer-events: none; }

/* ── Coins ── */
#banniere-accueil .sh-corner, #banniere-footer .sh-corner { position: absolute; z-index: 4; width: 56px; height: 56px; pointer-events: none; }

#banniere-accueil .sh-corner--tl, #banniere-footer .sh-corner--tl { top: 20px; left: 20px; border-top: 2px solid #caf964; border-left: 2px solid #caf964; animation: shCornerFade 3s ease-in-out infinite alternate; }

#banniere-accueil .sh-corner--tr, #banniere-footer .sh-corner--tr { top: 20px; right: 20px; border-top: 2px solid #caf964; border-right: 2px solid #caf964; animation: shCornerFade 3s ease-in-out 1.5s infinite alternate; }

#banniere-accueil .sh-corner--bl, #banniere-footer .sh-corner--bl { bottom: 20px; left: 20px; border-bottom: 2px solid #caf964; border-left: 2px solid #caf964; animation: shCornerFade 3s ease-in-out 0.75s infinite alternate; }

#banniere-accueil .sh-corner--br, #banniere-footer .sh-corner--br { bottom: 20px; right: 20px; border-bottom: 2px solid #caf964; border-right: 2px solid #caf964; animation: shCornerFade 3s ease-in-out 2.25s infinite alternate; }

@keyframes shCornerFade { from { opacity: 0.25; }
  to { opacity: 1; } }

/* ── Contenu au-dessus de la vidéo ── */
#banniere-accueil .row, #banniere-footer .row { position: relative; z-index: 5; }

/* ── Titre en blanc ── */
#banniere-accueil .titles h1 { color: #f5f5f0; text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5); }

/* ── Logo : léger halo ── */
#banniere-accueil img, #banniere-footer img { filter: drop-shadow(0 0 28px rgba(202, 249, 100, 0.15)); }

/* ── Boutons ── */
#banniere-accueil .sh-btns, #banniere-footer .sh-btns { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 32px; }

#banniere-accueil .sh-btn, #banniere-footer .sh-btn { position: relative; display: inline-flex; align-items: center; gap: 12px; padding: 18px 44px 18px 32px; font-size: 12px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; cursor: pointer; border: none; border-radius: 0 999px 999px 0; overflow: hidden; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s, filter 0.3s; }

#banniere-accueil .sh-btn:hover, #banniere-footer .sh-btn:hover { transform: translateY(-3px) translateX(2px); }

#banniere-accueil .sh-btn__label, #banniere-footer .sh-btn__label { position: relative; z-index: 2; }

#banniere-accueil .sh-btn__sun, #banniere-footer .sh-btn__sun { position: relative; z-index: 2; width: 28px; height: 28px; flex-shrink: 0; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); }

#banniere-accueil .sh-btn:hover .sh-btn__sun, #banniere-footer .sh-btn:hover .sh-btn__sun { transform: rotate(30deg) scale(1.15); }

/* Wipe */
#banniere-accueil .sh-btn-wipe, #banniere-footer .sh-btn-wipe { position: absolute; inset: 0; border-radius: inherit; transform: translateX(-101%); transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); z-index: 1; }

#banniere-accueil .sh-btn:hover .sh-btn-wipe, #banniere-footer .sh-btn:hover .sh-btn-wipe { transform: translateX(0); }

/* Primary */
#banniere-accueil .sh-btn--primary, #banniere-footer .sh-btn--primary { background: #caf964; color: #050a05; }

#banniere-accueil .sh-btn--primary:hover, #banniere-footer .sh-btn--primary:hover { box-shadow: 6px 12px 48px rgba(202, 249, 100, 0.4); filter: brightness(1.05); }

#banniere-accueil .sh-btn--primary .sh-btn-wipe, #banniere-footer .sh-btn--primary .sh-btn-wipe { background: #65c862; }

#banniere-accueil .sh-btn--primary .sh-btn__sun-rays, #banniere-footer .sh-btn--primary .sh-btn__sun-rays { animation: shRayspin 6s linear infinite; transform-origin: 14px 14px; }

#banniere-accueil .sh-btn--primary:hover .sh-btn__sun-rays, #banniere-footer .sh-btn--primary:hover .sh-btn__sun-rays { animation-duration: 2s; }

@keyframes shRayspin { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

/* Secondary */
#banniere-accueil .sh-btn--secondary, #banniere-footer .sh-btn--secondary { background: transparent; color: #f5f5f0; box-shadow: inset 0 0 0 1.5px rgba(245, 245, 240, 0.3); }

#banniere-accueil .sh-btn--secondary:hover, #banniere-footer .sh-btn--secondary:hover { box-shadow: inset 0 0 0 1.5px rgba(245, 245, 240, 0.75), 4px 10px 32px rgba(0, 0, 0, 0.4); }

#banniere-accueil .sh-btn--secondary .sh-btn-wipe, #banniere-footer .sh-btn--secondary .sh-btn-wipe { background: rgba(255, 255, 255, 0.07); }

#banniere-footer .sh-btn--primary { display: none !important; }

/*----------------------------------------------------------------------Tous les boutons du site ---------------------------------------------------*/
/* ── Base commune ─────────────────────────────────────────────── */
a.button_header, a.button_homepageScreen, a.button_homepageDoubleScreen, a.phone-number-button { position: relative !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 15px 40px 15px 28px !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; text-decoration: none !important; cursor: pointer !important; border: none !important; border-radius: 0 999px 999px 0 !important; overflow: hidden !important; white-space: nowrap !important; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s cubic-bezier(0.22, 1, 0.36, 1), filter 0.3s !important; }

a.button_header:hover, a.button_homepageScreen:hover, a.button_homepageDoubleScreen:hover, a.phone-number-button:hover { transform: translateY(-3px) translateX(2px) !important; text-decoration: none !important; }

/* Wipe au hover */
a.button_header::before, a.button_homepageScreen::before, a.button_homepageDoubleScreen::before, a.phone-number-button::before { content: '' !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; transform: translateX(-101%) !important; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important; z-index: 0 !important; }

a.button_header:hover::before, a.button_homepageScreen:hover::before, a.button_homepageDoubleScreen:hover::before, a.phone-number-button:hover::before { transform: translateX(0) !important; }

/* Contenu au-dessus du wipe */
a.button_header > *, a.button_homepageScreen > *, a.button_homepageDoubleScreen > *, a.phone-number-button > * { position: relative !important; z-index: 1 !important; }

/* ============================================================= VERT — #caf964 button_header  &  button_homepageDoubleScreen ============================================================= */
a.button_header, a.button_homepageDoubleScreen { background: #caf964 !important; background-color: #caf964 !important; color: #050a05 !important; }

a.button_header::before, a.button_homepageDoubleScreen::before { background: #65c862 !important; background-color: #65c862 !important; z-index: -1 !important; }

a.button_header:hover, a.button_homepageDoubleScreen:hover { background: #caf964 !important; background-color: #caf964 !important; color: #050a05 !important; box-shadow: 6px 12px 48px rgba(202, 249, 100, 0.4) !important; filter: brightness(1.05) !important; }

/* ============================================================= TRANSPARENT — outline blanc button_homepageScreen  &  phone-number-button ============================================================= */
a.button_homepageScreen, a.phone-number-button { background: transparent !important; background-color: transparent !important; color: #f5f5f0 !important; box-shadow: inset 0 0 0 1.5px rgba(245, 245, 240, 0.35) !important; }

a.button_homepageScreen::before, a.phone-number-button::before { background: rgba(255, 255, 255, 0.08) !important; background-color: rgba(255, 255, 255, 0.08) !important; }

a.button_homepageScreen:hover, a.phone-number-button:hover { background: transparent !important; background-color: transparent !important; color: #f5f5f0 !important; box-shadow: inset 0 0 0 1.5px rgba(245, 245, 240, 0.75), 4px 10px 32px rgba(0, 0, 0, 0.35) !important; }

/*-------------------------------------------------RESPONSIVE----------------------------------------------*/
@media screen and (max-width: 1000px) { #banniere-accueil .order-xxl-1, #banniere-footer .order-xxl-1 { padding: 0 !important; } #banniere-accueil img, #banniere-footer img { display: none !important; } #paragraphe2 .order-xxl-1 { padding: 0 0 50px 0 !important; } #custom-gallery .image { height: 200px !important; } #custom-gallery .row > * { width: 50%; } h1 span:first-child { font-size: 1.5em !important; } }

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