/* Coque vectorielle (shell.svg, 753x818) tracée sur les mesures de la page de 2001 ; tout le contenu est posé en absolu dessus. */
:root{--dk:#21242e;--or:#ff9600;--panel:#8aa1d3;--sub:#9fbee6}
html,body{margin:0}
html{scrollbar-gutter:stable}
body{background:#dedede;font-family:Arial,Helvetica,sans-serif;color:#111}
a{text-decoration:none;color:inherit}
#page{position:relative;width:753px;height:818px;margin:8px auto 14px;background:url(shell.svg?v=16) 0 0 no-repeat;zoom:var(--z,1)}
#page>*,.w>*{position:absolute}
.w{display:contents}
/* ---------- en-tête ---------- */
.sl{left:627px;top:20px;font:bold 10px Arial;color:#fff;white-space:nowrap}
.tips{left:700px;top:23px;font:10px Arial;color:#111;text-decoration:underline}
#page>select{left:621px;top:51px;width:94px;height:24px;font:12px Arial;margin:0}
.logo{left:11px;top:80px;width:98px;height:13px;font:italic 900 8px/13px Arial,Helvetica,sans-serif;text-transform:uppercase;color:#de0029;text-align:center;white-space:nowrap;letter-spacing:0}
.nv{top:75px;height:29px;display:flex;align-items:center;justify-content:center}
.nv a{color:var(--or);font:italic 900 10px Arial;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.nv a:hover{color:#fff}
.ob{top:75px;height:29px}.i1{left:555px;width:97px}.i2{left:652px;width:101px}
.ob i,.ob b{position:absolute;top:9px;height:14px;line-height:14px;color:#000;text-align:center;font-style:normal}
.ob i{font:normal 11px/14px Arial}.ob b{font:bold 10px/14px "Courier New",monospace;text-transform:uppercase;white-space:nowrap}
.i1 i{left:7px;width:19px}.i1 b{left:27px;width:63px}.i2 i{left:2px;width:19px}.i2 b{left:22px;width:70px}
.ob:hover b{color:#7c4900}
.sn{top:104px;height:18px;font:bold 10px/18px Arial;color:var(--dk);text-align:center;white-space:nowrap}.sn:hover{color:#1b2766}
.sw{left:637px;top:104px;width:80px;height:24px;padding-bottom:6px;box-sizing:border-box;font:bold 9px/18px "Courier New",monospace;text-transform:uppercase;text-align:center;color:var(--dk);white-space:nowrap}
/* ---------- bande gauche ---------- */
.lt{left:6px;width:16px;writing-mode:vertical-rl;text-align:center;line-height:16px;font:bold 10px/16px "Courier New",monospace;letter-spacing:1.5px;text-transform:uppercase;color:#dedede;white-space:nowrap}.lt:hover{color:var(--or)}
/* ---------- bannière ---------- */
.hero{left:36px;top:128px;width:564px;height:188px;background:#9b9ee0 radial-gradient(#8587d0 1.5px,transparent 2px) 0 0/6px 6px;display:flex;align-items:center;gap:14px;padding:0 14px;box-sizing:border-box;overflow:hidden}
.pic{width:180px;height:146px;background:#fff;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center;font-size:40px;flex:none;overflow:hidden}
.pic img,.im img,.tall img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.hero h1,.hero h2{margin:0;font:italic 900 40px "Arial Black",Arial;color:#fff;text-shadow:3px 3px 0 #1b1b50,-2px -2px 0 #1b1b50,2px -2px 0 #1b1b50,-2px 2px 0 #1b1b50}
.hero p{margin:8px 0 0;font:bold 13px Arial;color:#10104a;display:flex;gap:8px;align-items:center}
.go{width:22px;height:22px;border-radius:50%;background:#5aa21e;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:none}
.sel{left:56px;top:320px;width:136px;height:19px}
.sel select{width:136px;height:19px;font:12px Arial;margin:0;display:block}
/* ---------- panneau clair ---------- */
#sec{left:36px;top:378px;width:594px;height:345px;display:flex;gap:10px;overflow:hidden}
.col{min-width:0}.c1{width:224px;flex:none}.c2{width:226px;flex:none}.c3{width:124px;flex:none}
.col h3,.col:not(.txt) h2{margin:0;height:19px;font:900 11px/19px "Arial Black",Arial;text-transform:uppercase;display:flex;gap:4px;color:#fff;text-shadow:1px 0 var(--dk),-1px 0 var(--dk),0 1px var(--dk),0 -1px var(--dk)}.col h3:before,.col:not(.txt) h2:before{content:"\2630"}
.news{display:block}
.news a{display:flex;height:38px;margin-bottom:20px}
.news.many a{height:30px;margin-bottom:2px}
.news .ic{width:44px;flex:none;background:#dedede;border-radius:12px 0 0 12px;display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid var(--dk);border-right:1px dotted var(--dk);box-sizing:border-box}
.news .ic{position:relative;overflow:hidden;background:#fff}.news .ic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:2px;box-sizing:border-box;border-radius:inherit}
.news .tx{flex:1;background:#dedede;font:15px/1.2 Arial;padding:3px 4px;border-top:1px solid var(--dk);overflow:hidden}.news .tx small{display:block;color:#444;font-size:10px;line-height:1.1}
.news .ar{width:20px;flex:none;background:var(--dk);color:var(--or);font-size:9px;display:flex;align-items:flex-start;justify-content:center;padding-top:3px;border-radius:0 12px 0 0;clip-path:polygon(0 0,100% 0,100% 100%,35% 100%)}
.news a:hover .tx{background:#fff}
.feat{display:grid;grid-template-columns:112px 112px;gap:4px 2px}
.feat a{width:112px;background:#dedede;font:bold 9px "Courier New";text-align:center;text-transform:uppercase;border-radius:6px 6px 0 0;overflow:hidden}.feat a:hover{background:#fff}
.im{height:66px;background:#fff;position:relative;display:flex;align-items:center;justify-content:center;font-size:20px}
.feat a .n{display:block;height:14px;line-height:14px;background:#dedede}
.more{margin-top:4px;height:26px;background:var(--dk);border-radius:0 0 10px 10px;display:flex;align-items:center;justify-content:center}
.more select{font:11px Arial;width:200px}
.poll .q{background:#4f6c82;color:#fff;font:15px/1.2 Arial;padding:4px 4px 4px 22px;border-radius:6px 6px 0 0;margin-top:6px;min-height:46px;position:relative;border-left:1px solid #000}
.poll .q:before{content:"?";position:absolute;left:4px;top:4px;width:11px;height:11px;background:#e4e4ea;color:var(--dk);font:bold 9px/11px Arial;text-align:center}
.poll label{display:block;background:#dedede;font:15px/1.15 Arial;padding:4px 4px 4px 22px;position:relative;border-left:1px solid #000}
.poll label input{position:absolute;left:4px;top:4px;margin:0}
.poll .s{background:var(--dk);height:26px;display:flex;align-items:center;justify-content:center;border-radius:0 0 8px 8px}
.btn{background:#edab27;border:2px solid #fff;border-radius:3px;font:bold 9px Arial;text-transform:uppercase;padding:3px 7px;color:#000;white-space:nowrap;cursor:pointer;display:inline-block}
/* ---------- fiches ---------- */
.spec{background:#dedede;border-radius:10px;padding:8px;font:13px/1.4 Arial;box-sizing:border-box}.spec table{width:100%;border-collapse:collapse;margin:6px 0}.spec th,.spec td{border:1px solid var(--panel);padding:4px 8px;text-align:left}.spec th{background:#cfd8f4;width:36%}
.todo{color:#555;font-style:italic}.buy{padding:7px 18px;font-size:12px;margin:6px 6px 0 0}
/* ---------- colonne de droite ---------- */
.rl{left:641px;width:101px}
.rl a{display:flex;height:100%;align-items:center;color:#dedede}.rl a:hover{color:var(--or)}
.rl i{width:26px;text-align:center;font:normal 9px Arial}
.rl b{font:bold 9px "Courier New",monospace;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.fd{left:641px;top:253px;width:101px;height:112px}
.fd>i,.fd>b{position:absolute;top:0;height:18px;line-height:18px;text-align:center;color:#fff}
.fd>i{left:6px;width:20px;font:900 13px/18px Georgia,serif}
.fd>b{left:26px;width:69px;font:bold 9px/18px "Courier New",monospace;letter-spacing:1px}
.fb{position:absolute;left:9px;top:24px;width:86px;color:var(--dk)}
.fb .fh{margin:0 0 4px;padding-bottom:4px;border-bottom:2px dotted var(--dk);font:bold 9px "Courier New",monospace;letter-spacing:.2px;white-space:nowrap;text-align:center}
.fb p{margin:0;font:9px/1.25 "Courier New",monospace}
.tall{left:648px;top:410px;width:88px;height:168px;background:none;border-radius:0;display:block;font-size:0;overflow:hidden}
.tall img{mix-blend-mode:multiply;background:none;inset:auto;left:0;top:34px;width:100%;height:auto;max-height:108px}
.tall .tp{position:absolute;left:50%;right:auto;transform:translateX(-50%);box-sizing:border-box;min-width:72px;padding:0 8px;top:148px;height:14px;line-height:14px;background:#dedede;color:#1b2766;font:bold 9px Arial,sans-serif;text-align:center;border-radius:2px;white-space:nowrap}
.tall .tn{position:absolute;left:0;right:0;top:12px;text-align:center;font:italic 900 13px/1.05 Arial,sans-serif;text-transform:uppercase;color:#fff;text-shadow:1px 1px 0 #1b1b50,-1px -1px 0 #1b1b50,1px -1px 0 #1b1b50,-1px 1px 0 #1b1b50;letter-spacing:-.3px}
/* ---------- bas ---------- */
.svar{left:28px;top:731px;color:#fff;font-size:12px;line-height:18px}
.svb{left:78px;top:734px;width:87px;height:14px;font:bold 9px/14px "Courier New",monospace;letter-spacing:.1px;text-align:center;color:var(--dk)}
.ftx{left:190px;top:791px;width:300px;display:flex;gap:7px;color:#c4c4d4;font:8px/1.3 "Courier New",monospace;text-transform:uppercase}
.cc{flex:none;width:11px;height:11px;border:2px solid #5aa21e;border-radius:50%;color:#5aa21e;text-align:center;font:bold 8px/11px Arial}
.bdg{left:500px;top:779px;width:70px;background:#111;border:1px solid #888;color:#fff;font:bold 8px/1.2 Arial;text-align:center;padding:2px;box-sizing:border-box}
.bdg b{display:block;background:#f7d117;color:#000;font-size:10px;margin-bottom:1px}


.fd{cursor:pointer}.fd:hover .fb .fh{color:#1b2766}
.fl{display:block;margin:10px 0 0;font:bold 12px Arial}.fl select{display:block;width:100%;margin:3px 0 0;font:13px Arial}
.res .tx small{display:inline;margin-left:6px}
/* ---- lightbox & pages de contenu ---- */
#lb{display:none;position:fixed;inset:0;z-index:99;background:rgba(10,12,30,.82);align-items:center;justify-content:center;cursor:zoom-out}
#lb.on{display:flex}
#lb>div{position:relative;background:#fff;border-radius:10px;padding:10px;max-width:92vw;max-height:92vh;box-shadow:0 8px 40px #000a}
#lb img{display:block;max-width:calc(92vw - 20px);max-height:calc(92vh - 20px);width:auto;height:auto;object-fit:contain}
#lb span{position:absolute;right:-12px;top:-12px;width:28px;height:28px;border-radius:50%;background:var(--dk);color:#fff;font:20px/26px Arial;text-align:center}
.txt{font:12px/1.45 Arial}.txt h4,.txt h2{margin:8px 0 2px;font:bold 13px Arial;color:#1b2766}.txt p{margin:0 0 4px}.txt table{width:100%;border-collapse:collapse}.txt th,.txt td{border-bottom:1px solid var(--panel);padding:3px 6px;text-align:left;font-size:12px}.txt th{background:#cfd8f4}.txt a.l{text-decoration:underline;color:#1b2766}
.spec input,.spec textarea{font:13px Arial;box-sizing:border-box}
.spec{font:12px/1.35 Arial}.spec p{margin:4px 0}.spec th,.spec td{padding:2px 7px}.spec table{margin:4px 0}.buy{padding:6px 16px;font-size:12px;margin:4px 6px 0 0}

details{margin:0 0 5px;background:#cfd8f4;border-radius:6px;padding:5px 8px}summary{cursor:pointer;font:bold 13px Arial;color:#1b2766}details p{margin:5px 0 2px}

/* Sélecteur de couleur */
#var{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}
#var button{font:inherit;font-size:11px;padding:3px 8px;border:1px solid #888;border-radius:12px;background:#fff;cursor:pointer}
#var button.on{border:2px solid #000;font-weight:bold}

.sr{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* ================= MOBILE (téléphones) : la coque fixe laisse place à une mise en page fluide ================= */
@media (max-width:760px){
 html{-webkit-text-size-adjust:100%}
 body{background:#3d4d94}
 #page{position:static;width:auto!important;height:auto;margin:0;padding:10px;box-sizing:border-box;background:#3d4d94;display:flex;flex-wrap:wrap;gap:8px;zoom:1!important}
 #page>*,.w>*{position:static!important;left:auto!important;top:auto!important;box-sizing:border-box;margin:0}
 .sl,.tips,.sw,.tall,.lt:nth-of-type(n+99){display:none!important}
 /* en-tête */
 .logo{order:1;flex:1 1 auto;width:auto!important;height:auto!important;font:italic 900 15px/1 Arial,sans-serif!important;background:#fff;border:3px solid #de0029;border-radius:20px;padding:11px 14px;text-align:center}
 #page>select{order:2;flex:0 0 42%;width:auto!important;height:44px!important;font-size:16px!important;border-radius:8px}
 .nv{order:3;flex:1 1 auto;width:auto!important;height:auto!important;background:var(--dk);border-radius:8px;padding:0}
 .nv a{display:block;padding:13px 7px;font-size:12px;letter-spacing:0}
 .ob{order:4;flex:1 1 45%;width:auto!important;height:auto!important;display:flex;align-items:center;justify-content:center;gap:8px;background:#edab27;border:2px solid #fff;border-radius:8px;padding:12px 8px;color:#000}
 .ob i,.ob b{position:static!important;width:auto!important;height:auto!important;line-height:1.2!important;font-size:12px!important}
 /* onglets thème */
 .lt{order:6;flex:1 1 22%;writing-mode:horizontal-tb!important;width:auto!important;height:auto!important;line-height:1.2!important;background:var(--dk);border-radius:8px;padding:12px 6px;font-size:11px!important;letter-spacing:.5px}
 /* bannière */
 .hero{order:5;flex:1 1 100%;width:auto!important;height:auto!important;min-height:0;padding:14px;gap:14px;border-radius:12px}
 .pic{width:42%;max-width:190px;height:auto;aspect-ratio:1/1;font-size:34px}
 .hero h1,.hero h2{font-size:clamp(26px,9vw,40px)}
 .hero p{font-size:13px;line-height:1.3}
 .sel{order:7;flex:1 1 100%;width:auto!important;height:auto!important}
 .sel select{width:100%!important;height:46px!important;font-size:16px!important;border-radius:8px}
 /* contenu */
 #sec{order:8;flex:1 1 100%;width:auto!important;height:auto!important;flex-direction:column;gap:16px;overflow:visible;background:#8aa1d3;border-radius:12px;padding:12px}
 #sec>.col,.c1,.c2,.c3{width:100%!important;flex:none!important;height:auto!important}
 .spec{height:auto!important;overflow:visible!important;font-size:15px;line-height:1.5;padding:12px}
 .spec p,.txt p{font-size:15px}
 .spec table{display:block;overflow-x:auto}.spec th,.spec td{padding:7px 9px;font-size:14px}
 .txt{font-size:14px;line-height:1.5}.txt h4,.txt h2{font-size:15px;margin-top:12px}.txt th,.txt td{font-size:14px;padding:7px 8px}
 .col h3,.col:not(.txt) h2{font-size:14px;height:auto;line-height:1.5;margin-bottom:6px}
 .news a,.news.many a{height:54px;margin-bottom:8px}
 .news .tx{font-size:17px;padding:8px 8px;display:flex;flex-direction:column;justify-content:center}
 .news .tx small{font-size:12px}
 .news .ic{width:62px}
 .feat{grid-template-columns:repeat(2,1fr)!important;gap:8px}.feat a{width:auto;font-size:11px}
 .im{height:110px!important}.feat a .n{height:26px;line-height:26px}
 .more{height:44px}.more select{width:90%;font-size:16px}
 .poll .q,.poll label{font-size:16px;padding-top:8px;padding-bottom:8px}.poll .s{height:44px}
 .btn{font-size:13px;padding:10px 16px}.buy{font-size:14px!important;padding:12px 20px!important;margin:6px 6px 0 0}
 #var{gap:8px}#var button{font-size:14px;padding:9px 13px;border-radius:20px}
 input,select,textarea{font-size:16px!important}
 .spec input,.spec textarea{width:100%!important;padding:9px}
 details{padding:9px 10px}summary{font-size:15px}
 .fl select{height:44px}
 /* liens du bas / droite */
 .rl{order:9;flex:1 1 40%;width:auto!important;height:auto!important;background:var(--dk);border-radius:8px}
 .rl a{height:auto;padding:13px 10px;justify-content:center;align-items:center;line-height:1.2}.rl i,.rl b{line-height:1.2}.rl b{font-size:11px}.rl i{font-size:12px;width:22px}
 .fd{order:10;flex:1 1 100%;width:auto!important;height:auto!important;display:block;background:#dedede;border-radius:12px;padding:12px}
 .fd>i,.fd>b{position:static!important;display:inline-block;width:auto!important;height:auto!important;line-height:1.4!important;background:var(--dk);padding:2px 8px;border-radius:4px;margin-right:4px}
 .fb{position:static!important;width:auto!important;margin-top:8px}.fb .fh{font-size:12px;white-space:normal}.fb p{font-size:12px}
 .svb{order:11;flex:1 1 100%;width:auto!important;height:auto!important;background:#9fbee6;border-radius:8px;padding:14px;font-size:12px!important;line-height:1.2!important}
 .sn{order:12;flex:1 1 30%;width:auto!important;height:auto!important;line-height:1.2!important;background:#9fbee6;border-radius:8px;padding:11px 6px;font-size:12px}
 .ftx{order:13;flex:1 1 100%;width:auto!important;font-size:10px;line-height:1.4}
 .bdg{order:14;width:auto!important;padding:4px 10px}
}

/* ================= MASCOTTE (le yéti + sa bulle) ================= */
@media (min-width:761px){
 html{overflow-x:hidden}
 #page{margin-bottom:34px}
 #yeti{left:0;top:0;width:64px;height:52px;display:flex;align-items:flex-end;justify-content:center;z-index:5;pointer-events:none;transform-origin:0 0;text-decoration:none}
 #yeti img{display:block;width:auto;height:auto;image-rendering:pixelated;pointer-events:auto;cursor:pointer}
 #yeti.fx{flex-direction:row-reverse}
 #yeti.fx img{transform:scaleX(-1)}
 #yb{left:106px;top:30px;visibility:hidden;padding:5px 8px;background:#fff;border:2px dashed #2a2a3a;border-radius:10px;font:bold 10px/1.35 "Courier New",monospace;text-transform:uppercase;color:#222;z-index:6;pointer-events:none;white-space:nowrap;text-decoration:none}
 #yb.promo{pointer-events:auto;cursor:pointer;border:2px solid #de0029;box-shadow:2px 2px 0 #1b1f3b;color:#1b1f3b}
 #yb.promo:hover{background:#fff6d0}
 #yb b{display:inline-block;background:#ffe25c;color:#de0029;border:1px dashed #de0029;padding:0 4px;margin:0 1px;letter-spacing:1px}
 #yb small{display:block;font-size:9px;color:#3d4d94;margin-top:2px}
}
@media (max-width:760px){#yeti,#yb{display:none!important}}

/* ---------- livre d'or ---------- */
.stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px;margin:2px 0 6px;position:relative}
.stars input{position:absolute;opacity:0;width:1px;height:1px}
.stars label{font-size:24px;line-height:1;color:#b8bfd8;cursor:pointer}
.stars input:checked~label,.stars label:hover,.stars label:hover~label{color:#f2a900}
.stars input:focus-visible+label{outline:2px solid #1b2766}
.gb{background:#fff;border:2px solid var(--dk);border-radius:6px;padding:5px 8px;margin:0 0 7px}
.gb h5{margin:0 0 3px;font:bold 12px "Courier New",monospace;color:var(--dk);display:flex;justify-content:space-between;gap:8px}
.gb h5 span{color:#f2a900;letter-spacing:1px;white-space:nowrap}
.gb small{display:block;color:#777;font-size:10px;margin-bottom:3px}
.gb p{margin:0;white-space:pre-wrap;word-wrap:break-word}
.gbs{background:#cfd8f4;border-radius:6px;padding:4px 8px;margin:0 0 7px;font:bold 12px Arial}

/* ---- accessibilité ---- */
.skip{position:absolute;left:8px;top:-60px;z-index:100;background:#fff;color:#10104a;font:bold 15px Arial;padding:10px 16px;border-radius:6px;border:2px solid #10104a;text-decoration:none}
.skip:focus{top:8px}
a:focus-visible,select:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffd54a;outline-offset:2px;box-shadow:0 0 0 5px #10104a}
main:focus{outline:none}
.sl{text-shadow:0 1px 1px rgba(0,0,0,.6)}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:760px){
 .sn,.sw{min-height:44px;display:flex!important;align-items:center;justify-content:center;font-size:14px!important}
 .sw{background:#9fbee6;border-radius:8px;padding:11px 6px;box-sizing:border-box;line-height:1.2;flex:1 1 30%;width:auto!important;height:auto!important;order:12}
 .ftx{font-size:11px!important;line-height:1.4!important}
 .rl b,.fd>b{font-size:12px!important}
 .svb{min-height:44px;font-size:13px!important}
}


/* Boutons de taille de page (A+ / A-) : petits, style du site, collés au bord gauche du shell (positionnés par scale.js) */
#zc{position:absolute;left:0;top:0;z-index:30;display:flex;flex-direction:column;gap:4px}
#zc button{width:24px;height:24px;margin:0;padding:0;font:bold 11px/18px "Courier New",monospace;color:#21242e;background:#8aa1d3;border:2px solid #21242e;border-radius:0;cursor:pointer;opacity:.85;box-shadow:inset 1px 1px 0 #b7c8ea,inset -1px -1px 0 #5d73ad}
#zc button:hover,#zc button:focus-visible{opacity:1;background:#9fbee6;color:#000}
#zc button:active{box-shadow:inset 1px 1px 0 #5d73ad}
@media (max-width:760px){#zc{display:none}}
/* lisibilité mobile : rien en dessous de 12 px */
@media (max-width:760px){.ftx,.feat a,.lt,.bdg,.bdg b,.go,.cc,.news .tx small,.gb small,.news .ar{font-size:12px!important}}
/* Console Finder (mobile) : la liste est dessinée par le JS ; on réserve sa place tant qu'elle est vide (pas de saut de page) */
@media (max-width:760px){.res:empty{min-height:610px}}
.gal{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.gal button{width:56px;height:56px;padding:2px;background:#fff;border:2px solid #9aa;border-radius:8px;cursor:pointer}
.gal button.on,.gal button:hover,.gal button:focus-visible{border-color:#e8820c;outline:0}
.gal img{display:block;width:100%;height:100%;object-fit:contain}

/* ---------- page promo (YETI10) ---------- */
.promo-top{display:flex;gap:12px;align-items:center;background:#fff;border:2px dashed #de0029;border-radius:10px;padding:8px 10px;margin:2px 0 6px}
.promo-top img{width:88px;height:104px;image-rendering:pixelated;flex:0 0 auto}
.promo-top h2{margin-top:0}
.promo-code{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 6px!important}
#promo-code{font:bold 22px/1 "Courier New",monospace;letter-spacing:3px;color:#de0029;background:#ffe25c;border:2px dashed #de0029;border-radius:6px;padding:5px 10px}
.promo-code .btn{font-size:11px;padding:5px 10px}
@media (max-width:760px){.promo-top{flex-direction:column;text-align:center}.promo-code{justify-content:center}}

/* ---------- page en construction / éléments à compléter (repris de hex4link) ---------- */
.construction{border:1px solid #c9a800;background:#ffe25c;color:#3a2a00;padding:6px 9px;margin:0 0 8px;font-size:12px;border-radius:6px}
.construction b{color:#de0029}
.ac{background:#ffe25c;color:#3a2a00;border:1px solid #c9a800;padding:0 4px;font:bold 11px "Courier New",monospace;white-space:nowrap}
.txt ul{margin:2px 0 6px;padding-left:18px}.txt li{margin:2px 0}
.txt h3{margin:6px 0 2px;font:bold 12px Arial;color:#1b2766}
.modele{border:1px dashed #1b2766;background:#fff;padding:6px 8px;font-size:11px}

/* ---------- formulaires envoyés par le serveur (contact.php, comme hex4link) ---------- */
.frm label{display:block;font-weight:bold;margin:6px 0 2px}
.frm input[type=text],.frm input[type=email],.frm input[type=tel],.frm input[type=password],.frm input[type=number],.frm textarea,.frm select{width:94%;font:13px Arial;padding:3px 5px;border:1px solid #8aa1d3;border-radius:4px;box-sizing:border-box;background:#fff}
.frm input.court{width:70px}
.frm .hp{position:absolute;left:-9999px;top:-9999px}
.ferr{color:#de0029;font:bold 11.5px Arial;margin:5px 0;min-height:14px}
.fok{color:#2f7d12;font:bold 11.5px Arial;margin:5px 0}
.fnote{font-size:11px;color:#444;margin:4px 0!important}
.frm button[disabled]{opacity:.6;cursor:wait}

/* ---------- commande et paiement ---------- */
.recap{width:100%;border-collapse:collapse;margin:4px 0}.recap th,.recap td{border-bottom:1px solid #8aa1d3;padding:3px 6px;text-align:left;font-size:12px}.recap td.n{text-align:right;white-space:nowrap}
.recap tr.tot td{font-weight:bold;font-size:13px;border-bottom:0}.recap .rem{color:#2f7d12}
.pays{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.pay{flex:1 1 30%;min-width:120px;border:2px solid #1b2766;border-radius:6px;background:#fff;padding:6px 8px;font:bold 12px Arial;color:#1b2766;cursor:not-allowed;opacity:.75;text-align:center}
.pay small{display:block;font:10px Arial;color:#666}
.pay .plogo{display:block;margin:2px auto 3px;width:auto;max-width:90px;height:20px;object-fit:contain}
.pay.off{opacity:.55;filter:grayscale(1)}.pay.on{cursor:pointer;opacity:1}.pay.on:hover{background:#fff6d0}
.codebox{display:flex;gap:6px;align-items:center}.codebox input{width:110px!important;text-transform:uppercase}

/* ---------- compteur de visites (même principe que hex4link, couleurs RetroYeti) ---------- */
:root{--lcd-yellow:#ffe25c;--lcd-orange:#f6a020;--lcd-ice:#b4d2ff;--lcd-white:#ffffff;--lcd-red:#ff5b6e;--lcd-blue:#7d9be6}
.cpt{left:232px;top:732px;width:300px;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;font:bold 8px/1.2 "Courier New",monospace;text-transform:uppercase;color:#1b1f3b}
.cpt[hidden]{display:none}
.cpt-roue{display:inline-flex;gap:2px;padding:2px 3px;background:#1b1f3b;border:2px solid;border-color:#0e1024 #3d4d94 #3d4d94 #0e1024;border-radius:3px}
.cpt-roue b{display:grid;place-items:center;min-width:11px;height:15px;background:#262b52;border:1px solid #11142e;font:bold 12px/1 "Courier New",Courier,monospace;text-shadow:0 0 5px currentColor}
.cpt-sub b{color:#10104a}
.cpt-lab,.cpt-sub{line-height:1.25;white-space:nowrap}.cpt-lab{white-space:normal;max-width:84px}

/* ---------- sondage : résultats ---------- */
.poll label.res{cursor:default}
.poll label.res i{position:absolute;right:4px;top:4px;font:bold 11px Arial;color:#1b2766;font-style:normal}
.poll .s button.btn{font:bold 9px Arial}
.poll .pmsg{font:10px Arial;color:#fff;text-align:center}
.credit{color:#ffe25c!important;text-decoration:underline}
.ftx a{color:#e8ecff;text-decoration:underline}
@media (max-width:760px){.cpt{order:13;flex:1 1 100%;width:auto!important;justify-content:center;flex-wrap:wrap;color:#fff;font-size:11px}.cpt-sub b{color:#ffe25c}.cpt-roue b{min-width:16px;height:22px;font-size:16px}}
.poll label.res{padding-right:36px}
.bdg b{font-size:8.5px!important;white-space:nowrap;letter-spacing:-.1px}
@media (max-width:760px){.spec table.recap{display:table!important;width:100%}}
/* v21 : fiche produit compacte (boutons toujours visibles) + pied de page aéré */
@media (min-width:761px){
 #sec>.col>.spec{height:100%;overflow-y:auto;box-sizing:border-box}
 .gal{gap:4px;margin:5px 0}.gal button{width:40px;height:40px;padding:1px;border-radius:6px}
 #sec>.col>.spec table{margin:3px 0}#sec>.col>.spec th,#sec>.col>.spec td{padding:1px 6px;font-size:11.5px;line-height:1.3}
 #sec>.col>.spec>p{margin:2px 0 4px;font-size:12px;line-height:1.3}
 #sec>.col>.spec .buy{margin-top:3px}
 .ftx{top:779px;line-height:1.4}
}

/* ---------- v23 : stock, avis, guides, catégories ---------- */
.stk{margin:2px 0 4px!important;font:bold 11.5px Arial;color:#2f7d12}
.etoiles{color:#f2a900;letter-spacing:1px}
#sec .spec h3{display:block;height:auto;margin:8px 0 3px;font:bold 12.5px/1.3 Arial;color:#1b2766;text-transform:none;text-shadow:none}#sec .spec h3:before{content:none}
.note-resume{margin:0 0 3px!important;font:bold 11.5px Arial}.note-resume a{color:#1b2766}
.art{border-bottom:1px dotted #8aa1d3;padding:2px 0 6px;margin:0 0 6px}.art h2{margin:4px 0 2px!important}.art h2 a{color:#1b2766}.art h2 a:hover{text-decoration:underline}
.hero h1.long{font-size:28px;line-height:1.05;max-width:520px}
.feat .px{display:block;height:14px;line-height:14px;background:#dedede;color:#1b2766;font:bold 9px Arial;text-transform:none}
.intro{margin:4px 0 8px;font:12.5px/1.45 Arial;color:#111;background:#dedede;border-radius:8px;padding:6px 8px}.intro a.l{color:#1b2766;text-decoration:underline}
.guides a{height:auto!important;min-height:30px}.guides .tx{font-size:12px!important;line-height:1.2!important;padding:5px!important}.guides .ic{display:none}
@media (max-width:760px){.hero h1.long{font-size:22px}.feat{grid-template-columns:repeat(2,1fr)!important}}

/* v24 : langues + vidéo */
.langs{position:absolute;left:452px;top:19px;display:flex;gap:2px;z-index:5}
.langs a{font:bold 10px/14px Arial,sans-serif;color:#1b2766;padding:0 4px;border-radius:2px;text-decoration:none;border:1px solid #9aa3d1;background:#fff}
.langs a:hover,.langs a:focus{text-decoration:underline;border-color:#1b2766}
.langs a[aria-current]{background:#de0029;border-color:#de0029;color:#fff}
@media (max-width:760px){.langs{position:static;order:0;flex:1 1 100%;justify-content:flex-end;gap:6px}.langs a{font-size:13px;line-height:24px;padding:0 8px}}
.yt{margin:10px 0;background:#111;border-radius:6px;padding:10px;text-align:center;color:#ccc}
.yt-go{font:bold 13px Arial,sans-serif;background:#de0029;color:#fff;border:0;border-radius:4px;padding:8px 14px;cursor:pointer}
.yt small{display:block;margin-top:6px;font-size:10px}
.yt iframe{width:100%;aspect-ratio:16/9;border:0;display:block}

/* v24 : suivi de colis */
.trk-etat{font-size:14px;margin:6px 0 10px}.trk-etat b{color:#1b2766}.trk-probleme b,.trk-retour b{color:#b00020}.trk-livre b{color:#0a7a36}
.trk-barre{list-style:none;display:flex;gap:3px;padding:0;margin:0 0 12px}
.trk-barre li{flex:1;border-top:5px solid #c9cfe6;padding-top:4px;font-size:9px;line-height:1.2;color:#666}
.trk-barre li.ok{border-color:#3d4d94;color:#1b2766}.trk-barre li.ici{border-color:#de0029;font-weight:bold}
.trk-num{font-family:"Courier New",monospace;letter-spacing:.5px}
.trk-liste{list-style:none;padding:0;margin:8px 0;border-left:3px solid #c9cfe6}
.trk-liste li{position:relative;padding:3px 0 6px 12px;font-size:11px}
.trk-liste li:before{content:"";position:absolute;left:-7px;top:6px;width:9px;height:9px;border-radius:50%;background:#3d4d94;border:1px solid #fff}
.trk-liste li.ry:before{background:#de0029}.trk-liste li.livre:before{background:#0a7a36}.trk-liste li.probleme:before,.trk-liste li.retour:before{background:#b00020}
.trk-liste time{display:inline-block;min-width:104px;color:#555;font-family:"Courier New",monospace;font-size:10px}
@media (max-width:760px){.trk-barre li{font-size:11px}.trk-liste li{font-size:13px}}

/* v25 : panier, YetiXP */
.pn{display:inline-block;min-width:9px;height:9px;margin-left:4px;padding:0 2px;border-radius:5px;background:var(--or,#f6a020);color:#1b1f3b;font:bold 7px/9px Arial,sans-serif;text-align:center;vertical-align:1px;letter-spacing:0}
.pn[hidden]{display:none}
.panier td{vertical-align:middle}.panier .pim img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:6px;display:block}
.panier select{width:54px;padding:2px}.pdel{background:none;border:0;color:#b00020;font-size:15px;cursor:pointer;padding:2px 6px}
.ajout{margin:8px 0 12px}.ajl{display:flex;gap:6px;flex-wrap:wrap}.ajl select{flex:1;min-width:120px}.ajl .btn{white-space:nowrap}
.panier-ajout{cursor:pointer;border:0}.panier-ok{color:#0a7a36;font-weight:bold}
.xpbox{background:#1b2766;color:#fff;border-radius:8px;padding:10px 12px;margin:8px 0 12px}
.xp-nv{font-size:14px}.xp-badge{background:#f6a020;color:#1b2766;font:bold 11px "Courier New",monospace;padding:2px 6px;border-radius:3px}
.xp-barre{height:10px;background:#3d4d94;border-radius:5px;margin:8px 0;overflow:hidden}.xp-barre i{display:block;height:100%;background:linear-gradient(90deg,#f6a020,#ffd166)}
.xp-info{font-size:11px;color:#dfe5ff}.xp-info a{color:#ffd166}
.niveaux td,.niveaux th{font-size:12px}

.btn:disabled,.btn[disabled]{opacity:.5;filter:grayscale(1);cursor:not-allowed}
.frm .btn.buy:disabled{cursor:not-allowed}
.paylogos{display:flex;gap:14px;align-items:center;margin:4px 0 6px}.paylogos:empty{display:none}.paylogos .plogo{height:24px;width:auto;max-width:110px}
.trk-apercu{background:#fff6d0;border:1px dashed #c9a400;border-radius:4px;padding:5px 8px;font-size:11px}
.pvar{display:inline-block;margin-top:2px;padding:0 6px;border-radius:8px;background:#e6e9ff;border:1px solid #b9c0ee;color:#1b2766;font:bold 10px/15px Arial}
/* pages catégories (Nouveautés, Linux, Android…) : tout centré, cartes produit en relief */
.catpg{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0}
.catpg .intro{max-width:560px;margin:2px auto 0;text-align:center;border:1px solid #b9c0ee;box-shadow:0 2px 0 #9aa3d6}
.catpg .feat{display:flex!important;flex-wrap:wrap;justify-content:center;gap:6px 3px;max-width:600px}
.catpg>:first-child{margin-top:auto}.catpg>:last-child{margin-bottom:auto}
.catpg .feat a{flex:0 0 112px;box-sizing:border-box;border:2px solid #1b2766;border-radius:8px;box-shadow:0 3px 0 #1b2766;transition:transform .12s}
.catpg .feat a:hover{transform:translateY(-2px);background:#fff}
.catpg .feat .im{background:#fff}
.catpg .feat a .n{background:#1b2766;color:#fff}
.catpg .feat .px{background:#f6a020;color:#1b1f3b;font-size:10px}
.cat-garantie{margin:0;padding:3px 12px;border-radius:12px;background:#2f8f2f;color:#fff;font:bold 11px Arial}
.cat-liens{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:0}
.cat-liens a{padding:4px 10px;border:2px solid #1b2766;border-radius:6px;background:#dedede;color:#1b2766;font:bold 10px "Courier New",monospace;text-transform:uppercase;text-decoration:none}
.cat-liens a:hover{background:#fff6d0}
.ftx>span:last-child{text-align:center;flex:1}
/* compteur de visites : un seul bloc encadré, trois colonnes centrées verticalement */
@media (min-width:761px){
 .cpt{width:auto!important;top:727px;height:28px;padding:2px 8px 2px 8px;gap:8px;background:rgba(27,31,59,.10);border:1px solid rgba(27,31,59,.25);border-radius:6px;box-sizing:border-box}
 .cpt-lab{max-width:none;white-space:nowrap;text-align:right;line-height:1}
 .cpt-sub{display:flex;flex-direction:column;justify-content:center;gap:2px;line-height:1;border-left:1px solid rgba(27,31,59,.3);padding-left:8px}
 .cpt-roue{padding:1px 3px}
 .cpt-roue b{height:14px;min-width:10px;font-size:11px}
}
.cpt-sub span{display:block}
@media (min-width:761px){.cpt{top:733px;height:24px;padding:0 8px}.cpt-roue b{height:13px;font-size:10px}.cpt-lab,.cpt-sub{font-size:7.5px}}
/* v26.1 : mobile — sondage, boutons du bas, pied de page, compteur et badge alignés */
@media (max-width:760px){
 .poll label{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px!important}
 .poll label input{position:static;flex:none;width:20px;height:20px;margin:0}
 .poll label.res{padding-right:48px!important}.poll label.res i{top:50%;transform:translateY(-50%);right:10px}
 .poll .q{padding:10px 10px 10px 34px!important;min-height:0}.poll .q:before{left:10px;top:12px}
 .svb,.sn,.sw{font:bold 14px/1.2 Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;min-height:48px;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;padding:10px 6px!important}
 .sn,.sw{flex:1 1 calc(50% - 6px)!important}
 .ftx{justify-content:center;align-items:center;flex-wrap:wrap;text-align:center;gap:6px 8px}
 .ftx>span:last-child{flex:0 1 auto}
 .cpt{justify-content:center;text-align:center}.cpt-lab,.cpt-sub{text-align:center}
 .bdg{margin:4px auto 0!important;align-self:center;flex:0 0 auto}
}

/* v26.2 : icônes pixel (img/ico/*.svg), couleur = celle du texte */
i.px{display:inline-block;width:11px;height:11px;vertical-align:middle;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;font-size:0!important;image-rendering:pixelated}
.ob i.px{top:10px;width:12px;height:12px}.rl i.px{width:11px;height:11px;margin:0 7px 0 8px}
.px-compte{--ico:url(img/ico/compte.svg)}.px-panier{--ico:url(img/ico/panier.svg)}.px-xp{--ico:url(img/ico/xp.svg)}.px-promo{--ico:url(img/ico/promo.svg)}
.px-suivi{--ico:url(img/ico/suivi.svg)}.px-tarifs{--ico:url(img/ico/tarifs.svg)}.px-comparer{--ico:url(img/ico/comparer.svg)}.px-info{--ico:url(img/ico/info.svg)}
@media (max-width:760px){.rl i.px,.ob i.px{width:14px!important;height:14px!important;margin:0 8px 0 0}}
@media (max-width:760px){.fd i.px{width:20px!important;height:20px!important;color:#1b1f3b;margin:0 6px 0 0}}

/* v27 : montée en gamme, pack « Prêt à jouer », accessoires compatibles */
.montee{margin:8px 0 0;padding:6px 8px;background:#eef3ff;border-left:3px solid #4a6fd8;font:13px/1.35 Arial,sans-serif;color:#1b2766}
.montee span{color:#4a6fd8;font-size:10px}
.pack{margin:10px 0 4px;padding:8px 10px;border:2px dashed #e2a224;border-radius:8px;background:#fff8e6}
.pack h3{margin:0 0 4px;font:bold 14px Arial,sans-serif;color:#1b2766}.pack h3 span{background:#e2a224;color:#000;border-radius:4px;padding:1px 6px;font-size:12px;margin-left:4px}
.pack p{margin:2px 0;font:13px/1.35 Arial,sans-serif}.pack-prix{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pack-prix s{color:#777}.pack-prix b{font-size:16px;color:#1b2766}
.pack .btn.buy{margin:4px 0 0}
.accs{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin:6px 0 8px}
.acc{display:flex;flex-direction:column;align-items:center;gap:3px;background:#fff;border:1px solid #c9cfe0;border-radius:8px;padding:6px;text-align:center;font:12px/1.25 Arial,sans-serif}
.acc-im{display:block;width:72px;height:72px}.acc-im img{width:100%;height:100%;object-fit:contain}
.acc-n{color:#1b2766;text-decoration:none;font-weight:bold;min-height:30px}.acc-n small{display:block;font-weight:normal;color:#555}
.acc b{color:#1b2766}.acc .btn{font-size:11px;padding:3px 8px}
#cmd-suggest h3{margin:12px 0 4px}
.compat{margin:8px 0;font:13px/1.4 Arial,sans-serif}
@media (max-width:760px){.accs{grid-template-columns:repeat(2,1fr)}.acc{font-size:14px}.acc-im{width:96px;height:96px}.acc .btn{font-size:14px;padding:8px 12px;min-height:40px}.pack p,.montee{font-size:15px}}

/* v27.1 : fiche produit en pleine largeur, « Autres produits » en grille sous la fiche */
.autres-t{margin:16px 0 6px}
.autres{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-bottom:8px}
.autres a{position:static!important;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #c9cfe0;border-radius:8px;padding:5px 8px;text-decoration:none;color:#1b2766;width:auto!important;height:auto!important}
.autres a:hover{border-color:#4a6fd8;background:#eef3ff}
.autres .ic{position:static!important;flex:none;width:34px;height:34px;display:block}.autres .ic img{width:100%;height:100%;object-fit:contain;position:static}
.autres .ic>span{display:none}.autres .tx{position:static!important;font:bold 12px/1.2 Arial,sans-serif;white-space:normal;overflow:visible;width:auto!important}
.autres .ar{display:none}
@media (max-width:760px){.autres{grid-template-columns:repeat(2,1fr)}.autres .tx{font-size:14px}.autres .ic{width:44px;height:44px}}
.tall .tn{font-size:11.5px!important;line-height:1.05;padding:0 3px;box-sizing:border-box}

/* v27.4 : bannière d'accueil fixe */
.hero.accueil{justify-content:space-between;padding:0 18px 0 22px}
.hero.accueil h2{font-size:25px;line-height:1.05;max-width:400px}
.hero.accueil p{margin-top:6px}
.acc-cta{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.acc-cta .btn{margin:0;font-size:11px;padding:5px 10px}
.acc-badges{display:flex;gap:6px;margin:9px 0 0;padding:0;list-style:none;flex-wrap:wrap}
.acc-badges li{background:#1b2766;color:#fff;font:bold 9px/1 Arial,sans-serif;padding:4px 7px;border-radius:10px}
.acc-yeti{flex:none;width:118px;height:auto;image-rendering:pixelated;align-self:flex-end;margin-bottom:6px}
@media (max-width:760px){
 .hero.accueil{flex-direction:column-reverse;align-items:center;text-align:center;padding:16px 14px}
 .hero.accueil h2{font-size:clamp(24px,7.5vw,32px);max-width:none}
 .hero.accueil p{justify-content:center;font-size:15px}
 .acc-cta{justify-content:center}.acc-cta .btn{font-size:15px;padding:12px 16px;min-height:44px}
 .acc-badges{justify-content:center}.acc-badges li{font-size:12px;padding:6px 10px}
 .acc-yeti{width:84px;align-self:center;margin:0}
}
@media (max-width:760px){
 .acc-cta .btn{display:inline-flex!important;align-items:center;justify-content:center;height:auto!important;min-height:44px;line-height:1.2!important;padding:10px 16px!important;font-size:14px!important;width:auto!important}
 .hero.accueil h2{font-size:clamp(22px,6.6vw,28px)}.hero.accueil p .go{display:none}.hero.accueil p{font-size:14px}
 .acc-yeti{width:60px}
}
@media (max-width:760px){.hero.accueil .acc-cta{flex-wrap:nowrap;width:100%;gap:8px}.hero.accueil .acc-cta .btn{flex:1 1 50%;min-height:0!important;height:auto!important;padding:12px 8px!important;margin:0!important;font-size:13px!important}}

/* v27.6 : titres longs plus nets (contour fin), Console Finder */
.hero.accueil h2,.hero h1.long{text-shadow:2px 2px 0 #1b1b50,-1px -1px 0 #1b1b50,1px -1px 0 #1b1b50,-1px 1px 0 #1b1b50,1px 1px 0 #1b1b50;letter-spacing:.3px;-webkit-font-smoothing:antialiased}
#res{max-height:100%;overflow-y:auto;padding-right:3px}

/* v27.7 : promotions, comparateur, guides pleine largeur */
.promo-sec{margin:4px 0 14px}.promo-sec>h2{margin:6px 0 8px}
.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.pack.pack-carte{margin:0;display:flex;flex-direction:column;gap:4px}
.pack-carte .pk-im{display:flex;align-items:center;gap:4px;justify-content:center}.pack-carte .pk-im img{width:62px;height:62px;object-fit:contain;background:#fff;border-radius:6px}
.pack-carte .pk-im span{font:bold 16px Arial;color:#b36b00}
.pack-carte h3 a{color:#1b2766}.pack-carte .btn.buy{align-self:flex-start}
.codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.code-c{background:#fff;border:2px dashed #4a6fd8;border-radius:8px;padding:10px;font:13px/1.4 Arial,sans-serif}
.code-c b.cd{display:inline-block;font:bold 18px "Courier New",monospace;background:#1b2766;color:#ffe25c;padding:3px 10px;border-radius:5px;margin-bottom:4px}
.cmp-sel{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 10px}.cmp-sel select{flex:1 1 150px;font-size:14px;padding:4px}
.cmp{width:100%;border-collapse:collapse;table-layout:fixed;font:13px/1.35 Arial,sans-serif}
.cmp th,.cmp td{border:1px solid #c9cfe0;padding:5px 7px;vertical-align:top;background:#fff}.cmp th{background:#e8ecff;text-align:left;width:22%}
.cmp td.cim{text-align:center}.cmp td.cim img{width:120px;height:120px;object-fit:contain}.cmp td.cim a{display:block;font:bold 14px Arial;color:#1b2766;margin-top:3px}
.cmp tr.prix td{font:bold 15px Arial;color:#1b2766}.cmp .diff td{background:#fffbea}
.cmp td .btn{margin:2px 0;font-size:11px}
.lien-cmp{margin:6px 0 0;font:13px Arial}
@media (max-width:760px){.cmp{font-size:13px}.cmp th{width:28%}.cmp td.cim img{width:80px;height:80px}.cmp-sel select{font-size:16px;flex-basis:100%}}
.cmp{display:table!important;width:100%!important}.cmp tbody{display:table-row-group!important}.cmp tr{display:table-row!important}.cmp th,.cmp td{display:table-cell!important;width:auto;float:none!important}
.cmp td.cim img{display:block;margin:0 auto}
.cmp-sel select{flex:1 1 0;min-width:0}
@media (max-width:760px){.cmp-sel{flex-direction:column}.cmp-sel select{flex:none;width:100%}}

/* v27.8 : menu de droite à 24 px par ligne (zones tactiles conformes) */
@media (min-width:761px){
 .rl{background:#2b303d;border-bottom:1px solid #1b1f29;box-sizing:border-box}
 .rl:first-of-type{border-radius:6px 0 0 0}
 .fd{top:286px!important;background:#dedede;border:2px solid #1b1f29;border-radius:0 0 6px 6px;box-sizing:border-box}
}
@media (min-width:761px){.fd::before{content:"";position:absolute;left:0;top:0;width:24px;height:18px;background:#7da02a}.fd>i.px{color:#fff;z-index:1;position:absolute;left:6px!important;top:3px!important;width:12px!important;height:12px!important}.fd>b{background:#2b303d;left:24px!important;width:73px!important}}

/* v27.8 : images des guides */
.g-cover{display:block;width:100%;height:auto;border-radius:8px;margin:0 0 10px}
.g-fig{margin:10px 0}.g-fig img{display:block;width:100%;height:auto;border-radius:8px}.g-fig figcaption,.g-prod figcaption{font:italic 12px Arial;color:#555;margin-top:4px;text-align:center}
.g-prod{margin:10px 0;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.g-prod a{flex:0 1 150px;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #c9cfe0;border-radius:8px;padding:6px;text-decoration:none;color:#1b2766;font:bold 12px Arial}
.g-prod a img{width:110px;height:110px;object-fit:contain}.g-prod figcaption{flex-basis:100%}
.art{overflow:hidden}.art-im{float:left;margin:2px 10px 4px 0}.art-im img{width:180px;height:auto;border-radius:6px;display:block}
@media (max-width:760px){.art-im{float:none;display:block;margin:0 0 6px}.art-im img{width:100%}}