@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* 0. Thème global du site, repris de la proposition : Inter, encre #1D2A3A, gris #6C7686,
   bleu #2457A6, marine #13294B, filets #E3E7EE, fonds #F3F5F9, angles 2 px. */
:root{
  --disp:'Inter',"Helvetica Neue",Arial,sans-serif;--body:'Inter',"Helvetica Neue",Arial,sans-serif;--mono:'Inter',"Helvetica Neue",Arial,sans-serif;
  --accent:#2457A6;--blue:#2457A6;--ax-b:#2457A6;--dvb:#2457A6;--accent-dk:#13294B;--blue-dk:#13294B;--accent-pale:#EAF0F9;--blue-pale:#EAF0F9;
  --ink:#1D2A3A;--ax-i:#1D2A3A;--ax-m:#6C7686;--ax-l:#E3E7EE;--g600:#6C7686;--g500:#6C7686;--line:#E3E7EE;--soft:#F3F5F9;--r:2px;
}
html body,html body :not(i):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.oi):not([class^="oi-"]):not([class*=" oi-"]):not(code):not(pre):not(kbd):not(samp){font-family:'Inter',"Helvetica Neue",Arial,sans-serif!important}
html body{color:#1D2A3A;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Titres : graisse moyenne, interlettrage serré */
#wrap :is(h1,h2,h3){font-weight:500!important;letter-spacing:-.035em!important}
#wrap h1{line-height:1.08}
#wrap :is(h2,h3){line-height:1.12}
#wrap h4{font-weight:600}
#wrap main p{line-height:1.7}
#wrap :is(h1,h2,h3) :is(b,strong){font-weight:600}

/* Libellés de section */
#wrap :is(.axm-ey,.axnm-ey,.ah-sey,.ah-ey,.eyebrow,.oc-ey){font-size:12px!important;letter-spacing:.15em!important;font-weight:600!important;text-transform:uppercase}
#wrap :is(.axnm-ey,.ah-sey,.ah-ey,.eyebrow,.oc-ey):not(.on-dark){color:#2457A6!important}
#wrap .eyebrow.on-dark{color:#8FB4E8!important}

/* En-tête et navigation */
#siteHd .ax-top>:is(a,button){font-size:14px!important;font-weight:500!important}
#siteHd:not(.ah-tr) .ax-top>:is(a,button){color:#1D2A3A}
#siteHd:not(.ah-tr) .ax-top>:is(a,button):hover{color:#2457A6}
#siteHd .ax-devis{background:#2457A6!important;border-color:#2457A6!important;color:#fff!important;font-weight:600!important;font-size:14px!important;border-radius:2px!important}
#siteHd .ax-devis:hover{background:#13294B!important;border-color:#13294B!important}

/* Menu déroulant des produits */
@media (min-width:992px){
.axm-mm{grid-template-columns:calc(var(--axg,83px) + 360px) minmax(0,1fr)!important}
.axm-sl3 .axm-gr{grid-row:auto!important;grid-column:auto!important}
.axm-vis{display:none!important}
.axm-pn{padding-right:max(40px,calc((100vw - 1224px)/2))!important}
#siteHd .axm-pn{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,40%);column-gap:56px;align-content:start}
#siteHd .axm-pn>.axm-ey{grid-column:1;grid-row:1}
#siteHd .axm-pn>.axm-h{grid-column:1;grid-row:2;align-self:end}
#siteHd .axm-pn>p{grid-column:2;grid-row:1/3;align-self:end;margin:0 0 6px!important}
#siteHd .axm-pn>.axm-sl{grid-column:1/-1;grid-row:3}
}
.axm-fam{background:#fff!important;counter-reset:axf}
#siteHd .axm-fa{display:grid!important;grid-template-columns:26px minmax(0,1fr) 7px!important;grid-template-rows:auto auto;column-gap:10px!important;row-gap:5px;align-items:baseline!important;padding:17px 14px 17px 14px!important;counter-increment:axf}
#siteHd .axm-fa::before{content:counter(axf,decimal-leading-zero);grid-column:1;grid-row:1;font-size:13px;font-weight:400;color:#6C7686}
#siteHd .axm-fa span{grid-column:2;grid-row:1;font-size:15px;font-weight:600;color:#1D2A3A!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#siteHd .axm-fa small{grid-column:2;grid-row:2;font-size:13px;font-weight:400;line-height:1.4;color:#6C7686!important}
#siteHd .axm-fa::after{content:"";grid-column:3;grid-row:1;align-self:center;width:7px;height:7px;border-radius:50%;background:#C9D0DB}
#siteHd .axm-fa.on::after{background:#2457A6}
#siteHd .axm-fa i{display:none!important}
.axm-pns{counter-reset:axp}
.axm-pn{counter-increment:axp}
.axm-pn>.axm-ey::before{content:counter(axp,decimal-leading-zero) " / "}
#siteHd .axm-pn>.axm-sl{border-top:1px solid #E3E7EE;padding-top:30px!important;margin-top:26px!important}
.axm-ft{border-top:1px solid #E3E7EE!important;padding-top:18px!important;padding-bottom:18px!important}
.axm-ft a{font-size:14px!important;font-weight:500!important;color:#2457A6!important}
.axm-ft a:hover{color:#13294B!important}
#axDdP .axm-cat::after{content:" \2193"}
.ax-dsep{border-top:1px solid #E3E7EE;margin-top:6px;padding-top:6px}
.ax-iall{color:#2457A6!important;font-weight:500}
#axDdSol.ax-mega{min-height:0!important}
/* Menu teinté comme les outils */
#siteHd .ax-dd.ax-mega,#siteHd .axm,#siteHd .axm-mm{background:#F3F5F9!important}
#siteHd .ax-dd.ax-mega{border-top:1px solid #DCE1E9!important;border-bottom:1px solid #DCE1E9!important}
#siteHd .axm-fam{background:#F3F5F9!important;border-right:1px solid #DCE1E9!important}
#siteHd .axm-fa{background:#fff!important;border-bottom:1px solid #E3E7EE!important}
#siteHd .axm-fa:hover{background:#FAFBFD!important}
#siteHd .axm-fa.on{background:#fff!important;box-shadow:inset 3px 0 0 #2457A6}
#siteHd .axm-fa.on span,#siteHd .axm-fa.on::before{color:#2457A6!important}
#siteHd .axm-gr a{border-bottom-color:#DCE1E9!important}
#siteHd .axm-pn>.axm-sl,#siteHd .axm-ft{border-top-color:#DCE1E9!important}
@media (min-width:1181px) and (max-width:1420px){#siteHd .ax-nav{position:static!important;transform:none!important;margin-left:28px}#siteHd .ax-top>.ax-l,#siteHd .ax-nav>.ax-l{padding:0 10px!important}}
.axm-fam>.axm-ey{margin-bottom:8px!important}
.axm-fa{display:flex!important;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px!important;margin:0!important;border:0!important;border-bottom:1px solid #E3E7EE!important;border-radius:0!important;background:transparent!important;font-size:15px!important;font-weight:400!important;line-height:1.35!important;transition:background .15s,box-shadow .15s}
.axm-fa,.axm-fa *{color:#1D2A3A!important}
.axm-fa i{font-style:normal;opacity:1!important;color:#9AA3B0!important;transition:transform .15s}
.axm-fa:hover{background:#F3F5F9!important}
.axm-fa.on{background:#F3F5F9!important;box-shadow:inset 3px 0 0 #2457A6}
.axm-fa.on span{font-weight:500}
.axm-fa.on,.axm-fa.on *{color:#2457A6!important}
.axm-fa.on i,.axm-fa:hover i{transform:translateX(3px)}
.axm-ey{color:#2457A6!important}
.axm-h{font-size:32px!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1.15!important;color:#1D2A3A!important;text-decoration:none!important}
.axm-h::after{content:"\2192";display:inline-block;margin-left:14px;font-weight:400;color:#1D2A3A;transition:transform .15s}
.axm-h:hover,.axm-h:hover::after{color:#2457A6!important}
.axm-h:hover::after{transform:translateX(4px)}
.axm-pn>p{color:#6C7686!important;font-size:14px!important;line-height:1.55!important}
.axm-sl{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:32px 36px!important;margin-top:36px!important}
.axm-gr{display:block!important;margin:0!important}
.axm-gh{display:flex!important;justify-content:space-between;align-items:center;padding:0 0 12px!important;margin:0!important;border:0!important;border-bottom:1px solid #1D2A3A!important;font-size:15px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#1D2A3A!important}
.axm-gh::after{content:"\2192";font-weight:400;color:#1D2A3A}
.axm-gr a{display:flex!important;justify-content:space-between;align-items:center;padding:11px 0!important;border-bottom:1px solid #E3E7EE!important;font-size:14px!important;line-height:1.3!important;text-decoration:none!important}
.axm-gr a,.axm-gr a *{color:#1D2A3A!important}
.axm-gr a i{font-style:normal;opacity:1!important;color:#9AA3B0!important;transition:transform .15s}
.axm-gr a:hover,.axm-gr a:hover *{color:#2457A6!important}
.axm-gr a:hover i{transform:translateX(3px)}
.fin-tg,.fin-tg .fin-b{border-radius:2px!important}
.fin-tg .fin-b.on{background:#13294B!important;color:#fff!important}

/* Boutons du site */
#wrap :is(.ah-b,.cta):not(.cta-ghost){min-height:51px;padding:14px 24px!important;font-size:14px!important;font-weight:600!important;border-radius:2px!important;display:inline-flex;align-items:center;justify-content:center;gap:16px}
#wrap :is(.ah-b1,.cta-1,.cta-3){background:#2457A6!important;border-color:#2457A6!important;color:#fff!important}
#wrap :is(.ah-b1,.cta-1,.cta-3):hover{background:#13294B!important;border-color:#13294B!important}

/* Pied de page */
.ax-ft{background:#13294B!important;font-size:13px}
.ax-ft a{color:#C9D4E6}
.ax-ft a:hover{color:#fff}

/* Atlas Steel - thème Atlas Design (outils de calcul, espace client, formulaires)
   Charte : TeX Gyre Heros / Helvetica Neue, marine #13294B, bleu #2457A6, gris #A7A9AF,
   fond #F3F5F9, filets #E3E7EE, angles 2 px, titres gras puis léger. */

/* 1. Jetons des outils (Charpente, Pannes et lisses, Plâtre, Photovoltaïque) */
#pn-root,#pl-root,#pv-root,#ch-root,.pn-root{
  --blue:#2457A6;--blue-soft:#EAF0F9;--navy:#13294B;
  --g900:#13294B;--g700:#3E4A5C;--g600:#5B6573;--g500:#8A93A1;--g300:#D5DBE5;--g200:#E3E7EE;--g100:#F3F5F9;
  --r:2px;--sh:0 0 0 1px #E3E7EE;
  background:#F3F5F9;
}

/* 2. Boutons */
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-btn{font-weight:600;border-color:#C9D1DD}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-btn:hover{background:#fff;border-color:#13294B}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-btn.pn-pri{background:#2457A6;border-color:#2457A6;color:#fff}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-btn.pn-pri:hover{background:#13294B;border-color:#13294B}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-btn.pn-acc{background:#13294B;border-color:#13294B;color:#fff}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-btn.pn-acc:hover{background:#2457A6;border-color:#2457A6}

/* 3. Onglets de résultats : soulignés, plus de pilule */
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-tabs{display:flex!important;flex-wrap:wrap;gap:0 28px!important;background:transparent!important;padding:0!important;border-radius:0!important;border-bottom:1px solid #DDE3EC;margin-bottom:22px}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-tabs button{padding:12px 0!important;margin-bottom:-1px;border-radius:0!important;border-bottom:2px solid transparent!important;font-size:14px!important;color:#5B6573!important;background:transparent!important;box-shadow:none!important}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-tabs button:hover{color:#13294B!important}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-tabs button.pn-on{color:#13294B!important;font-weight:700!important;border-bottom-color:#2457A6!important}

/* 4. Choix segmentés */
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-seg{background:#F3F5F9}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-seg button.pn-on{color:#13294B;font-weight:700;box-shadow:0 1px 2px rgba(19,41,75,.14)}

/* 5. Cartes et panneaux : filet fin au lieu d'ombre portée */
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-card,
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-g,
:is(#pn-root,#pl-root,#pv-root,#ch-root) .ch-pop,
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-modal > div{box-shadow:none!important;border:1px solid #E3E7EE}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-card h3{font-weight:700;color:#13294B}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-menu > div{box-shadow:0 12px 32px -12px rgba(19,41,75,.28)!important}

/* 6. Colonne des sections : liste plate, section ouverte marquée d'un trait bleu */
.ch-rail{gap:0!important;background:#fff;border:1px solid #E3E7EE}
.ch-rl{box-shadow:none!important;border:0!important;border-bottom:1px solid #E3E7EE!important;margin:0!important;border-radius:0!important;background:#fff!important;transition:background .15s}
.ch-rl:last-of-type{border-bottom:0!important}
.ch-rl:hover{background:#F7F9FC!important}
.ch-rl.pn-on,.ch-rl.ch-on,.ch-rl[aria-expanded="true"],.ch-rl[aria-pressed="true"]{background:#F3F5F9!important;box-shadow:inset 3px 0 0 #2457A6!important}
.ch-rl .pn-num{color:#2457A6;font-weight:700;letter-spacing:.04em}
.ch-rl b{color:#13294B}
.ch-rl small{color:#5B6573}
.ch-rl.pn-manque .pn-num{color:#C2410C}

/* 7. Barre du haut et barre de synthèse */
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-top{border-bottom:1px solid #E3E7EE}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-bar{border-top:1px solid #E3E7EE;background:rgba(255,255,255,.96)}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-bar .pn-k{color:#5B6573}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-bar .pn-k b{color:#13294B;font-weight:700}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-status{border-radius:2px!important}

/* 8. Champs */
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-in,
:is(#pn-root,#pl-root,#pv-root,#ch-root) input[type=number],
:is(#pn-root,#pl-root,#pv-root,#ch-root) input[type=text],
:is(#pn-root,#pl-root,#pv-root,#ch-root) select{border-color:#D5DBE5}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-in:focus,
:is(#pn-root,#pl-root,#pv-root,#ch-root) input:focus,
:is(#pn-root,#pl-root,#pv-root,#ch-root) select:focus{border-color:#2457A6!important;box-shadow:0 0 0 3px rgba(36,87,166,.12)!important;outline:none}

/* 9. Choix du type de bâtiment */
.ch-bat-c{box-shadow:none!important;border:1px solid #E3E7EE!important}
.ch-bat-c:hover{border-color:#2457A6!important}

/* 10. Angles : 2 px partout dans les outils (relevé des règles existantes à 7-24 px) */
:is(#pn-root,#pl-root,#pv-root,#ch-root),
:is(#pn-root,#pl-root,#pv-root,#ch-root) :is(.pn-btn,.pn-menu>div,.pn-menu>div button,.pn-in,.pn-seg,.pn-seg button,.pn-sw,.pn-note,.pn-state,.pn-spanlist input,.pn-spanlist button,.pn-warnings div,.pn-tabs,.pn-tabs button,.pn-g,svg.pn-plan,.pn-modal>div,.pn-list>div,.pn-port button,.pn-kv,.pn-card,.ch-impact,.ch-pop,.ch-pop input,.ch-pop button),
.pn-root,.pn-card,.pn-btn,.pn-state,.ch-ring-card,.ch-bat-c,.ch-bat-bar button,
.ch-imp details.chx-d,.ch-imp .ch-imp-in,.ch-imp .ch-imp-a .pn-acc,.ch-imp .ch-imp-row.chx-couv.chx-miss .chx-seg,
.ch-imp-strip,.ch-imp-plan,.ch-imp-f,.ch-imp-in,.ch-imp-types button,.ch-imp-blocs button,.ch-imp-seg button,.ch-cmp-hyp,.ch-imp-docs,.ch-imp-niv button,
#ch-root .ch-impl-grid.ch-impl-wait::after{border-radius:2px!important}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-top{border-radius:2px 2px 0 0!important}
:is(#pn-root,#pl-root,#pv-root,#ch-root) .pn-bar{border-radius:0 0 2px 2px!important}

/* 11. Panneau de saisie flottant (ouvert depuis la colonne des sections) */
.ch-panel,.ch-panel .pn-grp{border-radius:2px!important}
.ch-panel{box-shadow:0 18px 44px -18px rgba(19,41,75,.32)!important;border:1px solid #E3E7EE}
.ch-panel .pn-grp{box-shadow:none!important}
.ch-panel header h3{font-weight:700;color:#13294B}

/* 12. Espace client : connexion, portail « Mon compte », devis et factures en ligne */
#clLogin .login{border-radius:2px!important;border-color:#E3E7EE!important}
.o_portal_wrap{background:#F3F5F9;padding-bottom:48px}
.o_portal_wrap h3.my-3,.o_portal_wrap .o_portal_my_home>h3{font-size:44px;font-weight:700;letter-spacing:-.03em;color:#13294B;margin-top:36px!important}
.o_portal_index_card a{background:#fff!important;border:1px solid #E3E7EE!important;border-radius:2px!important;color:#13294B!important;transition:border-color .15s}
.o_portal_index_card a:hover{border-color:#2457A6!important}
.o_portal_index_card a h5,.o_portal_index_card a .h5{color:#13294B!important;font-weight:700}
.o_portal_index_card a small,.o_portal_index_card a p{color:#5B6573!important}
.o_portal_index_card .o_portal_icon img,.o_portal_index_card .o_portal_icon svg{filter:grayscale(1) contrast(1.1);opacity:.85}
.o_portal_category h3,.o_portal_category h4,.o_portal_category .h4{font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;color:#2457A6!important;font-weight:700}
.o_portal_my_details{color:#13294B}
.o_portal_my_details i.fa{color:#8A93A1}
#wrapwrap .o_avatar,#wrapwrap .o_portal_my_details img{border-radius:2px!important;filter:grayscale(1) brightness(.55)}
.o_portal_wrap .breadcrumb{background:transparent;font-size:13px;padding-left:0}
.o_portal_wrap .breadcrumb a{color:#2457A6}
.o_portal_wrap .table{font-size:14px;color:#13294B;background:#fff;border:1px solid #E3E7EE}
.o_portal_wrap .table thead th{background:#F7F9FC;color:#5B6573;font-size:12px;font-weight:700;border-bottom:1px solid #E3E7EE}
.o_portal_wrap .table td{border-color:#EEF1F5}
.o_portal_wrap .card,.o_portal_wrap .o_portal_sidebar .card{border-radius:2px!important;border-color:#E3E7EE!important;box-shadow:none!important}
.o_portal_wrap .badge{border-radius:2px!important;font-weight:600}

/* 13. Connexion Odoo standard, création et réinitialisation de mot de passe */
.oe_login_form,.oe_signup_form,.oe_reset_password_form{background:#fff;border:1px solid #E3E7EE;padding:32px!important;border-radius:2px}
:is(.oe_login_form,.oe_signup_form,.oe_reset_password_form) label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5B6573}
:is(.oe_login_form,.oe_signup_form,.oe_reset_password_form) .form-control{height:44px;border-radius:2px;border-color:#D5DBE5}
:is(.oe_login_form,.oe_signup_form,.oe_reset_password_form) .form-control:focus{border-color:#2457A6;box-shadow:0 0 0 3px rgba(36,87,166,.12)}
:is(.oe_login_form,.oe_signup_form,.oe_reset_password_form) .btn-primary{background:#13294B;border-color:#13294B;border-radius:2px;height:46px;font-weight:700}
:is(.oe_login_form,.oe_signup_form,.oe_reset_password_form) .btn-primary:hover{background:#2457A6;border-color:#2457A6}
:is(.oe_login_form,.oe_signup_form,.oe_reset_password_form) a{color:#2457A6}

/* 14. Composants Odoo du site : angles 2 px, boutons marine, champs alignés sur la charte */
#wrapwrap .btn{border-radius:2px}
#wrapwrap .btn-primary{background:#13294B;border-color:#13294B}
#wrapwrap .btn-primary:hover,#wrapwrap .btn-primary:focus{background:#2457A6;border-color:#2457A6}
#wrapwrap .btn-outline-primary,#wrapwrap .btn-secondary{border-color:#C9D1DD;color:#13294B;background:#fff}
#wrapwrap .btn-outline-primary:hover,#wrapwrap .btn-secondary:hover{border-color:#13294B;color:#13294B;background:#fff}
#wrapwrap .form-control,#wrapwrap .form-select{border-radius:2px}
#wrapwrap .form-control:focus,#wrapwrap .form-select:focus{border-color:#2457A6;box-shadow:0 0 0 3px rgba(36,87,166,.12)}
#wrapwrap .card,#wrapwrap .alert,#wrapwrap .dropdown-menu,#wrapwrap .modal-content{border-radius:2px}
#wrapwrap .alert-info,#wrapwrap .alert-primary{background:#EAF0F9;border-color:#D5DFEF;color:#13294B}
#wrapwrap .alert-warning{background:#F3F5F9;border-color:#E3E7EE;color:#13294B}

/* 15. Composants du site (menus, cartes, bandeaux, panneaux) : angles 2 px */
#wrapwrap :is(.axm-fa,.axm-cd,.ax-dd,.ax-i,.ax-ico,.ax-accm,.ax-acci,.ax-devis,.gcta-i,.gcta-b,.hm-rq,.hero-in,.cta,.gam,.tr,.band,.ghero-i,.rk,.card,.login,.ct-map-fr,.ou-c,.ou-ill,.ou-o,.drw,.alb-s,.sbox,.toast,.rq,.rq-x),
#wrapwrap :is(.ou-ill,.gam,.tr,.band,.hero-in,.rk) img,
:is(.ag-bubble,.ag-panel,.drw,.toast){border-radius:2px!important}

/* 16. Bouton flottant « Calculer » de Charpente */
#ch-btn-calc{font-weight:700;box-shadow:0 10px 26px -12px rgba(19,41,75,.35)}
#ch-btn-calc:disabled{background:#fff!important;color:#8A93A1!important;border-color:#D5DBE5!important}
#ch-btn-calc:not(:disabled){background:#13294B!important;border-color:#13294B!important;color:#fff!important}
#ch-btn-calc:not(:disabled):hover{background:#2457A6!important;border-color:#2457A6!important}

/* 17 Outils - mise en page de la proposition (rail | saisie | résultats) */
:is(.pn-root.pn-railed,#__z) .pn-wrap{grid-template-columns:auto minmax(0,1fr)!important;gap:0!important;background:#fff;border:1px solid #DCE1E9;align-items:stretch}
:is(.pn-root.pn-railed,#__z) .pn-ins{position:sticky;top:150px;align-self:start;padding:0!important;background:#fff!important;border-right:1px solid #E3E7EE;width:auto!important}
:is(.pn-root.pn-railed,#__z) .pn-ins:has(.ch-panel){display:grid!important;grid-template-columns:232px 360px;align-items:stretch}
:is(.pn-root.pn-railed,#__z) .ch-rail{grid-column:1;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
:is(.pn-root.pn-railed,#__z) .ch-panel{position:static!important;inset:auto!important;transform:none!important;grid-column:2;grid-row:1/span 20;width:auto!important;max-width:none!important;max-height:calc(100vh - 170px);overflow:auto;border:0!important;border-left:1px solid #E3E7EE!important;box-shadow:none!important;background:#fff!important;margin:0!important}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-grp{border:0!important;background:transparent!important;padding:0!important}
:is(.pn-root.pn-railed,#__z) .ch-panel header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:end;column-gap:0;padding:26px 24px 20px!important;margin:0!important;border:0!important;border-bottom:1px solid #E3E7EE!important;background:transparent!important}
:is(.pn-root.pn-railed,#__z) .ch-panel header .pn-num{grid-column:1/3;grid-row:1;font-size:11px!important;font-weight:600!important;letter-spacing:.15em!important;text-transform:uppercase;color:#2457A6!important;margin:0 0 8px!important}
:is(.pn-root.pn-railed,#__z) .ch-panel header .pn-num::after{content:" / Données du projet"}
html[lang^="en"] :is(.pn-root.pn-railed,#__z) .ch-panel header .pn-num::after{content:" / Project data"}
html[lang^="es"] :is(.pn-root.pn-railed,#__z) .ch-panel header .pn-num::after{content:" / Datos del proyecto"}
:is(.pn-root.pn-railed,#__z) .ch-panel header h3{grid-column:1/3;grid-row:2;margin:0!important;font-size:24px!important;font-weight:500!important;letter-spacing:-.03em!important;line-height:1.2!important;color:#1D2A3A!important}
:is(.pn-root.pn-railed,#__z) .ch-panel header .ch-x{grid-column:3;grid-row:1/3;align-self:start;background:transparent!important;border:0!important;color:#6C7686!important}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-body{padding:8px 24px 28px!important}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-row{display:block!important;padding:18px 0 0!important;border:0!important;min-height:0!important}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-row>label{display:block!important;margin:0 0 8px!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;color:#1D2A3A!important;max-width:none!important}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-row>label small{display:block;margin-top:3px;font-size:12px!important;font-weight:400!important;line-height:1.45!important;color:#6C7686!important}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-ctl{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:flex-start!important;position:relative;width:100%!important;max-width:none!important}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-ctl>.pn-in:not(.pn-xs),:is(.pn-root.pn-railed,#__z) .ch-panel .pn-ctl>select{flex:1 1 100%;width:100%!important;max-width:none!important;height:42px!important;padding:0 40px 0 12px!important;font-size:14px!important;border:1px solid #C9D0DB!important;border-radius:2px!important;background:#fff!important;color:#1D2A3A!important;box-shadow:none!important}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-ctl>.pn-in:not(.pn-xs)+.pn-unit{position:absolute;right:12px;top:21px;transform:translateY(-50%);font-size:12px!important;color:#6C7686!important;pointer-events:none}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-ctl>.pn-in:focus{border-color:#2457A6!important;outline:0;box-shadow:0 0 0 3px rgba(36,87,166,.12)!important}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-ctl>.pn-in::placeholder{color:#9AA3B0}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-seg{display:inline-flex!important;flex-wrap:wrap;background:#fff!important;border:1px solid #C9D0DB!important;border-radius:2px!important;padding:0!important;gap:0!important}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-seg button{height:38px;padding:0 14px!important;border:0!important;border-right:1px solid #E3E7EE!important;background:#fff!important;color:#6C7686!important;font-size:13px!important;font-weight:500!important;border-radius:0!important;box-shadow:none!important}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-seg button:last-child{border-right:0!important}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-seg button:is(.pn-on,.on,[aria-pressed="true"]){background:#13294B!important;color:#fff!important}
:is(.pn-root.pn-railed,#__z) .ch-panel .pn-in.pn-xs{height:38px!important;border:1px solid #C9D0DB!important}
/* rail */
:is(.pn-root.pn-railed,#__z) .ch-rl{display:grid!important;grid-template-columns:24px minmax(0,1fr) 8px!important;grid-template-rows:auto auto;column-gap:8px!important;row-gap:4px;align-items:baseline!important;padding:16px 16px 16px 14px!important;text-align:left}
:is(.pn-root.pn-railed,#__z) .ch-rl .pn-num{grid-column:1;grid-row:1;font-size:11px!important;font-weight:400!important;letter-spacing:0!important;color:#6C7686!important}
:is(.pn-root.pn-railed,#__z) .ch-rl b{grid-column:2;grid-row:1;font-size:14px!important;font-weight:600!important;color:#1D2A3A!important;line-height:1.3}
:is(.pn-root.pn-railed,#__z) .ch-rl small{grid-column:2;grid-row:2;font-size:12px!important;color:#6C7686!important;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(.pn-root.pn-railed,#__z) .ch-rl::after{content:"";grid-column:3;grid-row:1;align-self:center;width:6px;height:6px;border-radius:50%;background:#C9D0DB}
:is(.pn-root.pn-railed,#__z) .ch-rl.pn-manque::after{background:#C2410C}
:is(.pn-root.pn-railed,#__z) .ch-rl:is(.pn-on,.ch-on,[aria-expanded="true"],[aria-pressed="true"]){background:#fff!important;box-shadow:inset 3px 0 0 #2457A6!important}
:is(.pn-root.pn-railed,#__z) .ch-rl:is(.pn-on,.ch-on,[aria-expanded="true"],[aria-pressed="true"]) b{color:#2457A6!important}
:is(.pn-root.pn-railed,#__z) .ch-rl:is(.pn-on,.ch-on,[aria-expanded="true"],[aria-pressed="true"])::after{background:#2457A6}
:is(.pn-root.pn-railed,#__z) .ch-rl.pn-manque .pn-num{color:#6C7686!important}
:is(.pn-root.pn-railed,#__z) .ch-rl>:is(i,em,.pn-dot){display:none!important}
/* barre d'outils */
:is(.pn-root.pn-railed,#__z) .pn-top{background:#F3F5F9!important;border:0!important;border-bottom:1px solid #DCE1E9!important;top:76px!important;height:auto!important;min-height:0!important;padding:14px 16px!important;gap:10px!important;z-index:30}
:is(.pn-root.pn-railed,#__z) .pn-top .pn-btn{display:inline-flex!important;align-items:center;gap:6px;height:44px!important;padding:0 18px!important;border:1px solid #C9D0DB!important;background:#fff!important;color:#1D2A3A!important;font-size:14px!important;font-weight:500!important;box-shadow:none!important;border-radius:2px!important}
:is(.pn-root.pn-railed,#__z) .pn-top .pn-btn:hover{border-color:#2457A6!important;color:#2457A6!important}
:is(.pn-root.pn-railed,#__z) .pn-top .pn-btn.pn-acc{background:#2457A6!important;border-color:#2457A6!important;color:#fff!important}
:is(.pn-root.pn-railed,#__z) .pn-top .pn-btn.pn-acc:hover{background:#13294B!important;border-color:#13294B!important;color:#fff!important}
:is(.pn-root.pn-railed,#__z) .pn-top .pn-title{font-size:13px!important;color:#6C7686!important}
:is(.pn-root.pn-railed,#__z) main{padding:24px 28px!important;background:#fff}

/* 18 Alignement sur la proposition : pas de filets décoratifs, angles droits, intertitres à filet haut */
#wrapwrap :is(.axnm-t,.ghero-t,header.ph,.ho-in)::before,#wrapwrap :is(.axnm-t,.ghero-t,header.ph,.ho-in)::after,#wrapwrap :is(.axnm-f,.ghero-i,.axf)::before{display:none!important}
#wrapwrap :is(.axnm-t,.ghero-t,header.ph,.ho-in){padding-left:0!important;border-left:0!important}
#wrapwrap :is(.ah-sey,.ah-h2,.ah-ey,.papps,.dl-fam-h,.note){border-left:0!important;padding-left:0!important}
#wrap :is(h1,h2)::after{display:none!important}
#wrapwrap h2.gx-h{border-left:0!important;padding-left:0!important;border-top:2px solid #13294B!important;padding-top:18px!important}
#wrapwrap :is(.ah-o4,.fin-b,.pcard,.pcard img,.pcard div,.gx-odc,.gx-cta,.pfig,.card,.dl-c,.dl-fam,.dl-ft,.oc-as,.ah-sol a,.ah-sol img){border-radius:2px!important}
#wrapwrap :is(.axnm-x,.axf-x){box-shadow:none!important}

/* 19 Aperçu v2 (html.v2) : pages outils au format de la proposition */
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk){background:#F3F5F9}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .bc{padding:22px 0!important;font-size:12px!important;color:#6C7686;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .bc :is(button,a){color:#6C7686!important;font-size:12px!important;background:none!important;border:0!important;padding:0!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .bc :is(button,a):hover{color:#2457A6!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .bc>span:last-child{color:#1D2A3A!important;font-weight:500}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ho{background:#F3F5F9!important;padding-top:40px!important;padding-bottom:30px!important;border-top:1px solid #E3E7EE}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ho-in{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:end}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ho-in>*{grid-column:1}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ho-in>.ho-a{grid-column:2;grid-row:1/span 3;align-self:end;display:flex!important;gap:12px;margin:0!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ho-ey{font-size:12px!important;letter-spacing:.15em!important;font-weight:600!important;text-transform:uppercase;color:#2457A6!important;border:0!important;padding:0!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ho h1{font-size:clamp(34px,3.4vw,48px)!important;font-weight:500!important;letter-spacing:-.035em!important;line-height:1.08!important;color:#1D2A3A!important;margin:18px 0 14px!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ho-in>p{font-size:15px!important;line-height:1.7!important;color:#6C7686!important;max-width:640px;margin:0!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ho-a>*{height:51px!important;padding:0 24px!important;border-radius:0!important;font-size:14px!important;font-weight:600!important;display:inline-flex!important;align-items:center;background:#2457A6!important;border:1px solid #2457A6!important;color:#fff!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ho-a>*:hover{background:#13294B!important;border-color:#13294B!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ho-a>*+*{background:#fff!important;color:#13294B!important;border-color:#C9D0DB!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ho-a>*+*:hover{border-color:#13294B!important;background:#fff!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ho-lab{margin:0!important;padding:14px 0!important;border-top:1px solid #DCE1E9;border-bottom:1px solid #DCE1E9;font-size:14px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:#1D2A3A!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ho-lab::before{content:"01";font-size:11px;color:#6C7686;margin-right:12px}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ch-bat{background:#F3F5F9!important;padding-top:40px!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ch-bat h2{font-size:clamp(28px,2.6vw,38px)!important;font-weight:500!important;letter-spacing:-.035em!important;color:#1D2A3A!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ch-bat-g{gap:0!important;border-top:1px solid #DCE1E9;border-left:1px solid #DCE1E9}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ch-bat-g>*{background:#fff!important;border:0!important;border-right:1px solid #DCE1E9!important;border-bottom:1px solid #DCE1E9!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ch-bat-g>*:hover{background:#FAFBFD!important;box-shadow:inset 0 0 0 1px #2457A6!important}
html.v2 main.pg.on:is(:has(.pn-root),.v2-rk) .ch-imp-strip{background:#fff!important;border:1px solid #DCE1E9!important;border-radius:0!important}

/* 20 Aperçu v2 : gammes et fiches produits */
html.v2 .fin-tg,html.v2 .fin-tg .fin-b,html.v2 .fin-b{border-radius:0!important}
html.v2 #pg-gam .ghero{gap:56px;align-items:center}
html.v2 #pg-gam #gamNum{display:none!important}
html.v2 #pg-gam #gamT{font-size:clamp(36px,3.6vw,52px)!important;font-weight:500!important;letter-spacing:-.035em!important;color:#1D2A3A!important}
html.v2 #pg-gam #gamT em{color:#1D2A3A!important;font-style:normal!important}
html.v2 #pg-gam #gamD{font-size:15px!important;color:#6C7686!important;line-height:1.7!important}
html.v2 #pg-gam .ghero-i img{border-radius:0!important}
html.v2 #pg-gam #gamBody{border-top:2px solid #13294B;padding-top:22px;margin-top:10px}
html.v2 #pg-gam .grp{margin:0 0 34px!important}
html.v2 #pg-gam .grp-t{display:block!important;font-size:14px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#1D2A3A!important;margin:0 0 14px!important;border:0!important;padding:0!important}
html.v2 #pg-gam .pcards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:1px solid #DCE1E9;border-left:1px solid #DCE1E9;background:#E3E7EE}
html.v2 #pg-gam .pcard{display:flex!important;flex-direction:column;align-items:stretch;text-align:left!important;background:#fff!important;border:0!important;border-right:1px solid #DCE1E9!important;border-bottom:1px solid #DCE1E9!important;border-radius:0!important;box-shadow:none!important;padding:22px 24px!important;margin:0!important;transform:none!important;min-height:0!important}
html.v2 #pg-gam .pcard:hover{background:#FAFBFD!important;box-shadow:inset 0 0 0 1px #2457A6!important}
html.v2 #pg-gam .pcard img{width:100%!important;height:150px!important;object-fit:contain!important;margin:0 0 18px!important;background:transparent!important;border-radius:0!important;padding:0}
html.v2 #pg-gam .pcard h4{font-size:22px!important;font-weight:500!important;letter-spacing:-.03em!important;color:#1D2A3A!important;margin:0 0 8px!important}
html.v2 #pg-gam .pcard p{font-size:12.5px!important;color:#6C7686!important;margin:0 0 18px!important;line-height:1.6!important}
html.v2 #pg-gam .pcard .nm{margin-top:auto!important;font-size:11.5px!important;color:#6C7686!important;letter-spacing:0!important;text-transform:none!important;padding-right:24px}
html.v2 #pg-gam .pcard .pcard-go{font-size:0!important;align-self:flex-end;margin-top:-17px!important;line-height:1}
html.v2 #pg-gam .pcard .pcard-go::after{content:"\2192";font-size:16px;color:#1D2A3A}
html.v2 #pg-gam .pcard:hover .pcard-go::after{color:#2457A6}
html.v2 #pg-gam p.gx-s{border-left:0!important;padding-left:0!important}
html.v2 :is(#pg-gam,#pg-prod) .gx img{border-radius:0!important}
html.v2 :is(#pg-gam,#pg-prod) .gx-cta{border-radius:0!important;background:#2457A6!important}
html.v2 :is(#pg-gam,#pg-prod) .gx-odc{border-radius:0!important}
html.v2 #pg-prod header.ph{display:grid!important;grid-template-columns:minmax(0,46%) minmax(0,1fr);column-gap:56px;align-items:start;padding:28px 0 44px!important;min-height:0!important}
html.v2 #pg-prod header.ph>*{grid-column:2;max-width:none!important}
html.v2 #pg-prod .ph-n{display:none!important}
html.v2 #pg-prod .ph-fig{grid-column:1!important;grid-row:1/span 8;position:static!important;inset:auto!important;width:auto!important;margin:0!important;transform:none!important}
html.v2 #pg-prod .pfig{position:relative;background:#F3F5F9!important;border:0!important;border-radius:0!important;padding:40px!important;aspect-ratio:4/3;display:flex!important;align-items:center;justify-content:center;margin:0 0 12px!important;box-shadow:none!important}
html.v2 #pg-prod .pfig img{max-width:100%;max-height:100%;object-fit:contain}
html.v2 #pg-prod .pfig .tk{display:none!important}
html.v2 #pg-prod #prodT{font-size:clamp(40px,4vw,56px)!important;font-weight:500!important;letter-spacing:-.035em!important;color:#1D2A3A!important;margin:16px 0 10px!important}
html.v2 #pg-prod #prodSub{font-size:17px!important;color:#6C7686!important;margin:0 0 18px!important}
html.v2 #pg-prod .pdesc{font-size:13.5px!important;color:#6C7686!important;line-height:1.7!important;padding-bottom:24px;border-bottom:1px solid #E3E7EE;margin:0!important}
html.v2 #pg-prod .ptri{border-top:2px solid #13294B!important}
html.v2 #pg-prod .opt-bar .ob-rq{border-radius:0!important;background:#2457A6!important;color:#fff!important;height:44px}
html.v2 #pg-prod table.dt thead th{background:#F3F5F9!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.06em;color:#6C7686!important;border-bottom:1px solid #DCE1E9!important}
html.v2 #pg-prod table.dt td{border-bottom:1px solid #E3E7EE!important}
html.v2 #pg-prod table.dt tbody tr:hover td{background:#FAFBFD!important}
@media (max-width:900px){html.v2 #pg-prod header.ph{grid-template-columns:1fr}html.v2 #pg-prod .ph-fig{grid-row:auto!important}html.v2 #pg-gam .pcards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:620px){html.v2 #pg-gam .pcards{grid-template-columns:1fr!important}}

/* 21 Aperçu v2 : en-têtes de pages, formulaires, entreprise, contact, espace client, devis */
html.v2 :is(#pg-prod,#pg-gam) .pfig img,html.v2 #pg-gam .pcard img{mix-blend-mode:multiply}
html.v2 main.pg.on:not(#pg-prod) header.ph h1{font-size:clamp(40px,4.4vw,64px)!important;font-weight:500!important;letter-spacing:-.04em!important;line-height:1.05!important;color:#1D2A3A!important;margin:18px 0 18px!important;max-width:16ch}
html.v2 main.pg.on:not(#pg-prod) header.ph>p{font-size:15px!important;line-height:1.7!important;color:#6C7686!important;max-width:640px}
html.v2 main.pg.on header.ph .eyebrow{font-size:12px!important;letter-spacing:.15em!important;font-weight:600!important;color:#2457A6!important}
html.v2 main.pg.on .bc{font-size:12px!important}
html.v2 main.pg.on .bc :is(button,a){color:#6C7686!important;font-size:12px!important}
html.v2 main.pg.on .bc>span:last-child{color:#1D2A3A!important;font-weight:500}
html.v2 #wrap main.pg.on :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-radius:0!important;border:1px solid #C9D1DC!important;box-shadow:none!important;background-color:#fff!important;color:#1D2A3A!important}
html.v2 #wrap main.pg.on :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:#2457A6!important;box-shadow:0 0 0 3px rgba(36,87,166,.12)!important;outline:0}
html.v2 #wrap main.pg.on :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select){min-height:46px}
html.v2 #wrap main.pg.on .card.dark-top{background:#F3F5F9!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:32px!important}
html.v2 #wrap main.pg.on .card.dark-top label{font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:#1D2A3A!important}
html.v2 #wrap main.pg.on :is(button,a)[type=submit],html.v2 #wrap main.pg.on .card.dark-top button{border-radius:0!important;min-height:51px;font-weight:600!important;background:#2457A6!important;border-color:#2457A6!important}
html.v2 #wrap main.pg.on .ent-p img,html.v2 #wrap main.pg.on figure img{border-radius:0!important}
html.v2 #rq2 :is(input,select,textarea,button,.q-tile,.q-tab,.q-card,.q-line,.q-l,.q-sum,.q-box,.q-pan,.q-side,.q-drop){border-radius:0!important}
html.v2 #rq2 .q-tabs button,html.v2 #rq2 .q-tab{box-shadow:none!important}
html.v2 #clLogin .login,html.v2 #clLogin :is(input,button){border-radius:0!important}
html.v2 .ent-p>div{border-left:0!important;padding-left:0!important}
/* 22 Aperçu v2 : espace client en deux colonnes, barre latérale des familles */
html.v2 #clLogin>.wrap.v2-clw{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:80px;align-items:start;padding-top:64px!important;padding-bottom:90px!important}
html.v2 .v2-cl .v2-ey{display:block;font-size:12px;letter-spacing:.15em;font-weight:600;text-transform:uppercase;color:#2457A6;margin-bottom:22px}
html.v2 .v2-cl .v2-h{font-size:clamp(40px,4.4vw,64px)!important;font-weight:500!important;letter-spacing:-.04em!important;line-height:1.05!important;color:#1D2A3A!important;margin:0 0 22px!important}
html.v2 .v2-cl .v2-p{font-size:15px;line-height:1.7;color:#6C7686;max-width:520px;margin:0 0 30px}
html.v2 .v2-cl .v2-rows{list-style:none;margin:0;padding:0;max-width:520px}
html.v2 .v2-cl .v2-rows li{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #E3E7EE;font-size:15px;color:#1D2A3A}
html.v2 .v2-cl .v2-rows li::before{content:"";width:8px;height:8px;background:#2457A6;flex:0 0 auto}
html.v2 #clLogin .v2-clw .login{margin:0!important;max-width:none!important;width:auto!important;background:#F3F5F9!important;border:0!important;border-top:3px solid #13294B!important;box-shadow:none!important;padding:34px!important}
html.v2 .v2-gg{display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px;align-items:start}
html.v2 .v2-side{position:sticky;top:96px}
html.v2 .v2-side .v2-sh{font-size:11px;letter-spacing:.15em;font-weight:600;text-transform:uppercase;color:#6C7686;margin:0 0 12px}
html.v2 .v2-fl a{display:block;padding:11px 14px;font-size:14px;color:#1D2A3A!important;text-decoration:none!important;border-bottom:1px solid #E3E7EE}
html.v2 .v2-fl a:hover{background:#F3F5F9}
html.v2 .v2-fl a.on{background:#13294B;color:#fff!important}
html.v2 .v2-cat{margin-top:26px;background:#F3F5F9;padding:20px}
html.v2 .v2-cat p{font-size:12.5px;color:#6C7686;line-height:1.6;margin:0 0 14px}
html.v2 .v2-cat a{font-size:13px;font-weight:600;color:#1D2A3A!important;text-decoration:none!important}
html.v2 .v2-cat a:hover{color:#2457A6!important}
html.v2 .v2-gg #gamBody{margin-top:0!important}
@media (max-width:980px){html.v2 #clLogin>.wrap.v2-clw{grid-template-columns:1fr;gap:40px}html.v2 .v2-gg{grid-template-columns:1fr}html.v2 .v2-side{position:static}}
/* 23 Aperçu v2 : demande de prix */
html.v2 #rq2 .q-sh{border-radius:0!important;box-shadow:0 30px 80px rgba(19,41,75,.22)!important}
html.v2 #rq2 .q-in{border-radius:0!important;border:1px solid #C9D1DC!important;box-shadow:none!important;min-height:54px}
html.v2 #rq2 .q-in:focus-within{border-color:#2457A6!important}
html.v2 #rq2 .q-h{font-size:clamp(28px,2.6vw,40px)!important;font-weight:500!important;letter-spacing:-.04em!important;line-height:1.08!important;color:#1D2A3A!important}
html.v2 #rq2 .q-h *{color:#1D2A3A!important}
html.v2 #rq2 .q-eb{font-size:12px!important;letter-spacing:.15em!important;font-weight:600!important;color:#2457A6!important}
html.v2 #rq2 .q-s{color:#6C7686!important}
html.v2 #rq2 .q-tabs{gap:0!important;border-top:1px solid #DCE1E9;border-left:1px solid #DCE1E9}
html.v2 #rq2 .q-tab{border:0!important;border-right:1px solid #DCE1E9!important;border-bottom:1px solid #DCE1E9!important;margin:0!important}
html.v2 #rq2 .q-grid{gap:0!important;border-top:1px solid #DCE1E9;border-left:1px solid #DCE1E9}
html.v2 #rq2 .q-grid>*{border-radius:0!important;border:0!important;border-right:1px solid #DCE1E9!important;border-bottom:1px solid #DCE1E9!important;box-shadow:none!important;margin:0!important}
html.v2 #rq2 .q-grid>*:hover{box-shadow:inset 0 0 0 1px #2457A6!important}
html.v2 #rq2 .q-grid img{mix-blend-mode:multiply;border-radius:0!important}
html.v2 #rq2 .q-r{border-left:1px solid #DCE1E9}
html.v2 #rq2 .q-rh h3{font-size:12px!important;letter-spacing:.15em!important;font-weight:600!important;text-transform:uppercase;color:#2457A6!important}
html.v2 #rq2 .q-ft button,html.v2 #rq2 .q-x,html.v2 #rq2 .q-rx{border-radius:0!important}
html.v2 #rq2 .q-ft button{background:#2457A6!important;min-height:51px;font-weight:600!important}
/* 24 Aperçu v2 : interface d'outil du fichier (en-tête d'actions, onglets, état, chiffres clés, livrables) */
html.v2 main.pg.v2-tool .ho-a,html.v2 main.pg.v2-tool .ho-lab{display:none!important}
html.v2 main.pg.on .ho-in>.v2-acts{grid-column:2;grid-row:1/span 3;align-self:end;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:640px}
html.v2 main.pg:not(.v2-tool) .v2-acts{display:none!important}
html.v2 .v2-acts .pn-btn,html.v2 .v2-acts .pn-menu>button{display:inline-flex!important;align-items:center;gap:8px;height:51px!important;padding:0 20px!important;border:1px solid #C9D0DB!important;background:#fff!important;color:#13294B!important;font:600 14px Inter,Arial,sans-serif!important;border-radius:0!important;cursor:pointer;white-space:nowrap;box-shadow:none!important;position:static!important;inset:auto!important;transform:none!important;margin:0!important;width:auto!important}
html.v2 .v2-acts .pn-btn:hover,html.v2 .v2-acts .pn-menu>button:hover{border-color:#13294B!important}
html.v2 .v2-acts label.pn-btn input{display:none!important}
html.v2 .v2-acts .pn-btn.pn-acc{background:#2457A6!important;border-color:#2457A6!important;color:#fff!important}
html.v2 .v2-acts .pn-btn.pn-acc:hover{background:#13294B!important;border-color:#13294B!important}
html.v2 .v2-acts #ch-btn-calc.v2-calc,html.v2 .v2-acts .v2-calc{position:static!important;background:#2457A6!important;border-color:#2457A6!important;color:#fff!important;opacity:1!important}
html.v2 .v2-acts #ch-btn-calc.v2-calc:disabled,html.v2 .v2-acts .v2-calc:disabled{background:#fff!important;color:#2457A6!important;border-color:#2457A6!important;cursor:default}
html.v2 .v2-acts .pn-menu{position:relative}
html.v2 .v2-acts .pn-menu>div{display:none;position:absolute;right:0;top:56px;background:#fff;border:1px solid #DCE1E9;box-shadow:0 18px 40px rgba(19,41,75,.14);padding:6px;min-width:250px;z-index:60}
html.v2 .v2-acts .pn-menu.pn-open>div{display:block}
html.v2 .v2-acts .pn-menu>div :is(button,label){display:block;width:100%;text-align:left;font:500 13px Inter,Arial,sans-serif;border:0;background:none;padding:10px 12px;color:#1D2A3A;cursor:pointer}
html.v2 .v2-acts .pn-menu>div :is(button,label):hover{background:#F3F5F9}
html.v2 .v2-acts .pn-menu>div hr{border:0;border-top:1px solid #E3E7EE;margin:4px 0}
html.v2 .v2-acts .pn-menu>div select{width:100%;margin:4px 0;height:38px;border:1px solid #C9D1DC;border-radius:0}
html.v2 .v2-acts .pn-menu>div input[type=file]{display:none}
html.v2 main.pg:not(.v2-tool) :is(.v2-tabs,.v2-status){display:none!important}
html.v2 .v2-tabs{display:flex;gap:40px;border-top:1px solid #DCE1E9;border-bottom:1px solid #DCE1E9;margin-top:4px}
html.v2 .v2-tabs button{display:flex;gap:12px;align-items:baseline;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:20px 0 18px;font:500 15px Inter,Arial,sans-serif;color:#9AA3B0;cursor:pointer}
html.v2 .v2-tabs button span{font-size:11px}
html.v2 .v2-tabs button.on{color:#1D2A3A;border-bottom-color:#2457A6}
html.v2 .v2-status{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid #DCE1E9;font-size:13px;color:#6C7686}
html.v2 .v2-status .v2-st{color:#1D2A3A;font-weight:500}
html.v2 .v2-status .ch-bat-bar{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:0!important;background:none!important;border:0!important;font-size:13px}
html.v2 .v2-status .ch-bat-bar button{border:1px solid #C9D0DB!important;background:#fff!important;border-radius:0!important;padding:6px 12px!important;font-size:12.5px!important;color:#2457A6!important}
html.v2 main.pg.v2-tool .pn-root.pn-railed{display:flex!important;flex-direction:column}
html.v2 main.pg.v2-tool .pn-root.pn-railed>.pn-top{display:none!important}
html.v2 main.pg.v2-tool .pn-root.pn-railed>.pn-wrap{order:2}
html.v2 main.pg.v2-tool .pn-root.pn-railed>.pn-bar{order:1;position:static!important;inset:auto!important;transform:none!important;width:auto!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0!important;background:#fff!important;border:1px solid #DCE1E9!important;border-radius:0!important;box-shadow:none!important;margin:24px 0!important;padding:0!important;animation:none!important;z-index:auto!important}
html.v2 main.pg.v2-tool .pn-root.pn-railed>.pn-bar:not(:has(.pn-k)){display:none!important}
html.v2 main.pg.on.v2-tool .ho-in>.ho-a{display:none!important}
html.v2 main.pg.v2-tool .pn-root.pn-railed>.pn-wrap{align-self:stretch;width:100%!important;max-width:none!important;margin:0!important}
html.v2 main.pg.v2-tool .pn-bar .pn-k{border:0!important;box-shadow:none!important;border-right:1px solid #DCE1E9!important;justify-content:flex-start!important;display:flex!important;flex-direction:column;gap:10px;padding:22px 24px!important;border-right:1px solid #DCE1E9;font-size:12px!important;color:#6C7686!important;min-width:0;background:none!important;border-radius:0!important}
html.v2 main.pg.v2-tool .pn-bar .pn-k b{font-size:16px!important;font-weight:500!important;letter-spacing:-.02em;color:#1D2A3A!important;line-height:1.3;white-space:normal!important}
html.v2 main.pg.v2-tool .pn-bar>:is(.pn-sp,.pn-btn,button){display:none!important}
html.v2 main.pg.v2-res :is(.pn-root.pn-railed,#__z) .pn-ins{display:none!important}
html.v2 main.pg.v2-res :is(.pn-root.pn-railed,#__z)>.pn-wrap{grid-template-columns:minmax(0,1fr)!important}
html.v2 .ch-panel .ch-x{display:none!important}
html.v2 :is(.pn-root.pn-railed,#__z) .ch-panel .pn-ctl>.pn-in{text-align:left!important}
html.v2 :is(.pn-root.pn-railed,#__z) .ch-panel .pn-ctl>.pn-in.pn-xs+.pn-unit{align-self:center}
html.v2 .v2-status .v2-st{font-size:12.5px;max-width:70%}
html.v2 :is(.pn-root.pn-railed,#__z) .ch-panel .pn-seg button:is(.pn-on,.on,[aria-pressed="true"]){background:#EAF0FA!important;color:#2457A6!important;box-shadow:inset 0 0 0 1px #2457A6!important}
html.v2 .v2-deliv{background:#F3F5F9;padding:70px 0 90px}
html.v2 .v2-deliv .v2-dey{display:block;font-size:11.5px;letter-spacing:.15em;font-weight:600;text-transform:uppercase;color:#2457A6}
html.v2 .v2-deliv h2{font-size:clamp(30px,3vw,44px)!important;font-weight:500!important;letter-spacing:-.04em!important;color:#1D2A3A!important;margin:16px 0 30px!important}
html.v2 .v2-dg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #DCE1E9;background:#fff}
html.v2 .v2-dc{padding:34px;border-right:1px solid #DCE1E9;display:flex;flex-direction:column}
html.v2 .v2-dc:last-child{border-right:0}
html.v2 .v2-dc h3{font-size:26px!important;font-weight:500!important;letter-spacing:-.03em!important;color:#1D2A3A!important;margin:14px 0 14px!important}
html.v2 .v2-dc p{font-size:14.5px;line-height:1.7;color:#6C7686;margin:0 0 24px;flex:1}
html.v2 .v2-dl{border:0;border-top:1px solid #E3E7EE;padding:18px 0 0;background:none;text-align:left;color:#2457A6;font:600 13px Inter,Arial,sans-serif;cursor:pointer}
html.v2 main.pg.v2-rk .rk-topbar{display:none!important}
html.v2 main.pg.v2-rk #rackBox.rk{border-radius:0!important;box-shadow:none!important;margin-top:24px}
html.v2 main.pg.v2-rk #rackBox :is(.ac,.ac-lo,.ac-top>div,.ac-in>*,.ac-vp,.rk-s,.bg-j,select,input,button:not(.pn-btn)){border-radius:0!important}
html.v2 main.pg.v2-rk #rackBox .ac{background:#fff!important;border:1px solid #DCE1E9!important;box-shadow:none!important}
html.v2 main.pg.v2-rk .ho-pr{display:none!important}
html.v2 #pg-ou .ou-ill.v2-hasico{display:flex!important;align-items:center;justify-content:center;background:#fff!important;border:1px solid #DCE1E9;aspect-ratio:16/9;height:auto!important;overflow:hidden}
html.v2 #pg-ou .ou-ill.v2-hasico>:not(.v2-ico){display:none!important}
html.v2 #pg-ou .v2-ico{display:block;width:42%;max-width:170px;color:#2457A6}
html.v2 #pg-ou .v2-ico svg{display:block;width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:2}
html.v2 #pg-ou .ou-c:hover .v2-ico{color:#13294B}
@media (max-width:980px){html.v2 .v2-dg{grid-template-columns:1fr}html.v2 .v2-dc{border-right:0;border-bottom:1px solid #DCE1E9}html.v2 main.pg.on .ho-in>.v2-acts{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:20px}}