.cr-ad.cr-ad-pending{display:none!important;min-height:0!important;margin:0!important;border:0!important}
/* Calculatrice.com – refonte partielle math/en-ligne.php
Fichier volontairement neuf : ne remplace aucun CSS existant.
Version v7 : header synchronisé + calculatrice scientifique desktop large.
Préfixe de classes : cr- pour limiter les conflits avec l'ancien site. */
:root{
--cr-orange:#e02020;
--cr-orange-dark:#b81414;
--cr-orange-soft:#ffeded;
--cr-ink:#121827;
--cr-ink-2:#25324a;
--cr-muted:#667085;
--cr-line:#e3e8f2;
--cr-bg:#f4f7fb;
--cr-card:#ffffff;
--cr-green:#00a033;
--cr-red:#e02020;
--cr-blue:#0091ff;
--cr-shadow:0 18px 45px rgba(15,23,42,.10);
--cr-shadow-soft:0 10px 26px rgba(15,23,42,.08);
--cr-radius:22px;
--cr-max:1320px;
}
body.cr-page{
margin:0;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
background:var(--cr-bg);
color:var(--cr-ink);
line-height:1.65;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
}
body.cr-page *,
body.cr-page *::before,
body.cr-page *::after{box-sizing:border-box}
body.cr-page a{color:#811111;text-decoration:none}
body.cr-page a:hover{text-decoration:underline}
body.cr-page img{max-width:100%;height:auto}
body.cr-page button,
body.cr-page input{font:inherit}
.cr-skip{
position:absolute;
left:-9999px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
.cr-skip:focus{
left:16px;
top:12px;
width:auto;
height:auto;
z-index:9999;
padding:10px 14px;
background:#fff;
border:2px solid var(--cr-orange);
border-radius:12px;
}
.cr-wrap{
width:min(var(--cr-max),calc(100% - 32px));
margin-inline:auto;
}
.cr-topbar{
background:#fff;
border-bottom:1px solid var(--cr-line);
font-size:13px;
}
.cr-topbar-inner{
display:flex;
justify-content:center;
gap:16px;
flex-wrap:wrap;
padding:6px 0;
}
.cr-topbar a{
color:var(--cr-muted);
text-transform:uppercase;
letter-spacing:.04em;
font-weight:700;
white-space:nowrap;
}
.cr-topbar a:hover{text-decoration:none;color:var(--cr-ink)}
.cr-topbar .cr-occ-outils span{color:var(--cr-green)}
.cr-topbar .cr-occ-calculatrice span{color:var(--cr-orange)}
.cr-topbar .cr-occ-convertisseur span{color:var(--cr-red)}
.cr-topbar .cr-occ-statistiques span{color:var(--cr-blue)}
.cr-header{
position:sticky;
top:0;
z-index:60;
background:rgba(255,255,255,.96);
border-bottom:1px solid var(--cr-line);
backdrop-filter:saturate(1.3) blur(12px);
}
.cr-header-inner{
min-height:66px;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
}
.cr-logo{
display:flex;
align-items:center;
gap:10px;
min-width:180px;
}
.cr-logo img{
display:block;
height:42px;
width:auto;
}
.cr-logo-fallback{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
color:var(--cr-ink);
font-size:22px;
font-weight:900;
letter-spacing:-.05em;
}
.cr-logo-fallback span{color:var(--cr-orange)}
.cr-nav-toggle{
display:none;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border:1px solid var(--cr-line);
border-radius:14px;
background:#fff;
color:var(--cr-ink);
cursor:pointer;
}
.cr-nav-toggle span,
.cr-nav-toggle span::before,
.cr-nav-toggle span::after{
display:block;
width:18px;
height:2px;
background:var(--cr-ink);
border-radius:999px;
content:"";
}
.cr-nav-toggle span{position:relative}
.cr-nav-toggle span::before{position:absolute;top:-6px;left:0}
.cr-nav-toggle span::after{position:absolute;top:6px;left:0}
.cr-nav-list{
list-style:none;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:18px;
margin:0;
padding:0;
font-size:14px;
}
.cr-nav-list a{
color:var(--cr-muted);
font-weight:700;
}
.cr-nav-list a:hover,
.cr-nav-list .cr-active{
color:#811111;
text-decoration:none;
}
.cr-nav-list .cr-active{
border-bottom:3px solid var(--cr-orange);
padding-bottom:4px;
}
.cr-toc{
background:#fff;
border-bottom:1px solid var(--cr-line);
}
.cr-toc-inner{
display:flex;
align-items:center;
gap:18px;
padding:10px 0;
overflow:auto;
scrollbar-width:thin;
}
.cr-breadcrumb{
display:flex;
align-items:center;
gap:8px;
flex:0 0 auto;
color:#7a8497;
font-size:13px;
white-space:nowrap;
}
.cr-breadcrumb ol{
display:flex;
align-items:center;
gap:8px;
margin:0;
padding:0;
list-style:none;
}
.cr-breadcrumb a{color:#7a8497;font-weight:700}
.cr-toc-links{
display:flex;
align-items:center;
gap:8px;
min-width:max-content;
}
.cr-toc-links a{
display:inline-flex;
align-items:center;
min-height:30px;
padding:4px 10px;
border-radius:999px;
background:#f7f8fb;
color:#5b6474;
font-size:13px;
font-weight:800;
}
.cr-toc-links a:hover{background:var(--cr-orange-soft);color:#811111;text-decoration:none}
.cr-hero{
position:relative;
overflow:hidden;
color:#fff;
background:
radial-gradient(circle at 12% 16%, rgba(255,255,255,.22), transparent 26%),
radial-gradient(circle at 96% 4%, rgba(255,255,255,.17), transparent 28%),
linear-gradient(135deg,#f14a4a 0%,#e02020 36%,#b81414 100%);
padding:40px 0 42px;
}
.cr-hero::after{
content:"";
position:absolute;
right:-120px;
top:-100px;
width:320px;
height:320px;
border-radius:999px;
border:34px solid rgba(255,255,255,.13);
}
.cr-hero-grid{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
gap:28px;
align-items:center;
}
.cr-hero-copy{max-width:760px}
.cr-kicker{
display:inline-flex;
align-items:center;
gap:8px;
padding:5px 11px;
border-radius:999px;
background:rgba(18,24,39,.22);
color:#fff;
font-size:12px;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
}
.cr-hero h1{
margin:16px 0 12px;
color:#fff;
font-size:clamp(34px,5vw,58px);
line-height:1.02;
letter-spacing:-.055em;
}
.cr-hero-lead{
margin:0;
max-width:68ch;
color:#fff1f1;
font-size:18px;
line-height:1.72;
}
.cr-hero-answer{
margin:16px 0 0;
padding:14px 16px;
border:1px solid rgba(255,255,255,.22);
border-radius:18px;
background:rgba(18,24,39,.18);
color:#fff;
line-height:1.68;
}
.cr-chip-row{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:16px;
}
.cr-chip{
display:inline-flex;
align-items:center;
min-height:30px;
padding:5px 11px;
border:1px solid rgba(255,255,255,.32);
border-radius:999px;
color:#fff;
background:rgba(255,255,255,.13);
font-size:12px;
font-weight:800;
}
.cr-calc-card{
border-radius:28px;
background:#131823;
box-shadow:0 24px 55px rgba(51,30,0,.35);
padding:16px;
border:1px solid rgba(255,255,255,.20);
}
.cr-calc-card-inner{
border-radius:24px;
background:linear-gradient(180deg,#202838,#121827);
padding:16px;
}
.cr-calc-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
margin-bottom:12px;
}
.cr-calc-head h2{
margin:0;
color:#fff;
font-size:18px;
line-height:1.25;
letter-spacing:-.02em;
}
.cr-calc-head p{
margin:4px 0 0;
color:#b7c0d4;
font-size:13px;
line-height:1.45;
}
.cr-calc-badge{
flex:0 0 auto;
border-radius:999px;
background:var(--cr-orange);
color:#2b1900;
font-size:11px;
font-weight:950;
padding:5px 9px;
text-transform:uppercase;
letter-spacing:.07em;
}
.cr-calc-screen{
min-height:122px;
border-radius:20px;
background:#eef3ff;
color:#121827;
padding:13px 14px;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);
display:flex;
flex-direction:column;
justify-content:space-between;
gap:8px;
}
.cr-calc-formula-label{
display:block;
color:#667085;
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.06em;
}
.cr-calc-formula{
margin-top:2px;
min-height:22px;
color:#3b465d;
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
font-size:15px;
overflow-wrap:anywhere;
}
.cr-calc-result{
width:100%;
min-height:42px;
display:block;
color:#101828;
font-size:clamp(28px,4vw,40px);
line-height:1.05;
font-weight:900;
letter-spacing:-.04em;
text-align:right;
overflow-wrap:anywhere;
}
.cr-calc-message{
min-height:22px;
color:#ffdba0;
font-size:13px;
margin:9px 2px 10px;
}
.cr-calc-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
}
.cr-calc-key{
min-height:52px;
border:0;
border-radius:16px;
cursor:pointer;
color:#fff;
background:#2b3448;
font-size:18px;
font-weight:850;
box-shadow:inset 0 -2px 0 rgba(0,0,0,.22);
}
.cr-calc-key:hover{filter:brightness(1.08)}
.cr-calc-key:active{transform:translateY(1px)}
.cr-calc-key:focus-visible{outline:3px solid rgba(224,32,32,.6);outline-offset:2px}
.cr-calc-key.cr-key-soft{background:#3e4a63;color:#e8eefc;font-size:16px}
.cr-calc-key.cr-key-op{background:#811111;color:#fff}
.cr-calc-key.cr-key-main{background:var(--cr-orange);color:#2b1900}
.cr-calc-key.cr-key-wide{grid-column:span 2}
.cr-calc-examples{
margin-top:12px;
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}
.cr-example-btn{
text-align:left;
border:1px solid rgba(255,255,255,.16);
border-radius:15px;
background:rgba(255,255,255,.08);
color:#fff;
padding:10px 11px;
cursor:pointer;
line-height:1.35;
}
.cr-example-btn strong{display:block;font-size:13px;color:#fff}
.cr-example-btn span{display:block;font-size:12px;color:#cbd5e1;margin-top:2px}
.cr-example-btn:hover{background:rgba(255,255,255,.13)}
.cr-calc-note{
margin:10px 2px 0;
color:#aab4c8;
font-size:12px;
line-height:1.5;
}
.cr-main{
padding:28px 0 34px;
}
.cr-section{
scroll-margin-top:112px;
margin:0 0 24px;
}
.cr-content-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 348px;
gap:24px;
align-items:start;
}
.cr-primary,
.cr-sidebar{min-width:0}
.cr-sidebar{
position:sticky;
top:94px;
}
.cr-surface{
background:var(--cr-card);
border:1px solid var(--cr-line);
border-radius:var(--cr-radius);
box-shadow:var(--cr-shadow-soft);
padding:22px;
}
.cr-surface + .cr-surface{margin-top:16px}
.cr-section-head{margin-bottom:16px}
.cr-eyebrow{
display:inline-flex;
align-items:center;
color:#9b5900;
background:var(--cr-orange-soft);
border-radius:999px;
padding:4px 10px;
font-size:12px;
font-weight:950;
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:8px;
}
.cr-section h2,
.cr-surface h2{
margin:0;
color:#132238;
font-size:clamp(24px,3vw,34px);
line-height:1.12;
letter-spacing:-.035em;
}
.cr-section h3,
.cr-surface h3{
margin:0;
color:#182237;
line-height:1.2;
letter-spacing:-.025em;
}
.cr-section-head p{
margin:8px 0 0;
color:#546177;
font-size:15px;
}
.cr-card-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
.cr-tool-card{
display:flex;
flex-direction:column;
min-height:190px;
padding:17px;
border-radius:20px;
border:1px solid #e6ebf3;
background:#fff;
box-shadow:0 10px 22px rgba(15,23,42,.055);
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cr-tool-card:hover{
transform:translateY(-2px);
border-color:#ffd391;
box-shadow:0 16px 30px rgba(15,23,42,.09);
text-decoration:none;
}
.cr-tool-icon{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:14px;
background:#fff1cd;
color:#811111;
font-weight:950;
margin-bottom:12px;
}
.cr-tool-card h3{font-size:18px;margin-bottom:8px}
.cr-tool-card p{margin:0;color:#5e6a7e;font-size:14px;line-height:1.55}
.cr-tool-meta{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:auto;
padding-top:14px;
}
.cr-tag{
display:inline-flex;
align-items:center;
border-radius:999px;
background:#f4f6fa;
color:#667085;
padding:3px 8px;
font-size:12px;
font-weight:800;
}
.cr-tool-card.cr-featured{
background:linear-gradient(160deg,#fff 0%,#fff7e6 100%);
border-color:#ffd391;
}
.cr-ad{
overflow:hidden;
min-height:250px;
display:flex;
align-items:center;
justify-content:center;
border:1px dashed #d7deea;
border-radius:20px;
background:#fff;
color:#8b95a8;
text-align:center;
margin:18px 0;
}
.cr-ad.cr-ad-inline{min-height:220px}
.cr-ad.cr-ad-after-top-tools{margin:18px 0 24px}
.cr-ad.cr-ad-sidebar{min-height:300px;margin:0 0 16px}
.cr-ad.cr-ad-sidebar-under-calculator{margin-top:0}
.cr-ad ins{width:100%}
.cr-ad-label{
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0 0 0 0);
}
.cr-filter-box{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:12px;
align-items:center;
margin-bottom:14px;
}
.cr-search{
width:100%;
min-height:48px;
border:1px solid var(--cr-line);
border-radius:16px;
background:#fff;
color:var(--cr-ink);
padding:0 14px;
outline:none;
}
.cr-search:focus{border-color:var(--cr-orange);box-shadow:0 0 0 4px rgba(224,32,32,.16)}
.cr-filter-count{
color:#6b7385;
font-weight:800;
font-size:13px;
white-space:nowrap;
}
.cr-tool-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.cr-tool-line{
display:grid;
grid-template-columns:38px minmax(0,1fr);
gap:10px;
align-items:center;
padding:12px;
border:1px solid var(--cr-line);
border-radius:16px;
background:#fff;
min-height:74px;
}
.cr-tool-line[hidden]{display:none!important}
.cr-line-icon{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:13px;
background:#fff2d4;
color:#811111;
font-weight:950;
}
.cr-tool-line a{
color:#172033;
font-weight:900;
}
.cr-tool-line p{
margin:3px 0 0;
color:#6b7385;
font-size:13px;
line-height:1.4;
}
.cr-empty-filter{
display:none;
margin:12px 0 0;
color:#811111;
background:#fff6e2;
border-radius:14px;
padding:12px 14px;
font-weight:800;
}
.cr-empty-filter.cr-show{display:block}
.cr-dossier-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.cr-dossier{
padding:18px;
border-radius:20px;
border:1px solid #e6ebf3;
background:linear-gradient(180deg,#fff,#f9fbff);
}
.cr-dossier h3{font-size:18px;margin-bottom:8px}
.cr-dossier p{margin:0 0 12px;color:#5e6a7e;font-size:14px}
.cr-dossier a{font-weight:900;color:#811111}
.cr-guide-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
.cr-guide-box{
border-radius:20px;
background:#fff;
border:1px solid var(--cr-line);
padding:18px;
}
.cr-guide-box ul{
margin:10px 0 0;
padding-left:20px;
color:#566275;
}
.cr-guide-box li + li{margin-top:6px}
.cr-formula-list{
display:grid;
gap:9px;
margin-top:10px;
}
.cr-formula-item{
display:flex;
justify-content:space-between;
gap:12px;
padding:10px 12px;
border-radius:14px;
background:#f7f9fd;
color:#354258;
font-size:14px;
}
.cr-formula-item code{
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
color:#811111;
font-weight:900;
}
.cr-faq{
display:grid;
gap:10px;
}
.cr-faq-item{
border:1px solid var(--cr-line);
border-radius:18px;
background:#fff;
overflow:hidden;
}
.cr-faq-question{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
border:0;
background:#fff;
color:#172033;
padding:16px 18px;
text-align:left;
cursor:pointer;
font-weight:900;
}
.cr-faq-toggle{
flex:0 0 auto;
width:26px;
height:26px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:#ffe5e5;
color:#811111;
font-weight:950;
}
.cr-faq-answer{
display:none;
padding:0 18px 16px;
color:#586376;
}
.cr-faq-answer p{margin:0}
.cr-faq-item.cr-open .cr-faq-answer{display:block}
.cr-faq-item.cr-open .cr-faq-toggle{background:var(--cr-orange);color:#2b1900}
.cr-sidebar-card{
background:#fff;
border:1px solid var(--cr-line);
border-radius:22px;
box-shadow:var(--cr-shadow-soft);
padding:18px;
}
.cr-sidebar-card + .cr-sidebar-card{margin-top:16px}
.cr-sidebar-card h2,
.cr-sidebar-card h3{
font-size:18px;
margin:0 0 10px;
color:#172033;
}
.cr-sidebar-card p{
margin:0;
color:#5d6879;
font-size:14px;
}
.cr-side-links{
list-style:none;
margin:12px 0 0;
padding:0;
display:grid;
gap:8px;
}
.cr-side-links a{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
border-radius:14px;
background:#f7f9fd;
padding:10px 12px;
color:#263348;
font-weight:850;
}
.cr-side-links a::after{content:"›";color:#811111;font-weight:950}
.cr-side-links a:hover{text-decoration:none;background:#fff2d4;color:#811111}
.cr-editorial{
display:grid;
gap:10px;
margin-top:12px;
}
.cr-editorial-row{
border-radius:14px;
background:#f7f9fd;
padding:10px 12px;
}
.cr-editorial-row span{
display:block;
color:#7a8497;
font-size:12px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.06em;
}
.cr-editorial-row strong{
display:block;
margin-top:2px;
color:#172033;
font-size:14px;
}
.cr-related-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.cr-related-card{
border:1px solid var(--cr-line);
border-radius:18px;
background:#fff;
padding:16px;
}
.cr-related-card h3{font-size:16px;margin-bottom:6px}
.cr-related-card p{margin:0 0 9px;color:#5e6a7e;font-size:13px;line-height:1.45}
.cr-related-card a{font-weight:900}
.cr-bottom-breadcrumb{
margin-top:20px;
padding:14px 0 24px;
border-top:1px solid var(--cr-line);
}
.cr-footer{
background:#121827;
color:#d6deee;
padding:28px 0;
}
.cr-footer-grid{
display:grid;
grid-template-columns:1fr auto;
gap:24px;
align-items:center;
}
.cr-footer a{color:#fff}
.cr-footer p{margin:0;color:#d6deee;font-size:14px}
.cr-footer-links{
display:flex;
flex-wrap:wrap;
gap:12px;
font-size:14px;
font-weight:800;
}
@media (max-width:1120px){
.cr-hero-grid{grid-template-columns:1fr;align-items:start}
.cr-calc-card{max-width:720px}
.cr-content-grid{grid-template-columns:1fr}
.cr-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cr-sidebar-card + .cr-sidebar-card{margin-top:0}
}
@media (max-width:900px){
.cr-wrap{width:min(100% - 24px,var(--cr-max))}
.cr-topbar{display:none}
.cr-header-inner{min-height:62px}
.cr-nav-toggle{display:inline-flex}
.cr-nav{display:none;position:absolute;left:12px;right:12px;top:62px;background:#fff;border:1px solid var(--cr-line);border-radius:18px;box-shadow:var(--cr-shadow);padding:14px}
.cr-header.cr-nav-open .cr-nav{display:block}
.cr-nav-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cr-nav-list a{display:block;padding:9px 10px;border-radius:12px;background:#f7f8fb}
.cr-nav-list .cr-active{border-bottom:0;background:#ffe5e5}
.cr-hero{padding:30px 0 32px}
.cr-hero-lead{font-size:16px}
.cr-card-grid{grid-template-columns:1fr 1fr}
.cr-related-grid{grid-template-columns:1fr 1fr}
.cr-sidebar{grid-template-columns:1fr}
.cr-footer-grid{grid-template-columns:1fr}
}
@media (max-width:680px){
.cr-toc-inner{padding:8px 0}
.cr-breadcrumb{display:none}
.cr-hero h1{font-size:34px}
.cr-calc-card{padding:10px;border-radius:22px}
.cr-calc-card-inner{padding:12px;border-radius:19px}
.cr-calc-head{display:block}
.cr-calc-badge{display:inline-flex;margin-top:8px}
.cr-calc-key{min-height:48px;border-radius:14px;font-size:17px}
.cr-calc-examples{grid-template-columns:1fr}
.cr-main{padding-top:18px}
.cr-surface{padding:17px;border-radius:19px}
.cr-card-grid,
.cr-tool-list,
.cr-dossier-grid,
.cr-guide-grid,
.cr-related-grid{grid-template-columns:1fr}
.cr-filter-box{grid-template-columns:1fr}
.cr-filter-count{white-space:normal}
.cr-footer-links{display:grid;gap:8px}
}
@media (prefers-reduced-motion:reduce){
.cr-tool-card{transition:none}
.cr-calc-key:active{transform:none}
}
/* --------------------------------------------------------------------------
V4 — Header + largeur rapprochés de Statistiques.com
-------------------------------------------------------------------------- */
:root{
--cr-max:1320px;
--cr-header-line:#edf1f6;
}
body.cr-page{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
overflow-x:clip;
}
/* Anti auto-ads : seules les annonces rendues dans .cr-ad restent autorisées. */
body.cr-page ins.adsbygoogle:not([data-cr-manual-ad]),
body.cr-page .google-auto-placed,
body.cr-page .adsbygoogle-noablate,
body.cr-page .cr-topbar ins,
body.cr-page .cr-header ins,
body.cr-page .cr-toc ins,
body.cr-page .cr-topbar iframe,
body.cr-page .cr-header iframe,
body.cr-page .cr-toc iframe,
body.cr-page .cr-topbar [id^="aswift_"],
body.cr-page .cr-header [id^="aswift_"],
body.cr-page .cr-toc [id^="aswift_"],
body.cr-page > [id^="aswift_"],
body.cr-page > [id^="google_ads_iframe_"]{
display:none!important;
visibility:hidden!important;
height:0!important;
min-height:0!important;
max-height:0!important;
overflow:hidden!important;
margin:0!important;
padding:0!important;
border:0!important;
}
body.cr-page .cr-ad ins.adsbygoogle[data-cr-manual-ad],
body.cr-page .cr-ad iframe,
body.cr-page .cr-ad [id^="aswift_"]{
display:block!important;
visibility:visible!important;
min-height:0;
overflow:visible;
}
/* Largeur desktop : on évite l'effet colonne étriquée de la v3. */
@media (min-width:901px){
body.cr-page .cr-wrap{
width:80vw!important;
max-width:1540px!important;
margin-left:auto!important;
margin-right:auto!important;
}
}
@media (max-width:900px){
body.cr-page .cr-wrap{
width:100%!important;
max-width:var(--cr-max)!important;
padding-left:16px!important;
padding-right:16px!important;
}
}
/* Bande réseau OCCS. */
body.cr-page .cr-topbar{
height:auto!important;
min-height:0!important;
background:#fff!important;
border-bottom:1px solid var(--cr-header-line)!important;
font-size:12px!important;
line-height:1.45!important;
overflow:visible!important;
}
body.cr-page .cr-topbar-inner{
height:auto!important;
min-height:0!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:16px!important;
flex-wrap:wrap!important;
padding:5px 0!important;
overflow:visible!important;
}
body.cr-page .cr-topbar a{
display:inline-flex!important;
align-items:center!important;
color:#5b6474!important;
text-transform:uppercase!important;
letter-spacing:.035em!important;
font-size:12px!important;
font-weight:600!important;
line-height:1.35!important;
white-space:nowrap!important;
}
body.cr-page .cr-topbar a span{font-weight:900!important;}
body.cr-page .cr-topbar a:hover{color:var(--cr-ink)!important;text-decoration:none!important;}
body.cr-page .cr-topbar .cr-occ-outils span{color:var(--cr-green)!important;}
body.cr-page .cr-topbar .cr-occ-calculatrice span{color:var(--cr-orange)!important;}
body.cr-page .cr-topbar .cr-occ-convertisseur span{color:var(--cr-red)!important;}
body.cr-page .cr-topbar .cr-occ-statistiques span{color:var(--cr-blue)!important;}
/* Header principal : logo à gauche, navigation à droite, sans zone pub haute. */
body.cr-page .cr-header{
position:relative!important;
top:auto!important;
z-index:40!important;
background:#fff!important;
border-bottom:1px solid var(--cr-header-line)!important;
box-shadow:none!important;
backdrop-filter:none!important;
}
body.cr-page .cr-header-inner{
height:auto!important;
min-height:0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:24px!important;
flex-wrap:wrap!important;
padding:12px 0!important;
overflow:visible!important;
}
body.cr-page .cr-logo{
display:flex!important;
align-items:center!important;
gap:10px!important;
flex:0 0 auto!important;
min-width:0!important;
line-height:1!important;
}
body.cr-page .cr-logo img{
display:block!important;
height:38px!important;
width:auto!important;
max-width:210px!important;
object-fit:contain!important;
}
body.cr-page .cr-logo-fallback{
min-height:38px!important;
font-size:24px!important;
line-height:1!important;
}
body.cr-page .cr-nav-toggle{display:none!important;}
body.cr-page .cr-nav{
position:relative!important;
display:block!important;
flex:1 1 auto!important;
min-width:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
}
body.cr-page .cr-nav-list{
list-style:none!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:17px!important;
flex-wrap:wrap!important;
margin:0!important;
padding:0!important;
font-size:14px!important;
line-height:1.45!important;
}
body.cr-page .cr-nav-list a{
display:inline!important;
height:auto!important;
min-height:0!important;
padding:0!important;
border-radius:0!important;
background:transparent!important;
color:#5b6474!important;
font-size:14px!important;
font-weight:600!important;
line-height:1.45!important;
white-space:nowrap!important;
}
body.cr-page .cr-nav-list a:hover{
color:#811111!important;
text-decoration:none!important;
}
body.cr-page .cr-nav-list a.cr-active,
body.cr-page .cr-nav-list .cr-active{
color:#811111!important;
border-bottom:2px solid var(--cr-orange)!important;
padding-bottom:3px!important;
}
body.cr-page .cr-nav-list .cr-active::after{display:none!important;}
/* Sommaire / breadcrumb compact, mais lisible. */
body.cr-page .cr-toc{
background:#fff!important;
border-bottom:1px solid var(--cr-header-line)!important;
}
body.cr-page .cr-toc-inner{
height:auto!important;
min-height:0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
flex-wrap:wrap!important;
padding:10px 0!important;
overflow:visible!important;
}
body.cr-page .cr-breadcrumb{
flex:0 1 auto!important;
display:flex!important;
align-items:center!important;
gap:6px!important;
color:rgba(17,17,17,.72)!important;
font-size:12px!important;
line-height:1.5!important;
white-space:nowrap!important;
overflow:visible!important;
text-overflow:clip!important;
}
body.cr-page .cr-breadcrumb ol{
display:flex!important;
align-items:center!important;
gap:6px!important;
flex-wrap:wrap!important;
margin:0!important;
padding:0!important;
list-style:none!important;
}
body.cr-page .cr-breadcrumb a{
color:rgba(17,17,17,.82)!important;
font-size:12px!important;
font-weight:600!important;
line-height:1.5!important;
}
body.cr-page .cr-breadcrumb a:hover{color:#811111!important;text-decoration:underline!important;}
body.cr-page .cr-toc-links{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:8px!important;
flex-wrap:wrap!important;
min-width:0!important;
}
body.cr-page .cr-toc-links a{
display:inline-block!important;
min-height:0!important;
height:auto!important;
padding:4px 10px!important;
border:1px solid #f0d9a6!important;
border-radius:999px!important;
background:var(--cr-orange-soft)!important;
color:#811111!important;
font-size:12px!important;
font-weight:600!important;
line-height:1.5!important;
white-space:nowrap!important;
}
body.cr-page .cr-toc-links a:hover,
body.cr-page .cr-toc-links a.cr-toc-current{
background:#ffe6ad!important;
color:#6f3d00!important;
text-decoration:none!important;
}
/* Hero et corps alignés sur la nouvelle largeur. */
body.cr-page .cr-main{padding-top:0!important;}
body.cr-page .cr-hero{
margin-top:0!important;
padding:34px 0 38px!important;
}
body.cr-page .cr-hero-grid{
grid-template-columns:minmax(0,1.18fr) 430px!important;
gap:34px!important;
align-items:center!important;
}
body.cr-page .cr-hero-copy{max-width:none!important;}
body.cr-page .cr-hero h1{font-size:clamp(42px,4vw,62px)!important;line-height:1.06!important;}
body.cr-page .cr-hero-lead{font-size:17px!important;line-height:1.72!important;max-width:72ch!important;}
body.cr-page .cr-hero-answer{font-size:15px!important;line-height:1.75!important;max-width:72ch!important;}
body.cr-page .cr-chip{min-height:32px!important;padding:7px 12px!important;font-size:12px!important;}
body.cr-page .cr-section{scroll-margin-top:110px;}
body.cr-page .cr-sidebar{top:94px;}
body.cr-page .cr-content-grid{
grid-template-columns:minmax(0,1fr) 348px!important;
gap:24px!important;
}
@media (max-width:1120px){
body.cr-page .cr-hero-grid{grid-template-columns:1fr!important;align-items:start!important;}
body.cr-page .cr-calc-card{max-width:720px!important;}
body.cr-page .cr-content-grid{grid-template-columns:1fr!important;}
body.cr-page .cr-sidebar{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;}
body.cr-page .cr-sidebar-card + .cr-sidebar-card{margin-top:0!important;}
}
@media (max-width:900px){
body.cr-page .cr-topbar{display:block!important;font-size:12px!important;}
body.cr-page .cr-topbar-inner{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:5px 16px!important;}
body.cr-page .cr-topbar a{font-size:12px!important;}
body.cr-page .cr-header-inner{padding:10px 16px!important;align-items:flex-start!important;flex-direction:column!important;gap:10px!important;}
body.cr-page .cr-logo img{height:34px!important;max-width:190px!important;}
body.cr-page .cr-nav{width:100%!important;overflow-x:auto!important;scrollbar-width:none!important;}
body.cr-page .cr-nav::-webkit-scrollbar{display:none;}
body.cr-page .cr-nav-list{justify-content:flex-start!important;gap:10px!important;flex-wrap:nowrap!important;}
body.cr-page .cr-nav-list a{font-size:13px!important;padding:4px 0!important;}
body.cr-page .cr-toc-inner{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:8px 16px!important;}
body.cr-page .cr-breadcrumb{flex:0 0 auto!important;}
body.cr-page .cr-toc-links{flex:0 0 auto!important;flex-wrap:nowrap!important;}
body.cr-page .cr-hero{padding:26px 0 30px!important;}
body.cr-page .cr-hero h1{font-size:34px!important;}
}
@media (max-width:680px){
body.cr-page .cr-topbar{display:none!important;}
body.cr-page .cr-logo img{height:32px!important;}
body.cr-page .cr-breadcrumb{display:none!important;}
body.cr-page .cr-hero h1{font-size:30px!important;}
body.cr-page .cr-sidebar{grid-template-columns:1fr!important;}
}
/* --------------------------------------------------------------------------
V4 FINAL — Header et largeur calqués sur le CSS Statistiques.com
Source de proportions : /css/statistiques.css
-------------------------------------------------------------------------- */
:root{
--cr-max:1320px;
--cr-header-line:#dde4f0;
}
body.cr-page{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
background-color:#f3f5fb;
color:#111111;
font-size:16px;
line-height:1.6;
overflow-x:clip;
}
/* Même largeur que la page /argent/ de Statistiques.com : 80vw sur desktop. */
.cr-wrap{
width:80vw!important;
max-width:none!important;
margin:0 auto!important;
padding:0 16px!important;
box-sizing:border-box;
}
/* Top bar OCCS : mêmes tailles, mêmes alignements, couleurs adaptées. */
.cr-topbar{
display:block!important;
height:auto!important;
min-height:0!important;
background-color:#ffffff!important;
border-bottom:1px solid var(--cr-header-line)!important;
font-size:13px!important;
line-height:1.6!important;
overflow:visible!important;
}
.cr-topbar-inner{
height:auto!important;
min-height:0!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:16px!important;
padding:6px 0!important;
flex-wrap:wrap!important;
overflow:visible!important;
}
.cr-topbar a{
display:inline-flex!important;
align-items:center!important;
color:#666666!important;
text-transform:uppercase!important;
letter-spacing:.04em!important;
font-size:13px!important;
font-weight:500!important;
line-height:1.2!important;
white-space:nowrap!important;
}
.cr-topbar a span{font-weight:600!important;}
.cr-topbar a:hover{color:#111111!important;text-decoration:none!important;}
/* Header principal : proportions Statistiques.com, pas de miniaturisation. */
.cr-header{
background-color:#ffffff!important;
border-bottom:1px solid var(--cr-header-line)!important;
position:sticky!important;
top:0!important;
z-index:40!important;
box-shadow:none!important;
backdrop-filter:none!important;
}
.cr-header .cr-wrap{
padding-left:20px!important;
padding-right:20px!important;
}
.cr-header-inner{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
padding:12px 0!important;
gap:24px!important;
flex-wrap:wrap!important;
height:auto!important;
min-height:0!important;
overflow:visible!important;
}
.cr-logo{
display:flex!important;
align-items:center!important;
gap:10px!important;
flex:0 0 auto!important;
min-width:0!important;
line-height:1!important;
}
.cr-logo img{
height:40px!important;
width:auto!important;
max-width:220px!important;
display:block!important;
object-fit:contain!important;
}
.cr-logo-fallback{
min-height:40px!important;
font-size:29px!important;
line-height:1!important;
letter-spacing:-.055em!important;
}
.cr-nav-toggle{display:none!important;}
.cr-nav{
position:relative!important;
display:block!important;
flex:0 1 auto!important;
min-width:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
overflow:visible!important;
}
.cr-nav-list{
list-style:none!important;
display:flex!important;
gap:18px!important;
flex-wrap:wrap!important;
align-items:center!important;
justify-content:flex-end!important;
margin:0!important;
padding:0!important;
font-size:14px!important;
line-height:1.6!important;
}
.cr-nav-list a{
display:inline-flex!important;
align-items:center!important;
height:auto!important;
padding:0!important;
border-radius:0!important;
background:transparent!important;
color:#666666!important;
font-size:14px!important;
font-weight:500!important;
line-height:1.6!important;
white-space:nowrap!important;
}
.cr-nav-list a:hover{
color:#8a5700!important;
text-decoration:none!important;
}
.cr-nav-list .cr-active{
color:#8a5700!important;
border-bottom:2px solid var(--cr-orange)!important;
padding-bottom:3px!important;
}
.cr-nav-list .cr-active::after{display:none!important;}
/* Sommaire + fil d'Ariane : logique de .argent-toc, en orange. */
.cr-toc{
background-color:#ffffff!important;
border-top:1px solid var(--cr-header-line)!important;
border-bottom:1px solid var(--cr-header-line)!important;
}
.cr-toc-inner{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
padding:10px 0!important;
flex-wrap:wrap!important;
min-height:0!important;
height:auto!important;
overflow:visible!important;
}
.cr-breadcrumb{
flex:0 1 auto!important;
min-width:0!important;
display:flex!important;
align-items:center!important;
gap:6px!important;
color:rgba(17,17,17,.72)!important;
font-size:12px!important;
line-height:1.6!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.cr-breadcrumb ol{
list-style:none!important;
display:flex!important;
flex-wrap:wrap!important;
gap:6px!important;
align-items:center!important;
margin:0!important;
padding:0!important;
}
.cr-breadcrumb li{display:inline-flex!important;align-items:center!important;min-width:0!important;}
.cr-breadcrumb a{
color:rgba(17,17,17,.82)!important;
font-size:12px!important;
font-weight:600!important;
line-height:1.6!important;
}
.cr-breadcrumb a:hover{
color:rgba(17,17,17,.95)!important;
text-decoration:underline!important;
}
.cr-toc-links{
flex:0 1 auto!important;
min-width:0!important;
display:flex!important;
flex-wrap:wrap!important;
align-items:center!important;
justify-content:flex-end!important;
gap:8px!important;
}
.cr-toc-links a{
display:inline-block!important;
min-height:0!important;
padding:4px 10px!important;
border:1px solid var(--cr-header-line)!important;
border-radius:999px!important;
background-color:#ffeded!important;
color:#8a5700!important;
font-size:12px!important;
font-weight:600!important;
line-height:1.35!important;
text-decoration:none!important;
white-space:nowrap!important;
}
.cr-toc-links a:hover,
.cr-toc-links a.cr-toc-current{
border-color:var(--cr-orange)!important;
background-color:#ffe5e5!important;
color:#7a4a00!important;
text-decoration:none!important;
}
/* Largeur du hero et du corps alignée sur les conteneurs ci-dessus. */
.cr-main{padding-top:0!important;}
.cr-hero{
margin-top:0!important;
padding:42px 0 46px!important;
}
.cr-hero-grid{
grid-template-columns:minmax(0,1.25fr) minmax(420px,.95fr)!important;
gap:32px!important;
align-items:center!important;
}
.cr-hero-copy{max-width:760px!important;}
.cr-hero h1{
margin:14px 0 12px!important;
font-size:clamp(40px,4.2vw,58px)!important;
line-height:1.04!important;
}
.cr-hero-lead{
max-width:72ch!important;
font-size:17px!important;
line-height:1.74!important;
}
.cr-hero-answer{
max-width:76ch!important;
font-size:15px!important;
line-height:1.72!important;
}
.cr-calc-card{
justify-self:end!important;
width:min(100%,460px)!important;
max-width:460px!important;
}
.cr-content-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr) 340px!important;
gap:28px!important;
align-items:start!important;
}
.cr-sidebar{top:104px!important;}
.cr-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
.cr-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
@media (max-width:1100px){
.cr-wrap{
width:100%!important;
max-width:var(--cr-max)!important;
padding-left:16px!important;
padding-right:16px!important;
}
.cr-header .cr-wrap{padding-left:20px!important;padding-right:20px!important;}
.cr-header-inner{align-items:flex-start!important;}
.cr-nav{width:100%!important;}
.cr-nav-list{justify-content:flex-start!important;gap:12px!important;}
.cr-hero-grid{grid-template-columns:1fr!important;align-items:start!important;gap:26px!important;}
.cr-calc-card{justify-self:start!important;width:min(100%,560px)!important;max-width:560px!important;}
.cr-content-grid{grid-template-columns:1fr!important;}
.cr-sidebar{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;}
.cr-sidebar-card + .cr-sidebar-card{margin-top:0!important;}
}
@media (max-width:760px){
.cr-topbar{display:none!important;}
.cr-header .cr-wrap,
.cr-wrap{padding-left:12px!important;padding-right:12px!important;}
.cr-header-inner{padding:10px 0!important;gap:10px!important;}
.cr-logo img{height:34px!important;max-width:190px!important;}
.cr-logo-fallback{min-height:34px!important;font-size:24px!important;}
.cr-nav{overflow-x:auto!important;scrollbar-width:none!important;}
.cr-nav::-webkit-scrollbar{display:none!important;}
.cr-nav-list{flex-wrap:nowrap!important;gap:7px!important;}
.cr-nav-list a{font-size:13px!important;background:#f7f9fc!important;border-radius:999px!important;padding:4px 9px!important;}
.cr-nav-list .cr-active{background:#fff0cc!important;border-bottom:0!important;padding-bottom:4px!important;}
.cr-toc-inner{padding:8px 12px!important;overflow-x:auto!important;flex-wrap:nowrap!important;justify-content:flex-start!important;}
.cr-breadcrumb{display:none!important;}
.cr-toc-links{flex-wrap:nowrap!important;}
.cr-hero{padding:30px 0 34px!important;}
.cr-hero h1{font-size:34px!important;}
.cr-hero-lead{font-size:16px!important;}
.cr-card-grid,
.cr-tool-list,
.cr-dossier-grid,
.cr-guide-grid,
.cr-related-grid{grid-template-columns:1fr!important;}
.cr-sidebar{grid-template-columns:1fr!important;}
}
/* --------------------------------------------------------------------------
V4 FINAL — header et largeur recalés sur le modèle Statistiques.com.
Largeur desktop : 80vw, pour éviter l'effet page miniaturisée de la v3.
-------------------------------------------------------------------------- */
:root{
--cr-header-line:#dde4f0;
--cr-header-muted:#666666;
}
@media (min-width:901px){
.cr-wrap{
width:80vw!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:16px!important;
padding-right:16px!important;
box-sizing:border-box!important;
}
}
.cr-topbar{
height:auto!important;
min-height:0!important;
background:#ffffff!important;
border-bottom:1px solid var(--cr-header-line)!important;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
font-size:13px!important;
line-height:1.6!important;
overflow:visible!important;
}
.cr-topbar-inner{
height:auto!important;
min-height:0!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:16px!important;
flex-wrap:wrap!important;
overflow:visible!important;
padding:6px 16px!important;
}
.cr-topbar a{
display:inline-flex!important;
align-items:center!important;
color:var(--cr-header-muted)!important;
text-transform:uppercase!important;
letter-spacing:.04em!important;
font-size:13px!important;
font-weight:500!important;
line-height:1.2!important;
white-space:nowrap!important;
}
.cr-topbar a span{font-weight:600!important;}
.cr-topbar a:hover{text-decoration:underline!important;color:#444!important;}
.cr-topbar .cr-occ-outils span{color:#00a033!important;}
.cr-topbar .cr-occ-calculatrice span{color:#ff9f20!important;}
.cr-topbar .cr-occ-convertisseur span{color:#e02020!important;}
.cr-topbar .cr-occ-statistiques span{color:#0091ff!important;}
.cr-header{
background:#ffffff!important;
border-bottom:1px solid var(--cr-header-line)!important;
position:relative!important;
top:auto!important;
z-index:40!important;
box-shadow:none!important;
backdrop-filter:none!important;
}
.cr-header-inner{
height:auto!important;
min-height:0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:24px!important;
flex-wrap:wrap!important;
overflow:visible!important;
padding:12px 20px!important;
}
.cr-logo{
display:flex!important;
align-items:center!important;
gap:10px!important;
min-width:0!important;
flex:0 0 auto!important;
}
.cr-logo img{
height:40px!important;
width:auto!important;
max-width:230px!important;
display:block!important;
object-fit:contain!important;
}
.cr-logo-fallback{
min-height:40px!important;
display:inline-flex!important;
align-items:center!important;
font-size:29px!important;
font-weight:900!important;
line-height:1!important;
letter-spacing:-.06em!important;
color:#1f2937!important;
}
.cr-logo-fallback span{color:#ff9f20!important;}
.cr-nav{
position:relative!important;
display:flex!important;
flex:1 1 auto!important;
align-items:center!important;
justify-content:flex-end!important;
min-width:0!important;
overflow:visible!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
}
.cr-nav-list{
list-style:none!important;
display:flex!important;
gap:18px!important;
flex-wrap:wrap!important;
align-items:center!important;
justify-content:flex-end!important;
margin:0!important;
padding:0!important;
font-size:14px!important;
}
.cr-nav-list a{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
height:auto!important;
min-height:0!important;
padding:0!important;
border-radius:0!important;
background:transparent!important;
color:var(--cr-header-muted)!important;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
font-size:14px!important;
font-weight:500!important;
line-height:1.2!important;
white-space:nowrap!important;
text-decoration:none!important;
}
.cr-nav-list a:hover{color:#8a5700!important;text-decoration:none!important;}
.cr-nav-list .cr-active{
color:#8a5700!important;
border-bottom:2px solid #ff9f20!important;
padding-bottom:3px!important;
}
.cr-nav-list .cr-active::after{display:none!important;content:none!important;}
.cr-nav-toggle{display:none!important;}
.cr-toc{
background:#ffffff!important;
border-top:1px solid var(--cr-header-line)!important;
border-bottom:1px solid var(--cr-header-line)!important;
}
.cr-toc-inner{
min-height:0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
padding:10px 16px!important;
flex-wrap:wrap!important;
overflow:visible!important;
}
.cr-breadcrumb{
flex:0 1 auto!important;
color:rgba(17,17,17,.72)!important;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
font-size:12px!important;
line-height:1.2!important;
white-space:normal!important;
overflow:visible!important;
}
.cr-breadcrumb ol{
list-style:none!important;
display:flex!important;
flex-wrap:wrap!important;
gap:6px!important;
align-items:center!important;
margin:0!important;
padding:0!important;
}
.cr-breadcrumb li{display:inline-flex!important;align-items:center!important;}
.cr-breadcrumb a{
color:rgba(17,17,17,.82)!important;
font-size:12px!important;
font-weight:600!important;
line-height:1.2!important;
}
.cr-breadcrumb a:hover{color:#8a5700!important;text-decoration:underline!important;}
.cr-toc-links{
display:flex!important;
flex-wrap:wrap!important;
align-items:center!important;
justify-content:flex-end!important;
gap:8px!important;
flex:0 1 auto!important;
}
.cr-toc-links a{
display:inline-block!important;
min-height:0!important;
padding:4px 10px!important;
border:1px solid var(--cr-header-line)!important;
border-radius:999px!important;
background:#fff3d4!important;
color:#8a5700!important;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
font-size:12px!important;
font-weight:600!important;
line-height:1.2!important;
white-space:nowrap!important;
text-decoration:none!important;
}
.cr-toc-links a:hover,
.cr-toc-links a.cr-toc-current{
border-color:#ff9f20!important;
background:#ffe7a8!important;
color:#7a4a00!important;
text-decoration:none!important;
}
.cr-main{padding-top:0!important;}
.cr-hero{
margin-top:0!important;
padding:36px 0 40px!important;
}
.cr-hero-grid{
display:grid!important;
grid-template-columns:minmax(0,1.25fr) minmax(380px,.95fr)!important;
gap:28px!important;
align-items:start!important;
}
.cr-hero-copy{max-width:760px!important;}
.cr-hero h1{
margin-top:14px!important;
font-size:clamp(40px,3.3vw,56px)!important;
line-height:1.08!important;
}
.cr-hero-lead{
margin-top:14px!important;
font-size:16px!important;
line-height:1.78!important;
max-width:70ch!important;
}
.cr-hero-answer{
margin-top:14px!important;
font-size:15px!important;
line-height:1.82!important;
}
.cr-calc-card{
justify-self:end!important;
width:min(100%,440px)!important;
max-width:440px!important;
}
.cr-content-grid{
grid-template-columns:minmax(0,1fr) 320px!important;
gap:28px!important;
align-items:start!important;
}
.cr-sidebar{top:118px!important;}
@media (max-width:900px){
.cr-wrap{
width:100%!important;
max-width:var(--cr-max)!important;
padding-left:16px!important;
padding-right:16px!important;
}
.cr-topbar{display:none!important;}
.cr-header-inner{
padding:10px 16px!important;
gap:10px!important;
}
.cr-logo img{height:34px!important;max-width:200px!important;}
.cr-nav{
width:100%!important;
justify-content:flex-start!important;
overflow-x:auto!important;
scrollbar-width:none!important;
}
.cr-nav::-webkit-scrollbar{display:none!important;}
.cr-nav-list{
flex-wrap:nowrap!important;
justify-content:flex-start!important;
gap:8px!important;
}
.cr-nav-list a{
padding:5px 9px!important;
border-radius:999px!important;
background:#f7f9fc!important;
font-size:13px!important;
}
.cr-nav-list .cr-active{
border-bottom:0!important;
background:#fff3d4!important;
padding-bottom:5px!important;
}
.cr-toc-inner{padding:8px 16px!important;overflow-x:auto!important;flex-wrap:nowrap!important;justify-content:flex-start!important;}
.cr-breadcrumb{flex:0 0 auto!important;}
.cr-toc-links{flex:0 0 auto!important;flex-wrap:nowrap!important;}
.cr-hero-grid{grid-template-columns:1fr!important;gap:24px!important;}
.cr-calc-card{justify-self:start!important;width:min(100%,560px)!important;max-width:560px!important;}
.cr-content-grid{grid-template-columns:1fr!important;}
.cr-sidebar{position:static!important;}
}
@media (max-width:680px){
.cr-wrap{padding-left:12px!important;padding-right:12px!important;}
.cr-header-inner{padding:9px 12px!important;}
.cr-logo img{height:30px!important;}
.cr-breadcrumb{display:none!important;}
.cr-toc-inner{padding:7px 12px!important;}
.cr-hero{padding:28px 0 32px!important;}
.cr-hero h1{font-size:34px!important;}
}
/* Fallback logo : ne doit apparaître que si l'image du logo échoue. */
.cr-logo-fallback{
display:none!important;
}
.cr-logo-fallback[style*="inline-flex"]{
display:inline-flex!important;
}
.cr-logo img[style*="none"]{
display:none!important;
}
body.cr-page .cr-logo img[style*="none"]{
display:none!important;
}
/* --------------------------------------------------------------------------
Version v6 : respiration sous le héro + page scientifique avancée
-------------------------------------------------------------------------- */
.cr-main > .cr-wrap.cr-content-grid{
margin-top:30px!important;
}
body.cr-scientific-page .cr-hero-grid{
grid-template-columns:minmax(0,1.05fr) minmax(500px,.95fr)!important;
}
body.cr-scientific-page .cr-scientific-card{
width:min(100%,520px)!important;
max-width:520px!important;
}
.cr-scientific-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:8px;
}
.cr-scientific-grid .cr-calc-key{
min-height:38px;
border-radius:12px;
font-size:13px;
}
.cr-scientific-grid .cr-key-function{
background:#24324a;
color:#dbe6ff;
}
.cr-scientific-grid .cr-key-constant{
background:#30415f;
color:#fff;
}
.cr-scientific-grid .cr-key-mode{
background:#ffeded;
color:#811111;
border:1px solid rgba(224,32,32,.38);
font-weight:950;
}
.cr-scientific-mini{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin-top:14px;
}
.cr-scientific-mini div{
border:1px solid rgba(255,255,255,.13);
background:rgba(255,255,255,.07);
border-radius:14px;
padding:10px;
}
.cr-scientific-mini span{
display:block;
color:#aab4c8;
font-size:11px;
font-weight:850;
letter-spacing:.05em;
text-transform:uppercase;
}
.cr-scientific-mini strong{
display:block;
margin-top:3px;
color:#fff;
font-size:13px;
}
.cr-function-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
.cr-function-card{
border:1px solid var(--cr-line);
border-radius:18px;
background:#fff;
padding:16px;
}
.cr-function-card h3{
margin:0 0 8px;
color:#132238;
font-size:17px;
line-height:1.25;
}
.cr-function-card p{
margin:0;
color:#5f6b7d;
font-size:14px;
line-height:1.55;
}
.cr-function-card code{
display:inline-flex;
margin-top:10px;
color:#811111;
background:#fff7e5;
border:1px solid #ffe0a3;
border-radius:999px;
padding:4px 8px;
font-size:12px;
font-weight:850;
}
@media (max-width:1100px){
body.cr-scientific-page .cr-hero-grid{
grid-template-columns:1fr!important;
}
body.cr-scientific-page .cr-scientific-card{
justify-self:start!important;
}
.cr-function-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
.cr-main > .cr-wrap.cr-content-grid{margin-top:22px!important;}
.cr-scientific-grid{gap:6px;}
.cr-scientific-grid .cr-calc-key{min-height:36px;font-size:12px;border-radius:10px;}
.cr-scientific-mini{grid-template-columns:1fr;}
.cr-function-grid{grid-template-columns:1fr;}
}
/* --------------------------------------------------------------------------
Version v6 : calculatrice scientifique renforcée + fichier /math/scientifique.php
-------------------------------------------------------------------------- */
body.cr-scientific-page .cr-hero-grid{
grid-template-columns:minmax(0,.82fr) minmax(620px,1.08fr)!important;
gap:30px!important;
align-items:start!important;
}
body.cr-scientific-page .cr-hero-copy{
max-width:650px!important;
}
body.cr-scientific-page .cr-scientific-card{
width:min(100%,650px)!important;
max-width:650px!important;
}
body.cr-scientific-page .cr-calc-card-inner{
padding:18px!important;
}
body.cr-scientific-page .cr-calc-screen{
min-height:94px!important;
}
.cr-scientific-grid-advanced{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:7px!important;
}
.cr-scientific-grid-advanced .cr-calc-key{
min-height:34px!important;
padding:0 6px!important;
border-radius:10px!important;
font-size:12px!important;
line-height:1!important;
letter-spacing:.01em!important;
}
.cr-scientific-grid-advanced .cr-key-function{
background:#24324a!important;
color:#e6edff!important;
}
.cr-scientific-grid-advanced .cr-key-programmer{
background:#1d293d!important;
color:#b7c6e7!important;
border-color:rgba(255,255,255,.08)!important;
}
.cr-scientific-grid-advanced .cr-key-constant{
background:#30415f!important;
color:#fff!important;
}
.cr-scientific-grid-advanced .cr-key-mode{
background:#ffeded!important;
color:#811111!important;
border:1px solid rgba(224,32,32,.38)!important;
font-weight:950!important;
}
.cr-scientific-grid-advanced .cr-key-zero{
grid-column:auto!important;
}
body.cr-scientific-page .cr-calc-examples{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.cr-scientific-page .cr-example-btn{
min-height:58px!important;
}
body.cr-scientific-page .cr-function-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
@media (max-width:1250px){
body.cr-scientific-page .cr-hero-grid{
grid-template-columns:1fr!important;
}
body.cr-scientific-page .cr-scientific-card{
justify-self:start!important;
width:min(100%,650px)!important;
max-width:650px!important;
}
}
@media (max-width:980px){
body.cr-scientific-page .cr-function-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media (max-width:700px){
body.cr-scientific-page .cr-calc-card-inner{
padding:13px!important;
}
.cr-scientific-grid-advanced{
gap:5px!important;
}
.cr-scientific-grid-advanced .cr-calc-key{
min-height:31px!important;
padding:0 4px!important;
border-radius:8px!important;
font-size:10.5px!important;
}
body.cr-scientific-page .cr-calc-examples{
grid-template-columns:1fr!important;
}
body.cr-scientific-page .cr-function-grid{
grid-template-columns:1fr!important;
}
}
@media (max-width:420px){
.cr-scientific-grid-advanced .cr-calc-key{
font-size:9.8px!important;
}
}
/* --------------------------------------------------------------------------
Version v6 : calculatrice scientifique avancée + nom /math/scientifique.php
-------------------------------------------------------------------------- */
body.cr-scientific-page .cr-hero-grid{
grid-template-columns:minmax(0,.92fr) minmax(600px,1.08fr)!important;
gap:44px!important;
align-items:center!important;
}
body.cr-scientific-page .cr-scientific-card{
width:min(100%,660px)!important;
max-width:660px!important;
}
body.cr-scientific-page .cr-calc-card-inner{
padding:18px!important;
}
body.cr-scientific-page .cr-calc-head p{
max-width:470px;
}
body.cr-scientific-page .cr-calc-screen{
min-height:96px;
margin-bottom:10px;
}
.cr-scientific-grid{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:7px!important;
}
.cr-scientific-grid .cr-calc-key{
min-height:34px!important;
border-radius:10px!important;
padding:0 5px!important;
font-size:12px!important;
letter-spacing:.01em;
}
.cr-scientific-grid .cr-key-function{
background:#24324a!important;
color:#e8eefc!important;
}
.cr-scientific-grid .cr-key-constant{
background:#30415f!important;
color:#fff!important;
}
.cr-scientific-grid .cr-key-mode{
background:#ffeded!important;
color:#811111!important;
border:1px solid rgba(224,32,32,.38)!important;
font-weight:950!important;
}
body.cr-scientific-page .cr-calc-examples{
grid-template-columns:repeat(3,minmax(0,1fr));
margin-top:12px;
}
body.cr-scientific-page .cr-example-btn{
min-height:58px;
}
body.cr-scientific-page .cr-function-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
}
body.cr-scientific-page .cr-formula-list{
gap:8px;
}
body.cr-scientific-page .cr-formula-item{
grid-template-columns:minmax(110px,.8fr) minmax(0,1fr);
}
@media (max-width:1280px){
body.cr-scientific-page .cr-hero-grid{
grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr)!important;
gap:32px!important;
}
body.cr-scientific-page .cr-scientific-card{max-width:600px!important;}
.cr-scientific-grid{gap:6px!important;}
.cr-scientific-grid .cr-calc-key{min-height:32px!important;font-size:11px!important;}
}
@media (max-width:1100px){
body.cr-scientific-page .cr-hero-grid{grid-template-columns:1fr!important;}
body.cr-scientific-page .cr-scientific-card{justify-self:start!important;width:min(100%,660px)!important;max-width:660px!important;}
body.cr-scientific-page .cr-function-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
body.cr-scientific-page .cr-calc-card-inner{padding:12px!important;}
.cr-scientific-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;}
.cr-scientific-grid .cr-calc-key{min-height:38px!important;font-size:11px!important;border-radius:10px!important;}
body.cr-scientific-page .cr-calc-examples{grid-template-columns:1fr;}
body.cr-scientific-page .cr-function-grid{grid-template-columns:1fr;}
}
/* --------------------------------------------------------------------------
Version v6 : calculatrice scientifique avancée /math/scientifique.php
-------------------------------------------------------------------------- */
body.cr-scientific-page .cr-hero-grid{
grid-template-columns:minmax(0,.9fr) minmax(620px,1.1fr)!important;
gap:32px!important;
align-items:center!important;
}
body.cr-scientific-page .cr-scientific-card{
width:min(100%,640px)!important;
max-width:640px!important;
}
body.cr-scientific-page .cr-calc-card-inner{
padding:14px!important;
}
body.cr-scientific-page .cr-calc-head{
margin-bottom:10px!important;
}
body.cr-scientific-page .cr-calc-head h2{
font-size:17px!important;
}
body.cr-scientific-page .cr-calc-head p{
font-size:12px!important;
line-height:1.35!important;
}
body.cr-scientific-page .cr-calc-screen{
min-height:98px!important;
border-radius:17px!important;
padding:11px 12px!important;
}
body.cr-scientific-page .cr-calc-formula{
min-height:20px!important;
font-size:13px!important;
}
body.cr-scientific-page .cr-calc-result{
min-height:34px!important;
font-size:clamp(24px,3vw,32px)!important;
}
body.cr-scientific-page .cr-calc-message{
min-height:18px!important;
margin:7px 2px 8px!important;
font-size:12px!important;
}
body.cr-scientific-page .cr-scientific-grid{
grid-template-columns:repeat(7,minmax(0,1fr))!important;
gap:6px!important;
}
body.cr-scientific-page .cr-scientific-grid .cr-calc-key{
min-height:32px!important;
border-radius:10px!important;
font-size:12px!important;
font-weight:850!important;
padding:0 4px!important;
}
body.cr-scientific-page .cr-scientific-grid .cr-key-function{
background:#24324a!important;
color:#dbe6ff!important;
}
body.cr-scientific-page .cr-scientific-grid .cr-key-constant{
background:#30415f!important;
color:#fff!important;
}
body.cr-scientific-page .cr-scientific-grid .cr-key-base{
background:#22334d!important;
color:#fef3c7!important;
}
body.cr-scientific-page .cr-scientific-examples{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important;
margin-top:10px!important;
}
body.cr-scientific-page .cr-scientific-examples .cr-example-btn{
padding:8px 9px!important;
border-radius:12px!important;
}
body.cr-scientific-page .cr-scientific-examples .cr-example-btn strong{
font-size:12px!important;
}
body.cr-scientific-page .cr-scientific-examples .cr-example-btn span{
font-size:11px!important;
}
body.cr-scientific-page .cr-calc-note{
font-size:11px!important;
line-height:1.45!important;
margin-top:8px!important;
}
@media (max-width:1200px){
body.cr-scientific-page .cr-hero-grid{
grid-template-columns:1fr!important;
}
body.cr-scientific-page .cr-scientific-card{
justify-self:start!important;
width:min(100%,680px)!important;
max-width:680px!important;
}
}
@media (max-width:700px){
body.cr-scientific-page .cr-scientific-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:6px!important;
}
body.cr-scientific-page .cr-scientific-grid .cr-calc-key{
min-height:38px!important;
font-size:12px!important;
}
body.cr-scientific-page .cr-scientific-examples{
grid-template-columns:1fr!important;
}
}
/* --------------------------------------------------------------------------
Version v6 finale : grille scientifique 6 colonnes et largeur stabilisée
-------------------------------------------------------------------------- */
body.cr-scientific-page .cr-hero-grid{
grid-template-columns:minmax(0,.92fr) minmax(600px,1.08fr)!important;
gap:44px!important;
align-items:center!important;
}
body.cr-scientific-page .cr-scientific-card{
width:min(100%,660px)!important;
max-width:660px!important;
}
body.cr-scientific-page .cr-scientific-grid{
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:7px!important;
}
body.cr-scientific-page .cr-scientific-grid .cr-calc-key{
min-height:34px!important;
border-radius:10px!important;
font-size:12px!important;
padding:0 5px!important;
}
body.cr-scientific-page .cr-calc-examples{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;
}
@media (max-width:1280px){
body.cr-scientific-page .cr-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr)!important;gap:32px!important;}
body.cr-scientific-page .cr-scientific-card{max-width:600px!important;}
body.cr-scientific-page .cr-scientific-grid .cr-calc-key{min-height:32px!important;font-size:11px!important;}
}
@media (max-width:1100px){
body.cr-scientific-page .cr-hero-grid{grid-template-columns:1fr!important;}
body.cr-scientific-page .cr-scientific-card{justify-self:start!important;width:min(100%,660px)!important;max-width:660px!important;}
}
@media (max-width:700px){
body.cr-scientific-page .cr-scientific-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;}
body.cr-scientific-page .cr-scientific-grid .cr-calc-key{min-height:38px!important;font-size:11px!important;}
body.cr-scientific-page .cr-calc-examples{grid-template-columns:1fr!important;}
}
/* --------------------------------------------------------------------------
Version v6 final : clavier scientifique cohérent avec /math/scientifique.php
-------------------------------------------------------------------------- */
body.cr-scientific-page .cr-hero-grid{
grid-template-columns:minmax(0,.92fr) minmax(620px,1.08fr)!important;
gap:36px!important;
align-items:center!important;
}
body.cr-scientific-page .cr-scientific-card{
width:min(100%,660px)!important;
max-width:660px!important;
}
body.cr-scientific-page .cr-calc-card-inner{padding:14px!important;}
body.cr-scientific-page .cr-scientific-grid,
body.cr-scientific-page .cr-scientific-grid-advanced{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:6px!important;
}
body.cr-scientific-page .cr-scientific-grid .cr-calc-key,
body.cr-scientific-page .cr-scientific-grid-advanced .cr-calc-key{
min-height:32px!important;
border-radius:9px!important;
font-size:11.5px!important;
padding:0 4px!important;
font-weight:850!important;
}
body.cr-scientific-page .cr-scientific-grid .cr-key-function,
body.cr-scientific-page .cr-scientific-grid-advanced .cr-key-function{background:#24324a!important;color:#dbe6ff!important;}
body.cr-scientific-page .cr-scientific-grid .cr-key-probability,
body.cr-scientific-page .cr-scientific-grid-advanced .cr-key-probability{background:#203a32!important;color:#d7fff1!important;}
body.cr-scientific-page .cr-scientific-grid .cr-key-programmer,
body.cr-scientific-page .cr-scientific-grid-advanced .cr-key-programmer{background:#1f2c42!important;color:#cfe5ff!important;}
body.cr-scientific-page .cr-scientific-grid .cr-key-constant,
body.cr-scientific-page .cr-scientific-grid-advanced .cr-key-constant{background:#30415f!important;color:#fff!important;}
body.cr-scientific-page .cr-scientific-grid .cr-key-zero,
body.cr-scientific-page .cr-scientific-grid-advanced .cr-key-zero{grid-column:span 2!important;}
body.cr-scientific-page .cr-scientific-grid .cr-sci-wide,
body.cr-scientific-page .cr-scientific-grid-advanced .cr-sci-wide{grid-column:span 2!important;}
@media (max-width:1200px){
body.cr-scientific-page .cr-hero-grid{grid-template-columns:1fr!important;}
body.cr-scientific-page .cr-scientific-card{justify-self:start!important;width:min(100%,660px)!important;max-width:660px!important;}
}
@media (max-width:700px){
body.cr-scientific-page .cr-scientific-grid,
body.cr-scientific-page .cr-scientific-grid-advanced{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body.cr-scientific-page .cr-scientific-grid .cr-calc-key,
body.cr-scientific-page .cr-scientific-grid-advanced .cr-calc-key{min-height:36px!important;font-size:11px!important;}
}
/* --------------------------------------------------------------------------
Version v7 : verrouillage header identique à en-ligne.php + scientifique large
-------------------------------------------------------------------------- */
body.cr-page .cr-topbar,
body.cr-page.cr-scientific-page .cr-topbar{
height:auto!important;
min-height:0!important;
background:#fff!important;
border-bottom:1px solid #dde4f0!important;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
font-size:13px!important;
line-height:1.6!important;
overflow:visible!important;
}
body.cr-page .cr-topbar-inner,
body.cr-page.cr-scientific-page .cr-topbar-inner{
height:auto!important;
min-height:0!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:16px!important;
flex-wrap:wrap!important;
overflow:visible!important;
padding:6px 16px!important;
}
body.cr-page .cr-topbar a,
body.cr-page.cr-scientific-page .cr-topbar a{
display:inline-flex!important;
align-items:center!important;
color:#666!important;
text-transform:uppercase!important;
letter-spacing:.04em!important;
font-size:13px!important;
font-weight:500!important;
line-height:1.2!important;
white-space:nowrap!important;
text-decoration:none!important;
}
body.cr-page .cr-topbar a span,
body.cr-page.cr-scientific-page .cr-topbar a span{font-weight:600!important;}
body.cr-page .cr-topbar a:hover,
body.cr-page.cr-scientific-page .cr-topbar a:hover{color:#111!important;text-decoration:none!important;}
body.cr-page .cr-topbar .cr-occ-outils span{color:#00a033!important;}
body.cr-page .cr-topbar .cr-occ-calculatrice span{color:#ff9f20!important;}
body.cr-page .cr-topbar .cr-occ-convertisseur span{color:#e02020!important;}
body.cr-page .cr-topbar .cr-occ-statistiques span{color:#0091ff!important;}
body.cr-page .cr-header,
body.cr-page.cr-scientific-page .cr-header{
background:#fff!important;
border-bottom:1px solid #dde4f0!important;
position:relative!important;
top:auto!important;
z-index:40!important;
box-shadow:none!important;
backdrop-filter:none!important;
}
body.cr-page .cr-header-inner,
body.cr-page.cr-scientific-page .cr-header-inner{
height:auto!important;
min-height:0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:24px!important;
flex-wrap:wrap!important;
overflow:visible!important;
padding:12px 20px!important;
}
body.cr-page .cr-logo,
body.cr-page.cr-scientific-page .cr-logo{
display:flex!important;
align-items:center!important;
gap:10px!important;
min-width:0!important;
flex:0 0 auto!important;
}
body.cr-page .cr-logo img,
body.cr-page.cr-scientific-page .cr-logo img{
height:40px!important;
width:auto!important;
max-width:230px!important;
display:block!important;
object-fit:contain!important;
}
body.cr-page .cr-nav,
body.cr-page.cr-scientific-page .cr-nav{
position:relative!important;
display:flex!important;
flex:1 1 auto!important;
align-items:center!important;
justify-content:flex-end!important;
min-width:0!important;
overflow:visible!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
}
body.cr-page .cr-nav-list,
body.cr-page.cr-scientific-page .cr-nav-list{
list-style:none!important;
display:flex!important;
gap:18px!important;
flex-wrap:wrap!important;
align-items:center!important;
justify-content:flex-end!important;
margin:0!important;
padding:0!important;
font-size:14px!important;
}
body.cr-page .cr-nav-list a,
body.cr-page.cr-scientific-page .cr-nav-list a{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
height:auto!important;
min-height:0!important;
padding:0!important;
border-radius:0!important;
background:transparent!important;
color:#666!important;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
font-size:14px!important;
font-weight:500!important;
line-height:1.2!important;
white-space:nowrap!important;
text-decoration:none!important;
}
body.cr-page .cr-nav-list a:hover,
body.cr-page.cr-scientific-page .cr-nav-list a:hover{color:#8a5700!important;text-decoration:none!important;}
body.cr-page .cr-nav-list .cr-active,
body.cr-page.cr-scientific-page .cr-nav-list .cr-active{
color:#8a5700!important;
border-bottom:2px solid #ff9f20!important;
padding-bottom:3px!important;
font-weight:500!important;
}
body.cr-page .cr-nav-list .cr-active::after,
body.cr-page.cr-scientific-page .cr-nav-list .cr-active::after{display:none!important;content:none!important;}
body.cr-page .cr-nav-toggle,
body.cr-page.cr-scientific-page .cr-nav-toggle{display:none!important;}
body.cr-page .cr-toc,
body.cr-page.cr-scientific-page .cr-toc{
background:#fff!important;
border-top:1px solid #dde4f0!important;
border-bottom:1px solid #dde4f0!important;
}
body.cr-page .cr-toc-inner,
body.cr-page.cr-scientific-page .cr-toc-inner{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:18px!important;
padding:8px 20px!important;
min-height:38px!important;
overflow:visible!important;
}
body.cr-page .cr-breadcrumb,
body.cr-page.cr-scientific-page .cr-breadcrumb{
color:#777!important;
font-size:12px!important;
line-height:1.2!important;
white-space:nowrap!important;
flex:0 0 auto!important;
}
body.cr-page .cr-breadcrumb ol,
body.cr-page.cr-scientific-page .cr-breadcrumb ol{
display:flex!important;
align-items:center!important;
gap:7px!important;
margin:0!important;
padding:0!important;
list-style:none!important;
}
body.cr-page .cr-breadcrumb a,
body.cr-page.cr-scientific-page .cr-breadcrumb a{
color:#7a4b00!important;
font-size:12px!important;
font-weight:600!important;
text-decoration:none!important;
}
body.cr-page .cr-toc-links,
body.cr-page.cr-scientific-page .cr-toc-links{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:8px!important;
flex-wrap:wrap!important;
min-width:0!important;
}
body.cr-page .cr-toc-links a,
body.cr-page.cr-scientific-page .cr-toc-links a{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:24px!important;
padding:3px 10px!important;
border-radius:999px!important;
background:#fff8ea!important;
border:1px solid #fde7b5!important;
color:#8a5700!important;
font-size:12px!important;
font-weight:600!important;
line-height:1!important;
white-space:nowrap!important;
text-decoration:none!important;
}
body.cr-page .cr-toc-links a:hover,
body.cr-page .cr-toc-links a.cr-toc-current,
body.cr-page.cr-scientific-page .cr-toc-links a:hover,
body.cr-page.cr-scientific-page .cr-toc-links a.cr-toc-current{
background:#ffedc1!important;
border-color:#ffd47b!important;
color:#811111!important;
text-decoration:none!important;
}
body.cr-page .cr-main > .cr-wrap.cr-content-grid{margin-top:30px!important;}
@media (min-width:981px){
body.cr-scientific-page .cr-hero .cr-wrap.cr-hero-grid{
width:min(88vw,1500px)!important;
max-width:1500px!important;
padding-left:16px!important;
padding-right:16px!important;
grid-template-columns:minmax(280px,.62fr) minmax(720px,1.38fr)!important;
gap:38px!important;
align-items:center!important;
}
body.cr-scientific-page .cr-hero-copy{max-width:560px!important;}
body.cr-scientific-page .cr-scientific-card{
width:100%!important;
max-width:none!important;
justify-self:stretch!important;
}
body.cr-scientific-page .cr-calc-card-inner{padding:16px!important;border-radius:24px!important;}
body.cr-scientific-page .cr-calc-head{margin-bottom:10px!important;}
body.cr-scientific-page .cr-calc-screen{min-height:90px!important;margin-bottom:8px!important;}
body.cr-scientific-page .cr-scientific-grid{
display:grid!important;
grid-template-columns:repeat(10,minmax(0,1fr))!important;
gap:7px!important;
}
body.cr-scientific-page .cr-scientific-grid .cr-calc-key{
min-height:36px!important;
border-radius:10px!important;
padding:0 5px!important;
font-size:12px!important;
font-weight:850!important;
line-height:1!important;
}
body.cr-scientific-page .cr-scientific-examples{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:8px!important;
margin-top:10px!important;
}
body.cr-scientific-page .cr-scientific-examples .cr-example-btn{
min-height:54px!important;
padding:8px 9px!important;
}
}
body.cr-scientific-page .cr-scientific-grid .cr-key-function{background:#24324a!important;color:#dbe6ff!important;}
body.cr-scientific-page .cr-scientific-grid .cr-key-probability{background:#203a32!important;color:#d7fff1!important;}
body.cr-scientific-page .cr-scientific-grid .cr-key-programmer,
body.cr-scientific-page .cr-scientific-grid .cr-key-base{background:#1f2c42!important;color:#cfe5ff!important;}
body.cr-scientific-page .cr-scientific-grid .cr-key-constant{background:#30415f!important;color:#fff!important;}
body.cr-scientific-page .cr-scientific-grid .cr-key-mode{background:#ffeded!important;color:#811111!important;border:1px solid rgba(224,32,32,.38)!important;}
body.cr-scientific-page .cr-scientific-grid .cr-key-main{background:#e02020!important;color:#111827!important;}
body.cr-scientific-page .cr-scientific-grid .cr-sci-placeholder{visibility:hidden!important;pointer-events:none!important;}
@media (max-width:980px){
body.cr-page .cr-header-inner,
body.cr-page.cr-scientific-page .cr-header-inner{
padding:10px 16px!important;
align-items:flex-start!important;
flex-direction:column!important;
gap:10px!important;
}
body.cr-page .cr-logo img,
body.cr-page.cr-scientific-page .cr-logo img{height:34px!important;}
body.cr-page .cr-nav,
body.cr-page.cr-scientific-page .cr-nav{width:100%!important;overflow-x:auto!important;scrollbar-width:none!important;}
body.cr-page .cr-nav::-webkit-scrollbar,
body.cr-page.cr-scientific-page .cr-nav::-webkit-scrollbar{display:none!important;}
body.cr-page .cr-nav-list,
body.cr-page.cr-scientific-page .cr-nav-list{justify-content:flex-start!important;gap:10px!important;flex-wrap:nowrap!important;}
body.cr-page .cr-nav-list a,
body.cr-page.cr-scientific-page .cr-nav-list a{font-size:13px!important;padding:4px 0!important;}
body.cr-page .cr-toc-inner,
body.cr-page.cr-scientific-page .cr-toc-inner{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:8px 16px!important;}
body.cr-page .cr-toc-inner::-webkit-scrollbar,
body.cr-page.cr-scientific-page .cr-toc-inner::-webkit-scrollbar{display:none!important;}
body.cr-page .cr-toc-links,
body.cr-page.cr-scientific-page .cr-toc-links{flex:0 0 auto!important;flex-wrap:nowrap!important;}
body.cr-scientific-page .cr-hero-grid{
grid-template-columns:1fr!important;
gap:24px!important;
align-items:start!important;
}
body.cr-scientific-page .cr-scientific-card{
width:min(100%,760px)!important;
max-width:760px!important;
justify-self:start!important;
}
body.cr-scientific-page .cr-scientific-grid{
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:6px!important;
}
body.cr-scientific-page .cr-scientific-grid .cr-calc-key{
min-height:38px!important;
font-size:11.5px!important;
border-radius:10px!important;
padding:0 4px!important;
}
body.cr-scientific-page .cr-scientific-examples{grid-template-columns:1fr 1fr!important;}
}
@media (max-width:680px){
body.cr-page .cr-topbar,
body.cr-page.cr-scientific-page .cr-topbar{display:none!important;}
body.cr-page .cr-header-inner,
body.cr-page.cr-scientific-page .cr-header-inner{padding:9px 12px!important;}
body.cr-page .cr-logo img,
body.cr-page.cr-scientific-page .cr-logo img{height:30px!important;}
body.cr-page .cr-breadcrumb,
body.cr-page.cr-scientific-page .cr-breadcrumb{display:none!important;}
body.cr-page .cr-toc-inner,
body.cr-page.cr-scientific-page .cr-toc-inner{padding:7px 12px!important;}
body.cr-scientific-page .cr-scientific-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body.cr-scientific-page .cr-scientific-grid .cr-calc-key{min-height:38px!important;font-size:11px!important;}
body.cr-scientific-page .cr-scientific-examples{grid-template-columns:1fr!important;}
}
/* --------------------------------------------------------------------------
Version v7 : scientific.php — header identique au hub + calculatrice large
-------------------------------------------------------------------------- */
body.cr-scientific-page .cr-toc-links a{
font-weight:600!important;
}
body.cr-scientific-page .cr-sci-head{
align-items:flex-start!important;
gap:14px!important;
}
body.cr-scientific-page .cr-sci-badges{
display:flex!important;
flex-direction:column!important;
align-items:flex-end!important;
gap:6px!important;
flex:0 0 auto!important;
}
body.cr-scientific-page .cr-sci-base-label{
background:#2b3448!important;
color:#e8eefc!important;
border:1px solid rgba(255,255,255,.13)!important;
}
@media (min-width:981px){
body.cr-scientific-page .cr-hero{
padding:38px 0 42px!important;
}
body.cr-scientific-page .cr-hero .cr-wrap.cr-hero-grid{
width:min(88vw,1540px)!important;
max-width:1540px!important;
padding-left:16px!important;
padding-right:16px!important;
grid-template-columns:minmax(330px,.42fr) minmax(820px,.58fr)!important;
gap:42px!important;
align-items:center!important;
}
body.cr-scientific-page .cr-hero-copy{
max-width:580px!important;
}
body.cr-scientific-page .cr-hero-copy .cr-chip-row{
max-width:540px!important;
}
body.cr-scientific-page .cr-scientific-card{
width:100%!important;
max-width:none!important;
justify-self:stretch!important;
}
body.cr-scientific-page .cr-calc-card-inner{
padding:16px!important;
border-radius:24px!important;
}
body.cr-scientific-page .cr-calc-screen{
min-height:88px!important;
margin-bottom:8px!important;
}
}
.cr-scientific-layout{
display:grid!important;
grid-template-columns:minmax(0,1fr) 286px!important;
gap:12px!important;
align-items:stretch!important;
margin-top:8px!important;
}
.cr-sci-panel{
border:1px solid rgba(255,255,255,.10)!important;
background:rgba(255,255,255,.045)!important;
border-radius:16px!important;
padding:10px!important;
min-width:0!important;
}
.cr-sci-panel-title,
.cr-sci-group-title{
color:#aeb8cc!important;
font-size:10px!important;
line-height:1.1!important;
font-weight:900!important;
letter-spacing:.06em!important;
text-transform:uppercase!important;
}
.cr-sci-panel-title{margin:0 0 8px!important;}
.cr-sci-group-title{margin:0 0 6px!important;}
.cr-sci-control-strip{
display:grid!important;
grid-template-columns:repeat(8,minmax(0,1fr))!important;
gap:6px!important;
margin-bottom:10px!important;
}
.cr-sci-function-block + .cr-sci-function-block,
.cr-sci-extra-functions{
margin-top:10px!important;
}
.cr-sci-function-row{
display:grid!important;
gap:6px!important;
}
.cr-sci-function-row-six{
grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
.cr-sci-number-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:7px!important;
}
.cr-scientific-layout .cr-calc-key{
min-height:34px!important;
border-radius:10px!important;
padding:0 5px!important;
font-size:12px!important;
font-weight:850!important;
line-height:1!important;
letter-spacing:-.01em!important;
}
.cr-sci-panel-numbers .cr-calc-key{
min-height:39px!important;
font-size:13px!important;
}
.cr-sci-equals{
grid-column:span 2!important;
}
.cr-scientific-layout .cr-key-function{background:#24324a!important;color:#dbe6ff!important;}
.cr-scientific-layout .cr-key-base,
.cr-scientific-layout .cr-key-programmer{background:#1f2c42!important;color:#cfe5ff!important;}
.cr-scientific-layout .cr-key-constant{background:#30415f!important;color:#fff!important;}
.cr-scientific-layout .cr-key-mode{background:#ffeded!important;color:#811111!important;border:1px solid rgba(224,32,32,.38)!important;}
.cr-scientific-layout .cr-key-main{background:#e02020!important;color:#111827!important;}
.cr-sci-extra-functions{
border-top:1px solid rgba(255,255,255,.10)!important;
padding-top:8px!important;
}
.cr-sci-extra-functions summary{
cursor:pointer!important;
color:#d4def3!important;
font-size:12px!important;
font-weight:850!important;
margin-bottom:8px!important;
outline:none!important;
}
.cr-sci-extra-functions summary::marker{color:#e02020!important;}
body.cr-scientific-page .cr-scientific-examples{
margin-top:10px!important;
}
@media (min-width:981px){
body.cr-scientific-page .cr-scientific-examples{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:8px!important;
}
body.cr-scientific-page .cr-scientific-examples .cr-example-btn{
min-height:52px!important;
padding:8px 9px!important;
}
}
@media (max-width:1200px) and (min-width:981px){
body.cr-scientific-page .cr-hero .cr-wrap.cr-hero-grid{
width:min(92vw,1320px)!important;
grid-template-columns:minmax(300px,.36fr) minmax(760px,.64fr)!important;
gap:28px!important;
}
.cr-scientific-layout{
grid-template-columns:minmax(0,1fr) 250px!important;
}
.cr-scientific-layout .cr-calc-key{
font-size:11px!important;
min-height:32px!important;
}
.cr-sci-panel-numbers .cr-calc-key{min-height:37px!important;}
}
@media (max-width:980px){
body.cr-scientific-page .cr-hero-grid{
grid-template-columns:1fr!important;
gap:24px!important;
align-items:start!important;
}
body.cr-scientific-page .cr-scientific-card{
width:min(100%,760px)!important;
max-width:760px!important;
justify-self:start!important;
}
.cr-scientific-layout{
grid-template-columns:1fr!important;
}
.cr-sci-control-strip{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.cr-sci-function-row-six{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.cr-scientific-layout .cr-calc-key,
.cr-sci-panel-numbers .cr-calc-key{
min-height:38px!important;
font-size:12px!important;
}
body.cr-scientific-page .cr-scientific-examples{grid-template-columns:1fr 1fr!important;}
}
@media (max-width:680px){
body.cr-scientific-page .cr-hero{padding:28px 0 32px!important;}
body.cr-scientific-page .cr-sci-head{
flex-direction:column!important;
align-items:flex-start!important;
}
body.cr-scientific-page .cr-sci-badges{
flex-direction:row!important;
align-items:center!important;
}
.cr-sci-function-row-six{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.cr-sci-number-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.cr-scientific-layout .cr-calc-key,
.cr-sci-panel-numbers .cr-calc-key{
min-height:38px!important;
font-size:11px!important;
border-radius:9px!important;
padding:0 3px!important;
}
body.cr-scientific-page .cr-scientific-examples{grid-template-columns:1fr!important;}
}
/* --------------------------------------------------------------------------
Ajustement final v7 : scientifique desktop horizontal, mobile vertical
-------------------------------------------------------------------------- */
@media (min-width:1201px){
body.cr-scientific-page .cr-hero .cr-wrap.cr-hero-grid{
width:min(94vw,1540px)!important;
max-width:1540px!important;
grid-template-columns:minmax(320px,.38fr) minmax(740px,.62fr)!important;
gap:36px!important;
align-items:center!important;
}
body.cr-scientific-page .cr-scientific-card{
width:100%!important;
max-width:none!important;
justify-self:stretch!important;
}
body.cr-scientific-page .cr-hero-copy{
max-width:600px!important;
}
.cr-scientific-layout{
grid-template-columns:minmax(0,1fr) 280px!important;
gap:12px!important;
}
}
@media (max-width:1200px) and (min-width:981px){
body.cr-scientific-page .cr-hero .cr-wrap.cr-hero-grid{
width:min(94vw,1180px)!important;
max-width:1180px!important;
grid-template-columns:minmax(260px,.34fr) minmax(600px,.66fr)!important;
gap:24px!important;
align-items:center!important;
}
body.cr-scientific-page .cr-scientific-card{
width:100%!important;
max-width:none!important;
justify-self:stretch!important;
}
body.cr-scientific-page .cr-hero-copy{
max-width:520px!important;
}
.cr-scientific-layout{
grid-template-columns:minmax(0,1fr) 230px!important;
gap:10px!important;
}
.cr-sci-control-strip{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.cr-sci-function-row-six{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.cr-scientific-layout .cr-calc-key,
.cr-sci-panel-numbers .cr-calc-key{
min-height:34px!important;
font-size:11px!important;
}
}
@media (max-width:980px){
body.cr-scientific-page .cr-hero .cr-wrap.cr-hero-grid{
width:100%!important;
max-width:var(--cr-max)!important;
grid-template-columns:1fr!important;
}
.cr-scientific-layout{
grid-template-columns:1fr!important;
}
}
/* ==========================================================
v9 - corrections ciblées demandées :
1) bande de liens sous header = pages/outils utiles uniquement ;
2) colonne droite sticky sans grande marge haute au scroll ;
3) footer clair type Statistiques.com avec logo réseau OCCS.
========================================================== */
body.cr-page .cr-toc-links{
justify-content:flex-end!important;
gap:8px!important;
}
body.cr-page .cr-toc-links a{
font-size:12px!important;
line-height:1!important;
padding:7px 11px!important;
border-radius:999px!important;
}
@media (min-width:1121px){
body.cr-page .cr-sidebar{
top:18px!important;
}
}
body.cr-page .cr-footer.cr-footer-network{
background:#fff!important;
color:#657084!important;
border-top:1px solid #e6ebf2!important;
padding:24px 0 26px!important;
box-shadow:none!important;
}
body.cr-page .cr-footer-network-grid{
display:grid!important;
grid-template-columns:300px minmax(0,1fr)!important;
gap:34px!important;
align-items:center!important;
}
body.cr-page .cr-footer-network-brand a{
display:flex!important;
align-items:center!important;
gap:12px!important;
color:#566276!important;
text-decoration:none!important;
}
body.cr-page .cr-footer-network-brand img{
width:74px!important;
height:auto!important;
display:block!important;
flex:0 0 auto!important;
}
body.cr-page .cr-footer-network-brand strong{
display:block!important;
color:#25324a!important;
font-size:13px!important;
line-height:1.15!important;
font-weight:850!important;
}
body.cr-page .cr-footer-network-brand em{
display:block!important;
margin-top:3px!important;
color:#7a8598!important;
font-size:11px!important;
line-height:1.35!important;
font-style:normal!important;
max-width:190px!important;
}
body.cr-page .cr-footer-network-body{
text-align:right!important;
min-width:0!important;
}
body.cr-page .cr-footer-top-links,
body.cr-page .cr-footer-network-links{
display:flex!important;
justify-content:flex-end!important;
flex-wrap:wrap!important;
gap:6px 13px!important;
margin:0 0 8px!important;
font-size:12px!important;
line-height:1.35!important;
}
body.cr-page .cr-footer-top-links a,
body.cr-page .cr-footer-network-links a{
color:#496277!important;
font-weight:650!important;
text-decoration:none!important;
}
body.cr-page .cr-footer-top-links a:hover,
body.cr-page .cr-footer-network-links a:hover{
color:#811111!important;
text-decoration:underline!important;
}
body.cr-page .cr-footer-network-links{
margin-bottom:11px!important;
}
body.cr-page .cr-footer-network-body p{
margin:4px 0 0!important;
color:#667085!important;
font-size:12px!important;
line-height:1.45!important;
}
body.cr-page .cr-footer-network-body p strong{
color:#263348!important;
}
@media (max-width:900px){
body.cr-page .cr-toc-links{
justify-content:flex-start!important;
}
body.cr-page .cr-footer-network-grid{
grid-template-columns:1fr!important;
gap:16px!important;
text-align:left!important;
}
body.cr-page .cr-footer-network-body{
text-align:left!important;
}
body.cr-page .cr-footer-top-links,
body.cr-page .cr-footer-network-links{
justify-content:flex-start!important;
}
}
/* ==========================================================
v10 - corrections ciblées :
- bande sous header = ancres internes uniquement ;
- footer repris sur le vrai footer Statistiques.com ;
- logo OCCS exact depuis le zip Statistiques.com.
========================================================== */
body.cr-page .cr-toc-links{
justify-content:flex-end!important;
gap:8px!important;
}
body.cr-page .cr-toc-links a{
font-size:12px!important;
line-height:1!important;
padding:7px 11px!important;
border-radius:999px!important;
}
body.cr-page .cr-toc-links a[href^="#"]{
scroll-margin-top:90px;
}
body.cr-page footer.site-footer{
border-top:1px solid var(--cr-line)!important;
background-color:#ffffff!important;
padding:16px 0 20px 0!important;
font-size:12px!important;
color:var(--cr-muted)!important;
margin-top:14px!important;
box-shadow:none!important;
}
body.cr-page footer.site-footer .container{
width:min(var(--cr-max),calc(100% - 32px))!important;
margin-inline:auto!important;
}
body.cr-page footer.site-footer .footer-top{
display:flex!important;
justify-content:flex-end!important;
gap:16px!important;
flex-wrap:wrap!important;
margin-bottom:8px!important;
}
body.cr-page footer.site-footer .footer-links a{
margin-right:10px!important;
color:#496277!important;
font-weight:650!important;
text-decoration:none!important;
}
body.cr-page footer.site-footer .footer-links a:hover{
color:#811111!important;
text-decoration:underline!important;
}
body.cr-page footer.site-footer .occs-footer{
display:flex!important;
align-items:center!important;
gap:12px!important;
margin-top:10px!important;
flex-wrap:wrap!important;
}
body.cr-page footer.site-footer .occs-footer img{
width:72px!important;
height:auto!important;
display:block!important;
max-width:72px!important;
flex:0 0 auto!important;
}
body.cr-page footer.site-footer .occs-sites{
line-height:1.4!important;
}
body.cr-page footer.site-footer .occs-sites a{
font-weight:650!important;
text-decoration:none!important;
}
body.cr-page footer.site-footer .occs-sites a:hover{
text-decoration:underline!important;
}
body.cr-page footer.site-footer .occs-outils{color:var(--cr-green)!important;}
body.cr-page footer.site-footer .occs-calculatrice{color:var(--cr-orange)!important;}
body.cr-page footer.site-footer .occs-convertisseur{color:var(--cr-red)!important;}
body.cr-page footer.site-footer .occs-statistiques{color:var(--cr-blue)!important;}
body.cr-page footer.site-footer .footer-bottom{
display:flex!important;
justify-content:space-between!important;
gap:12px!important;
flex-wrap:wrap!important;
margin-top:8px!important;
}
body.cr-page footer.site-footer .footer-brand{
font-weight:500!important;
color:#25324a!important;
}
body.cr-page footer.site-footer .footer-meta{
color:var(--cr-muted)!important;
}
@media (max-width:900px){
body.cr-page .cr-toc-links{justify-content:flex-start!important;}
body.cr-page footer.site-footer .footer-top{justify-content:flex-start!important;}
body.cr-page footer.site-footer .footer-bottom{display:block!important;}
body.cr-page footer.site-footer .footer-meta{margin-top:6px!important;}
}
/* V23 - bloc repère SEO/IA discret, sans changer le desktop existant */
@media (max-width:900px){
}
.cr-ad{position:relative;overflow:hidden;min-height:220px;display:flex;align-items:center;justify-content:center;border:1px dashed #e0caca;border-radius:18px;background:#fff;color:#8b95a8;text-align:center;margin:20px 0}.cr-ad ins{width:100%}.cr-ad-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}body.cr-page ins.adsbygoogle:not([data-cr-manual-ad]),body.cr-page .google-auto-placed,body.cr-page .adsbygoogle-noablate,body.cr-page .cr-topbar ins,body.cr-page .cr-header ins,body.cr-page .cr-toc ins,body.cr-page .cr-topbar iframe,body.cr-page .cr-header iframe,body.cr-page .cr-toc iframe,body.cr-page>[id^="aswift_"],body.cr-page>[id^="google_ads_iframe_"]{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important}body.cr-page .cr-ad ins.adsbygoogle[data-cr-manual-ad],body.cr-page .cr-ad iframe,body.cr-page .cr-ad [id^="aswift_"]{display:block!important;visibility:visible!important;min-height:0;overflow:visible}
/* Calculatrice.com – dossiers mathématiques v1. Fichier neuf, préfixé cr-, sans conflit avec l'ancien site. */
body.cr-dossier-page .cr-dossier-hero .cr-hero-grid{
grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr)!important;
align-items:center!important;
}
body.cr-dossier-page .cr-dossier-hero .cr-hero-copy{max-width:760px!important;}
body.cr-dossier-page .cr-dossier-brief{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
width:min(100%,560px);
justify-self:end;
}
body.cr-dossier-page .cr-brief-card{
background:rgba(255,255,255,.15);
border:1px solid rgba(255,255,255,.28);
box-shadow:0 20px 40px rgba(47,29,0,.16);
border-radius:18px;
padding:18px;
color:#fff;
min-height:132px;
backdrop-filter:blur(4px);
}
body.cr-dossier-page .cr-brief-card span{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:42px;
height:28px;
padding:0 10px;
border-radius:999px;
background:#fff;
color:#8a5700;
font-size:13px;
font-weight:900;
line-height:1;
margin-bottom:12px;
}
body.cr-dossier-page .cr-brief-card h2{
margin:0 0 8px;
font-size:18px;
line-height:1.18;
letter-spacing:-.02em;
color:#fff;
}
body.cr-dossier-page .cr-brief-card p{
margin:0;
font-size:14px;
line-height:1.55;
color:rgba(255,255,255,.86);
}
body.cr-dossier-page .cr-main > .cr-wrap.cr-content-grid{margin-top:30px!important;}
body.cr-dossier-page .cr-dossier-section{scroll-margin-top:110px;}
.cr-dossier-card-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
.cr-dossier-info-card{
background:#fff;
border:1px solid #e7edf5;
border-radius:16px;
padding:18px;
box-shadow:0 10px 24px rgba(20,32,54,.05);
}
.cr-dossier-info-card .cr-dossier-icon{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:34px;
height:30px;
padding:0 9px;
border-radius:10px;
background:#ffeded;
color:#9a6100;
font-size:14px;
font-weight:900;
line-height:1;
margin-bottom:12px;
}
.cr-dossier-info-card h3{margin:0 0 8px!important;font-size:18px!important;line-height:1.25!important;color:#172033!important;}
.cr-dossier-info-card p{margin:0;color:#526072;font-size:14px;line-height:1.7;}
.cr-dossier-columns{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}
.cr-dossier-text{
background:#fff;
border:1px solid #e7edf5;
border-radius:16px;
padding:20px;
box-shadow:0 10px 24px rgba(20,32,54,.05);
}
.cr-dossier-text h3{margin:0 0 10px!important;font-size:20px!important;line-height:1.25!important;color:#172033!important;}
.cr-dossier-text p{margin:0 0 12px;color:#4d5b70;font-size:15px;line-height:1.78;}
.cr-dossier-text p:last-child{margin-bottom:0;}
.cr-dossier-table{
width:100%;
border-collapse:separate;
border-spacing:0;
overflow:hidden;
margin-top:16px;
background:#fff;
border:1px solid #e7edf5;
border-radius:16px;
box-shadow:0 10px 24px rgba(20,32,54,.05);
}
.cr-dossier-table th,
.cr-dossier-table td{
padding:14px 16px;
border-bottom:1px solid #edf2f7;
text-align:left;
vertical-align:top;
font-size:14px;
line-height:1.55;
}
.cr-dossier-table th{
background:#f7f9fc;
color:#172033;
font-weight:900;
}
.cr-dossier-table td{color:#526072;}
.cr-dossier-table td:first-child{font-weight:850;color:#172033;}
.cr-dossier-table tr:last-child td{border-bottom:0;}
.cr-dossier-table code,
.cr-formula-hero code{
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
color:#8a5700;
background:#ffeded;
border-radius:8px;
padding:3px 7px;
font-weight:850;
}
.cr-timeline{
display:grid;
grid-template-columns:1fr;
gap:12px;
position:relative;
}
.cr-timeline article{
display:grid;
grid-template-columns:150px minmax(0,1fr);
gap:18px;
background:#fff;
border:1px solid #e7edf5;
border-radius:16px;
padding:18px;
box-shadow:0 10px 24px rgba(20,32,54,.05);
}
.cr-timeline span{
display:inline-flex;
align-items:center;
justify-content:center;
align-self:start;
border-radius:999px;
background:#ffeded;
color:#8a5700;
font-weight:900;
font-size:13px;
padding:7px 12px;
}
.cr-timeline h3{margin:0 0 6px!important;font-size:19px!important;color:#172033!important;}
.cr-timeline p{margin:0;color:#526072;font-size:15px;line-height:1.7;}
.cr-highlight-box{
margin-top:16px;
padding:20px;
border-radius:16px;
background:linear-gradient(135deg,#fff7e6,#ffffff);
border:1px solid #ffdf98;
box-shadow:0 10px 24px rgba(20,32,54,.04);
}
.cr-highlight-box h3{margin:0 0 8px!important;color:#172033!important;font-size:20px!important;}
.cr-highlight-box p{margin:0;color:#4d5b70;font-size:15px;line-height:1.78;}
.cr-step-list{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
}
.cr-step-list article{
background:#fff;
border:1px solid #e7edf5;
border-radius:16px;
padding:18px;
box-shadow:0 10px 24px rgba(20,32,54,.05);
}
.cr-step-list span{
display:inline-flex;
align-items:center;
justify-content:center;
width:32px;
height:32px;
border-radius:50%;
background:#ffeded;
color:#8a5700;
font-weight:900;
margin-bottom:12px;
}
.cr-step-list h3{margin:0 0 8px!important;font-size:17px!important;color:#172033!important;}
.cr-step-list p{margin:0;color:#526072;font-size:14px;line-height:1.65;}
.cr-formula-hero{
background:#111827;
color:#fff;
border-radius:20px;
padding:24px;
margin-bottom:16px;
box-shadow:0 20px 40px rgba(20,32,54,.12);
}
.cr-formula-hero code{
display:inline-block;
font-size:clamp(30px,3vw,48px);
color:#111827;
background:#fff;
padding:10px 16px;
border-radius:14px;
margin-bottom:12px;
}
.cr-formula-hero p{margin:0;color:rgba(255,255,255,.82);font-size:16px;line-height:1.6;}
.cr-dossier-page .cr-ad-inline{margin-top:18px;margin-bottom:18px;}
@media (max-width:1100px){
body.cr-dossier-page .cr-dossier-hero .cr-hero-grid{grid-template-columns:1fr!important;}
body.cr-dossier-page .cr-dossier-brief{justify-self:start;width:100%;max-width:none;}
.cr-step-list{grid-template-columns:1fr 1fr;}
}
@media (max-width:760px){
body.cr-dossier-page .cr-dossier-brief,
.cr-dossier-card-grid,
.cr-dossier-columns,
.cr-step-list{grid-template-columns:1fr!important;}
body.cr-dossier-page .cr-brief-card{min-height:0;padding:16px;}
.cr-timeline article{grid-template-columns:1fr;gap:10px;}
.cr-dossier-table{display:block;overflow-x:auto;white-space:nowrap;}
.cr-dossier-table th,.cr-dossier-table td{white-space:normal;min-width:150px;}
.cr-dossier-info-card,.cr-dossier-text{padding:16px;}
}
/* v15 - correctif colonne droite dossiers : pas de grande marge haute au scroll */
@media (min-width:1121px){
body.cr-dossier-page .cr-main > .cr-wrap.cr-content-grid{
margin-top:30px!important;
align-items:start!important;
}
body.cr-dossier-page .cr-sidebar{
position:sticky!important;
top:18px!important;
align-self:start!important;
padding-top:0!important;
margin-top:0!important;
}
body.cr-dossier-page .cr-sidebar .cr-ad,
body.cr-dossier-page .cr-sidebar .cr-ad.cr-ad-sidebar,
body.cr-dossier-page .cr-sidebar .cr-ad.cr-ad-sidebar-under-calculator{
margin-top:0!important;
}
body.cr-dossier-page .cr-sidebar > :first-child{
margin-top:0!important;
}
}
@media (max-width:1120px){
body.cr-dossier-page .cr-sidebar{position:static!important;}
}
/* Dossiers Finance : prose, tableaux et registre de sources. */
.cr-dossier-prose{
background:#fff;
border:1px solid #e7edf5;
border-radius:16px;
padding:20px;
box-shadow:0 10px 24px rgba(20,32,54,.05);
}
.cr-dossier-prose p{
margin:0 0 14px;
color:#4d5b70;
font-size:15px;
line-height:1.78;
}
.cr-dossier-prose p:last-child{margin-bottom:0;}
.cr-dossier-table-wrap{max-width:100%;overflow-x:auto;}
.cr-dossier-sources{
display:grid;
gap:10px;
margin:0;
padding:0;
list-style:none;
}
.cr-dossier-sources li{
display:grid;
gap:5px;
background:#fff;
border:1px solid #e7edf5;
border-radius:14px;
padding:15px 17px;
box-shadow:0 8px 20px rgba(20,32,54,.04);
}
.cr-dossier-sources a{font-weight:850;color:#8a5700;}
.cr-dossier-sources span{font-size:13px;line-height:1.55;color:#687589;}
.finance-dossier-page .cr-dossier-info-card a,
.finance-dossier-page .cr-related-card a{color:#8a5700;}
.finance-dossier-page .cr-hero-answer a{color:#fff;text-decoration:underline;text-underline-offset:3px;}
:root{
--cv-red:#e02020;
--cv-red-dark:#a51212;
--cv-red-deep:#760d0d;
--cv-red-soft:#ffeded;
--cv-ink:#121827;
--cv-muted:#667085;
--cv-line:#e3e8f2;
}
body.cr-page{
--cr-orange:var(--cv-red);
--cr-orange-dark:var(--cv-red-dark);
--cr-orange-soft:var(--cv-red-soft);
--cr-tool-orange:var(--cv-red);
--cr-tool-orange-dark:var(--cv-red-dark);
--cr-tool-orange-soft:var(--cv-red-soft);
--math-main:var(--cv-red);
--home-orange:var(--cv-red);
--home-orange-dark:var(--cv-red-dark);
--home-orange-soft:var(--cv-red-soft);
}
/* Parité Calculatrice.com : 80 % du viewport sur desktop, sans plafond artificiel. */
@media(min-width:901px){
body.cr-page .cr-wrap{
width:80vw!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:16px!important;
padding-right:16px!important;
box-sizing:border-box!important;
}
}
body.cr-page .cr-logo img{width:auto!important;height:36px!important;max-width:205px!important;object-fit:contain}
body.cr-page .cr-nav-list{gap:2px!important}
body.cr-page .cr-nav-list a{padding:18px 7px 15px!important;font-size:12px!important;white-space:nowrap}
body.cr-page .cr-nav-list a.cr-active{border-bottom-color:var(--cv-red)!important;color:var(--cv-red-dark)!important}
body.cr-page .cr-toc-current,body.cr-page .cr-toc-links a:hover{background:var(--cv-red-soft)!important;color:var(--cv-red-dark)!important}
body.cr-page a:focus-visible,body.cr-page button:focus-visible,body.cr-page input:focus-visible,body.cr-page select:focus-visible{outline:3px solid rgba(224,32,32,.3)!important;outline-offset:2px}
body.cv-home-page .cr-hero,
body.cv-tool-page .cr-unified-tool-hero,
body.cv-file-page .cr-unified-tool-hero{
background:linear-gradient(125deg,#f34b4b 0%,#e02020 46%,#a80f0f 100%)!important;
}
body.cr-page .vehicle-submit,body.cr-page .math-btn-primary,body.cr-page .cr-key-main{background:var(--cv-red)!important;color:#fff!important;border-color:var(--cv-red)!important}
body.cr-page .vehicle-submit:hover,body.cr-page .math-btn-primary:hover{background:var(--cv-red-dark)!important;border-color:var(--cv-red-dark)!important}
body.cr-page .vehicle-kicker,body.cr-page .vehicle-eyebrow,body.cr-page .cr-eyebrow{color:var(--cv-red-dark)!important}
body.cv-tool-page .vehicle-kicker,body.cv-file-page .vehicle-kicker{color:#4c0909!important;background:rgba(255,255,255,.72)!important}
body.cr-page .vehicle-example{border-left-color:var(--cv-red)!important;background:#fff4f4!important}
body.cr-page .vehicle-steps li>span{background:var(--cv-red)!important;color:#fff!important}
body.cr-page .vehicle-result-value{padding:20px;border-radius:16px;background:linear-gradient(145deg,#fff,#fff1f1);border:1px solid #f3caca}
body.cr-page .vehicle-result-value>span{display:block;color:var(--cv-red-dark);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
body.cr-page .vehicle-result-value strong{display:block;margin-top:4px;color:var(--cv-ink);font-size:clamp(25px,4vw,42px);line-height:1.15;overflow-wrap:anywhere}
body.cr-page .vehicle-result-value strong small{font-size:.48em;color:var(--cv-muted)}
body.cr-page .vehicle-result-value p{margin:8px 0 0;color:var(--cv-muted);font-size:13px}
body.cr-page .vehicle-result-error{display:flex;flex-direction:column;gap:5px;padding:18px;border:1px solid #f2aaaa;border-radius:14px;background:#fff1f1;color:#7f1111}
.cv-converter{width:100%}
.cv-generated-form{margin:0!important}
.cv-generated-form .vehicle-fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;margin:0 0 16px!important}
.cv-generated-form .vehicle-field{min-width:0!important;margin:0!important}
.cv-generated-form label{display:block!important;margin:0 0 7px!important;color:#25324a!important;font-size:13px!important;font-weight:850!important;line-height:1.35!important}
body.cr-unified-tool-page .cr-unified-calculator .cv-generated-form label{color:#f4f7fc!important}
.cv-generated-form input,.cv-generated-form select{display:block!important;width:100%!important;min-height:50px!important;margin:0!important;padding:11px 13px!important;border:1px solid #cfd7e5!important;border-radius:11px!important;background:#fff!important;color:#121827!important;font:inherit!important;box-shadow:none!important}
.cv-generated-form input:focus,.cv-generated-form select:focus{border-color:var(--cv-red)!important;box-shadow:0 0 0 4px rgba(224,32,32,.11)!important}
.cv-generated-form .vehicle-submit{display:inline-flex!important;justify-content:center!important;min-width:170px!important;padding:13px 22px!important;border-radius:11px!important;font-weight:900!important}
.cv-form-note{margin:12px 0 0!important;padding:10px 12px;border-radius:10px;background:#f5f7fb;color:#5e6a7e;font-size:12px;line-height:1.55}
.cv-converter-loading{padding:25px;text-align:center;color:#667085}
.cv-companion-box{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px;border:1px solid #f0c7c7;border-radius:16px;background:#fff7f7}
.cv-companion-box p,.cv-companion-box small{margin:0;color:#4b5565}
.cv-inline-cta{width:auto!important;text-decoration:none!important}
.cv-home-converter-card .cr-calc-card-inner{padding:22px!important}
.cv-home-form{display:grid;gap:12px}
.cv-home-form>label,.cv-home-units label{display:grid;gap:6px;color:#dbe4f7;font-size:12px;font-weight:800}
.cv-home-form input,.cv-home-form select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #53627f;border-radius:10px;background:#fff;color:#131c2e;font:inherit}
.cv-home-units{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:end;gap:8px}
.cv-swap{width:44px;height:46px;border:1px solid #60708d;border-radius:10px;background:#34415a;color:#fff;font-size:20px;cursor:pointer}
.cv-home-submit{width:100%;min-height:48px;border:0;border-radius:11px;font-weight:950;cursor:pointer}
.cv-home-result{margin-top:14px!important;min-height:105px!important}
.cv-home-result .cr-calc-result{font-size:clamp(24px,4vw,38px)!important;overflow-wrap:anywhere}
body.cv-category-index .math-hero{background:linear-gradient(135deg,#f14a4a 0%,#e02020 52%,#a80f0f 100%)!important}
body.cv-category-index .math-hero-image{aspect-ratio:1/1!important;object-fit:cover!important;min-height:0!important;filter:saturate(.92) contrast(1.04)}
body.cv-category-index .math-item-thumb{aspect-ratio:16/8!important;overflow:hidden}
body.cv-category-index .math-item-thumb img{width:100%;height:100%;object-fit:cover}
body.cv-category-index .math-tools-grid .math-item-card-featured{overflow:hidden!important}
body.cv-category-index .math-tools-grid .math-item-thumb{width:100%!important;min-width:0!important;max-width:100%!important}
body.cv-category-index .math-tools-grid .math-item-card-featured>div:last-child{min-width:0!important;padding:4px 2px!important}
body.cv-category-index .math-tools-grid .math-item-title,body.cv-category-index .math-tools-grid .math-item-desc{overflow-wrap:anywhere!important}
body.cv-category-index .math-item-card:hover{border-color:var(--cv-red)!important}
body.cv-category-index .math-kpi-card{background:#bb1616!important}
body.cv-category-index .math-quote{border-top-color:var(--cv-red)!important}
body.cv-category-index .math-quiz-option-active{border-color:var(--cv-red)!important;background:#fff1f1!important}
.cv-answer-correct{border-color:#159447!important;background:#eaf8ef!important}
.cv-answer-wrong{border-color:#d62d2d!important;background:#fff0f0!important}
.cv-file-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cv-file-option{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:17px;border:1px solid #dce3ed;border-radius:14px;background:#fff}
.cv-file-option-primary{border-color:#e02020;background:#fff5f5}
.cv-file-option>span{color:#8a4b56;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.cv-file-option h3{margin:7px 0 6px;color:#182236;font-size:18px}
.cv-file-option p{margin:0 0 12px;color:#5e6a7e;font-size:13px;line-height:1.55}
.cv-file-option a{margin-top:auto;color:var(--cv-red-dark)!important;font-size:12px;font-weight:900;text-decoration:none!important}
.cv-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.cv-check-grid article{padding:15px;border:1px solid #f0d0d0;border-radius:12px;background:#fff}
.cv-check-grid strong{color:#8d1111}
.cv-check-grid p{margin:5px 0 0!important;font-size:13px!important}
.cv-legal-emphasis{padding:13px 15px;border-left:4px solid var(--cv-red);background:#fff2f2;font-weight:750}
.cv-dossier-layout{align-items:start}
.cv-dossier-page .cr-dossier-hero{background:linear-gradient(125deg,#f34b4b,#e02020 52%,#a80f0f)!important;color:#fff}
.cv-dossier-page .cr-dossier-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:36px;align-items:center;padding:48px 0}
.cv-dossier-page .cr-dossier-hero h1{margin:8px 0 14px;color:#fff;font-size:clamp(34px,5vw,64px);line-height:1.02;letter-spacing:-.035em}
.cv-dossier-page .cr-dossier-lead{max-width:800px;color:#fff;font-size:18px;line-height:1.62}
.cv-dossier-page .cr-dossier-kicker{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.8);color:#650b0b;font-size:11px;font-weight:950;letter-spacing:.08em}
.cv-dossier-page .cr-dossier-hero img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:24px;box-shadow:0 22px 60px rgba(60,0,0,.25)}
.cv-dossier-page .cr-chip{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.32)!important;color:#fff!important}
.cv-dossier-page .cv-dossier-layout{padding-top:34px;padding-bottom:44px}
.cv-principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.cv-principle-grid article{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:16px;border:1px solid #e4e9f1;border-radius:14px;background:#fff}
.cv-principle-grid article>span{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:var(--cv-red);color:#fff;font-weight:950}
.cv-principle-grid h3{margin:0 0 6px;font-size:16px;color:#1a263b}
.cv-principle-grid p{margin:0;color:#5e6a7e;line-height:1.62}
.cv-example-panel{border-left:5px solid var(--cv-red)!important}
.cv-static-hero{padding:54px 0;background:linear-gradient(125deg,#f34b4b,#e02020 52%,#a80f0f);color:#fff}
.cv-static-hero .cr-kicker{color:#fff!important;opacity:.9}
.cv-static-hero h1{max-width:950px;margin:8px 0 12px;color:#fff;font-size:clamp(38px,6vw,70px);line-height:1;letter-spacing:-.04em}
.cv-static-hero p{max-width:850px;margin:0;color:#fff;font-size:18px;line-height:1.6}
.cv-static-hero .math-btn-primary{display:inline-flex;margin-top:20px;background:#fff!important;color:#9e1111!important;text-decoration:none!important}
.cv-static-layout{align-items:start;padding-top:36px;padding-bottom:48px}
.cv-static-narrow{max-width:1000px!important;padding-top:36px;padding-bottom:48px}
.cv-static-page .cr-section{margin-bottom:20px;padding:28px!important}
.cv-static-page .cr-section h2{margin:0 0 12px;color:#172238;font-size:clamp(23px,3vw,34px)}
.cv-static-page .cr-section p,.cv-static-page .cr-section li{color:#4f5d72;line-height:1.75}
.cv-static-page code{padding:2px 5px;border-radius:5px;background:#f1f4f8;color:#8b1111}
.cv-static-steps{display:grid;gap:10px;padding-left:22px}
body.cr-page footer.site-footer .occs-convertisseur{color:var(--cv-red)!important;font-weight:900}
body.cr-page footer.site-footer .occs-calculatrice{color:#9a4c00!important}
body.cr-page footer.site-footer .occs-outils{color:#08752f!important}
body.cr-page footer.site-footer .occs-statistiques{color:#005fa3!important}
body.cr-page .cr-topbar .cr-occ-outils span{color:#08752f!important}
body.cr-page .cr-topbar .cr-occ-calculatrice span{color:#9a4c00!important}
body.cr-page .cr-topbar .cr-occ-statistiques span{color:#005fa3!important}
body.cr-page .cr-calc-badge{color:#fff!important}
body.cr-page .cr-calc-formula-label{color:#48556b!important}
body.cr-page .cr-breadcrumb [aria-current="page"]{color:#515d70!important}
body.cr-unified-tool-page .vehicle-source-policy a{font-weight:800!important;text-decoration:underline!important;text-underline-offset:3px!important}
body.cr-unified-tool-page .vehicle-result-placeholder strong{display:block!important;margin-bottom:4px!important}
body.cr-unified-tool-page .vehicle-result-placeholder span{display:block!important}
@media(max-width:1180px){body.cr-page .cr-nav-list a{padding-left:5px!important;padding-right:5px!important;font-size:11px!important}.cv-generated-form .vehicle-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.cv-file-options{grid-template-columns:1fr}.cv-dossier-page .cr-dossier-hero-grid{grid-template-columns:1fr}.cv-dossier-page .cr-dossier-hero img{max-height:360px}.cv-principle-grid{grid-template-columns:1fr}}
@media(max-width:680px){.cv-generated-form .vehicle-fields,.cv-check-grid{grid-template-columns:1fr}.cv-home-units{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)}.cv-dossier-page .cr-dossier-hero-grid{padding:34px 0}.cv-dossier-page .cr-dossier-hero h1{font-size:35px}.cv-dossier-page .cr-dossier-lead{font-size:16px}}
/* Calculatrice.com — mobile global v2
Portée : uniquement les petits écrans. Desktop validé inchangé. */
body.cr-page .cr-nav-toggle{display:none!important;appearance:none;-webkit-appearance:none;}
@media (max-width:900px){
html{scroll-padding-top:112px;}
body.cr-page{
overflow-x:hidden!important;
font-size:15px!important;
line-height:1.58!important;
background:#f3f5fb!important;
}
body.cr-page .cr-wrap{
width:100%!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:14px!important;
padding-right:14px!important;
box-sizing:border-box!important;
}
/* Bande réseau : même esprit que Statistiques.com, fine et scrollable. */
body.cr-page .cr-topbar{
display:block!important;
position:relative!important;
z-index:90!important;
background:#fff!important;
border-bottom:1px solid #e5eaf2!important;
font-size:10px!important;
line-height:1!important;
overflow:hidden!important;
}
body.cr-page .cr-topbar-inner{
width:100%!important;
padding:6px 12px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:12px!important;
flex-wrap:nowrap!important;
overflow-x:auto!important;
overflow-y:hidden!important;
white-space:nowrap!important;
scrollbar-width:none!important;
-webkit-overflow-scrolling:touch!important;
}
body.cr-page .cr-topbar-inner::-webkit-scrollbar{display:none!important;}
body.cr-page .cr-topbar a{
flex:0 0 auto!important;
display:inline-flex!important;
align-items:center!important;
font-size:10px!important;
line-height:1!important;
letter-spacing:.035em!important;
font-weight:650!important;
color:#5b6474!important;
text-transform:uppercase!important;
text-decoration:none!important;
}
body.cr-page .cr-topbar a span{font-weight:850!important;}
/* Header mobile : logo à gauche, burger à droite. */
body.cr-page .cr-header{
position:sticky!important;
top:0!important;
z-index:1000!important;
background:rgba(255,255,255,.98)!important;
border-bottom:1px solid #dfe6ef!important;
box-shadow:0 5px 18px rgba(15,23,42,.06)!important;
backdrop-filter:saturate(1.2) blur(10px)!important;
overflow:visible!important;
}
body.cr-page .cr-header-inner{
min-height:56px!important;
height:56px!important;
padding:8px 14px!important;
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
position:relative!important;
overflow:visible!important;
}
body.cr-page .cr-logo{
min-width:0!important;
max-width:calc(100% - 54px)!important;
flex:1 1 auto!important;
display:flex!important;
align-items:center!important;
}
body.cr-page .cr-logo img{
height:32px!important;
width:auto!important;
max-width:176px!important;
object-fit:contain!important;
}
body.cr-page .cr-logo-fallback{
min-height:32px!important;
font-size:22px!important;
line-height:1!important;
}
body.cr-page .cr-nav-toggle{
display:inline-flex!important;
flex:0 0 auto!important;
align-items:center!important;
justify-content:center!important;
width:42px!important;
height:42px!important;
padding:0!important;
margin:0!important;
border:1px solid #dce4ee!important;
border-radius:14px!important;
background:#fff!important;
color:#121827!important;
box-shadow:0 4px 12px rgba(15,23,42,.06)!important;
cursor:pointer!important;
-webkit-tap-highlight-color:transparent!important;
}
body.cr-page .cr-nav-toggle span,
body.cr-page .cr-nav-toggle span::before,
body.cr-page .cr-nav-toggle span::after{
display:block!important;
width:19px!important;
height:2px!important;
border-radius:999px!important;
background:#121827!important;
content:""!important;
transition:transform .18s ease,opacity .18s ease,top .18s ease!important;
}
body.cr-page .cr-nav-toggle span{position:relative!important;}
body.cr-page .cr-nav-toggle span::before{position:absolute!important;left:0!important;top:-6px!important;}
body.cr-page .cr-nav-toggle span::after{position:absolute!important;left:0!important;top:6px!important;}
body.cr-page .cr-header.cr-nav-open .cr-nav-toggle{background:#ffeded!important;border-color:#ffd47b!important;}
body.cr-page .cr-header.cr-nav-open .cr-nav-toggle span{background:transparent!important;}
body.cr-page .cr-header.cr-nav-open .cr-nav-toggle span::before{top:0!important;transform:rotate(45deg)!important;}
body.cr-page .cr-header.cr-nav-open .cr-nav-toggle span::after{top:0!important;transform:rotate(-45deg)!important;}
body.cr-page .cr-nav{
position:absolute!important;
top:calc(100% + 8px)!important;
left:14px!important;
right:14px!important;
width:auto!important;
max-width:none!important;
max-height:0!important;
opacity:0!important;
visibility:hidden!important;
overflow:hidden!important;
background:#ffffff!important;
border:1px solid #dfe6ef!important;
border-radius:18px!important;
box-shadow:0 24px 60px rgba(15,23,42,.18)!important;
padding:0!important;
z-index:120!important;
transition:max-height .22s ease,opacity .18s ease,visibility .18s ease,padding .18s ease!important;
}
body.cr-page .cr-header.cr-nav-open .cr-nav{
display:block!important;
max-height:min(72vh,560px)!important;
opacity:1!important;
visibility:visible!important;
overflow:auto!important;
padding:10px!important;
-webkit-overflow-scrolling:touch!important;
}
body.cr-page .cr-nav-list{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:7px!important;
align-items:stretch!important;
justify-content:stretch!important;
flex-wrap:unset!important;
margin:0!important;
padding:0!important;
list-style:none!important;
font-size:13px!important;
line-height:1.2!important;
}
body.cr-page .cr-nav-list li{display:block!important;margin:0!important;padding:0!important;min-width:0!important;}
body.cr-page .cr-nav-list a{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
width:100%!important;
min-height:42px!important;
padding:10px 11px!important;
border-radius:13px!important;
border:1px solid #edf1f6!important;
background:#f8fafc!important;
color:#263348!important;
font-size:13px!important;
font-weight:750!important;
line-height:1.15!important;
white-space:normal!important;
text-decoration:none!important;
}
body.cr-page .cr-nav-list a:hover,
body.cr-page .cr-nav-list a:focus-visible{
border-color:#ffd47b!important;
background:#fff8ea!important;
color:#811111!important;
text-decoration:none!important;
}
body.cr-page .cr-nav-list a.cr-active,
body.cr-page .cr-nav-list .cr-active{
border:1px solid #ffd47b!important;
border-bottom:1px solid #ffd47b!important;
background:#ffe5e5!important;
color:#811111!important;
padding:10px 11px!important;
}
/* Sous-navigation : seulement les ancres, en chips horizontaux. */
body.cr-page .cr-toc{
position:relative!important;
z-index:40!important;
background:#fff!important;
border-bottom:1px solid #e5eaf2!important;
}
body.cr-page .cr-toc-inner{
display:block!important;
padding:7px 14px!important;
overflow:hidden!important;
}
body.cr-page .cr-breadcrumb{display:none!important;}
body.cr-page .cr-toc-links{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:7px!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
flex-wrap:nowrap!important;
overflow-x:auto!important;
overflow-y:hidden!important;
white-space:nowrap!important;
scrollbar-width:none!important;
-webkit-overflow-scrolling:touch!important;
}
body.cr-page .cr-toc-links::-webkit-scrollbar{display:none!important;}
body.cr-page .cr-toc-links a{
flex:0 0 auto!important;
min-height:28px!important;
padding:6px 10px!important;
border-radius:999px!important;
border:1px solid #fde7b5!important;
background:#fff8ea!important;
color:#8a5700!important;
font-size:12px!important;
font-weight:800!important;
line-height:1!important;
text-decoration:none!important;
}
/* Hero et blocs principaux : empilement propre. */
body.cr-page .cr-hero,
body.cr-page .cr-tool-hero,
body.cr-page .cr-dossier-hero{
padding:24px 0 28px!important;
}
body.cr-page .cr-hero::after{
right:-118px!important;
top:-118px!important;
width:230px!important;
height:230px!important;
border-width:24px!important;
opacity:.72!important;
}
body.cr-page .cr-hero-grid,
body.cr-page .cr-hero .cr-wrap.cr-hero-grid,
body.cr-page .cr-tool-hero .cr-wrap.cr-hero-grid,
body.cr-page .cr-dossier-hero .cr-wrap.cr-hero-grid{
width:100%!important;
max-width:none!important;
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
gap:18px!important;
align-items:start!important;
padding-left:14px!important;
padding-right:14px!important;
}
body.cr-page .cr-hero-copy{max-width:none!important;}
body.cr-page .cr-hero h1,
body.cr-page .cr-tool-hero h1,
body.cr-page .cr-dossier-hero h1{
font-size:clamp(31px,9vw,43px)!important;
line-height:1.02!important;
letter-spacing:-.055em!important;
margin-bottom:10px!important;
}
body.cr-page .cr-hero-lead{font-size:15px!important;line-height:1.55!important;margin-bottom:12px!important;}
body.cr-page .cr-hero-answer{padding:12px!important;border-radius:15px!important;font-size:13px!important;line-height:1.55!important;}
body.cr-page .cr-chip-row{display:flex!important;overflow:visible!important;flex-wrap:wrap!important;gap:7px!important;scrollbar-width:auto!important;padding-bottom:1px!important;}
body.cr-page .cr-chip-row::-webkit-scrollbar{display:none!important;}
body.cr-page .cr-chip{flex:0 0 auto!important;font-size:11px!important;padding:6px 9px!important;}
/* Calculatrices : largeur complète et aucun débordement. */
body.cr-page .cr-calc-card,
body.cr-page .cr-tool-calc-card,
body.cr-page .cr-surface-calc-card,
body.cr-page .cr-graph-card,
body.cr-scientific-page .cr-scientific-card{
width:100%!important;
max-width:none!important;
justify-self:stretch!important;
}
body.cr-page .cr-calc-card-inner{padding:12px!important;border-radius:20px!important;}
body.cr-page .cr-calc-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;}
body.cr-page .cr-calc-head h2{font-size:16px!important;line-height:1.15!important;}
body.cr-page .cr-calc-head p{font-size:11px!important;line-height:1.35!important;}
body.cr-page .cr-calc-screen,
body.cr-page .cr-tool-screen{border-radius:16px!important;padding:12px!important;}
body.cr-page .cr-calc-result{font-size:clamp(25px,8vw,36px)!important;}
/* Scientifique et graphique : mobile vertical lisible. */
body.cr-scientific-page .cr-scientific-layout{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;}
body.cr-scientific-page .cr-sci-control-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body.cr-scientific-page .cr-sci-function-row-six{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body.cr-scientific-page .cr-sci-number-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body.cr-scientific-page .cr-scientific-layout .cr-calc-key{min-height:38px!important;font-size:11px!important;border-radius:9px!important;padding:0 4px!important;}
body.cr-scientific-page .cr-scientific-examples{grid-template-columns:1fr 1fr!important;}
body.cr-graph-page .cr-graph-layout{grid-template-columns:minmax(0,1fr)!important;}
body.cr-graph-page .cr-graph-canvas{height:300px!important;min-height:260px!important;}
body.cr-graph-page .cr-graph-results{grid-template-columns:minmax(0,1fr)!important;}
body.cr-graph-page .cr-graph-examples{grid-template-columns:1fr 1fr!important;}
/* Pages outils/surfaces : formulaires et tableaux mobiles. */
body.cr-tool-page .cr-tool-form,
body.cr-tool-page .cr-tool-mode-fields,
body.cr-surface-tool-page .cr-surface-form{grid-template-columns:minmax(0,1fr)!important;}
body.cr-tool-page .cr-tool-submit,
body.cr-surface-tool-page .cr-tool-submit{grid-column:1/-1!important;}
body.cr-tool-page .cr-tool-hero-diagram img,
body.cr-surface-tool-page .cr-surface-hero-diagram img{max-height:150px!important;}
/* Contenu général. */
body.cr-page .cr-main{padding-top:0!important;}
body.cr-page .cr-main > .cr-wrap.cr-content-grid{margin-top:18px!important;}
body.cr-page .cr-content-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;}
body.cr-page .cr-sidebar{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;top:auto!important;}
body.cr-page .cr-sidebar-card + .cr-sidebar-card{margin-top:0!important;}
body.cr-page .cr-ad{max-width:100%!important;overflow:hidden!important;}
body.cr-page .cr-surface{padding:16px!important;border-radius:18px!important;}
body.cr-page .cr-surface h2{font-size:24px!important;line-height:1.15!important;}
body.cr-page .cr-card-grid,
body.cr-page .cr-tool-list,
body.cr-page .cr-dossier-grid,
body.cr-page .cr-guide-grid,
body.cr-page .cr-related-grid,
body.cr-page .cr-dossier-card-grid,
body.cr-page .cr-dossier-columns,
body.cr-page .cr-step-list{grid-template-columns:minmax(0,1fr)!important;}
body.cr-page .cr-formula-table,
body.cr-page .cr-dossier-table{display:block!important;overflow-x:auto!important;white-space:nowrap!important;}
body.cr-page .cr-formula-table td,
body.cr-page .cr-dossier-table td,
body.cr-page .cr-dossier-table th{white-space:normal!important;min-width:138px!important;}
body.cr-page .cr-bottom-breadcrumb{padding:12px 0 18px!important;margin-top:12px!important;}
body.cr-page .cr-bottom-breadcrumb .cr-breadcrumb{display:flex!important;font-size:12px!important;}
/* Index /math/ : reprend la logique mobile de la rubrique Statistiques. */
body.cr-math-index-page .cr-wrap{width:100%!important;max-width:none!important;padding-left:14px!important;padding-right:14px!important;}
body.cr-math-index-page .math-hero{padding:24px 0 28px!important;overflow:hidden!important;}
body.cr-math-index-page .math-hero::after{right:-130px!important;top:-105px!important;width:250px!important;height:250px!important;border-width:28px!important;opacity:.65!important;}
body.cr-math-index-page .math-hero-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;align-items:start!important;}
body.cr-math-index-page .math-hero-text{min-width:0!important;padding-right:0!important;}
body.cr-math-index-page .math-hero-title-main{font-size:clamp(36px,10vw,48px)!important;line-height:.98!important;}
body.cr-math-index-page .math-hero-title-sub{font-size:clamp(22px,6.2vw,30px)!important;line-height:1.08!important;}
body.cr-math-index-page .math-hero-lead,
body.cr-math-index-page .math-hero-highlights{font-size:14px!important;line-height:1.55!important;}
body.cr-math-index-page .math-hero-visual{transform:none!important;height:auto!important;min-width:0!important;max-width:420px!important;margin:4px auto 0!important;}
body.cr-math-index-page .math-hero-image{position:static!important;width:100%!important;height:auto!important;max-height:320px!important;object-fit:cover!important;border-radius:16px!important;}
body.cr-math-index-page .math-section-main{padding-top:24px!important;}
body.cr-math-index-page .math-kpi-grid,
body.cr-math-index-page .math-layout,
body.cr-math-index-page .math-surface-groups,
body.cr-math-index-page .math-quiz-wrapper{grid-template-columns:minmax(0,1fr)!important;}
body.cr-math-index-page .math-item-card-featured{grid-template-columns:96px minmax(0,1fr)!important;}
body.cr-math-index-page .math-item-thumb img{max-height:78px!important;}
body.cr-math-index-page .math-quiz-image img{min-height:210px!important;max-height:260px!important;}
body.cr-math-index-page .math-quote-text{font-size:20px!important;}
/* Footer : compact et propre. */
body.cr-page footer.site-footer .container{width:100%!important;padding-left:14px!important;padding-right:14px!important;}
body.cr-page footer.site-footer .footer-top,
body.cr-page footer.site-footer .footer-bottom{display:block!important;text-align:left!important;}
body.cr-page footer.site-footer .footer-links{display:flex!important;flex-wrap:wrap!important;gap:8px 12px!important;}
body.cr-page footer.site-footer .occs-footer{align-items:flex-start!important;}
}
@media (max-width:480px){
body.cr-page .cr-wrap{padding-left:12px!important;padding-right:12px!important;}
body.cr-page .cr-topbar-inner{padding-left:10px!important;padding-right:10px!important;}
body.cr-page .cr-header-inner{height:54px!important;padding:8px 12px!important;}
body.cr-page .cr-nav{left:10px!important;right:10px!important;}
body.cr-page .cr-nav-list{grid-template-columns:minmax(0,1fr)!important;}
body.cr-page .cr-logo img{height:30px!important;max-width:170px!important;}
body.cr-page .cr-hero-grid,
body.cr-page .cr-hero .cr-wrap.cr-hero-grid,
body.cr-page .cr-tool-hero .cr-wrap.cr-hero-grid{padding-left:12px!important;padding-right:12px!important;}
body.cr-page .cr-hero h1{font-size:30px!important;}
body.cr-page .cr-calc-key{min-height:42px!important;font-size:14px!important;}
body.cr-scientific-page .cr-sci-control-strip,
body.cr-scientific-page .cr-sci-function-row-six,
body.cr-scientific-page .cr-sci-number-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
body.cr-graph-page .cr-graph-ranges,
body.cr-graph-page .cr-graph-actions{grid-template-columns:minmax(0,1fr)!important;}
body.cr-math-index-page .math-item-card-featured{grid-template-columns:minmax(0,1fr)!important;}
}
/* v3 — correctif de spécificité pour scientifique.php :
le CSS desktop de cette page a des sélecteurs plus forts, donc on les reprend explicitement en mobile. */
@media (max-width:900px){
body.cr-page.cr-scientific-page .cr-topbar{
display:block!important;
position:relative!important;
z-index:90!important;
background:#fff!important;
border-bottom:1px solid #e5eaf2!important;
font-size:10px!important;
line-height:1!important;
overflow:hidden!important;
}
body.cr-page.cr-scientific-page .cr-topbar-inner{
width:100%!important;
padding:6px 12px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:12px!important;
flex-wrap:nowrap!important;
overflow-x:auto!important;
overflow-y:hidden!important;
white-space:nowrap!important;
scrollbar-width:none!important;
-webkit-overflow-scrolling:touch!important;
}
body.cr-page.cr-scientific-page .cr-topbar-inner::-webkit-scrollbar{display:none!important;}
body.cr-page.cr-scientific-page .cr-topbar a{
flex:0 0 auto!important;
display:inline-flex!important;
align-items:center!important;
font-size:10px!important;
line-height:1!important;
letter-spacing:.035em!important;
font-weight:650!important;
color:#5b6474!important;
text-transform:uppercase!important;
text-decoration:none!important;
}
body.cr-page.cr-scientific-page .cr-header{
position:sticky!important;
top:0!important;
z-index:1000!important;
background:rgba(255,255,255,.98)!important;
border-bottom:1px solid #dfe6ef!important;
box-shadow:0 5px 18px rgba(15,23,42,.06)!important;
backdrop-filter:saturate(1.2) blur(10px)!important;
overflow:visible!important;
}
body.cr-page.cr-scientific-page .cr-header-inner{
min-height:56px!important;
height:56px!important;
padding:8px 14px!important;
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
position:relative!important;
overflow:visible!important;
}
body.cr-page.cr-scientific-page .cr-logo{
min-width:0!important;
max-width:calc(100% - 54px)!important;
flex:1 1 auto!important;
display:flex!important;
align-items:center!important;
}
body.cr-page.cr-scientific-page .cr-logo img{
height:32px!important;
width:auto!important;
max-width:176px!important;
object-fit:contain!important;
}
body.cr-page.cr-scientific-page .cr-nav-toggle{
display:inline-flex!important;
flex:0 0 auto!important;
align-items:center!important;
justify-content:center!important;
width:42px!important;
height:42px!important;
padding:0!important;
margin:0!important;
border:1px solid #dce4ee!important;
border-radius:14px!important;
background:#fff!important;
color:#121827!important;
box-shadow:0 4px 12px rgba(15,23,42,.06)!important;
cursor:pointer!important;
}
body.cr-page.cr-scientific-page .cr-nav-toggle span,
body.cr-page.cr-scientific-page .cr-nav-toggle span::before,
body.cr-page.cr-scientific-page .cr-nav-toggle span::after{
display:block!important;
width:19px!important;
height:2px!important;
border-radius:999px!important;
background:#121827!important;
content:""!important;
transition:transform .18s ease,opacity .18s ease,top .18s ease!important;
}
body.cr-page.cr-scientific-page .cr-nav-toggle span{position:relative!important;}
body.cr-page.cr-scientific-page .cr-nav-toggle span::before{position:absolute!important;left:0!important;top:-6px!important;}
body.cr-page.cr-scientific-page .cr-nav-toggle span::after{position:absolute!important;left:0!important;top:6px!important;}
body.cr-page.cr-scientific-page .cr-header.cr-nav-open .cr-nav-toggle{background:#ffeded!important;border-color:#ffd47b!important;}
body.cr-page.cr-scientific-page .cr-header.cr-nav-open .cr-nav-toggle span{background:transparent!important;}
body.cr-page.cr-scientific-page .cr-header.cr-nav-open .cr-nav-toggle span::before{top:0!important;transform:rotate(45deg)!important;}
body.cr-page.cr-scientific-page .cr-header.cr-nav-open .cr-nav-toggle span::after{top:0!important;transform:rotate(-45deg)!important;}
body.cr-page.cr-scientific-page .cr-nav{
position:absolute!important;
top:calc(100% + 8px)!important;
left:14px!important;
right:14px!important;
width:auto!important;
max-width:none!important;
max-height:0!important;
opacity:0!important;
visibility:hidden!important;
overflow:hidden!important;
background:#ffffff!important;
border:1px solid #dfe6ef!important;
border-radius:18px!important;
box-shadow:0 24px 60px rgba(15,23,42,.18)!important;
padding:0!important;
z-index:120!important;
transition:max-height .22s ease,opacity .18s ease,visibility .18s ease,padding .18s ease!important;
}
body.cr-page.cr-scientific-page .cr-header.cr-nav-open .cr-nav{
display:block!important;
max-height:min(72vh,560px)!important;
opacity:1!important;
visibility:visible!important;
overflow:auto!important;
padding:10px!important;
-webkit-overflow-scrolling:touch!important;
}
body.cr-page.cr-scientific-page .cr-nav-list{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:7px!important;
align-items:stretch!important;
justify-content:stretch!important;
flex-wrap:unset!important;
margin:0!important;
padding:0!important;
list-style:none!important;
font-size:13px!important;
line-height:1.2!important;
}
body.cr-page.cr-scientific-page .cr-nav-list li{display:block!important;margin:0!important;padding:0!important;min-width:0!important;}
body.cr-page.cr-scientific-page .cr-nav-list a{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
width:100%!important;
min-height:42px!important;
padding:10px 11px!important;
border-radius:13px!important;
border:1px solid #edf1f6!important;
background:#f8fafc!important;
color:#263348!important;
font-size:13px!important;
font-weight:750!important;
line-height:1.15!important;
white-space:normal!important;
text-decoration:none!important;
}
body.cr-page.cr-scientific-page .cr-nav-list a.cr-active,
body.cr-page.cr-scientific-page .cr-nav-list .cr-active{
border:1px solid #ffd47b!important;
border-bottom:1px solid #ffd47b!important;
background:#ffe5e5!important;
color:#811111!important;
padding:10px 11px!important;
}
body.cr-page.cr-scientific-page .cr-toc-inner{
display:block!important;
padding:7px 14px!important;
overflow:hidden!important;
}
body.cr-page.cr-scientific-page .cr-breadcrumb{display:none!important;}
body.cr-page.cr-scientific-page .cr-toc-links{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:7px!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
flex-wrap:nowrap!important;
overflow-x:auto!important;
overflow-y:hidden!important;
white-space:nowrap!important;
scrollbar-width:none!important;
-webkit-overflow-scrolling:touch!important;
}
body.cr-page.cr-scientific-page .cr-toc-links::-webkit-scrollbar{display:none!important;}
}
@media (max-width:480px){
body.cr-page.cr-scientific-page .cr-header-inner{height:54px!important;padding:8px 12px!important;}
body.cr-page.cr-scientific-page .cr-nav{left:10px!important;right:10px!important;}
body.cr-page.cr-scientific-page .cr-nav-list{grid-template-columns:minmax(0,1fr)!important;}
body.cr-page.cr-scientific-page .cr-logo img{height:30px!important;max-width:170px!important;}
}
/* Compléments fonctionnels : palette, typographies et gabarits OCCS conservés. */
.cv-result-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:13px}.cv-result-actions button,.cv-example-chip{background:#fff;border:1px solid #e2e5eb;border-radius:10px;color:#811111;padding:8px 12px;cursor:pointer;font:inherit}.cv-result-actions button:disabled{opacity:.5;cursor:default}.cv-example-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.cv-table-scroll{overflow-x:auto}.cv-table-scroll table{width:100%;border-collapse:collapse}.cv-table-scroll th,.cv-table-scroll td{padding:10px;text-align:left;border-bottom:1px solid #e5e7eb}.cv-table-scroll caption{text-align:left;font-weight:700;padding:8px 0}.cv-source-note{font-size:14px;line-height:1.6}.cv-search{margin:20px 0}.cv-search input{width:100%;padding:14px;border:1px solid #dce1e8;border-radius:12px;font:inherit}.cv-search-results{display:grid;gap:8px;margin-top:10px}.cv-search-results a{padding:10px;border-bottom:1px solid #eee}.cv-upload input,.cv-upload select{max-width:100%;padding:10px;font:inherit}.cv-upload-preview{max-width:100%;max-height:320px;object-fit:contain}.cv-form-note{line-height:1.5}.cv-result-actions button:focus-visible,.cv-example-chip:focus-visible{outline:3px solid #e02020;outline-offset:2px}.cv-swatch{height:46px;border:1px solid #bbb;border-radius:8px;margin-top:8px}.cv-copy-status:empty{display:none}.cv-related-guides{margin-top:16px}.cv-file-procedure li{margin-bottom:14px}.cv-file-procedure strong{display:block}.cv-source-table td{vertical-align:top}.cv-screen-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cv-extra-tool input,.cv-extra-tool select{width:100%;border:1px solid #dce1e8;border-radius:8px;padding:10px;font:inherit}.cv-extra-tool label{display:block}.cv-extra-tool output{display:block;margin-top:12px;font-weight:700}.cv-upload a[download]{display:inline-block;margin:12px 0;padding:12px 18px;background:#e02020;color:white;border-radius:10px}.cv-upload a[hidden]{display:none}
@media(max-width:700px){.cv-screen-fields{grid-template-columns:1fr}.cv-table-scroll th,.cv-table-scroll td{padding:8px}.vehicle-result strong{overflow-wrap:anywhere}.cv-result-actions{gap:8px}.cv-upload{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
[hidden]{display:none!important}.cv-code{overflow:auto;max-width:100%;padding:1rem;background:#f6f6f6;border:1px solid #ddd;border-radius:8px;white-space:pre}.cv-image-preview{display:block;max-width:100%;max-height:340px;object-fit:contain;margin-top:16px}[data-image-download]{display:inline-block;color:#fff;background:#e02020;padding:12px 18px;border-radius:7px;font-weight:700}[data-cv-search]>input{display:block;box-sizing:border-box;width:100%;max-width:560px;margin:10px 0 16px;padding:12px;border:1px solid #bbb;border-radius:8px;font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a91313;outline-offset:3px}
/* Seconde passe : fonctions repliées, sans changement du gabarit OCCS. */
.cv-batch{margin-top:20px;padding:14px 0;border-top:1px solid #e2e5eb}.cv-batch summary{cursor:pointer;font-weight:700}.cv-batch p{font-size:14px;line-height:1.6}.cv-batch textarea,.vehicle-field textarea{width:100%;font:inherit;padding:12px;border:1px solid #dce1e8;border-radius:8px;margin:8px 0;resize:vertical}.cv-batch output{display:block;margin-top:12px;line-height:1.6}.cv-batch [data-batch-result]{margin-top:12px}.vehicle-result-value strong,.cv-batch td{overflow-wrap:anywhere}.cv-batch button:disabled{opacity:.5;cursor:default}.cv-definition-table{font-size:15px}.cv-reading-links{display:flex;gap:12px;flex-wrap:wrap}.cv-reading-links a{font-weight:600}.cv-step-list li{margin:10px 0;line-height:1.65}.cv-case-table th,.cv-case-table td{vertical-align:top}
.cv-batch textarea,.vehicle-field textarea{box-sizing:border-box}textarea:focus-visible{outline:3px solid #a91313;outline-offset:3px}.cv-table-scroll{max-width:100%}.vehicle-result-value strong{white-space:pre-wrap}
/* Nouveaux contrôles, avec les couleurs et champs OCCS existants. */
[data-cv-search] a[hidden],[data-reference-family][hidden]{display:none!important}
body.cr-unified-tool-page [data-cv-csv] textarea{box-sizing:border-box;width:100%;min-height:130px;padding:12px 14px;border:1px solid rgba(148,163,184,.5);border-radius:12px;background:#fff;color:#0f172a;font:400 15px/1.5 ui-monospace,monospace;resize:vertical}
body.cr-unified-tool-page [data-cv-csv] textarea:focus{outline:3px solid #fca5a5;outline-offset:2px}
[data-cv-csv] [data-csv-preview]{max-height:340px;overflow:auto;background:#fff;color:#0f172a;border-radius:10px}
[data-cv-csv] [data-csv-preview] td{overflow-wrap:anywhere;max-width:280px;white-space:pre-wrap}
[data-cv-csv] [data-csv-download]{display:inline-block;margin-top:12px;color:#fff!important;font-weight:700;text-decoration:underline}
[data-cv-csv] [data-csv-download][hidden]{display:none!important}
[data-reference-filter]{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0}
[data-reference-filter] .vehicle-field{flex:1 1 240px;min-width:0}
[data-reference-filter] label{display:block;margin-bottom:6px;font-weight:650}
[data-reference-filter] input,[data-reference-filter] select{box-sizing:border-box;width:100%;min-height:44px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#172033;font:inherit}
body.cr-unified-tool-page [data-cv-csv] input[type=checkbox]{width:auto;min-height:0;accent-color:#e02020}
[data-cv-csv]>p>label{color:#fff}
/* Keep long tables and commands inside the existing OCCS content column. */
body.cr-unified-tool-page .vehicle-content {
min-width: 0;
grid-template-columns: minmax(0, 1fr);
}
body.cr-unified-tool-page .vehicle-content > .vehicle-section {
min-width: 0;
max-width: 100%;
}
body.cr-unified-tool-page .cv-code,
body.cr-unified-tool-page .cv-table-scroll {
max-width: 100%;
overflow-x: auto;
}
body.cr-unified-tool-page .vehicle-proof-row {
display: flex;
flex-wrap: wrap;
}
body.cr-unified-tool-page .vehicle-hero-note a {
color: inherit;
text-decoration: underline;
}
/* Ajustements de parcours : palette, typographie et composants OCCS conservés. */
.cv-generated-form .vehicle-fields:empty{display:none}
.cv-converter-options,.cv-input-instructions{margin:10px 0;padding:0;min-width:0}
.cv-converter-options summary,.cv-input-instructions summary{cursor:pointer;min-height:32px;line-height:1.5}
.cv-converter-options .vehicle-field{margin-top:10px}
.cv-generated-form .cv-result-near-input{margin-top:14px}
.cv-generated-form .cv-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.cv-document-form{min-width:0}
.cv-document-form [hidden]{display:none!important}
.cv-document-form .cv-table-scroll{max-height:440px;overflow:auto}
.cv-document-form .cv-table-scroll input{min-width:100px;width:100%;font:inherit;box-sizing:border-box}
.cv-document-form .cv-document-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.cv-document-form .cv-document-actions a{display:inline-flex;align-items:center;min-height:44px}
.cv-document-form .cv-document-preview{max-width:100%;height:auto;border:1px solid #dde4f0}
.cv-document-form textarea{width:100%;box-sizing:border-box;min-height:150px}
.cv-document-form progress{width:100%;height:18px}
.cv-document-form [role=status]{overflow-wrap:anywhere}
@media(max-width:767px){
body.cr-home-page.cv-home-page .home-hero{padding:14px 0!important}
body.cr-home-page.cv-home-page .home-hero .cr-hero-grid{gap:16px!important}
body.cr-home-page.cv-home-page .home-hero .cr-kicker{display:none!important}
body.cr-home-page.cv-home-page .home-hero h1{margin:0 0 10px!important}
body.cr-home-page.cv-home-page .home-hero .cr-hero-lead{margin:0!important;font-size:16px!important;line-height:1.5!important}
body.cr-home-page.cv-home-page .home-hero-links{gap:7px!important;margin-top:12px!important}
body.cr-home-page.cv-home-page .home-hero-links a{padding:8px 10px!important;min-height:40px;box-sizing:border-box}
body.cr-home-page.cv-home-page .home-popular-card{display:grid;grid-template-columns:104px minmax(0,1fr)}
body.cr-home-page.cv-home-page .home-popular-card>img{width:104px;height:100%;min-height:156px;object-fit:cover;aspect-ratio:auto}
body.cr-home-page.cv-home-page .home-popular-body{padding:13px}
body.cr-home-page.cv-home-page .home-popular-card h3{margin:5px 0;font-size:16px}
body.cr-home-page.cv-home-page .home-popular-card p{font-size:12px;margin-bottom:9px}
body.cr-home-page.cv-home-page .home-category-card{grid-template-columns:100px minmax(0,1fr)!important}
body.cr-home-page.cv-home-page .home-category-image img{min-height:170px!important;height:100%!important;aspect-ratio:auto!important}
body.cr-home-page.cv-home-page .home-category-body{padding:13px!important}
body.cr-home-page.cv-home-page .home-category-body h3{font-size:18px}
body.cv-file-page .vehicle-hero,
body.cv-tool-page .vehicle-hero{padding-top:16px!important;padding-bottom:16px!important}
body.cv-file-page .cr-unified-hero-copy .vehicle-kicker,
body.cv-tool-page .cr-unified-hero-copy .vehicle-kicker{margin-bottom:8px!important}
body.cv-file-page .cr-unified-hero-copy h1,
body.cv-tool-page .cr-unified-hero-copy h1{margin-top:0!important;margin-bottom:10px!important}
body.cv-file-page .cr-unified-hero-copy .vehicle-lead,
body.cv-tool-page .cr-unified-hero-copy .vehicle-lead{margin:0!important;font-size:16px!important;line-height:1.5!important}
body.cv-file-page .vehicle-proof-row,
body.cv-tool-page .vehicle-proof-row{display:none!important}
body.cv-file-page .vehicle-hero-grid,
body.cv-tool-page .vehicle-hero-grid{gap:16px!important}
body.cv-file-page .cr-unified-calculator .cr-calc-card-inner,
body.cv-tool-page .cr-unified-calculator .cr-calc-card-inner{padding:14px!important}
body.cv-tool-page .cv-generated-form .vehicle-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
body.cv-tool-page .cv-generated-form .vehicle-field{min-width:0}
body.cv-tool-page .cv-generated-form.cv-wide-direction .vehicle-field:has([name=direction]),
body.cv-tool-page .cv-generated-form .vehicle-field:has([name=system]),
body.cv-tool-page .cv-generated-form .vehicle-field:has([name=ingredient]),
body.cv-tool-page .cv-generated-form .vehicle-field:has([name=rate]),
body.cv-tool-page .cv-generated-form .vehicle-field:has([name=rateBasis]),
body.cv-tool-page .cv-generated-form .vehicle-field:has([name=durationMode]),
body.cv-tool-page .cv-generated-form .vehicle-field:has(textarea),
body.cv-tool-page .cv-generated-form .vehicle-field:has([name=text]){grid-column:1/-1}
body.cv-tool-page .cv-generated-form .vehicle-field label{font-size:13px!important;line-height:1.4!important}
body.cv-tool-page .cv-generated-form .vehicle-submit{margin-top:12px!important;min-height:44px!important}
body.cv-tool-page .cv-generated-form .cv-result-near-input{margin-top:12px!important}
body.cv-tool-page .cv-generated-form .vehicle-result-value{padding:14px!important}
body.cv-tool-page .cv-generated-form .vehicle-result-value strong{font-size:30px!important}
body.cv-tool-page .cv-generated-form .vehicle-result-value p{font-size:13px!important}
body.cv-tool-page .cv-generated-form .cv-converter-options,
body.cv-tool-page .cv-generated-form .cv-input-instructions{font-size:13px}
}