/* Devisenligne.be – design system */
:root{--dl-y:#ffb400;--dl-y-d:#e09e00;--dl-dark:#282828;--dl-ink:#2b2b2b;--dl-muted:#5f6368;--dl-line:#e7e3da;--dl-sand:#f4f1ea;--dl-r:10px}
body{color:#4a4a4a;font-size:16px}
.et_pb_text_inner{font-size:16px;line-height:1.7}
.dl-hero .et_pb_text_inner,.dl-hero h1,.dl-hero p,.dl-hero a:not(.dl-btn){color:#fff}
.dl-hero{padding:96px 0 88px!important;background-position:center!important;background-size:cover!important}
.dl-hero--small{padding:72px 0 64px!important}
.dl-hero__in{max-width:760px}
.dl-hero h1{font-family:Rubik,Helvetica,Arial,sans-serif;font-weight:700;font-size:52px;line-height:1.08;margin:0 0 18px;padding:0;letter-spacing:-.5px}
.dl-hero--small h1{font-size:44px}
.dl-hero h1 em{font-style:normal;color:var(--dl-y)}
.dl-lead{font-size:19px;line-height:1.6;opacity:.92;margin:0 0 26px;padding:0}
.dl-eyebrow{font-family:Rubik,Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:2.5px;font-size:13px;font-weight:600;color:var(--dl-y)!important;margin:0 0 12px;padding:0}
.dl-crumbs{font-size:13px;margin:0 0 22px;opacity:.85}
.dl-crumbs a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.dl-crumbs__sep{margin:0 8px;opacity:.6}
.dl-btns{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px}
.dl-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--dl-y);color:#1d1d1d!important;font-family:Rubik,Helvetica,Arial,sans-serif;font-weight:700;font-size:15px;letter-spacing:.3px;padding:15px 26px;border-radius:6px;text-decoration:none!important;transition:background .2s,transform .2s;border:2px solid var(--dl-y);line-height:1.2}
.dl-btn:hover{background:var(--dl-y-d);border-color:var(--dl-y-d);transform:translateY(-1px)}
.dl-btn--ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.55)}
.dl-btn--ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.dl-btn--dark{background:var(--dl-dark);border-color:var(--dl-dark);color:#fff!important}
.dl-btn--dark:hover{background:#000;border-color:#000}
.dl-btn--line{background:transparent;border-color:var(--dl-dark);color:var(--dl-dark)!important}
.dl-btn--line:hover{background:var(--dl-dark);color:#fff!important}
.dl-trust{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px}
.dl-trust li{position:relative;padding-left:24px!important;margin:0;color:#fff}
.dl-trust li:before{content:"";position:absolute;left:0;top:4px;width:15px;height:15px;border-radius:50%;background:var(--dl-y) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='%23222' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/11px no-repeat}
.dl-trust--dark li{color:var(--dl-ink)}
/* sections */
.dl-sec{padding:84px 0!important}
.dl-sec--sand{background:var(--dl-sand)!important}
.dl-sec--tight{padding:56px 0!important}
.dl-head{max-width:720px;margin:0 0 40px}
.dl-head--c{margin:0 auto 44px;text-align:center}
.dl-head h2,.dl-wrap h2{font-family:Rubik,Helvetica,Arial,sans-serif;font-size:36px;line-height:1.18;color:var(--dl-ink);font-weight:700;margin:0 0 14px;padding:0}
.dl-head p{font-size:17px;color:var(--dl-muted)}
.dl-wrap h3{font-family:Rubik,Helvetica,Arial,sans-serif;font-size:21px;color:var(--dl-ink);font-weight:600;margin:28px 0 10px;padding:0;line-height:1.3}
.dl-wrap p{margin:0 0 16px;padding:0}
.dl-wrap ul:not(.dl-trust):not(.dl-pills),.dl-wrap ol{margin:0 0 18px 0;padding-left:22px}
.dl-wrap li{margin-bottom:6px}
.dl-wrap a:not(.dl-btn){color:#a26f00;text-decoration:underline;text-underline-offset:3px}
.dl-prose{max-width:780px}
/* grilles et cartes */
.dl-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.dl-grid--2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.dl-grid--4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.dl-card{background:#fff;border:1px solid var(--dl-line);border-radius:var(--dl-r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s;text-decoration:none!important;color:inherit!important}
a.dl-card:hover,.dl-card--hover:hover{box-shadow:0 14px 34px rgba(0,0,0,.09);transform:translateY(-3px)}
.dl-card img{width:100%;height:190px;object-fit:cover;display:block}
.dl-card__b{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.dl-card h3{font-family:Rubik,Helvetica,Arial,sans-serif;font-size:20px;font-weight:600;color:var(--dl-ink);margin:0 0 8px;padding:0;line-height:1.3}
.dl-card p{font-size:15px;line-height:1.6;color:var(--dl-muted);margin:0 0 14px;padding:0}
.dl-card__more{margin-top:auto;font-family:Rubik,Helvetica,Arial,sans-serif;font-weight:600;font-size:14px;color:#a26f00}
.dl-card__more:after{content:" →"}
.dl-card--plain{padding:26px}
.dl-ico{width:46px;height:46px;border-radius:10px;background:#fff4d6;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}
/* étapes */
.dl-steps{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));counter-reset:s;margin:0;padding:0;list-style:none}
.dl-steps>li{counter-increment:s;background:#fff;border-radius:var(--dl-r);padding:26px 24px 24px;border:1px solid var(--dl-line);position:relative;margin:0}
.dl-steps>li:before{content:counter(s);display:flex;width:40px;height:40px;border-radius:50%;background:var(--dl-y);color:#1d1d1d;font:700 18px Rubik,Helvetica,Arial,sans-serif;align-items:center;justify-content:center;margin-bottom:14px}
.dl-steps h3{margin:0 0 8px!important;font-size:19px!important}
.dl-steps p{font-size:15px;color:var(--dl-muted);margin:0!important}
/* split */
.dl-split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.dl-split--rev>div:first-child{order:2}
.dl-split img{width:100%;border-radius:14px;display:block;aspect-ratio:4/3;object-fit:cover}
/* checklist */
.dl-check{list-style:none!important;padding:0!important;margin:0 0 18px!important}
.dl-check li{position:relative;padding-left:30px;margin-bottom:10px}
.dl-check li:before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:#fff4d6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='%23a26f00' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/12px no-repeat}
/* tableau prix */
.dl-table-w{overflow-x:auto;margin:0 0 14px;border:1px solid var(--dl-line);border-radius:var(--dl-r)}
.dl-table{width:100%;border-collapse:collapse;font-size:15px;background:#fff;margin:0!important;border:0!important}
.dl-table th{background:var(--dl-dark);color:#fff;font-family:Rubik,Helvetica,Arial,sans-serif;font-weight:600;text-align:left;padding:13px 16px!important;border:0!important}
.dl-table td{padding:12px 16px!important;border:0!important;border-top:1px solid var(--dl-line)!important;vertical-align:top}
.dl-table tr:nth-child(even) td{background:#faf9f6}
.dl-table td:last-child{white-space:nowrap;font-weight:600;color:var(--dl-ink)}
.dl-note{font-size:13.5px;color:var(--dl-muted);background:#fff;border-left:4px solid var(--dl-y);padding:12px 16px;border-radius:0 8px 8px 0;margin:0 0 16px}
.dl-callout{background:#fff8e3;border:1px solid #f3dd9b;border-radius:var(--dl-r);padding:22px 24px;margin:0 0 20px}
.dl-callout h3{margin-top:0!important}
/* pills villes */
.dl-pills{list-style:none!important;padding:0!important;margin:0!important;display:flex;flex-wrap:wrap;gap:10px}
.dl-pills li{margin:0;padding:0}
.dl-pills a{display:inline-block;padding:9px 16px;border-radius:30px;background:#fff;border:1px solid var(--dl-line);color:var(--dl-ink)!important;text-decoration:none!important;font-size:14.5px;font-weight:500;transition:all .2s}
.dl-pills a:hover{border-color:var(--dl-y);background:#fff8e3}
.dl-pills span{display:inline-block;padding:9px 16px;border-radius:30px;background:rgba(255,255,255,.6);border:1px dashed var(--dl-line);font-size:14.5px;color:var(--dl-muted)}
/* stats */
.dl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}
.dl-stat{background:#fff;border-radius:var(--dl-r);padding:22px;border:1px solid var(--dl-line)}
.dl-stat b{display:block;font:700 32px/1.1 Rubik,Helvetica,Arial,sans-serif;color:var(--dl-ink);margin-bottom:6px}
.dl-stat span{font-size:14px;color:var(--dl-muted)}
/* FAQ */
.dl-faq{max-width:860px}
.dl-faq details{background:#fff;border:1px solid var(--dl-line);border-radius:var(--dl-r);margin-bottom:12px;overflow:hidden}
.dl-faq summary{cursor:pointer;list-style:none;padding:18px 56px 18px 22px;font-family:Rubik,Helvetica,Arial,sans-serif;font-weight:600;font-size:17px;color:var(--dl-ink);position:relative}
.dl-faq summary::-webkit-details-marker{display:none}
.dl-faq summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:400;color:#a26f00}
.dl-faq details[open] summary:after{content:"–"}
.dl-faq__a{padding:0 22px 18px;color:var(--dl-muted)}
.dl-faq__a p{margin:0 0 10px;padding:0}
/* bandeau CTA */
.dl-bandsec{padding:56px 0!important}
.dl-band{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.dl-band h2{color:#fff!important;font-family:Rubik,Helvetica,Arial,sans-serif;font-size:30px;line-height:1.2;margin:0 0 8px;padding:0}
.dl-band p{color:rgba(255,255,255,.8);margin:0;padding:0;font-size:17px}
.dl-band .dl-btns{margin:0}
/* formulaire */
.dl-formsec{padding:80px 0!important}
.dl-formrow{max-width:820px!important}
.dl-formhead{text-align:center;margin-bottom:26px}
.dl-formhead h2{font-family:Rubik,Helvetica,Arial,sans-serif;font-size:34px;color:var(--dl-ink);margin:0 0 10px;padding:0;line-height:1.2}
.dl-formhead p{color:var(--dl-muted);font-size:17px;max-width:640px;margin:0 auto 14px}
.dl-formhead .dl-trust{justify-content:center}
.dl-form{background:#fff;border-radius:14px;padding:30px 30px 26px!important;box-shadow:0 18px 50px rgba(40,40,40,.08);border:1px solid var(--dl-line)}
.dl-form .input,.dl-form input.input,.dl-form textarea.input,.dl-form select.input{background:#f8f7f4!important;border:1px solid #e2ddd2!important;border-radius:7px!important;color:#2b2b2b!important;font-size:15px!important;padding:14px 15px!important}
.dl-form .input:focus{border-color:var(--dl-y)!important;background:#fff!important;outline:none}
.dl-form textarea.input{min-height:130px}
.dl-form .et_contact_bottom_container{float:none!important;display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:6px!important}
.dl-form .et_pb_contact_submit,.dl-form button.et_pb_button{background:var(--dl-y)!important;color:#1d1d1d!important;border:2px solid var(--dl-y)!important;border-radius:6px!important;font-family:Rubik,Helvetica,Arial,sans-serif!important;font-weight:700!important;font-size:16px!important;padding:13px 26px!important;letter-spacing:.2px!important;text-transform:none!important}
.dl-form .et_pb_contact_submit:hover{background:var(--dl-y-d)!important;border-color:var(--dl-y-d)!important}
.dl-form .et_pb_contact_submit:after{display:none!important}
.dl-form .et-pb-contact-message{font-size:16px;color:var(--dl-ink)}
.dl-formnote{font-size:12.5px;color:var(--dl-muted);text-align:center;margin-top:14px}
.dl-formnote a{color:var(--dl-muted)!important}
/* contact cards */
.dl-contact a{color:var(--dl-ink)!important;text-decoration:none!important;font-weight:600}
/* barre mobile */
.dl-sticky{display:none}
@media (max-width:980px){
 .dl-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9999;box-shadow:0 -4px 18px rgba(0,0,0,.15)}
 .dl-sticky a{flex:1;text-align:center;padding:15px 8px;font:700 15px Rubik,Helvetica,Arial,sans-serif;text-decoration:none}
 .dl-sticky__call{background:var(--dl-dark);color:#fff}
 .dl-sticky__devis{background:var(--dl-y);color:#1d1d1d}
 body{padding-bottom:52px}
 .dl-split{grid-template-columns:1fr;gap:30px}
 .dl-split--rev>div:first-child{order:0}
 .et_pb_row{width:88%}
}
@media (max-width:767px){
 .dl-hero{padding:64px 0 56px!important}
 .dl-hero h1,.dl-hero--small h1{font-size:33px}
 .dl-lead{font-size:17px}
 .dl-sec{padding:56px 0!important}
 .dl-head h2,.dl-wrap h2,.dl-formhead h2{font-size:27px}
 .dl-band h2{font-size:24px}
 .dl-btn{width:100%}
 .dl-form{padding:20px 16px 18px!important}
 .dl-grid--2{grid-template-columns:1fr}
 .dl-card img{height:170px}
}
/* en-tête et menu */
#logo{max-height:54%!important}
#top-menu li.dl-menu-cta>a{background:var(--dl-y);color:#1d1d1d!important;padding:11px 18px!important;border-radius:6px;font-weight:700;opacity:1!important}
#top-menu li.dl-menu-cta>a:hover{background:var(--dl-y-d)}
#top-menu li.dl-menu-cta{padding-right:0}
.et_header_style_left #et-top-navigation{padding-top:28px}
.et_header_style_left .et-fixed-header #et-top-navigation{padding-top:18px}
#top-menu .sub-menu{border-top-color:var(--dl-y)!important;width:260px}
#top-menu .sub-menu li{width:100%}
#top-menu .sub-menu a{width:100%!important;font-size:14px}
#top-menu li.current-menu-item>a,#top-menu li.current-menu-ancestor>a{color:#a26f00!important}
.et_mobile_menu{border-top-color:var(--dl-y)!important}
.et_mobile_menu li.dl-menu-cta a{background:var(--dl-y);color:#1d1d1d!important;font-weight:700;text-align:center;border-radius:6px;margin-top:8px}
#top-header{background:var(--dl-dark)!important}
#top-header,#top-header a{color:rgba(255,255,255,.85)!important}
/* pied de page */
#main-footer{background:#1f1f1f!important}
#footer-widgets{padding:60px 0 30px}
#footer-widgets .footer-widget h4{font-family:Rubik,Helvetica,Arial,sans-serif;color:#fff!important;font-size:16px;letter-spacing:.3px;margin-bottom:14px}
#footer-widgets .footer-widget,#footer-widgets .footer-widget p,#footer-widgets .footer-widget li{color:rgba(255,255,255,.72)!important;font-size:14.5px;line-height:1.8}
#footer-widgets .footer-widget a{color:rgba(255,255,255,.82)!important}
#footer-widgets .footer-widget a:hover{color:var(--dl-y)!important}
#footer-widgets .footer-widget li:before{display:none}
#footer-widgets .footer-widget li{padding-left:0!important}
#footer-widgets .dl-flogo{max-width:210px;margin-bottom:14px}
#footer-bottom{background:#171717!important}
#footer-info,#footer-info a{color:rgba(255,255,255,.55)!important;font-size:13px}
/* blog */
.single-post .entry-content h2{font-family:Rubik,Helvetica,Arial,sans-serif;font-size:28px;color:var(--dl-ink);margin:34px 0 12px;line-height:1.25}
.single-post .entry-content h3{font-family:Rubik,Helvetica,Arial,sans-serif;font-size:21px;color:var(--dl-ink);margin:24px 0 10px}
.single-post .entry-content p,.single-post .entry-content li{font-size:16.5px;line-height:1.75}
.single-post .entry-content a:not(.dl-btn){color:#a26f00;text-decoration:underline}
.dl-post-cta{background:var(--dl-dark);border-radius:12px;padding:28px 28px 22px;margin:34px 0;color:#fff}
.dl-post-cta h3{color:#fff!important;margin:0 0 8px!important}
.dl-post-cta p{color:rgba(255,255,255,.8)!important}
.dl-widget-cta{background:var(--dl-dark);border-radius:12px;padding:24px;color:#fff}
.dl-widget-cta h4{color:#fff!important;font-family:Rubik,Helvetica,Arial,sans-serif;font-size:19px;margin:0 0 8px}
.dl-widget-cta p{color:rgba(255,255,255,.8);font-size:14.5px}
.dl-widget-cta .dl-btn{width:100%;margin-top:6px}
.dl-toc{background:var(--dl-sand);border-radius:10px;padding:18px 22px;margin:0 0 26px}
.dl-toc strong{display:block;margin-bottom:6px;color:var(--dl-ink)}
.dl-toc ol{margin:0;padding-left:20px}
/* correctifs */
.dl-card--link{position:relative;transition:box-shadow .25s,transform .25s}
.dl-card--link:hover{box-shadow:0 14px 34px rgba(0,0,0,.09);transform:translateY(-3px)}
.dl-card h3 a.dl-stretch{color:var(--dl-ink)!important;text-decoration:none!important}
.dl-stretch:after{content:"";position:absolute;inset:0;z-index:1}
.dl-card__img{line-height:0}
.dl-card__t{font-size:15px;line-height:1.6;color:var(--dl-muted);margin:0 0 14px}
.dl-card__t p{margin:0;padding:0}
.dl-card p:empty,.dl-wrap p:empty,.dl-grid>p:empty{display:none}
.dl-steps,.et_pb_text ol.dl-steps{list-style:none!important;padding:0!important;margin:0!important}
.dl-steps>li::marker{content:none}
.dl-table th{color:#fff!important;font-size:14px!important}
.et_pb_section:not(.dl-hero):not(.dl-bandsec) .dl-eyebrow{color:#a26f00!important}
.dl-head h2,.dl-wrap h2,.dl-formhead h2,.dl-band h2{font-weight:700!important}
.dl-btns p{margin:0;padding:0;display:contents}
@media (max-width:767px){.dl-card--plain{padding:20px}.dl-grid{gap:14px}.dl-ico{width:40px;height:40px;font-size:19px;margin-bottom:10px}.dl-hero .dl-eyebrow{font-size:11.5px;letter-spacing:1.8px}.dl-steps>li{padding:20px}.dl-faq summary{font-size:16px;padding:16px 48px 16px 18px}}

@media (min-width:981px){#top-menu li{padding-right:18px}#top-menu>li>a{font-size:14.5px}#top-menu li.dl-menu-cta{padding-left:4px}}
@media (min-width:981px) and (max-width:1200px){#top-menu li{padding-right:12px}#top-menu>li>a{font-size:14px}#et_top_search{display:none}}

@media (min-width:981px){#top-menu li.dl-menu-cta>a{padding:10px 16px!important}}

@media (min-width:981px){#top-menu li.dl-sub-2col>.sub-menu{width:520px;display:grid;grid-template-columns:1fr 1fr}#top-menu li.dl-sub-2col>.sub-menu li{width:auto}}

@media (min-width:981px){#top-menu li.dl-sub-2col>.sub-menu{width:600px}}