[et_pb_section fb_built=”1″ admin_label=”Article HTML” _builder_version=”4.16″ custom_padding=”0px||0px||false|false” global_colors_info=”{}”][et_pb_row admin_label=”Contenu” _builder_version=”4.16″ width=”100%” max_width=”100%” custom_padding=”0px||0px||false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_code admin_label=”HTML import\u00e9” _builder_version=”4.16″ global_colors_info=”{}”]<\/p>\n
.dbi-art-5ade95b4 .dyn-article{
\n –dyn-bleu:#5e5ed7;
\n –dyn-bleu-fonce:#5268c9;
\n –dyn-vert:#a9e2e4;
\n –dyn-jaune:#ffeca7;
\n –dyn-rose:#e73469;
\n –dyn-encre:#1d1d2e;
\n –dyn-gris:#5c5c72;
\n –dyn-fond:#f6f6fd;
\n –dyn-ombre:0 6px 24px rgba(29,29,46,.08);
\n –dyn-ombre-forte:0 12px 34px rgba(94,94,215,.22);
\n –dyn-radius:18px;
\n font-family:”Inter”,”Segoe UI”,system-ui,-apple-system,”Helvetica Neue”,Arial,sans-serif;
\n color:var(–dyn-encre);
\n line-height:1.68;
\n font-size:clamp(16px,1.05vw + 13px,18px);
\n max-width:860px;
\n margin:0 auto;
\n padding:0 4px;
\n -webkit-font-smoothing:antialiased;
\n}
\n.dyn-article *{box-sizing:border-box;}
\n.dbi-art-5ade95b4 .dyn-article h1, .dbi-art-5ade95b4 .dyn-article h2, .dbi-art-5ade95b4 .dyn-article h3, .dbi-art-5ade95b4 .dyn-article h4{
\n color:var(–dyn-encre);line-height:1.22;margin:0 0 .5em;font-weight:800;letter-spacing:-.015em;
\n}
\n.dyn-article h1{font-size:clamp(1.65rem,3.4vw,2.35rem);margin-top:.4em;}
\n.dbi-art-5ade95b4 .dyn-article h2{font-size:clamp(1.35rem,2.4vw,1.75rem);margin-top:2.1em;padding-top:.2em;}
\n.dyn-article h3{font-size:clamp(1.1rem,1.7vw,1.28rem);margin-top:1.5em;font-weight:700;}
\n.dbi-art-5ade95b4 .dyn-article p{margin:0 0 1.05em;}
\n.dyn-article a{color:var(–dyn-bleu-fonce);text-decoration:underline;text-underline-offset:3px;}
\n.dbi-art-5ade95b4 .dyn-article a:hover{color:var(–dyn-rose);}
\n.dyn-article a:focus-visible{outline:3px solid var(–dyn-bleu);outline-offset:2px;border-radius:4px;}
\n.dbi-art-5ade95b4 .dyn-article ul, .dbi-art-5ade95b4 .dyn-article ol{margin:0 0 1.05em;padding-left:1.25em;}
\n.dyn-article li{margin-bottom:.45em;}
\n.dbi-art-5ade95b4 .dyn-article strong{font-weight:700;}
\n.dyn-article img{max-width:100%;height:auto;display:block;}<\/p>\n
.dbi-art-5ade95b4 .dyn-pagehead{
\n position:relative;overflow:hidden;border-radius:var(–dyn-radius);
\n padding:30px 24px 28px;margin:0 0 1.5em;box-shadow:var(–dyn-ombre);
\n}
\n@media (min-width:720px){.dbi-art-5ade95b4 .dyn-pagehead{padding:44px 44px 40px;}}
\n.dbi-art-5ade95b4 .dyn-pagehead::after{
\n content:””;position:absolute;right:-80px;top:-80px;width:250px;height:250px;border-radius:50%;
\n background:rgba(255,255,255,.14);pointer-events:none;
\n}
\n.dyn-pagehead > *{position:relative;z-index:1;}
\n.dbi-art-5ade95b4 .dyn-pagehead–bleu{background:linear-gradient(135deg,var(–dyn-bleu) 0%,var(–dyn-bleu-fonce) 100%);color:#fff;}
\n.dyn-pagehead–bleu h1{color:#fff;}
\n.dbi-art-5ade95b4 .dyn-pagehead–bleu .dyn-pagehead__cat{color:var(–dyn-jaune);}
\n.dyn-pagehead–bleu .dyn-pagehead__lead{color:rgba(255,255,255,.93);}
\n.dbi-art-5ade95b4 .dyn-pagehead–bleu .dyn-pagehead__meta{color:#fff;}
\n.dyn-pagehead–bleu .dyn-pagehead__meta li{background:rgba(255,255,255,.18);}
\n.dbi-art-5ade95b4 .dyn-pagehead–eau{background:linear-gradient(135deg,var(–dyn-vert) 0%,#cfeff1 100%);color:var(–dyn-encre);}
\n.dyn-pagehead–eau .dyn-pagehead__cat{color:var(–dyn-rose);}
\n.dbi-art-5ade95b4 .dyn-pagehead–eau .dyn-pagehead__lead{color:#3b4a5c;}
\n.dyn-pagehead–eau .dyn-pagehead__meta li{background:rgba(255,255,255,.62);}
\n.dbi-art-5ade95b4 .dyn-pagehead–jaune{background:linear-gradient(135deg,var(–dyn-jaune) 0%,#fff7d6 100%);color:var(–dyn-encre);}
\n.dyn-pagehead–jaune .dyn-pagehead__cat{color:var(–dyn-rose);}
\n.dbi-art-5ade95b4 .dyn-pagehead–jaune .dyn-pagehead__lead{color:#5a5240;}
\n.dyn-pagehead–jaune .dyn-pagehead__meta li{background:rgba(255,255,255,.68);}
\n.dbi-art-5ade95b4 .dyn-pagehead__cat{
\n display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.12em;
\n text-transform:uppercase;margin-bottom:.9em;
\n}
\n.dyn-pagehead h1{margin:0 0 .5em;}
\n.dbi-art-5ade95b4 .dyn-pagehead__lead{font-size:clamp(1.02rem,1.4vw,1.16rem);margin:0 0 1.3em;}
\n.dyn-pagehead__meta{
\n display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;
\n font-size:.83rem;font-weight:600;
\n}
\n.dbi-art-5ade95b4 .dyn-pagehead__meta li{border-radius:999px;padding:5px 13px;}<\/p>\n
.dyn-hero{
\n background:linear-gradient(135deg,#ffffff 0%,var(–dyn-fond) 100%);
\n border-radius:var(–dyn-radius);
\n box-shadow:var(–dyn-ombre);
\n overflow:hidden;
\n margin:0 0 2.2em;
\n}
\n.dbi-art-5ade95b4 .dyn-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);}
\n@media (min-width:720px){.dbi-art-5ade95b4 .dyn-hero__grid{grid-template-columns:42% minmax(0,1fr);}}
\n.dbi-art-5ade95b4 .dyn-hero__media{position:relative;background:var(–dyn-vert);}
\n.dyn-hero__media img{width:100%;height:100%;object-fit:cover;aspect-ratio:16\/9;}
\n@media (min-width:720px){.dbi-art-5ade95b4 .dyn-hero__media img{aspect-ratio:auto;min-height:100%;}}
\n.dbi-art-5ade95b4 .dyn-hero__eyebrow{
\n display:inline-block;background:var(–dyn-rose);color:#fff;font-size:.72rem;font-weight:800;
\n letter-spacing:.09em;text-transform:uppercase;padding:6px 13px;border-radius:999px;margin-bottom:.7em;
\n}
\n.dyn-hero__body{padding:22px 22px 24px;}
\n@media (min-width:720px){.dbi-art-5ade95b4 .dyn-hero__body{padding:28px 30px;}}
\n.dbi-art-5ade95b4 .dyn-hero__title{font-size:clamp(1.12rem,2vw,1.42rem);font-weight:800;margin:0 0 .55em;line-height:1.25;}
\n.dyn-hero__title a{color:var(–dyn-encre);text-decoration:none;}
\n.dbi-art-5ade95b4 .dyn-hero__title a:hover{color:var(–dyn-bleu);}
\n.dyn-hero__pitch{font-size:.97rem;color:var(–dyn-gris);margin:0 0 1em;}
\n.dbi-art-5ade95b4 .dyn-badges{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 1.1em;padding:0;list-style:none;}
\n.dyn-badges li{
\n background:#fff;border-radius:999px;padding:5px 12px;font-size:.79rem;font-weight:600;
\n color:var(–dyn-bleu-fonce);box-shadow:0 2px 8px rgba(29,29,46,.07);
\n}
\n.dbi-art-5ade95b4 .dyn-hero__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
\n.dyn-btn{
\n display:inline-block;background:var(–dyn-bleu);color:#fff !important;text-decoration:none !important;
\n font-weight:700;padding:13px 26px;border-radius:999px;box-shadow:var(–dyn-ombre-forte);
\n transition:transform .15s ease,background .15s ease;text-align:center;
\n}
\n.dbi-art-5ade95b4 .dyn-btn:hover{background:var(–dyn-bleu-fonce);transform:translateY(-2px);color:#fff !important;}
\n.dyn-btn–ghost{
\n background:#fff;color:var(–dyn-bleu-fonce) !important;box-shadow:0 2px 10px rgba(29,29,46,.09);
\n}
\n.dbi-art-5ade95b4 .dyn-btn–ghost:hover{background:var(–dyn-jaune);color:var(–dyn-encre) !important;}
\n.dyn-hero__price{font-weight:800;color:var(–dyn-rose);font-size:1.02rem;margin-left:2px;}<\/p>\n
.dbi-art-5ade95b4 .dyn-hero–pastel{background:var(–dom-fond);}
\n.dyn-pastel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:22px;}
\n@media (min-width:720px){.dbi-art-5ade95b4 .dyn-pastel{gap:24px;padding:30px 32px;}}
\n.dbi-art-5ade95b4 .dyn-pastel__icone{
\n flex:0 0 auto;width:74px;height:74px;border-radius:22px;background:#fff;
\n display:flex;align-items:center;justify-content:center;font-size:34px;line-height:1;
\n box-shadow:0 4px 14px rgba(29,29,46,.10);
\n}
\n@media (min-width:720px){.dbi-art-5ade95b4 .dyn-pastel__icone{width:88px;height:88px;font-size:40px;}}
\n.dbi-art-5ade95b4 .dyn-pastel__domaine{
\n display:inline-block;background:#fff;border-radius:999px;padding:4px 12px;
\n font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
\n color:var(–dom-texte);margin-bottom:.6em;
\n}
\n.dyn-hero–pastel .dyn-hero__eyebrow{background:var(–dom-texte);}
\n.dbi-art-5ade95b4 .dyn-hero–pastel .dyn-btn{background:var(–dom-texte);}
\n.dyn-hero–pastel .dyn-btn:hover{filter:brightness(.92);}
\n.dbi-art-5ade95b4 .dyn-hero–pastel .dyn-btn–ghost{background:#fff;color:var(–dom-texte) !important;}
\n.dyn-hero–pastel .dyn-badges li{color:var(–dom-texte);}
\n.dbi-art-5ade95b4 .dyn-hero–pastel .dyn-hero__price{color:var(–dom-texte);}
\n.dyn-dom–memoire{–dom-fond:#e9e9fb;–dom-texte:#5268c9;}
\n.dbi-art-5ade95b4 .dyn-dom–attention{–dom-fond:#dcf2f4;–dom-texte:#1b7f86;}
\n.dyn-dom–logique{–dom-fond:#ece9fb;–dom-texte:#5e5ed7;}
\n.dbi-art-5ade95b4 .dyn-dom–langage{–dom-fond:#ffe8d9;–dom-texte:#b35a2a;}
\n.dyn-dom–emotions{–dom-fond:#fdeaf1;–dom-texte:#c0295a;}
\n.dbi-art-5ade95b4 .dyn-dom–apprentissage{–dom-fond:#fff3cd;–dom-texte:#8a6a13;}
\n.dyn-dom–autonomie{–dom-fond:#e4f2ea;–dom-texte:#25795c;}<\/p>\n
.dbi-art-5ade95b4 .dyn-tldr{
\n background:var(–dyn-vert);border-radius:var(–dyn-radius);padding:22px 24px;margin:0 0 2em;
\n}
\n.dyn-tldr h2{margin:0 0 .5em;font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em;}
\n.dbi-art-5ade95b4 .dyn-tldr p{margin-bottom:.8em;}
\n.dyn-tldr ul{margin-bottom:0;padding-left:1.1em;}<\/p>\n
.dbi-art-5ade95b4 .dyn-toc{background:var(–dyn-fond);border-radius:var(–dyn-radius);padding:20px 24px;margin:0 0 2.2em;}
\n.dyn-toc p{font-weight:800;margin:0 0 .6em;font-size:.9rem;text-transform:uppercase;letter-spacing:.07em;color:var(–dyn-bleu-fonce);}
\n.dbi-art-5ade95b4 .dyn-toc ol{margin:0;padding-left:1.2em;}
\n.dyn-toc li{margin-bottom:.3em;}<\/p>\n
.dbi-art-5ade95b4 .dyn-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:1.4em 0 1.8em;}
\n.dyn-card{
\n background:#fff;border-radius:var(–dyn-radius);padding:20px 20px 18px;box-shadow:var(–dyn-ombre);
\n}
\n.dbi-art-5ade95b4 .dyn-card h3{margin:0 0 .45em;font-size:1.03rem;}
\n.dyn-card p{margin:0;font-size:.94rem;color:var(–dyn-gris);}
\n.dbi-art-5ade95b4 .dyn-card__icon{font-size:1.5rem;display:block;margin-bottom:.35em;line-height:1;}<\/p>\n
.dyn-module{
\n background:#fff;border-radius:var(–dyn-radius);box-shadow:var(–dyn-ombre);
\n padding:20px 22px;margin:0 0 14px;
\n}
\n.dbi-art-5ade95b4 .dyn-module__head{display:flex;align-items:center;gap:12px;margin-bottom:.7em;}
\n.dyn-module__num{
\n flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:var(–dyn-bleu);color:#fff;
\n display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;
\n}
\n.dbi-art-5ade95b4 .dyn-module__title{margin:0;font-size:1.05rem;font-weight:800;}
\n.dyn-module ul{margin:0;padding-left:1.15em;font-size:.95rem;}
\n.dbi-art-5ade95b4 .dyn-module li::marker{color:var(–dyn-rose);}<\/p>\n
.dyn-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.3em 0 1.9em;border-radius:var(–dyn-radius);box-shadow:var(–dyn-ombre);background:#fff;}
\n.dbi-art-5ade95b4 .dyn-article table{width:100%;border-collapse:collapse;min-width:460px;font-size:.94rem;}
\n.dyn-article thead th{
\n background:var(–dyn-bleu);color:#fff;text-align:left;padding:13px 16px;font-weight:700;font-size:.9rem;
\n}
\n.dbi-art-5ade95b4 .dyn-article tbody td{padding:12px 16px;vertical-align:top;border-top:1px solid #ececf7;}
\n.dyn-article tbody tr:nth-child(even) td{background:#fbfbff;}
\n.dbi-art-5ade95b4 .dyn-article th:first-child{border-top-left-radius:var(–dyn-radius);}
\n.dyn-article th:last-child{border-top-right-radius:var(–dyn-radius);}
\n.dbi-art-5ade95b4 .dyn-oui{color:#1a8f6b;font-weight:700;}
\n.dyn-non{color:var(–dyn-rose);font-weight:700;}<\/p>\n
.dbi-art-5ade95b4 .dyn-note, .dbi-art-5ade95b4 .dyn-alerte{border-radius:var(–dyn-radius);padding:18px 22px;margin:1.5em 0;}
\n.dyn-note{background:var(–dyn-jaune);}
\n.dbi-art-5ade95b4 .dyn-alerte{background:#fdeef3;}
\n.dyn-note p:last-child,.dyn-alerte p:last-child{margin-bottom:0;}
\n.dbi-art-5ade95b4 .dyn-note strong, .dbi-art-5ade95b4 .dyn-alerte strong{display:block;margin-bottom:.3em;font-size:1rem;}<\/p>\n
.dyn-cta{
\n background:var(–dyn-bleu);border-radius:var(–dyn-radius);padding:26px 24px;margin:2.2em 0;
\n color:#fff;text-align:center;box-shadow:var(–dyn-ombre-forte);
\n}
\n.dbi-art-5ade95b4 .dyn-cta h3{color:#fff;margin:0 0 .4em;font-size:clamp(1.1rem,2vw,1.35rem);}
\n.dyn-cta p{color:rgba(255,255,255,.92);margin:0 0 1.1em;font-size:.97rem;}
\n.dbi-art-5ade95b4 .dyn-cta .dyn-btn{background:#fff;color:var(–dyn-bleu) !important;box-shadow:none;}
\n.dyn-cta .dyn-btn:hover{background:var(–dyn-jaune);color:var(–dyn-encre) !important;}<\/p>\n
.dbi-art-5ade95b4 .dyn-steps{list-style:none;counter-reset:dyn;padding:0;margin:1.4em 0 1.8em;display:grid;gap:12px;}
\n.dyn-steps li{
\n counter-increment:dyn;background:#fff;border-radius:var(–dyn-radius);box-shadow:var(–dyn-ombre);
\n padding:16px 20px 16px 62px;position:relative;font-size:.96rem;
\n}
\n.dbi-art-5ade95b4 .dyn-steps li::before{
\n content:counter(dyn);position:absolute;left:18px;top:15px;width:30px;height:30px;border-radius:10px;
\n background:var(–dyn-jaune);color:var(–dyn-encre);display:flex;align-items:center;justify-content:center;
\n font-weight:800;font-size:.9rem;
\n}<\/p>\n
.dyn-faq{background:var(–dyn-fond);border-radius:var(–dyn-radius);padding:6px 24px 20px;margin:1.4em 0 0;}
\n.dbi-art-5ade95b4 .dyn-faq h3{font-size:1.05rem;margin-top:1.4em;}
\n.dyn-faq p{font-size:.96rem;}<\/p>\n
.dbi-art-5ade95b4 .dyn-serie{display:grid;gap:12px;margin:1.4em 0 1.8em;}
\n.dyn-serie a{
\n display:block;background:#fff;border-radius:var(–dyn-radius);box-shadow:var(–dyn-ombre);
\n padding:15px 20px;text-decoration:none;color:var(–dyn-encre);font-weight:600;font-size:.96rem;
\n transition:transform .15s ease;
\n}
\n.dbi-art-5ade95b4 .dyn-serie a:hover{transform:translateX(4px);color:var(–dyn-bleu);}
\n.dyn-serie span{display:block;font-size:.82rem;font-weight:600;color:var(–dyn-rose);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;}<\/p>\n
@media (prefers-reduced-motion:reduce){
\n .dbi-art-5ade95b4 .dyn-article *{transition:none !important;}
\n}<\/p>\n