.lfr-layout-structure-item-container {padding: 0;}.lfr-layout-structure-item-row {overflow: hidden;}.lfr-layout-structure-item-dc780b9a-d22e-6308-d7bd-7d945814c45e {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-c28b02bf-4b19-9da0-6998-f1578c447801 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
margin-bottom: 40px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.far, .fa-regular {
    font-weight: 200;
}.lfr-layout-structure-item-51aad137-ed39-8053-4675-2b6e719348fb {
border-color: var(--secondary-l3) !important;
border-radius: 10px !important;
border-style: solid; border-width: 2px !important; border-width: 2pxpx !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-ab43f616-da34-6b9f-3e8c-87329e5a837d {
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-28e48a86-4cde-5ca1-852f-a0eccd0e57be {
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-a0b6c7bf-91cd-e477-f7b2-663044a08642 {
border-radius: 0 0 10px 10px !important;
padding-bottom: 40px !important;
padding-left: 40px !important;
padding-right: 40px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-be293679-3ed6-6ce2-5281-e75b22e9535f {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-f328062f-2b53-aa80-37ec-975445f88251 {
text-align: center !important;
}
.lfr-layout-structure-item-1f3ed679-dab2-af0f-0385-e6b0349075ff {
background-color: var(--lighter) !important;
border-radius: 10px !important;
margin-bottom: 40px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-35869f0e-ceda-7453-c684-b995b661a3aa {
text-align: center !important;
}
.lfr-layout-structure-item-0c2a31ac-7230-7d14-998e-ef80e334091d {
max-width: 80% !important;
}
.lfr-layout-structure-item-cc75d27f-d5ae-17bb-f5bf-03633f082eaa {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-0d6f3f2e-a327-2f36-5075-5ebb172a570d {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-01d79888-526d-ac4f-e3d9-c5d2e1c0ab16 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-9e18be31-e258-8a7b-8bf9-c10a2056e2dd {
text-align: center !important;
}
.lfr-layout-structure-item-c46e4577-00a4-6ef9-3adc-f5c39172d220 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
margin-bottom: 40px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-b961d936-d5f9-8cd6-a957-16ba4f0b1b6d {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-bf58a4c1-7d6f-6f21-6a46-f991aff908fb {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-43ce6a3c-f852-7560-9ee3-dabdf08b6f56 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-074746d3-c52b-5e75-7705-df57a0477b85 {
background-color: var(--lighter) !important;
}
.lfr-layout-structure-item-9786fdde-c504-aa61-3274-879184e5d647 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-924dbd59-c018-e917-df06-8827ebf1bf4d {
background-color: var(--lighter) !important;
}
.lfr-layout-structure-item-20c8d960-4bfb-e68d-2df5-06edf607cb4c {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-cc9b6427-dfbb-d5b7-9abf-0cef66c7217f {
margin-bottom: 20px !important;
text-align: center !important;
}
.lfr-layout-structure-item-623e6e83-aad6-be15-c9b2-e8cd0d7a4d3e {
display: none !important;
padding-bottom: 5vh !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-1dee1457-571a-56c7-e38e-8624c2bfe80b {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-b62204d3-5d8e-a883-6299-014c1a669283 {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-a047d9b8-eada-d64c-ec73-a0ad094b6515 {
background-color: var(--white) !important;
border-radius: 10px 10px 0 0 !important;
padding-bottom: 10px !important;
padding-top: 30px !important;
}
.lfr-layout-structure-item-60f00f3b-c228-a1cf-149a-6730d10874ab {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-a1039e4a-f98c-95a7-4e92-8a941a0912f0 {
max-width: 80% !important;
}
.lfr-layout-structure-item-c78cc864-6c8e-fdc1-6174-c04f65f5adc2 {
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-f5d40e88-073a-1c56-bfdc-cb01400a29c9 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
margin-bottom: 40px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-e423bdc4-2b5d-3576-1292-5393ae9bbc28 {
margin-bottom: 20px !important;
text-align: center !important;
}
.component-heading-sub-title {
    font-size: 24px;
}.lfr-layout-structure-item-d782b94d-9704-c4a3-7842-6ea7e1e36e40 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-eeb55893-a94d-f6d7-c0ee-0319b2395517 {
margin-bottom: 40px !important;
text-align: center !important;
}
.lfr-layout-structure-item-b59dbf9e-17d7-57cd-882c-5b756b89c4c1 {
margin-bottom: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-a4922fc6-239e-19fa-bf4e-32fc87e64436 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-0e876140-4e3d-5761-817c-ff27843b07da {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-0e876140-4e3d-5761-817c-ff27843b07da) !important;
}
.lfr-layout-structure-item-2f861eea-4559-1a3f-960f-e5653a5c1688 {
margin-bottom: 50px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-e126e345-8509-39c9-dd28-85163822e6f4 {
background-color: var(--lighter) !important;
}
.lfr-layout-structure-item-3527a44b-5899-68a6-f9dc-382796713746 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-5be14fe2-b954-b4e0-0634-d383e28bfd10 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-f9728879-c227-5cd6-1374-d3e5e655d9bc {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-1715585d-471f-407f-3967-e7c1675ccf65 {
text-align: center !important;
}
.lfr-layout-structure-item-664db280-7c6b-9cb4-487a-736a984f4ea6 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
margin-bottom: 40px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-243b88b6-7107-0950-d2cd-b5c257e9d3aa {
max-width: 80% !important;
}
.lfr-layout-structure-item-945992fd-e9ee-a646-5806-56ef9e0b5e4f {
margin-bottom: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-ef5c01cf-9632-6f6c-33e1-7e8812837dfb {
margin-bottom: 80px !important;
text-align: center !important;
color: var(--footer-border) !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(40px, 6vw, 64px);
  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: #212529;   /* 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-cfb8d292-511f-637e-5535-f21c8717fa2f {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-cb9ab88d-2bd3-229a-8b60-9bb229d5dad2 {
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-ca942282-ece6-2128-3024-f55b30c9b81b {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-6ee4a261-3e07-bade-cb44-19fc57138c51 {
padding-bottom: 5vh !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.lfr-layout-structure-item-c73083da-b278-fe88-74ec-89259bb65256 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-2d2c14de-bd31-7dec-ccfa-9592bcf62210 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-943390aa-aa9e-a98b-a155-c1d1e6745130 {
background-color: var(--lighter) !important;
}
.lfr-layout-structure-item-7cad4a6c-d4f9-b81f-68b0-a38f3ce85428 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
margin-bottom: 40px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-a2be1db6-572b-a248-b445-ef1ba7890176 {
background-color: var(--lighter) !important;
display: none !important;
}
.lfr-layout-structure-item-3bca1eed-c3bb-95ff-fbd1-ea91d38292a0 {
text-align: center !important;
}
.lfr-layout-structure-item-1120a84f-c44b-3c7b-8e24-6bab3210b69d {
margin-left: 0px !important;
margin-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 10vh !important;
}
.lfr-layout-structure-item-292c301e-a03e-a5f6-57ac-eacc7a127696 {
margin-left: auto !important;
margin-right: auto !important;
width: 50% !important;
}
.lfr-layout-structure-item-3a47213a-7162-ec08-9962-864b303071ac {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-4172fe8e-fec4-f9e2-c936-64b89749743b {
margin-bottom: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-b3a3fe14-04fb-c680-54ef-2a754cd92d1d {
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-f82c4b9a-1451-4d25-db0e-9b4ae1d76ead {
text-align: center !important;
}
.lfr-layout-structure-item-c9e09620-2d70-b2b4-4d36-7356f4874604 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-f0351f76-e335-45f7-f5d5-55fc0a8b4dc5 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
}
.lfr-layout-structure-item-8d80ebb1-46ac-b308-1684-e045cce9a425 {
border-color: var(--secondary-l3) !important;
border-radius: 10px !important;
border-style: solid; border-width: 2px !important; border-width: 2pxpx !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-dec5a605-9eba-3e43-8436-3fb25fed266d {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-1b736d83-84ea-bf50-6d3e-fa95eccfdff0 {
text-align: center !important;
}
.lfr-layout-structure-item-9f9f704a-d99a-ff41-8b7b-3ff84b9478ae {
margin-bottom: 10px !important;
text-align: center !important;
}
.lfr-layout-structure-item-d7c9791d-3d8e-fa50-58b1-492f95167800 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
padding-bottom: 20px !important;
padding-left: 40px !important;
padding-right: 40px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-94b903b5-c7d7-71d2-d191-af15c7c52e5d {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-36250ec4-5feb-1a68-dbb5-e72ce9722044 {
background-color: var(--lighter) !important;
}
.lfr-layout-structure-item-37be4b46-8f6c-74eb-a650-99aefdfe4573 {
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-bdea5644-f2ab-eb7a-c2ce-adf40eb2eab9 {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-cf1220c5-b338-78e1-ddcb-01a1c0d39e8e {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-9b513fd0-e930-08b5-0a6c-c4b0c7a4a4a5 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-bottom: 20px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-top: 20px !important;
width: 80% !important;
}
.lfr-layout-structure-item-3888f823-5f02-99eb-66e9-ce2b347d83ba {
margin-bottom: 10px !important;
text-align: center !important;
}
.lfr-layout-structure-item-1850b1db-2857-ccf4-f2a0-9a9eb6597a66 {
display: none !important;
}
.lfr-layout-structure-item-f093afc4-e62e-d74f-ca82-9924ab52bcb6 {
text-align: center !important;
}
.lfr-layout-structure-item-3f69bd90-15fa-0725-95a2-58a5683cee57 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-75dfe4e8-5704-7b0c-4141-251b3bbe5c14 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
padding-bottom: 20px !important;
padding-left: 40px !important;
padding-right: 40px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-49063ab0-c63d-799f-5383-048aba72029e {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-6fcbb3c9-70a5-4b6d-a141-1e25c53125ad {
margin-bottom: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-72367060-fd14-95bf-2659-cddae72d746e {
margin-bottom: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-7b0a5a5c-3150-7b3f-6f88-b2029f154371 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-442cfad5-2f19-3abe-9ba6-9fa58aa1b58a {
background-color: var(--lighter) !important;
border-radius: 10px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-bottom: 20px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-top: 20px !important;
text-align: center !important;
width: 80% !important;
}
.lfr-layout-structure-item-f54041b8-e8db-bf6a-4b90-24afcd1f2b54 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
margin-bottom: 40px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-94398a5d-1230-2257-54f8-4f57cc0f6658 {
margin-bottom: 20px !important;
text-align: center !important;
}
.lfr-layout-structure-item-495a60f1-b080-7ff6-b521-6d2ae239443e {
text-align: center !important;
}
.lfr-layout-structure-item-41d4cc9a-c847-efcf-f16d-bf0a48d5d9a3 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
padding-bottom: 20px !important;
padding-left: 40px !important;
padding-right: 40px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-6aab47d7-18e3-1144-2dce-dac0a1717841 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-034ffee0-c494-aabc-a451-006566e4d682 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
padding-bottom: 20px !important;
padding-left: 40px !important;
padding-right: 40px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-237fd10e-8e80-4d81-f75f-ed1289b6fe54 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-67bead59-76f4-7531-1177-777c3551986e {
text-align: center !important;
}
.component-heading-sub-title {
    font-size: 24px;
}.lfr-layout-structure-item-8186ab67-504b-a26f-da79-cb1e9d0777a6 {
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-ef94a9aa-6322-057a-47de-33a2dfaa7d8d {
display: none !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.lfr-layout-structure-item-ff271f26-b04f-a690-fb55-fa08fe15409a {
max-width: 80% !important;
}
.lfr-layout-structure-item-f95a0a2f-3228-6ea3-febe-247357b6aee9 {
max-width: 80% !important;
text-align: center !important;
}
.lfr-layout-structure-item-faca913b-0e03-3240-76f7-ec0a2fcb2b60 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-7e947678-598e-09d3-6839-be5c7bb34569 {
text-align: center !important;
}
.lfr-layout-structure-item-91b30ce4-2766-2ddf-ea53-5cc7e7e8670c {
border-style: solid; border-width: 0 !important; border-width: 0px !important;
padding-bottom: 20px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-724ab5cc-81b5-52d3-15c2-70b558f090c0 {
display: none !important;
}
.lfr-layout-structure-item-4f0319cd-a5f7-1bd0-309b-3b3d6faf8ce1 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
margin-bottom: 40px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-b6ec3a90-2c00-9b99-c261-798af04e5c5f {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-ef2735e1-ce66-a215-7aaa-bc7da1ac93de {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-a1feaf60-f24f-4e7a-28e0-b43f30d594c0 {
max-width: 80% !important;
}
.lfr-layout-structure-item-2887ad93-85ef-8ec1-f0a6-c7125fcab860 {
margin-bottom: 40px !important;
margin-left: auto !important;
margin-right: auto !important;
width: 40% !important;
}
.lfr-layout-structure-item-7f03bb64-90d7-2fc2-61af-96bbd3ba0883 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-5683f22c-a882-243e-c1be-b56d8505b958 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-822e9a2a-1a45-0fa1-e97a-6121db1adc12 {
max-width: 80% !important;
}
.lfr-layout-structure-item-86e86f78-7620-7dde-da08-4a706aa7d37e {
background-color: var(--white) !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-86e86f78-7620-7dde-da08-4a706aa7d37e {
position : relative;
z-index : 3;
}.lfr-layout-structure-item-4ac446ab-7e32-3204-00df-6c6210918b4a {
background-color: var(--lighter) !important;
display: none !important;
padding-bottom: 50px !important;
padding-top: 50px !important;
}
.lfr-layout-structure-item-38dc32b5-c5b7-37f4-3cde-051e76ec3620 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
padding-bottom: 20px !important;
padding-left: 40px !important;
padding-right: 40px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-89a1c33d-e6a8-4252-0a68-e8b3284f3001 {
margin-bottom: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-aa06603b-1a2f-14ff-8678-38f666faab29 {
margin-bottom: 10px !important;
text-align: center !important;
}
.lfr-layout-structure-item-a894b8ac-dd3f-d07c-a39f-c0a064a0e8f6 {
display: none !important;
padding-bottom: 5vh !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.lfr-layout-structure-item-35361e06-c288-a6f3-34a6-812afc8194cc {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-087f1458-9bfd-207d-51be-e110f16575d8 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
padding-bottom: 20px !important;
padding-left: 40px !important;
padding-right: 40px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-69a733de-a837-f695-e535-7679833dca74 {
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-6f77444a-96b4-4377-f186-e0070492b654 {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-8345cad7-8183-2901-d45d-e54e00b77ec5 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
padding-bottom: 20px !important;
padding-left: 40px !important;
padding-right: 40px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-016e0eb1-2511-dd65-299c-db1dca81f612 {
margin-bottom: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-730141b5-f0df-56bd-0742-abee6305af39 {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-8a2cbefe-eb26-154b-5436-9d83bd78cc5e {
margin-bottom: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-af095048-187d-603b-cd9f-db53ebaf9ce2 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-7ef89c77-434e-750b-b5bb-7b107774f4a3 {
margin-bottom: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-418c7d03-5d4a-6e4b-3091-726b24a2f6bf {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-62ad0605-9a69-5cfc-dc2e-f1e26ede5712 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
padding-bottom: 20px !important;
padding-left: 40px !important;
padding-right: 40px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-21da8e85-f351-0915-0940-53a260521782 {
display: none !important;
margin-bottom: 80px !important;
}
.lfr-layout-structure-item-1ca42260-a70c-8fee-d1a7-e3ce43e5bc18 {
margin-bottom: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-fe328ed2-83ad-d961-96e2-6f05a4a19cc5 {
margin-bottom: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-025c253f-3d5d-2bef-54be-8218a3da9b7f {
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-a96ff00f-df76-e28a-111b-87cd8516aa84 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-12512a56-446e-0ec8-01a8-59841a4bbfbc {
background-color: var(--brand-color-0-a10) !important;
border-style: solid; border-width: 0 !important; border-width: 0px !important;
}
.lfr-layout-structure-item-3f9c5b5b-b680-94ab-bbe8-ddaeb9afe91d {
background-color: var(--lighter) !important;
border-radius: 10px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-bottom: 20px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-top: 20px !important;
width: 80% !important;
}
.lfr-layout-structure-item-b4cc96e0-b42b-e467-d87a-efdc31c880a2 {
border-radius: 0 0 10px 10px !important;
padding-bottom: 40px !important;
padding-left: 40px !important;
padding-right: 40px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-9ca9065a-6996-aca2-61ca-af1e6a49ee09 {
margin-bottom: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-0062b14f-c971-54a8-037d-cefacd302a4e {
margin-bottom: 20px !important;
text-align: center !important;
}
.lfr-layout-structure-item-9cf14459-d96a-1842-a953-0184f8f09ba2 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-6855719d-8029-bd6c-a600-9c39408b5aaa {
background-color: var(--white) !important;
border-radius: 10px 10px 0 0 !important;
padding-bottom: 10px !important;
padding-top: 30px !important;
}
.lfr-layout-structure-item-72e21573-15c8-0ca4-2d8f-b8fb9aad7292 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-90b59578-97a5-c91e-8b35-b7297e34b39d {
background-color: var(--lighter) !important;
border-radius: 10px !important;
margin-bottom: 40px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-e9a311dc-567f-e6f6-5f17-7b592f84bdf1 {
max-width: 80% !important;
}
.lfr-layout-structure-item-e47b36a7-1bb1-85e7-7bf7-7a0a1b1bbe9b {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-a9abbbbc-f395-4ab9-3974-6a82bef14e62 {
margin-bottom: var(--spacer-5,3rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-dd319459-c045-c17c-8db0-ddf3c8bbfbef {
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-f05ed07f-15e5-1b97-3644-e919b722ca65 {
background-color: var(--lighter) !important;
border-radius: 10px !important;
padding-bottom: 20px !important;
padding-left: 40px !important;
padding-right: 40px !important;
padding-top: 40px !important;
}
.lfr-layout-structure-item-286fa74c-8233-edbd-6a8a-ddd6e7978bc6 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-6ff863aa-a3df-4ede-48e5-1933ac492e6c {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-ebe38b6f-f47b-898f-9274-588751af0501 {
max-width: 80% !important;
}
.lfr-layout-structure-item-3a37334c-ffd3-f57e-dec0-1d049cd03e3e {
margin-bottom: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-4d86bd02-53c3-d653-c8da-1040aab8152c {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-adf693d5-c342-23a4-cccd-c9b7d91f92b0 {
margin-bottom: 40px !important;
}
@media screen and (max-width: 575px) {.lfr-layout-structure-item-c28b02bf-4b19-9da0-6998-f1578c447801 {
margin-bottom: 30px !important;
}
.lfr-layout-structure-item-51aad137-ed39-8053-4675-2b6e719348fb {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-ab43f616-da34-6b9f-3e8c-87329e5a837d {
padding-bottom: 20px !important;
text-align: center !important;
}
.lfr-layout-structure-item-28e48a86-4cde-5ca1-852f-a0eccd0e57be {
padding-bottom: 20px !important;
text-align: center !important;
}
.lfr-layout-structure-item-a0b6c7bf-91cd-e477-f7b2-663044a08642 {
margin-bottom: 10px !important;
}
.lfr-layout-structure-item-1f3ed679-dab2-af0f-0385-e6b0349075ff {
margin-bottom: 30px !important;
}
.lfr-layout-structure-item-c46e4577-00a4-6ef9-3adc-f5c39172d220 {
margin-bottom: 30px !important;
}
.lfr-layout-structure-item-bf58a4c1-7d6f-6f21-6a46-f991aff908fb {
margin-bottom: 10px !important;
}
.lfr-layout-structure-item-924dbd59-c018-e917-df06-8827ebf1bf4d {
padding-bottom: 50px !important;
padding-top: 100px !important;
}
.lfr-layout-structure-item-c78cc864-6c8e-fdc1-6174-c04f65f5adc2 {
padding-bottom: 20px !important;
text-align: center !important;
}
.lfr-layout-structure-item-f5d40e88-073a-1c56-bfdc-cb01400a29c9 {
margin-bottom: 30px !important;
}
.component-heading-sub-title {
    font-size: 20px;
}.lfr-layout-structure-item-eeb55893-a94d-f6d7-c0ee-0319b2395517 {
margin-bottom: 20px !important;
margin-left: auto !important;
margin-right: auto !important;
width: 80% !important;
}
.lfr-layout-structure-item-2f861eea-4559-1a3f-960f-e5653a5c1688 {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-2570cca4-78cc-12db-8171-9906feff1aca {
margin-left: auto !important;
margin-right: auto !important;
width: 90% !important;
}
.lfr-layout-structure-item-664db280-7c6b-9cb4-487a-736a984f4ea6 {
margin-bottom: 30px !important;
}
.lfr-layout-structure-item-ef5c01cf-9632-6f6c-33e1-7e8812837dfb {
margin-bottom: 40px !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(40px, 6vw, 64px);
  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: #212529;   /* 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: 2px;
  }
  .lfr-layout-structure-item-countdown .box-day{
    padding: 12px 2px;
  }
  .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: 2px;
  }
  .lfr-layout-structure-item-countdown .box-day{
    padding: 2px 2px;
  }
  .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-cb9ab88d-2bd3-229a-8b60-9bb229d5dad2 {
padding-bottom: 20px !important;
text-align: center !important;
}
.lfr-layout-structure-item-6ee4a261-3e07-bade-cb44-19fc57138c51 {
min-height: 20vh !important;
}
.lfr-layout-structure-item-7cad4a6c-d4f9-b81f-68b0-a38f3ce85428 {
margin-bottom: 30px !important;
}
.lfr-layout-structure-item-a2be1db6-572b-a248-b445-ef1ba7890176 {
padding-bottom: 50px !important;
padding-top: 100px !important;
}
.lfr-layout-structure-item-1120a84f-c44b-3c7b-8e24-6bab3210b69d {
padding-top: 8vh !important;
}
.lfr-layout-structure-item-292c301e-a03e-a5f6-57ac-eacc7a127696 {
width: 80% !important;
}
.lfr-layout-structure-item-3a47213a-7162-ec08-9962-864b303071ac {
margin-left: auto !important;
margin-right: auto !important;
width: 90% !important;
}
.lfr-layout-structure-item-b3a3fe14-04fb-c680-54ef-2a754cd92d1d {
padding-bottom: 20px !important;
text-align: center !important;
}
.lfr-layout-structure-item-f82c4b9a-1451-4d25-db0e-9b4ae1d76ead {
padding-left: 5px !important;
padding-right: 5px !important;
}
.lfr-layout-structure-item-1b736d83-84ea-bf50-6d3e-fa95eccfdff0 {
display: none !important;
}
.component-heading-sub-title {
    font-size: 20px;
}.lfr-layout-structure-item-d7c9791d-3d8e-fa50-58b1-492f95167800 {
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-94b903b5-c7d7-71d2-d191-af15c7c52e5d {
margin-left: auto !important;
margin-right: auto !important;
width: 90% !important;
}
.lfr-layout-structure-item-37be4b46-8f6c-74eb-a650-99aefdfe4573 {
padding-bottom: 20px !important;
text-align: center !important;
}
.lfr-layout-structure-item-bdea5644-f2ab-eb7a-c2ce-adf40eb2eab9 {
margin-bottom: 10px !important;
}
.lfr-layout-structure-item-9b513fd0-e930-08b5-0a6c-c4b0c7a4a4a5 {
margin-bottom: 10px !important;
}
.lfr-layout-structure-item-3888f823-5f02-99eb-66e9-ce2b347d83ba {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-1850b1db-2857-ccf4-f2a0-9a9eb6597a66 {
display: block !important;
margin-top: 5px !important;
text-align: center !important;
}
.lfr-layout-structure-item-75dfe4e8-5704-7b0c-4141-251b3bbe5c14 {
margin-bottom: 10px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-f54041b8-e8db-bf6a-4b90-24afcd1f2b54 {
margin-bottom: 30px !important;
}
.lfr-layout-structure-item-41d4cc9a-c847-efcf-f16d-bf0a48d5d9a3 {
margin-bottom: 10px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-2a01289a-6800-b3df-2514-a297874e089b {
padding-bottom: 50px !important;
padding-top: 100px !important;
}
.lfr-layout-structure-item-034ffee0-c494-aabc-a451-006566e4d682 {
margin-bottom: 10px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-67bead59-76f4-7531-1177-777c3551986e {
display: none !important;
}
.component-heading-sub-title {
    font-size: 20px;
}.lfr-layout-structure-item-8186ab67-504b-a26f-da79-cb1e9d0777a6 {
padding-bottom: 20px !important;
text-align: center !important;
}
.lfr-layout-structure-item-ef94a9aa-6322-057a-47de-33a2dfaa7d8d {
min-height: 20vh !important;
}
.lfr-layout-structure-item-91b30ce4-2766-2ddf-ea53-5cc7e7e8670c {
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.lfr-layout-structure-item-724ab5cc-81b5-52d3-15c2-70b558f090c0 {
display: block !important;
text-align: center !important;
}
.lfr-layout-structure-item-4f0319cd-a5f7-1bd0-309b-3b3d6faf8ce1 {
margin-bottom: 30px !important;
}
.lfr-layout-structure-item-18eace0f-5ad5-712f-8ca9-b254a6c99840 {
margin-bottom: -5px !important;
}
.lfr-layout-structure-item-2d9a4f86-33cf-59b7-06f1-4ff00e9ebd2f {
margin-bottom: 20px !important;
}
.lfr-layout-structure-item-2887ad93-85ef-8ec1-f0a6-c7125fcab860 {
width: 70% !important;
}
.lfr-layout-structure-item-38dc32b5-c5b7-37f4-3cde-051e76ec3620 {
margin-bottom: 10px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-087f1458-9bfd-207d-51be-e110f16575d8 {
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-69a733de-a837-f695-e535-7679833dca74 {
padding-bottom: 20px !important;
text-align: center !important;
}
.lfr-layout-structure-item-8345cad7-8183-2901-d45d-e54e00b77ec5 {
margin-bottom: 10px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-c81d133d-21c9-74c3-6067-a6be0f4252be {
margin-bottom: 40px !important;
}
.lfr-layout-structure-item-62ad0605-9a69-5cfc-dc2e-f1e26ede5712 {
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-21da8e85-f351-0915-0940-53a260521782 {
margin-bottom: 50px !important;
}
.lfr-layout-structure-item-025c253f-3d5d-2bef-54be-8218a3da9b7f {
padding-bottom: 20px !important;
text-align: center !important;
}
.lfr-layout-structure-item-3f9c5b5b-b680-94ab-bbe8-ddaeb9afe91d {
margin-bottom: 10px !important;
}
.lfr-layout-structure-item-b4cc96e0-b42b-e467-d87a-efdc31c880a2 {
margin-bottom: 10px !important;
}
.lfr-layout-structure-item-90b59578-97a5-c91e-8b35-b7297e34b39d {
margin-bottom: 30px !important;
}
.lfr-layout-structure-item-dd319459-c045-c17c-8db0-ddf3c8bbfbef {
padding-bottom: 20px !important;
text-align: center !important;
}
.lfr-layout-structure-item-f05ed07f-15e5-1b97-3644-e919b722ca65 {
margin-bottom: 10px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
}
.lfr-layout-structure-item-286fa74c-8233-edbd-6a8a-ddd6e7978bc6 {
margin-bottom: 50px !important;
}
.lfr-layout-structure-item-4d86bd02-53c3-d653-c8da-1040aab8152c {
margin-bottom: 50px !important;
}
.lfr-layout-structure-item-adf693d5-c342-23a4-cccd-c9b7d91f92b0 {
margin-bottom: 50px !important;
}
}