# Landing Apprentissimo — Version intégrable Divi 5
Objectif :reconstruire la page dans Divi avec des modules natifs,pour que chaque texte,image,bouton,carte et formulaire reste modifiable directement dans WordPress.---## Méthode recommandée
Ne pas intégrer toute la page dans un seul module Code,car ce serait difficile à modifier ensuite.
À la place :1. Créer les sections avec le Visual Builder Divi.
2. Utiliser des modules Divi natifs :Image,Texte,Bouton,Blurb,Formulaire de contact,Social Follow.
3. Ajouter uniquement du CSS global pour retrouver le style premium.
4. Donner des classes CSS aux sections/modules pour harmoniser le design.---# 1. CSS global à coller dans Divi
À coller dans :**Divi>Theme Options>Custom CSS**
```css
:root{--app-bg:#f8f6f2;--app-white:#ffffff;--app-text:#111827;--app-muted:#5f6673;--app-orange:#f59e0b;--app-orange-dark:#d97706;--app-orange-soft:#fff4df;--app-border:rgba(17,24,39,0.08);--app-shadow:0 18px 45px rgba(17,24,39,0.08);--app-radius:24px}body{background:var(--app-bg)}.appr-section{padding:80px 0;background:var(--app-bg)}.appr-section-white{padding:80px 0;background:#ffffff}.appr-container{max-width:1120px;margin-left:auto;margin-right:auto}.appr-card{background:var(--app-white);border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow);padding:28px;transition:transform 0.25s ease,box-shadow 0.25s ease}.appr-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(17,24,39,0.12)}.appr-hero{min-height:760px;display:flex;align-items:center;text-align:center;background:radial-gradient(circle at top left,rgba(245,158,11,0.18),transparent 32%),linear-gradient(180deg,#fff8ed 0%,#f8f6f2 100%)}.appr-hero h1,.appr-title h1,.appr-title h2{color:var(--app-text);font-weight:800;letter-spacing:-0.04em}.appr-hero h1{font-size:clamp(42px,7vw,82px);line-height:1.05}.appr-section-title h2{font-size:clamp(32px,4vw,48px);line-height:1.12;font-weight:800;letter-spacing:-0.03em;color:var(--app-text)}.appr-text-large{font-size:21px;line-height:1.55;color:var(--app-muted)}.appr-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--app-orange-soft);color:var(--app-orange-dark);border:1px solid rgba(245,158,11,0.25);border-radius:999px;padding:14px 26px;font-weight:800;font-size:22px}.appr-btn .et_pb_button,.et_pb_button.appr-main-btn{background:var(--app-orange)!important;color:#ffffff!important;border:0!important;border-radius:999px!important;padding:18px 34px!important;font-size:18px!important;font-weight:800!important;box-shadow:0 16px 35px rgba(245,158,11,0.35)}.appr-btn .et_pb_button:hover,.et_pb_button.appr-main-btn:hover{background:var(--app-orange-dark)!important;transform:translateY(-2px)}.appr-image-rounded img{border-radius:28px;box-shadow:var(--app-shadow)}.appr-info-card .et_pb_blurb_content{max-width:none}.appr-info-card .et_pb_module_header{font-size:22px;font-weight:800;color:var(--app-text)}.appr-info-card .et_pb_blurb_description{font-size:17px;color:var(--app-muted);line-height:1.5}.appr-pole-card ul{padding-left:20px}.appr-pole-card li{margin-bottom:9px;color:var(--app-muted);line-height:1.45}.appr-form-wrapper{background:linear-gradient(135deg,#ffffff 0%,#fff5e7 100%);border-radius:32px;box-shadow:var(--app-shadow);padding:42px;border:1px solid rgba(245,158,11,0.18)}.appr-form-wrapper input,.appr-form-wrapper select,.appr-form-wrapper textarea{border-radius:14px!important;border:1px solid var(--app-border)!important;padding:15px 18px!important;font-size:16px!important}.appr-footer{background:#111827;color:#ffffff;padding:70px 0 30px}.appr-footer h3,.appr-footer p,.appr-footer a{color:#ffffff}@media (max-width:980px){.appr-section,.appr-section-white{padding:56px 0}.appr-card{padding:24px}.appr-form-wrapper{padding:26px}}html{scroll-behavior:smooth}