.elementor-698 .elementor-element.elementor-element-3951c53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-19px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-698 .elementor-element.elementor-element-3951c53.e-con{--align-self:center;}.elementor-698 .elementor-element.elementor-element-81ea413{--display:flex;--justify-content:center;}.elementor-698 .elementor-element.elementor-element-f3a7ce1{--display:flex;}.elementor-698 .elementor-element.elementor-element-42f9b24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-698 .elementor-element.elementor-element-42f9b24:not(.elementor-motion-effects-element-type-background), .elementor-698 .elementor-element.elementor-element-42f9b24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-698 .elementor-element.elementor-element-324c957{--display:flex;}.elementor-698 .elementor-element.elementor-element-9c70bd3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-698 .elementor-element.elementor-element-9ca5b7e{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-698 .elementor-element.elementor-element-1299fa0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-698 .elementor-element.elementor-element-644ce43{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;}.elementor-698 .elementor-element.elementor-element-bbdf316{--display:flex;}.elementor-698 .elementor-element.elementor-element-c8ce59b{--display:flex;}.elementor-698 .elementor-element.elementor-element-80d15f5{--display:flex;}.elementor-698 .elementor-element.elementor-element-fc5824e{--display:flex;}/* Start custom CSS for container, class: .elementor-element-81ea413 */<style>
    /* =========================================================
       🐣 NOUVEAU THÈME PÂQUES (PREMIUM & COLORÉ)
       Remplace le précédent bloc CSS du thème Pâques
       ========================================================= */

    /* Couleur de base du texte un peu plus douce (Marron très foncé au lieu de noir) */
    .theme-paques .ae-title, 
    .theme-paques .ae-inner-title {
        color: #4A3525;
    }

    /* --- DÉCORATIONS ÉMOJIS --- */
    .theme-paques .ae-card:nth-child(1)::before {
        content: '🐣';
        position: absolute; top: -20px; right: 25px;
        font-size: 2.5rem; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.15));
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 10;
    }
    .theme-paques .ae-card:nth-child(2)::before {
        content: '🐰';
        position: absolute; top: -20px; right: 25px;
        font-size: 2.5rem; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.15));
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 10;
    }
    .theme-paques .ae-card:nth-child(3)::before {
        content: '🔔';
        position: absolute; top: -20px; right: 25px;
        font-size: 2.5rem; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 10;
    }

    .theme-paques .ae-card:nth-child(1):hover::before { transform: translateY(-8px) rotate(-10deg) scale(1.1); }
    .theme-paques .ae-card:nth-child(2):hover::before { transform: translateY(-12px) scale(1.1); }
    .theme-paques .ae-card:nth-child(3):hover::before { transform: rotate(15deg) scale(1.1); transform-origin: top center; }


    /* =========================================================
       CARTE 1 : AMBIANCE PRINTEMPS (Vert Menthe doux)
       ========================================================= */
    .theme-paques .ae-card:nth-child(1)::after { background: #66BB6A; }
    .theme-paques .ae-card:nth-child(1) .ae-badge,
    .theme-paques .ae-card:nth-child(1) .ae-inner-icon {
        background: #E8F5E9; color: #43A047; 
    }
    .theme-paques .ae-card:nth-child(1) .ae-inner-card:hover { border-color: #66BB6A; }
    .theme-paques .ae-card:nth-child(1) .ae-btn-primary { 
        background: #43A047; color: white; 
    }
    .theme-paques .ae-card:nth-child(1) .ae-btn-primary:hover { 
        background: #2E7D32; box-shadow: 0 8px 20px rgba(67, 160, 71, 0.25);
    }


    /* =========================================================
       CARTE 2 : AMBIANCE CAROTTE (Orange Vif)
       ========================================================= */
    .theme-paques .ae-card:nth-child(2)::after { background: #FF7043; }
    .theme-paques .ae-card:nth-child(2) .ae-badge,
    .theme-paques .ae-card:nth-child(2) .ae-inner-icon {
        background: #FBE9E7; color: #F4511E; 
    }
    .theme-paques .ae-card:nth-child(2) .ae-inner-card:hover { border-color: #FF7043; }
    .theme-paques .ae-card:nth-child(2) .ae-btn-primary { 
        background: #F4511E !important; color: white !important; 
    }
    .theme-paques .ae-card:nth-child(2) .ae-btn-primary:hover { 
        background: #D84315 !important; box-shadow: 0 8px 20px rgba(244, 81, 30, 0.25);
    }


    /* =========================================================
       CARTE 3 : AMBIANCE CHOCOLAT & OR (Correction du bug de fond)
       ========================================================= */
    .theme-paques .ae-card-dark {
        background: #4A2E2B !important; /* On force le marron chocolat intense */
    }
    .theme-paques .ae-card-dark::after { background: #FFCA28; }
    
    /* On force les textes en blanc ou beige pour être lisibles sur le marron */
    .theme-paques .ae-card-dark .ae-title,
    .theme-paques .ae-card-dark .ae-inner-title {
        color: #FFFFFF !important;
    }
    .theme-paques .ae-card-dark .ae-desc,
    .theme-paques .ae-card-dark .ae-inner-subtitle,
    .theme-paques .ae-card-dark .ae-footer-text span {
        color: #D7CCC8 !important; /* Beige doux */
    }
    
    .theme-paques .ae-card-dark .ae-badge,
    .theme-paques .ae-card-dark .ae-inner-icon {
        background: rgba(255, 202, 40, 0.15); color: #FFCA28;
    }
    .theme-paques .ae-card-dark .ae-inner-card {
        background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.1);
    }
    .theme-paques .ae-card-dark .ae-inner-card:hover { border-color: #FFCA28; }
    
    /* Bouton Or Jaune */
    .theme-paques .ae-card-dark .ae-btn-primary { 
        background: #FFCA28; color: #3E2723; font-weight: 700;
    }
    .theme-paques .ae-card-dark .ae-btn-primary:hover { 
        background: #FFF3E0; box-shadow: 0 8px 20px rgba(255, 202, 40, 0.2);
    }
    .theme-paques .ae-card-dark .ae-footer-icon { color: #FFCA28 !important; }
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42f9b24 *//* SECTION WHY — NEUTRE, SANS AUCUN FOND NI OMBRE */
.strip {
  padding: 60px 0;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Comfortaa:wght@700&family=Montserrat:wght@800&family=Open+Sans&display=swap" rel="stylesheet">

<style>
/* =========================================================
   🌿 THÈME NATURE & PÂQUES - VERSION AFFINÉE (LIGHT)
========================================================= */

.nature-theme {
    background: linear-gradient(180deg, #F1F8E9 0%, #E8F5E9 100%) !important;
    --n-green: #4CAF50;
    --n-brown: #5D4037;
    --n-flower: #FBC02D;
    overflow: hidden;
}

/* --- ENTÊTE AFFINÉE (MOINS MASSIF) --- */
.nature-theme .why-head h2 { 
    font-family: 'Caveat', cursive !important; 
    font-size: 2.6rem !important; /* Réduit de 3.5rem à 2.6rem */
    color: var(--n-brown) !important; 
    transform: rotate(-1deg); 
    margin: 0 0 5px 0 !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.nature-theme .why-head .dash { 
    background: linear-gradient(90deg, #4CAF50, #81C784) !important;
    height: 6px !important; /* Plus fin */
    width: 50px !important; /* Plus court */
    margin: 8px auto 15px auto !important;
    border-radius: 50% 20% 50% 20% !important; 
    border: none !important;
}

.nature-theme .why-head p { 
    font-family: 'Comfortaa', cursive !important; 
    color: #546E7A !important; 
    font-size: 0.95rem !important; /* Réduit de 1.05rem à 0.95rem */
    max-width: 580px; /* Plus compact */
    margin: 0 auto !important;
    line-height: 1.5 !important;
}

/* --- CARTES STYLE "FEUILLE" --- */
.nature-theme .why-card {
    background: #ffffff !important;
    border: 1px solid #C8E6C9 !important;
    border-radius: 35px 5px 35px 5px !important;
    position: relative;
    padding: 30px 25px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.nature-theme .why-card:hover {
    border-color: var(--n-green) !important;
    box-shadow: 0 15px 35px rgba(76, 175, 80, 0.1) !important;
    transform: translateY(-5px) !important;
}

/* Icônes Nature */
.nature-theme .why-card .icon-box {
    background: #F1F8E9 !important;
    width: 50px;
    height: 50px;
}
.nature-theme .why-card i {
    color: var(--n-green) !important;
    font-size: 1.3rem !important;
}

/* Carte Highlight (La fleur) */
.nature-theme .why-card.highlight {
    border: 1.5px solid var(--n-flower) !important;
    background: #FFFDE7 !important;
}
.nature-theme .why-card.highlight .icon-box { background: #FFF9C4 !important; }
.nature-theme .why-card.highlight i { color: var(--n-flower) !important; }

/* --- DÉCORATIONS ÉMOJIS (DESKTOP) --- */
@media (min-width: 1024px) {
    .nature-theme .why-card:nth-child(odd)::before {
        content: '🐣';
        position: absolute; top: -18px; left: -10px;
        font-size: 1.8rem; z-index: 5;
    }
    .nature-theme .why-card:nth-child(even)::before {
        content: '🦋';
        position: absolute; top: -18px; right: -10px;
        font-size: 1.5rem; z-index: 5;
    }
    .nature-theme::after {
        content: '🌱 🌼 🌱 🌷 🌱 🌼 🌱 🌷 🌱';
        position: absolute; bottom: 12px; left: 50%;
        transform: translateX(-50%); font-size: 1.1rem;
        opacity: 0.35; white-space: nowrap;
    }
}

/* --- LOGO HANDICAP & BULLE --- */
.nature-theme .handicap-bubble {
    background: var(--n-brown) !important;
    border-radius: 20px !important;
}

/* --- RESPONSIVE MOBILE --- */
@media (max-width: 768px) {
    .nature-theme .why-head h2 { 
        font-size: 2rem !important; 
        transform: none !important;
    }
    .nature-theme .why-head p { font-size: 0.85rem !important; }
    .nature-theme .why-card { border-radius: 25px !important; }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c70bd3 */<style>
/* Bloc principal - Marges réduites pour éviter le conflit avec l'éditeur */
.title-block {
  text-align: center;
  margin: 10px 0 20px 0; 
  padding: 0;
}

/* Titre */
.title-block h2 {
  font-size: 36px;
  font-weight: 800;
  color: #1b2431;
  margin-bottom: 15px;
  line-height: 1.3;
}

/* Barre orange */
.title-block .dash-orange {
  display: block;
  width: 70px;
  height: 5px;
  background: #ff7a00;
  border-radius: 5px;
  margin: 0 auto 20px auto;
}

/* Sous-titre */
.title-block .subtitle {
  font-size: 18px;
  color: #555;
  max-width: 850px;
  margin: 0 auto;
  line-height: 1.6;
}

@media (max-width: 600px) {
  .title-block h2 { font-size: 26px; }
  .title-block .subtitle { font-size: 16px; }
}
</style>

<div class="title-block">
  <h2>Formations & permis accéléré à Auxerre (Permis B, AAC, conduite supervisée)</h2>
  <span class="dash-orange"></span>
  <p class="subtitle">Les étapes du <strong>Permis B</strong> et de la <strong>Conduite accompagnée (AAC)</strong> sont structurées par le REMC pour votre réussite.</p>
</div>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-324c957 */<style>
.ae-header-premium {
    text-align: center;
    padding: 20px; /* Réduit pour éviter le vide immense */
    max-width: 900px;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
}
.ae-header-premium h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 2.2rem;
    color: #0F172A;
    line-height: 1.25;
    margin: 0 0 20px 0;
    letter-spacing: -0.5px;
}
.ae-header-premium .dash-orange {
    display: block;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #FF6600, #FF9E66);
    margin: 0 auto 25px auto;
    border-radius: 50px;
}
.ae-header-premium .subtitle {
    font-size: 1.1rem;
    color: #64748B;
    line-height: 1.6;
    margin: 0;
}
.ae-header-premium .subtitle strong {
    color: #FF6600;
    font-weight: 700;
    display: inline-block;
}
@media (max-width: 768px) {
    .ae-header-premium { padding: 15px; }
    .ae-header-premium h2 { font-size: 1.6rem; }
    .ae-header-premium .subtitle { font-size: 0.95rem; }
}
</style>

<div class="ae-header-premium">
    <h2>Formations & permis accéléré à Auxerre (Permis B, AAC, conduite supervisée)</h2>
    <span class="dash-orange"></span>
    <p class="subtitle">Les étapes du <strong>Permis B</strong> et de la <strong>Conduite accompagnée (AAC)</strong> sont structurées par le REMC pour votre réussite.</p>
</div>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ca5b7e *//* Conteneur principal : même hauteur pour toutes les cartes */
.prog-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Empêcher le titre + les étapes de se réduire */
.prog-card .prog-step,
.prog-card h3 {
    flex-shrink: 0;
}

/* Espace flexible qui pousse les boutons vers le bas */
.prog-card .spacer {
    flex-grow: 1;
}

/* Zone boutons toujours en bas */
.prog-card .btn-more,
.prog-card .btn-download {
    flex-shrink: 0;
}

/* Colonne Elementor contenant chaque carte = même hauteur */
.elementor-column {
    display: flex;
}

<style>
/* 1. FOND DE PAGE : AURORE BORÉALE DOUCE */
#prc-wrap {
    background: #0b0d12 !important;
}

#prc-inner {
    background: 
        radial-gradient(circle at 20% 0%, rgba(162, 224, 162, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 100%, rgba(255, 200, 150, 0.1) 0%, transparent 50%) !important;
}

/* 2. LES CARTES : EFFET "SERRE DE VERRE" */
#prc-inner .prc-card {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    /* On adoucit les coins pour un côté plus organique */
    border-radius: 40px 10px 40px 10px !important; 
}

#prc-inner .prc-card:hover {
    border-color: rgba(255, 255, 255, 0.25) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

/* 3. DÉTAILS VÉGÉTAUX MINIMALISTES */
/* Un filet de lumière verte qui parcourt le haut du titre au hover */
#prc-inner .prc-card.c-gr .prc-title::before {
    content: '';
    position: absolute;
    top: -10px; left: 0; width: 30px; height: 2px;
    background: #2fd47a;
    box-shadow: 0 0 15px #2fd47a;
    border-radius: 10px;
    opacity: 0;
    transition: 0.4s;
}
#prc-inner .prc-card:hover .prc-title::before { opacity: 1; left: 20px; }

/* 4. TYPOGRAPHIE "PRINTEMPS" */
#prc-inner .prc-h1 em {
    color: #f0ece4 !important;
    font-style: italic !important;
    -webkit-text-stroke: 0 !important;
    background: linear-gradient(120deg, #a2e0a2 0%, #3d8ef8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 10px rgba(162, 224, 162, 0.3));
}

/* 5. ACCENTS DE PÂQUES (DISCRETS) */
/* On transforme les puces en "bourgeons" lumineux */
#prc-inner .prc-dot {
    width: 6px !important;
    height: 10px !important;
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40% !important; /* Forme d'amande/oeuf */
    transform: rotate(-15deg);
}

/* 6. ANIMATION DE "BRUME MATINALE" */
#prc-inner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url('https://www.transparenttextures.com/patterns/asfalt-dark.png');
    opacity: 0.03;
    pointer-events: none;
}

/* Boutons plus "Bio" (arrondis) */
#prc-inner .prc-btn-fill, #prc-inner .prc-btn-ghost {
    border-radius: 30px !important;
}

/* Accentuation de la couleur verte (Renaissance) */
#prc-inner .prc-card.c-gr {
    box-shadow: inset 0 0 20px rgba(47, 212, 122, 0.05) !important;
}
</style>/* End custom CSS */