[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=”{}”]
\n.dbi-art-14f78b .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.dbi-art-14f78b .dyn-article * {box-sizing:border-box;}
\n.dbi-art-14f78b .dyn-article h1, .dbi-art-14f78b .dyn-article h2, .dbi-art-14f78b .dyn-article h3, .dbi-art-14f78b .dyn-article h4 {
\n color:var(–dyn-encre);line-height:1.22;margin:0 0 .5em;font-weight:800;letter-spacing:-.015em;
\n}
\n.dbi-art-14f78b .dyn-article h1 {font-size:clamp(1.65rem,3.4vw,2.35rem);margin-top:.4em;}
\n.dbi-art-14f78b .dyn-article h2 {font-size:clamp(1.35rem,2.4vw,1.75rem);margin-top:2.1em;padding-top:.2em;}
\n.dbi-art-14f78b .dyn-article h3 {font-size:clamp(1.1rem,1.7vw,1.28rem);margin-top:1.5em;font-weight:700;}
\n.dbi-art-14f78b .dyn-article p {margin:0 0 1.05em;}
\n.dbi-art-14f78b .dyn-article a {color:var(–dyn-bleu-fonce);text-decoration:underline;text-underline-offset:3px;}
\n.dbi-art-14f78b .dyn-article a:hover {color:var(–dyn-rose);}
\n.dbi-art-14f78b .dyn-article a:focus-visible {outline:3px solid var(–dyn-bleu);outline-offset:2px;border-radius:4px;}
\n.dbi-art-14f78b .dyn-article ul, .dbi-art-14f78b .dyn-article ol {margin:0 0 1.05em;padding-left:1.25em;}
\n.dbi-art-14f78b .dyn-article li {margin-bottom:.45em;}
\n.dbi-art-14f78b .dyn-article strong {font-weight:700;}
\n.dbi-art-14f78b .dyn-article img {max-width:100%;height:auto;display:block;}
\n.dbi-art-14f78b .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) {
\n.dbi-art-14f78b .dyn-pagehead {padding:44px 44px 40px;}
\n}
\n.dbi-art-14f78b .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.dbi-art-14f78b .dyn-pagehead > * {position:relative;z-index:1;}
\n.dbi-art-14f78b .dyn-pagehead–bleu {background:linear-gradient(135deg,var(–dyn-bleu) 0%,var(–dyn-bleu-fonce) 100%);color:#fff;}
\n.dbi-art-14f78b .dyn-pagehead–bleu h1 {color:#fff;}
\n.dbi-art-14f78b .dyn-pagehead–bleu .dyn-pagehead__cat {color:var(–dyn-jaune);}
\n.dbi-art-14f78b .dyn-pagehead–bleu .dyn-pagehead__lead {color:rgba(255,255,255,.93);}
\n.dbi-art-14f78b .dyn-pagehead–bleu .dyn-pagehead__meta {color:#fff;}
\n.dbi-art-14f78b .dyn-pagehead–bleu .dyn-pagehead__meta li {background:rgba(255,255,255,.18);}
\n.dbi-art-14f78b .dyn-pagehead–eau {background:linear-gradient(135deg,var(–dyn-vert) 0%,#cfeff1 100%);color:var(–dyn-encre);}
\n.dbi-art-14f78b .dyn-pagehead–eau .dyn-pagehead__cat {color:var(–dyn-rose);}
\n.dbi-art-14f78b .dyn-pagehead–eau .dyn-pagehead__lead {color:#3b4a5c;}
\n.dbi-art-14f78b .dyn-pagehead–eau .dyn-pagehead__meta li {background:rgba(255,255,255,.62);}
\n.dbi-art-14f78b .dyn-pagehead–jaune {background:linear-gradient(135deg,var(–dyn-jaune) 0%,#fff7d6 100%);color:var(–dyn-encre);}
\n.dbi-art-14f78b .dyn-pagehead–jaune .dyn-pagehead__cat {color:var(–dyn-rose);}
\n.dbi-art-14f78b .dyn-pagehead–jaune .dyn-pagehead__lead {color:#5a5240;}
\n.dbi-art-14f78b .dyn-pagehead–jaune .dyn-pagehead__meta li {background:rgba(255,255,255,.68);}
\n.dbi-art-14f78b .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.dbi-art-14f78b .dyn-pagehead h1 {margin:0 0 .5em;}
\n.dbi-art-14f78b .dyn-pagehead__lead {font-size:clamp(1.02rem,1.4vw,1.16rem);margin:0 0 1.3em;}
\n.dbi-art-14f78b .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-14f78b .dyn-pagehead__meta li {border-radius:999px;padding:5px 13px;}
\n.dbi-art-14f78b .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-14f78b .dyn-hero__grid {display:grid;grid-template-columns:minmax(0,1fr);}
\n@media(min-width:720px) {
\n.dbi-art-14f78b .dyn-hero__grid {grid-template-columns:42% minmax(0,1fr);}
\n}
\n.dbi-art-14f78b .dyn-hero__media {position:relative;background:var(–dyn-vert);}
\n.dbi-art-14f78b .dyn-hero__media img {width:100%;height:100%;object-fit:cover;aspect-ratio:16\/9;}
\n@media(min-width:720px) {
\n.dbi-art-14f78b .dyn-hero__media img {aspect-ratio:auto;min-height:100%;}
\n}
\n.dbi-art-14f78b .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.dbi-art-14f78b .dyn-hero__body {padding:22px 22px 24px;}
\n@media(min-width:720px) {
\n.dbi-art-14f78b .dyn-hero__body {padding:28px 30px;}
\n}
\n.dbi-art-14f78b .dyn-hero__title {font-size:clamp(1.12rem,2vw,1.42rem);font-weight:800;margin:0 0 .55em;line-height:1.25;}
\n.dbi-art-14f78b .dyn-hero__title a {color:var(–dyn-encre);text-decoration:none;}
\n.dbi-art-14f78b .dyn-hero__title a:hover {color:var(–dyn-bleu);}
\n.dbi-art-14f78b .dyn-hero__pitch {font-size:.97rem;color:var(–dyn-gris);margin:0 0 1em;}
\n.dbi-art-14f78b .dyn-badges {display:flex;flex-wrap:wrap;gap:7px;margin:0 0 1.1em;padding:0;list-style:none;}
\n.dbi-art-14f78b .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-14f78b .dyn-hero__actions {display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
\n.dbi-art-14f78b .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-14f78b .dyn-btn:hover {background:var(–dyn-bleu-fonce);transform:translateY(-2px);color:#fff !important;}
\n.dbi-art-14f78b .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-14f78b .dyn-btn–ghost:hover {background:var(–dyn-jaune);color:var(–dyn-encre) !important;}
\n.dbi-art-14f78b .dyn-hero__price {font-weight:800;color:var(–dyn-rose);font-size:1.02rem;margin-left:2px;}
\n.dbi-art-14f78b .dyn-hero–pastel {background:var(–dom-fond);}
\n.dbi-art-14f78b .dyn-pastel {display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:22px;}
\n@media(min-width:720px) {
\n.dbi-art-14f78b .dyn-pastel {gap:24px;padding:30px 32px;}
\n}
\n.dbi-art-14f78b .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) {
\n.dbi-art-14f78b .dyn-pastel__icone {width:88px;height:88px;font-size:40px;}
\n}
\n.dbi-art-14f78b .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.dbi-art-14f78b .dyn-hero–pastel .dyn-hero__eyebrow {background:var(–dom-texte);}
\n.dbi-art-14f78b .dyn-hero–pastel .dyn-btn {background:var(–dom-texte);}
\n.dbi-art-14f78b .dyn-hero–pastel .dyn-btn:hover {filter:brightness(.92);}
\n.dbi-art-14f78b .dyn-hero–pastel .dyn-btn–ghost {background:#fff;color:var(–dom-texte) !important;}
\n.dbi-art-14f78b .dyn-hero–pastel .dyn-badges li {color:var(–dom-texte);}
\n.dbi-art-14f78b .dyn-hero–pastel .dyn-hero__price {color:var(–dom-texte);}
\n.dbi-art-14f78b .dyn-dom–memoire {–dom-fond:#e9e9fb;–dom-texte:#5268c9;}
\n.dbi-art-14f78b .dyn-dom–attention {–dom-fond:#dcf2f4;–dom-texte:#1b7f86;}
\n.dbi-art-14f78b .dyn-dom–logique {–dom-fond:#ece9fb;–dom-texte:#5e5ed7;}
\n.dbi-art-14f78b .dyn-dom–langage {–dom-fond:#ffe8d9;–dom-texte:#b35a2a;}
\n.dbi-art-14f78b .dyn-dom–emotions {–dom-fond:#fdeaf1;–dom-texte:#c0295a;}
\n.dbi-art-14f78b .dyn-dom–apprentissage {–dom-fond:#fff3cd;–dom-texte:#8a6a13;}
\n.dbi-art-14f78b .dyn-dom–autonomie {–dom-fond:#e4f2ea;–dom-texte:#25795c;}
\n.dbi-art-14f78b .dyn-tldr {
\n background:var(–dyn-vert);border-radius:var(–dyn-radius);padding:22px 24px;margin:0 0 2em;
\n}
\n.dbi-art-14f78b .dyn-tldr h2 {margin:0 0 .5em;font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em;}
\n.dbi-art-14f78b .dyn-tldr p {margin-bottom:.8em;}
\n.dbi-art-14f78b .dyn-tldr ul {margin-bottom:0;padding-left:1.1em;}
\n.dbi-art-14f78b .dyn-toc {background:var(–dyn-fond);border-radius:var(–dyn-radius);padding:20px 24px;margin:0 0 2.2em;}
\n.dbi-art-14f78b .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-14f78b .dyn-toc ol {margin:0;padding-left:1.2em;}
\n.dbi-art-14f78b .dyn-toc li {margin-bottom:.3em;}
\n.dbi-art-14f78b .dyn-cards {display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:1.4em 0 1.8em;}
\n.dbi-art-14f78b .dyn-card {
\n background:#fff;border-radius:var(–dyn-radius);padding:20px 20px 18px;box-shadow:var(–dyn-ombre);
\n}
\n.dbi-art-14f78b .dyn-card h3 {margin:0 0 .45em;font-size:1.03rem;}
\n.dbi-art-14f78b .dyn-card p {margin:0;font-size:.94rem;color:var(–dyn-gris);}
\n.dbi-art-14f78b .dyn-card__icon {font-size:1.5rem;display:block;margin-bottom:.35em;line-height:1;}
\n.dbi-art-14f78b .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-14f78b .dyn-module__head {display:flex;align-items:center;gap:12px;margin-bottom:.7em;}
\n.dbi-art-14f78b .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-14f78b .dyn-module__title {margin:0;font-size:1.05rem;font-weight:800;}
\n.dbi-art-14f78b .dyn-module ul {margin:0;padding-left:1.15em;font-size:.95rem;}
\n.dbi-art-14f78b .dyn-module li::marker {color:var(–dyn-rose);}
\n.dbi-art-14f78b .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-14f78b .dyn-article table {width:100%;border-collapse:collapse;min-width:460px;font-size:.94rem;}
\n.dbi-art-14f78b .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-14f78b .dyn-article tbody td {padding:12px 16px;vertical-align:top;border-top:1px solid #ececf7;}
\n.dbi-art-14f78b .dyn-article tbody tr:nth-child(even) td {background:#fbfbff;}
\n.dbi-art-14f78b .dyn-article th:first-child {border-top-left-radius:var(–dyn-radius);}
\n.dbi-art-14f78b .dyn-article th:last-child {border-top-right-radius:var(–dyn-radius);}
\n.dbi-art-14f78b .dyn-oui {color:#1a8f6b;font-weight:700;}
\n.dbi-art-14f78b .dyn-non {color:var(–dyn-rose);font-weight:700;}
\n.dbi-art-14f78b .dyn-note, .dbi-art-14f78b .dyn-alerte {border-radius:var(–dyn-radius);padding:18px 22px;margin:1.5em 0;}
\n.dbi-art-14f78b .dyn-note {background:var(–dyn-jaune);}
\n.dbi-art-14f78b .dyn-alerte {background:#fdeef3;}
\n.dbi-art-14f78b .dyn-note p:last-child, .dbi-art-14f78b .dyn-alerte p:last-child {margin-bottom:0;}
\n.dbi-art-14f78b .dyn-note strong, .dbi-art-14f78b .dyn-alerte strong {display:block;margin-bottom:.3em;font-size:1rem;}
\n.dbi-art-14f78b .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-14f78b .dyn-cta h3 {color:#fff;margin:0 0 .4em;font-size:clamp(1.1rem,2vw,1.35rem);}
\n.dbi-art-14f78b .dyn-cta p {color:rgba(255,255,255,.92);margin:0 0 1.1em;font-size:.97rem;}
\n.dbi-art-14f78b .dyn-cta .dyn-btn {background:#fff;color:var(–dyn-bleu) !important;box-shadow:none;}
\n.dbi-art-14f78b .dyn-cta .dyn-btn:hover {background:var(–dyn-jaune);color:var(–dyn-encre) !important;}
\n.dbi-art-14f78b .dyn-steps {list-style:none;counter-reset:dyn;padding:0;margin:1.4em 0 1.8em;display:grid;gap:12px;}
\n.dbi-art-14f78b .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-14f78b .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}
\n.dbi-art-14f78b .dyn-faq {background:var(–dyn-fond);border-radius:var(–dyn-radius);padding:6px 24px 20px;margin:1.4em 0 0;}
\n.dbi-art-14f78b .dyn-faq h3 {font-size:1.05rem;margin-top:1.4em;}
\n.dbi-art-14f78b .dyn-faq p {font-size:.96rem;}
\n.dbi-art-14f78b .dyn-serie {display:grid;gap:12px;margin:1.4em 0 1.8em;}
\n.dbi-art-14f78b .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-14f78b .dyn-serie a:hover {transform:translateX(4px);color:var(–dyn-bleu);}
\n.dbi-art-14f78b .dyn-serie span {display:block;font-size:.82rem;font-weight:600;color:var(–dyn-rose);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;}
\n@media(prefers-reduced-motion:reduce) {
\n.dbi-art-14f78b .dyn-article * {transition:none !important;}
\n}<\/p>\n