.dgk{–ac:#F4571F;–bg:#0d0d0d;–card:#151515;–bd:#272727;–tx:#fff;–mut:#b8b3ad;background:var(–bg);color:var(–tx);width:100vw;margin-left:calc(50% – 50vw);line-height:1.65;font-family:inherit;overflow:hidden}
.dgk *{box-sizing:border-box}
.dgk-in{max-width:980px;margin:0 auto;padding:0 24px}
.dgk-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#d8d3cd;justify-content:center}
.dgk-label::before{content: » »;width:8px;height:8px;border-radius:50%;background:var(–ac)}
.dgk-hero{padding:76px 0 40px;text-align:center}
.dgk-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.08;font-weight:800;margin:22px auto 0;color:var(–tx)}
.dgk-hero h1 .oj{color:var(–ac)}
.dgk-hero p{color:var(–mut);max-width:620px;margin:18px auto 0;font-size:17px}
.dgk-body{padding:10px 0 90px}
.dgk-sec{margin-top:44px}
.dgk-sec h2{font-size:clamp(22px,3vw,32px);font-weight:800;margin:0 0 18px;color:var(–tx)}
.dgk-sec h2 .oj{color:var(–ac)}
.dgk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.dgk-card{background:var(–card);border:1px solid var(–bd);border-radius:16px;padding:24px}
.dgk-card h3{margin:0 0 8px;font-size:16px;font-weight:700;color:var(–tx);display:flex;align-items:center;gap:9px}
.dgk-card h3::before{content: » »;width:7px;height:7px;border-radius:50%;background:var(–ac);flex-shrink:0}
.dgk-card p{margin:0;color:var(–mut);font-size:14px}
.dgk-card a,.dgk-p a,.dgk-faq a{color:var(–ac);text-decoration:none;font-weight:600}
.dgk-p{color:var(–mut);font-size:16px}
.dgk-p strong{color:var(–tx)}
.dgk-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.dgk-step{background:var(–card);border:1px solid var(–bd);border-radius:16px;padding:24px}
.dgk-num{font-size:34px;font-weight:800;color:var(–ac);line-height:1}
.dgk-step h3{font-size:16px;font-weight:700;margin:12px 0 6px;color:var(–tx)}
.dgk-step p{color:var(–mut);font-size:14px;margin:0}
.dgk-faq details{background:var(–card);border:1px solid var(–bd);border-radius:14px;margin-bottom:10px;overflow:hidden}
.dgk-faq details[open]{border-color:var(–ac)}
.dgk-faq summary{cursor:pointer;padding:18px 22px;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(–tx);gap:12px}
.dgk-faq summary::-webkit-details-marker{display:none}
.dgk-faq summary::after{content: »+ »;color:var(–ac);font-size:22px;font-weight:400;flex-shrink:0}
.dgk-faq details[open] summary::after{content: »– »}
.dgk-faq .a{padding:0 22px 18px;color:var(–mut);font-size:14px}
.dgk-cta{margin-top:56px;text-align:center;background:var(–card);border:1px solid var(–bd);border-radius:20px;padding:44px 28px}
.dgk-cta h2{font-size:clamp(22px,3vw,32px);font-weight:800;margin:0 0 8px}
.dgk-cta p{color:var(–mut);margin:0 auto 24px;max-width:480px}
.dgk-btn{display:inline-block;padding:15px 32px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;transition:.2s;margin:0 6px 8px}
.dgk-btn-p{background:var(–ac);color:#fff !important}
.dgk-btn-p:hover{background:#d8480f}
.dgk-btn-s{border:1px solid #4a4a4a;color:#fff !important}
.dgk-btn-s:hover{border-color:#fff}
.dgk-tbl{width:100%;border-collapse:collapse}
.dgk-tbl td,.dgk-tbl th{border-bottom:1px solid var(–bd);padding:14px 12px;text-align:left;font-size:14px}
.dgk-tbl th{color:#d8d3cd;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.dgk-tbl td{color:var(–mut)}
.dgk-tbl td:first-child{color:var(–tx);font-weight:600}
.dgk-tbl .oj{color:var(–ac);font-weight:700}
Plan du site
Tout le site, en une page.
Toutes les pages de dgtl.fr, organisées par univers : services, agence, aide et contact.
Nos services
L’agence
Aide & contact
Une question ? On est là.
Réponse sous 24 h ouvrées, du lundi au samedi, 9h-20h.
Nous contacter → Devis gratuit