.lfr-layout-structure-item-container {padding: 0;}.lfr-layout-structure-item-row {overflow: hidden;}.lfr-layout-structure-item-6939d9a2-93b1-ebd7-312d-a19f1f9901ce {
background-color: #353946 !important;
padding-bottom: 100px !important;
}
.lfr-layout-structure-item-620d56ab-3d7f-9e53-d1bd-b578beccd979 {
margin-bottom: 80px !important;
}
.lfr-layout-structure-item-e8f19e7d-6672-cf8d-fae3-564c89ef238e {
text-align: center !important;
}
.lfr-layout-structure-item-c9ea7953-7609-977a-d73c-0e274a6a60d1 {
font-weight: var(--font-weight-bold) !important;
text-align: center !important;
}
.lfr-layout-structure-item-f5f8080d-46ba-9d65-6438-bf3447cf9f5d {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-11bb89e5-652e-f237-c2c0-f35d0e034274 {
background-color: #353946 !important;
padding-bottom: 100px !important;
}
.lfr-layout-structure-item-13148450-47dd-eb23-2e25-3944f922712b {
background-color: #ffffff !important;
padding-top: 40px !important;
color: var(--white) !important;
}
.lfr-layout-structure-item-f1c803d0-d498-7047-9df2-2056acbb5e33 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-3449de3a-eb3c-91d0-dd7c-03aacba54d58 {
color: var(--white) !important;
}
.lfr-layout-structure-item-e544e6c2-dcd4-ac48-b647-bdf53435b8c9 {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-17c538db-d8b1-b7c6-8aa0-f49f38fea238 {
text-align: center !important;
}
.lfr-layout-structure-item-74fd206a-2acc-8be2-499c-9ed8ea7cc0c6 {
text-align: center !important;
}
.lfr-layout-structure-item-de950351-5ac6-4b40-7d1a-9434e1d4e53d {
font-size: var(--font-size-lg) !important;
color: var(--white) !important;
}
.lfr-layout-structure-item-c8e56b08-7307-038a-9a4f-49f029fc98d9 {
margin-bottom: 80px !important;
text-align: center !important;
color: var(--white) !important;
}
.lfr-layout-structure-item-5f0762c9-5b27-cf63-db87-0fd13a7b9522 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-212f46a8-5ed5-081b-ee25-ab26a592e6bf {
text-align: center !important;
}
.lfr-layout-structure-item-3baea735-5c4d-5aa2-fefb-2f04a18e95a1 {
margin-bottom: 10px !important;
}
.lfr-layout-structure-item-615aaf7d-1f9d-3a02-6dc4-af2dda71bf63 {
border-radius: 10px !important;
}
.lfr-layout-structure-item-c1f7b8f9-bdd9-73e1-6dde-45b5594e5240 {
color: var(--white) !important;
}
.lfr-layout-structure-item-d0e387f9-fa9c-8a26-df0e-9725a466935f {
text-align: center !important;
}
.lfr-layout-structure-item-0deeb792-0c85-7c32-3c11-004ce475af9d {
display: none !important;
margin-bottom: 100px !important;
}
.lfr-layout-structure-item-bb622693-7f89-4e06-9caa-60a6f8dba51f {
text-align: center !important;
color: var(--white) !important;
}
.lfr-layout-structure-item-18c584ee-8c34-4388-6b48-af823dfe938f {
background-color: var(--footer-background) !important;
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-18c584ee-8c34-4388-6b48-af823dfe938f) !important;
}
.lfr-layout-structure-item-18c584ee-8c34-4388-6b48-af823dfe938f {
background-position: left 50% top 30%;
}.lfr-layout-structure-item-4f546366-0e79-971c-e4d6-eaed43e6850b {
padding-bottom: 80px !important;
text-align: center !important;
color: var(--primary) !important;
}
.lfr-layout-structure-item-f0c6057d-09d0-5b2d-727c-fd794b535a16 {
padding-left: 70px !important;
}
.lfr-layout-structure-item-6a465ada-94bf-fa7a-5098-11c6c60b3998 {
margin-bottom: 100px !important;
}
.lfr-layout-structure-item-5f83792a-46b9-8c85-e994-847be5fbd123 {
font-size: var(--font-size-lg) !important;
color: var(--white) !important;
}
.lfr-layout-structure-item-b0789a05-a6d5-37b1-f4c2-41d14d01feb6 {
margin-bottom: 40px !important;
text-align: center !important;
}
/* Mobile */
@media (max-width: 767px) {
  .h3 {
      font-size: 25px;
  }
}.lfr-layout-structure-item-d956f3c9-e0fb-9bda-436f-fa43ecec0f9c {
font-size: var(--font-size-lg) !important;
color: var(--white) !important;
}
.lfr-layout-structure-item-ed614a35-6ba9-8c9e-e714-7bf1e24728a6 {
margin-bottom: 80px !important;
text-align: center !important;
}
.lfr-layout-structure-item-90ddd94a-d962-12a4-31cf-1ca7f43fdc74 {
background-color: var(--footer-bottom) !important;
}
.lfr-layout-structure-item-9d7a2fe6-9646-826b-cf8a-d924544f8bf8 {
margin-bottom: -40px !important;
}
.lfr-layout-structure-item-f2a55bca-012e-0f39-46dc-430c7670b682 {
background-color: #FFFFFF !important;
}
.lfr-layout-structure-item-d31412f0-da9d-6b14-df52-f4d984231874 {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-df86fbb1-ade2-fc69-280b-01f347383f74 {
margin-bottom: 20px !important;
color: var(--white) !important;
}
.lfr-layout-structure-item-f9b2af47-11c0-d213-b94c-5bc49a5d7658 {
font-weight: var(--font-weight-bold) !important;
text-align: center !important;
}
.lfr-layout-structure-item-e6f47e28-8025-3cb8-d0cb-5d4fe287df4c {
font-weight: var(--font-weight-bold) !important;
text-align: center !important;
}
.lfr-layout-structure-item-f3d3ee45-6590-e6d3-14ab-162241324a4b {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-f995d70a-d3f2-e1db-6834-0178395a3f92 {
color: var(--secondary) !important;
}
<style>
:root{
  --cd-bg:#0b1b2b;          /* fond des cartes */
  --cd-fg:#ffffff;          /* texte */
  --cd-accent:#4fd1c5;      /* petite barre/accents */
  --cd-radius:18px;
  --cd-shadow:0 8px 24px rgba(0,0,0,.15);
  --cd-gap:14px;
  --cd-digit-font:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --cd-label-weight:600;
}

.lfr-layout-structure-item-countdown .compteur{
  list-style:none;
  margin:0 auto;              /* centre le conteneur si largeur auto */
  padding:0;
  display:grid;
  grid-template-columns:repeat(4, auto); /* largeur selon contenu */
  gap:var(--cd-gap);
  justify-content:center;     /* centre la grille dans son parent */
  align-items:stretch;
}

.lfr-layout-structure-item-countdown .box-day{
  background:var(--cd-bg);
  color:var(--cd-fg);
  border-radius:var(--cd-radius);
  box-shadow:var(--cd-shadow);
  padding:16px 14px 12px;
  text-align:center;
  position:relative;
  overflow:hidden;
}

.lfr-layout-structure-item-countdown .box-day::before{
  content:""; position:absolute; top:0; left:0; width:100%; height:4px;
  background:var(--cd-accent);
  opacity:.9;
}

.lfr-layout-structure-item-countdown .box-day .days,
.lfr-layout-structure-item-countdown .box-day .hours,
.lfr-layout-structure-item-countdown .box-day .minutes,
.lfr-layout-structure-item-countdown .box-day .seconds{
  display:block;
  font-family:var(--cd-digit-font);
  font-variant-numeric:tabular-nums;
  letter-spacing:.5px;
  font-size: clamp(30px, 6vw, 50px);
  line-height:1;
  font-weight:800;
  margin-bottom:8px;
}

.lfr-layout-structure-item-countdown .box-day p{
  margin:0;
  font-weight:var(--cd-label-weight);
  font-size: clamp(14px, 1.6vw, 20px);
  letter-spacing:.08em;
  opacity:3;
}
/* Couleur des libellés */
.lfr-layout-structure-item-countdown .box-day p {
  color: #FFFFFF;   /* mets la couleur que tu veux */
}
/* Responsive */
/* Responsive */
@media (max-width: 768px){
  .lfr-layout-structure-item-countdown .compteur{
    grid-template-columns: repeat(4, 1fr); /* toujours 4 colonnes */
    gap: 8px;
  }
  .lfr-layout-structure-item-countdown .box-day{
    padding: 12px 8px;
  }
  .lfr-layout-structure-item-countdown .box-day .days,
  .lfr-layout-structure-item-countdown .box-day .hours,
  .lfr-layout-structure-item-countdown .box-day .minutes,
  .lfr-layout-structure-item-countdown .box-day .seconds{
    font-size: clamp(28px, 6vw, 44px); /* un peu plus compact */
  }
  .lfr-layout-structure-item-countdown .box-day p{
    font-size: clamp(12px, 2.4vw, 16px);
  }
}

@media (max-width: 420px){
  .lfr-layout-structure-item-countdown .compteur{
    grid-template-columns: repeat(4, 1fr); /* encore 4 colonnes */
    gap: 6px;
  }
  .lfr-layout-structure-item-countdown .box-day{
    padding: 5px 6px;
  }
  .lfr-layout-structure-item-countdown .box-day .days,
  .lfr-layout-structure-item-countdown .box-day .hours,
  .lfr-layout-structure-item-countdown .box-day .minutes,
  .lfr-layout-structure-item-countdown .box-day .seconds{
    font-size: clamp(28px, 5.2vw, 40px);
  }
  .lfr-layout-structure-item-countdown .box-day p{
    font-size: clamp(14px, 3vw, 18px);
  }
}.lfr-layout-structure-item-b286ddac-1d10-5012-391f-83dfb4d2ab83 {
font-size: var(--font-size-lg) !important;
margin-top: -10px !important;
padding-left: 40px !important;
color: var(--white) !important;
}
.lfr-layout-structure-item-22663f27-1d01-ca89-910c-3a0529b7124e {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-22663f27-1d01-ca89-910c-3a0529b7124e) !important;
padding-bottom: 15vh !important;
}
.lfr-layout-structure-item-5d0f567c-c43d-c0a9-432d-29cac0350c97 {
text-align: right !important;
}
.lfr-layout-structure-item-54d408d5-12e7-b1d4-6f29-f8cab5fd4ae4 {
background-color: #353946 !important;
padding-bottom: 10px !important;
padding-top: 10px !important;
}
.lfr-layout-structure-item-24ddb5c4-352c-93a9-bf1f-817f65fa2940 {
font-size: var(--font-size-lg) !important;
color: var(--white) !important;
}
.rd-counter .counter-title {
    color: var(--white);
}.lfr-layout-structure-item-6904e1b6-4ef7-c873-b19a-e2c14d70a1de {
background-color: var(--primary-d2) !important;
}
.lfr-layout-structure-item-7a44adc5-f32f-806c-f57d-1c105565d047 {
border-color: var(--white) !important;
color: var(--white) !important;
}
.lfr-layout-structure-item-1e8e564c-fefa-2324-d04a-4fa8edd65ff9 {
background-color: var(--primary-d2) !important;
padding-bottom: 100px !important;
}
.lfr-layout-structure-item-a88333ed-b517-a9af-1f79-2ecbaa8391a8 {
text-align: center !important;
}
.rd-counter .counter-title {
    color: var(--white);
}.lfr-layout-structure-item-ec2e2a40-f074-42ab-d795-7feafce3d34a {
text-align: right !important;
}
.lfr-layout-structure-item-3a06591a-e50b-dc46-23d1-d87cfd7b2d80 {
color: var(--white) !important;
}
.lfr-layout-structure-item-e13663de-df64-6b6b-058f-bcaf5b7ac999 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-c14989c4-b7a3-0395-5a57-4204e9a0b896 {
text-align: center !important;
}
.lfr-layout-structure-item-33406705-fd9c-c183-55b3-1ddcbae601bb {
margin-bottom: 100px !important;
text-align: center !important;
}
.rd-title.text-white .component-heading-highlighted-title, .rd-title.text-light .component-heading-highlighted-title, .rd-title-advanced.text-white .component-heading-highlighted-title, .rd-title-advanced.text-light .component-heading-highlighted-title, .rd-title-page.text-white .component-heading-highlighted-title, .rd-title-page.text-light .component-heading-highlighted-title {
    color: inherit;
    background: linear-gradient(180deg, transparent 0%, transparent 10%, var(--primary) 10%, var(--primary) 90%, transparent 90%, transparent 100%);
}
/* Mobile */
@media (max-width: 767px) {
  .rd-title.text-white .component-heading-highlighted-title,
  .rd-title.text-light .component-heading-highlighted-title,
  .rd-title-advanced.text-white .component-heading-highlighted-title,
  .rd-title-advanced.text-light .component-heading-highlighted-title,
  .rd-title-page.text-white .component-heading-highlighted-title,
  .rd-title-page.text-light .component-heading-highlighted-title {
      font-size: 30px;
  }
}.lfr-layout-structure-item-f40b7f54-8890-c7f5-0437-6bc6f9addfaf {
margin-left: auto !important;
margin-right: auto !important;
width: 70% !important;
}
.lfr-layout-structure-item-f3b7b4a8-d919-ea47-1806-66d112d90437 {
text-align: center !important;
}
.lfr-layout-structure-item-90bc33fa-d5cf-5898-5848-955fb31edf49 {
font-weight: var(--font-weight-bold) !important;
text-align: center !important;
}
.lfr-layout-structure-item-4b9ea3bb-34f5-f3fd-7345-96580b9aa6ed {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-3b43b408-05bb-06a0-8c28-4ba960b1499f {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-6bb4e726-6cac-e9c1-a324-41263ec08c9c {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-6bb4e726-6cac-e9c1-a324-41263ec08c9c) !important;
border-radius: 10px !important;
height: 500px !important;
}
.lfr-layout-structure-item-748438b2-8555-dba6-6202-9ded9025e98e {
margin-bottom: 40px !important;
}
.panel-header .panel-title {
    color: var(--white);
}
.panel-body {
    color: var(--white);
}.lfr-layout-structure-item-3fb954ed-c554-af1a-2085-2b6e929493ef {
margin-bottom: 20px !important;
text-align: center !important;
}
/* Mobile */
@media (max-width: 767px) {
  .h2 {
      font-size: 30px;
  }
}.lfr-layout-structure-item-0a1e2031-75d7-8adb-938f-9b5ba1673565 {
background-color: var(--primary-d2) !important;
display: none !important;
}
.lfr-layout-structure-item-bf7d9c61-83b0-4ebe-b464-5e14959cfb78 {
background-color: var(--primary-d2) !important;
display: none !important;
padding-bottom: 120px !important;
}
.lfr-layout-structure-item-77a0e827-5d42-7eab-31d7-ed255893deef {
color: var(--white) !important;
}
.lfr-layout-structure-item-4cc8b9f4-1a55-52b5-5080-2931314e7a71 {
background-color: var(--footer-bottom) !important;
}
@media screen and (max-width: 575px) {.lfr-layout-structure-item-c8e56b08-7307-038a-9a4f-49f029fc98d9 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-4f546366-0e79-971c-e4d6-eaed43e6850b {
padding-bottom: 40px !important;
}
.lfr-layout-structure-item-f0c6057d-09d0-5b2d-727c-fd794b535a16 {
padding-left: 0px !important;
text-align: center !important;
}
.lfr-layout-structure-item-ed614a35-6ba9-8c9e-e714-7bf1e24728a6 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-f995d70a-d3f2-e1db-6834-0178395a3f92 {
padding-left: 80px !important;
text-align: center !important;
}
.lfr-layout-structure-item-ec2e2a40-f074-42ab-d795-7feafce3d34a {
margin-bottom: 10px !important;
text-align: center !important;
}
.lfr-layout-structure-item-33406705-fd9c-c183-55b3-1ddcbae601bb {
margin-bottom: 40px !important;
}
.rd-title.text-white .component-heading-highlighted-title, .rd-title.text-light .component-heading-highlighted-title, .rd-title-advanced.text-white .component-heading-highlighted-title, .rd-title-advanced.text-light .component-heading-highlighted-title, .rd-title-page.text-white .component-heading-highlighted-title, .rd-title-page.text-light .component-heading-highlighted-title {
    color: inherit;
    background: linear-gradient(180deg, transparent 0%, transparent 10%, var(--primary) 10%, var(--primary) 90%, transparent 90%, transparent 100%);
}}