/* Cadrille : galerie et atelier. Fond blanc ou noir, aplats vifs, sans-serif large, cadres de tableaux. Aucune ressource externe. */
:root{--ink:#111;--paper:#fff;--grey:#f1f0ec;--red:#ff2d55;--blue:#0a3cff;--yellow:#ffc400;--pink:#ff4fa3;--green:#00c27a;--violet:#7b3cff;--orange:#ff5a1f;--sky:#00a3ff;
--wide:"Arial Black","Helvetica Neue",Helvetica,"Segoe UI",system-ui,sans-serif;--text:system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;--shadow:6px 6px 0 var(--ink)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--text);max-width:100%;overflow-x:clip}
img,svg{max-width:100%}
a{color:var(--blue);text-underline-offset:3px;text-decoration-thickness:2px}
a:hover{background:var(--yellow);color:var(--ink)}
:focus-visible{outline:4px solid var(--blue);outline-offset:3px}
h1,h2,h3{font-family:var(--wide);line-height:1.1;margin:0 0 .6em;letter-spacing:.01em;overflow-wrap:anywhere}
h2{font-size:clamp(1.45rem,3.6vw,2.2rem);text-transform:uppercase;padding-top:.15em;border-top:10px solid var(--ink);display:inline-block;max-width:100%;padding-right:.4em;margin-top:1.4em}
h3{font-size:1.15rem}
p{margin:0 0 1em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sr-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
main,.wall,.gallery,.prose,.toolbox,.stage,.tablewrap,.faq,.vernissage,.matrix,.imgtool{position:relative}
main{display:block}
.wall,.gallery,.prose,.toolbox,.faq,.matrix,.imgtool,.modele-grid{max-width:1180px;margin:0 auto;padding:0 20px}
.wall,.gallery,.faq{padding-top:36px;padding-bottom:20px}
.prose{padding-bottom:36px;overflow-wrap:anywhere}
.prose.wide{max-width:1180px}
.prose{max-width:860px}
.note{font-size:.95rem;color:#333;overflow-wrap:anywhere}
.lead{font-size:1.2rem;max-width:62ch;overflow-wrap:anywhere}

/* En-tête */
header.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:14px 20px;background:var(--paper);border-bottom:6px solid var(--ink);position:relative;z-index:5}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--wide);font-size:1.5rem;text-transform:uppercase;letter-spacing:.06em}
.logo:hover{background:none;color:var(--ink)}
.logo img{display:block;width:40px;height:40px}
header.bar nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 6px}
header.bar nav>a,.menu summary{font:700 .82rem/1 var(--wide);text-transform:uppercase;letter-spacing:.05em;color:var(--ink);text-decoration:none;padding:10px 12px;border:3px solid transparent;cursor:pointer;background:none;display:inline-block}
header.bar nav>a:hover,.menu summary:hover{background:var(--ink);color:var(--paper)}
.menu{position:relative}
.menu summary{list-style:none}
.menu summary::-webkit-details-marker{display:none}
.menu summary::after{content:" +"}
.menu[open] summary{border-color:var(--ink)}
.menu[open] summary::after{content:" \2212"}
.menu-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:var(--paper);border:4px solid var(--ink);box-shadow:var(--shadow);display:grid;min-width:230px;max-width:calc(100vw - 40px)}
.menu-panel a{padding:11px 16px;text-decoration:none;color:var(--ink);font-weight:700;border-bottom:2px solid var(--grey)}
.menu-panel a:hover{background:var(--yellow)}

/* Accueil */
.vernissage{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px;align-items:center;padding:48px max(20px,calc((100vw - 1180px)/2)) 56px;overflow:hidden}
.vernissage h1{font-size:clamp(2.6rem,7.5vw,5.8rem);text-transform:uppercase;margin:0 0 .25em;letter-spacing:.02em}
.vernissage h1 span{display:block;font:700 clamp(1rem,2.2vw,1.4rem)/1.3 var(--text);text-transform:none;letter-spacing:0;color:var(--yellow);margin-top:.5em}
.vernissage .lead{color:#e8e8e8}
.tag{display:inline-block;background:var(--red);color:var(--paper);font:700 .8rem/1 var(--wide);text-transform:uppercase;letter-spacing:.08em;padding:9px 12px;margin:0 0 20px}
.cta{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}
.hero-art{width:100%;height:auto;display:block}
.vernissage .byline{color:#ddd}
.vernissage .byline a{color:var(--yellow)}

/* Boutons */
.btn,button.btn{display:inline-block;background:var(--ink);color:var(--paper);border:3px solid var(--ink);font:700 .9rem/1.2 var(--wide);text-transform:uppercase;letter-spacing:.04em;padding:13px 20px;text-decoration:none;cursor:pointer;box-shadow:5px 5px 0 var(--red);max-width:100%;overflow-wrap:anywhere;text-align:center}
.btn:hover{background:var(--yellow);color:var(--ink)}
.btn.alt{background:var(--paper);color:var(--ink);box-shadow:5px 5px 0 var(--blue)}
.vernissage .btn{border-color:var(--paper)}
.vernissage .btn.alt:hover,.btn.alt:hover{background:var(--yellow)}
.btn.small{padding:9px 14px;font-size:.78rem;box-shadow:3px 3px 0 var(--red)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
button.linkbtn,a.linkbtn{background:none;border:0;color:var(--blue);font:inherit;text-decoration:underline;text-decoration-thickness:2px;cursor:pointer;padding:6px 4px}

/* Cadres de tableau */
ul.frames,ul.grid,ul.plain,.chiplist,.links{list-style:none;padding:0;margin:0}
ul.frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px;align-items:stretch;margin-bottom:14px}
ul.frames>li{display:flex;min-width:0}
a.frame{display:flex;flex-direction:column;width:100%;min-width:0;background:var(--c,var(--yellow));border:4px solid var(--ink);padding:16px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .12s}
a.frame:hover{background:var(--c);color:var(--ink);transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}
a.frame i{font-style:normal;font-size:2.4rem;line-height:1;background:var(--paper);border:3px solid var(--ink);border-bottom:0;padding:14px 14px 4px}
a.frame b{display:block;background:var(--paper);border:3px solid var(--ink);border-top:0;border-bottom:0;padding:6px 14px 4px;font:700 1.02rem/1.2 var(--wide);overflow-wrap:anywhere}
a.frame span{display:block;flex:1;background:var(--paper);border:3px solid var(--ink);border-top:0;padding:4px 14px 14px;font-size:.88rem;line-height:1.45;color:#333;overflow-wrap:anywhere}
ul.mosaic{grid-template-columns:repeat(12,minmax(0,1fr))}
ul.mosaic>li{grid-column:span 4}
ul.mosaic>li:nth-child(5n+1){grid-column:span 5}
ul.mosaic>li:nth-child(5n+2){grid-column:span 3}
ul.mosaic>li:nth-child(5n+3){grid-column:span 4}
ul.mosaic>li:nth-child(5n+4){grid-column:span 4}
ul.mosaic>li:nth-child(5n){grid-column:span 4}
ul.mosaic>li:nth-child(5n+1) a.frame i{font-size:3.4rem}
ul.mosaic>li:nth-child(5n+2) a.frame b{font-size:.92rem}

/* Annuaire */
.gallery{background:var(--grey);max-width:none;padding-left:max(20px,calc((100vw - 1180px)/2));padding-right:max(20px,calc((100vw - 1180px)/2));padding-bottom:44px;margin-top:30px}
.gallery h2{margin-top:0}
.finder-row{display:flex;gap:8px;max-width:560px}
.finder-row input{flex:1;min-width:0}
.finder-clear{border:3px solid var(--ink);background:var(--paper);font-weight:700;width:48px;cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:16px 0}
.chips button{border:3px solid var(--ink);background:var(--paper);font:700 .8rem/1.1 var(--text);padding:8px 12px;cursor:pointer;max-width:100%;overflow-wrap:anywhere}
.chips button[aria-pressed="true"]{background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--c,var(--red))}
.finder-count{font-weight:700}
ul.grid.sites{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;align-items:stretch}
ul.grid.sites>li{position:relative;display:flex;min-width:0}
a.site{display:flex;flex-direction:column;width:100%;min-width:0;background:var(--paper);border:3px solid var(--ink);border-left:16px solid var(--c);padding:12px 44px 12px 14px;text-decoration:none;color:var(--ink);overflow-wrap:anywhere}
a.site:hover{background:var(--c);color:var(--ink)}
a.site i{font-style:normal;font-size:1.3rem}
a.site b{font:700 .98rem/1.25 var(--wide);margin:4px 0}
a.site span{font-size:.8rem;color:#444;margin-top:auto}
button.fav{position:absolute;top:6px;right:6px;width:36px;height:36px;border:2px solid var(--ink);background:var(--paper);font-size:1.15rem;line-height:1;cursor:pointer}
button.fav[aria-pressed="true"]{background:var(--yellow)}
.favbox{background:var(--paper);border:4px solid var(--ink);padding:16px;margin:20px 0;box-shadow:var(--shadow)}
.favbox h3{margin-top:0}
.empty{text-align:center;padding:24px}
.empty-emoji{font-size:2.4rem}

/* Bandeau de page */
.stage{background:var(--ink);color:var(--paper);padding:34px max(20px,calc((100vw - 1180px)/2)) 40px;border-left:0;overflow:hidden}
.stage::before{content:"";position:absolute;right:-30px;top:-30px;width:160px;height:160px;background:var(--c,var(--yellow));border-radius:50%;opacity:.95}
.stage::after{content:"";position:absolute;right:90px;bottom:-24px;width:90px;height:90px;background:var(--c,var(--yellow));transform:rotate(18deg);opacity:.55}
.stage>*{position:relative;z-index:1}
.stage h1{font-size:clamp(1.7rem,4.6vw,3.2rem);text-transform:uppercase;max-width:18em;margin-bottom:.4em}
.stage .lead{color:#eee}
.stage a{color:var(--yellow)}
.stage a:hover{color:var(--ink)}
.stage .count{font-weight:700}
.stage .count b{background:var(--c,var(--yellow));color:var(--ink);padding:2px 10px;font-family:var(--wide)}
.portrait{border:5px solid var(--paper);display:block;margin-bottom:16px;border-radius:0;box-shadow:8px 8px 0 var(--c)}
.crumbs{font-size:.85rem;margin-bottom:16px;overflow-wrap:anywhere}
.crumbs a{color:var(--paper);text-decoration:underline}
.crumbs i{font-style:normal;margin:0 8px;opacity:.6}
.byline{display:flex;align-items:center;gap:10px;font-size:.88rem;margin:16px 0 0;flex-wrap:wrap}
.byline img{border-radius:50%;border:3px solid var(--paper);object-fit:cover}
.byline span{min-width:0;overflow-wrap:anywhere}
.callout{border:4px solid var(--ink);background:var(--c,var(--yellow));padding:18px 22px;margin:28px 0;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}
.callout p{margin:0;font-weight:700;min-width:0;flex:1 1 260px}
.callout .btn{box-shadow:4px 4px 0 var(--paper)}

/* Texte */
.prose h2{margin-top:1.6em}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin-bottom:.35em}
.chiplist{display:flex;flex-wrap:wrap;gap:10px}
.chiplist a{display:inline-block;border:3px solid var(--ink);padding:7px 12px;text-decoration:none;color:var(--ink);font-weight:700;font-size:.92rem;background:var(--paper);overflow-wrap:anywhere;max-width:100%}
.chiplist a:hover{background:var(--yellow)}
ul.plain li{padding:3px 0}
ul.plain{columns:2 280px}
.links a{display:block;border:3px solid var(--ink);padding:10px 14px;text-decoration:none;color:var(--ink);margin-bottom:8px}
.links b{display:block}
.links span{font-size:.85rem;overflow-wrap:anywhere}
.checklist{border:4px solid var(--ink);background:#fffbe6;padding:6px 18px;box-shadow:var(--shadow);margin-bottom:20px}
.checklist ul{list-style:none;padding:0;margin:8px 0}
.checklist li{padding-left:34px;position:relative;margin:8px 0}
.checklist li::before{content:"";position:absolute;left:0;top:.25em;width:18px;height:18px;border:3px solid var(--ink);background:var(--paper)}
.faq details{border:3px solid var(--ink);margin:0 0 10px;background:var(--paper)}
.faq summary{padding:12px 16px;font-weight:700;cursor:pointer;overflow-wrap:anywhere}
.faq details[open] summary{background:var(--yellow)}
.faq details p{padding:4px 16px 12px;margin:0}
.faq h2{margin-top:0}
.guide-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.guide-nav a{display:block;border:4px solid var(--ink);padding:14px;text-decoration:none;color:var(--ink);font-weight:700;overflow-wrap:anywhere}
.guide-nav a:hover{background:var(--yellow)}
.guide-nav span{display:block;font-size:.75rem;text-transform:uppercase;color:#555}
.facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0;border:3px solid var(--ink)}
.facts dt,.facts dd{margin:0;padding:8px 12px;border-bottom:1px solid #ccc;overflow-wrap:anywhere}
.facts dt{font-weight:700;background:var(--grey)}
.crit-list{grid-template-columns:1fr}

/* Tableaux */
.tablewrap{overflow-x:auto;max-width:100%;margin:0 0 1em}
table{border-collapse:collapse;max-width:100%}
table.evlist{width:100%;font-size:.92rem}
table.evlist th,table.evlist td{border:2px solid var(--ink);padding:7px 10px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
table.evlist thead th{background:var(--ink);color:var(--paper)}
.prose>table,.paper>table{display:block;overflow-x:auto}

/* Formulaires et outils */
.toolbox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;padding-top:34px;padding-bottom:30px}
.toolbox>*{min-width:0}
form{display:grid;gap:14px;min-width:0}
.field{display:grid;gap:5px;min-width:0}
.field[hidden],[data-live][hidden]{display:none}
label{font-weight:700;font-size:.92rem;overflow-wrap:anywhere}
input,select,textarea{font:inherit;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:0;padding:10px 12px;width:100%;min-width:0;max-width:100%}
input[type=color]{height:52px;padding:3px;cursor:pointer}
input[type=checkbox],input[type=radio]{width:22px;height:22px;accent-color:var(--ink)}
input[type=range]{padding:0;border:0;accent-color:var(--ink)}
input[type=file]{border-style:dashed}
textarea{resize:vertical;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem}
.field.check{display:flex;align-items:center;gap:10px}
.field.check label{font-weight:400}
fieldset{border:3px solid var(--ink);margin:0;padding:12px;min-width:0}
legend{font:700 .85rem var(--wide);padding:0 8px;text-transform:uppercase}
.result{border:4px solid var(--ink);background:var(--paper);padding:16px;box-shadow:var(--shadow);min-width:0;overflow-wrap:anywhere}
.result:empty{display:none}
dl.res{margin:0;display:grid;gap:0}
dl.res>div{display:grid;grid-template-columns:minmax(0,1fr);padding:9px 0;border-bottom:2px solid var(--grey)}
dl.res dt{font-size:.82rem;color:#444;text-transform:uppercase;letter-spacing:.03em}
dl.res dd{margin:0;font-weight:700;font-size:1.05rem;overflow-wrap:anywhere}
dl.res .main{background:var(--yellow);margin:0 -16px;padding:12px 16px;border-bottom:3px solid var(--ink);border-top:3px solid var(--ink)}
dl.res .main dd{font-family:var(--wide);font-size:1.3rem}
.sw{display:inline-block;width:1.1em;height:1.1em;border:2px solid var(--ink);margin-right:.35em;vertical-align:-.15em}
.rnote{font-size:.85rem;color:#444;margin:12px 0 0}
.err{background:#ffe3e8;border:3px solid var(--red);padding:10px 14px;font-weight:700;margin:0}
.conv-main{font:700 1.3rem/1.3 var(--wide);margin:0 0 10px;overflow-wrap:anywhere}
.swatch-svg{display:block;margin:10px 0;max-width:100%}
.status{font-weight:700;min-height:1.4em}
.example{border:4px dashed var(--ink);padding:16px;margin:12px 0 20px;background:#fffbe6}
.example ul{padding-left:1.2em}
.embedbox{border:4px solid var(--ink);padding:16px;background:var(--grey)}
button.swap{justify-self:start;border:3px solid var(--ink);background:var(--yellow);font:700 .85rem var(--wide);padding:9px 14px;cursor:pointer}
button.swap[hidden]{display:none}
.fallback{border:3px solid var(--orange);padding:10px 14px;background:#fff1e8}
.fallback[hidden]{display:none}

/* Modèles */
.modele-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;align-items:start;padding-top:30px;padding-bottom:20px}
.modele-grid>*{min-width:0}
.modele-side h2{margin-top:0}
.paper{background:var(--paper);border:4px solid var(--ink);box-shadow:var(--shadow);padding:22px;font-family:Georgia,"Times New Roman",serif;overflow-x:auto;overflow-wrap:anywhere;min-height:200px}
.paper p{margin:0 0 .4em}
.dl-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.dl-actions[hidden]{display:none}
.swatch{display:inline-block;width:14px;height:14px;border:1px solid #333;background:var(--c);margin-right:6px;vertical-align:-2px}

/* Matrice */
.matrix{padding-top:30px;padding-bottom:20px}
.matrix-top,.names,.scores,.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:14px}
.matrix-top>*,.names>*,.scores>*,.options>*{min-width:0}
.crit{margin-bottom:16px}
.help{font-size:.88rem;color:#444}
ol.ranking{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}
.ranking li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 12px;align-items:center;border:3px solid var(--ink);padding:10px 12px}
.ranking .rk{font:700 1rem var(--wide);background:var(--ink);color:var(--paper);padding:4px 8px}
.ranking .bar{grid-column:1/-1;height:12px;background:var(--grey);border:2px solid var(--ink);display:block}
.ranking .bar i{display:block;height:100%;background:var(--green)}
.ranking .sc{font-weight:700}
.verdict{font-weight:700;background:var(--yellow);border:3px solid var(--ink);padding:10px 14px}

/* Atelier d'image */
.imgtool{padding-top:30px;padding-bottom:20px}
.drop{border:4px dashed var(--ink);background:var(--grey);text-align:center;padding:30px 16px;margin-bottom:16px}
.drop.over{background:var(--yellow)}
.drop label{cursor:pointer;display:block;font-weight:400}
.drop small{display:block;margin-top:6px;color:#444}
.img-status{font-weight:700;min-height:1.4em}
.img-actions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
ul.img-list{list-style:none;padding:0;margin:14px 0;display:grid;gap:16px}
.img-item{border:3px solid var(--ink);padding:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;min-width:0}
.img-item>*{min-width:0}
.img-item figure{margin:0}
.img-item img,.img-item canvas,.imgtool canvas{max-width:100%;height:auto;display:block;border:2px solid var(--ink)}
.img-item figcaption{font-size:.8rem;font-weight:700}
.img-name{font-weight:700;overflow-wrap:anywhere}

/* Intégration */
body.embed{background:var(--paper)}
.embed-wrap{max-width:640px;margin:0 auto;padding:16px}
.embed-wrap h1{font-size:1.3rem}
.embed-wrap .toolbox{grid-template-columns:minmax(0,1fr);padding:0}
.embed-credit{font-size:.85rem;margin-top:14px}

/* Pied de page */
.foot{background:var(--ink);color:#ddd;margin-top:56px;padding:40px max(20px,calc((100vw - 1180px)/2)) 20px;border-top:10px solid var(--yellow)}
.foot a{color:var(--paper);text-decoration:none}
.foot a:hover{background:var(--yellow);color:var(--ink)}
.foot .logo{color:var(--paper)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:28px}
.foot h3{font-size:.85rem;text-transform:uppercase;color:var(--yellow);letter-spacing:.08em}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{margin:6px 0;overflow-wrap:anywhere}
.foot-about p{font-size:.92rem;margin-top:12px}
.foot-bottom{border-top:2px solid #444;margin-top:28px;padding-top:14px;font-size:.8rem;overflow-wrap:anywhere}

/* Adaptation */
@media (max-width:980px){
  .vernissage{grid-template-columns:minmax(0,1fr)}
  .hero-art{max-width:420px}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-about{grid-column:1/-1}
  ul.mosaic{grid-template-columns:repeat(6,minmax(0,1fr))}
  ul.mosaic>li,ul.mosaic>li:nth-child(n){grid-column:span 3}
  ul.mosaic>li:nth-child(5n+1){grid-column:span 6}
}
@media (max-width:760px){
  .toolbox,.modele-grid{grid-template-columns:minmax(0,1fr)}
  .menu-panel{position:static;box-shadow:none;margin-top:6px}
  .menu{flex-basis:100%}
  header.bar nav>a,.menu summary{padding:8px 9px;font-size:.74rem}
  .guide-nav,.facts{grid-template-columns:minmax(0,1fr)}
  .foot-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){
  body{font-size:16px}
  ul.frames{grid-template-columns:minmax(0,1fr);gap:20px}
  ul.mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  ul.mosaic>li,ul.mosaic>li:nth-child(n){grid-column:span 1}
  ul.mosaic>li:nth-child(5n+1){grid-column:span 2}
  a.frame{padding:10px}
  a.frame i,a.frame b,a.frame span{padding-left:9px;padding-right:9px}
  ul.grid.sites{grid-template-columns:minmax(0,1fr)}
  .stage::before{width:110px;height:110px}
  .ranking li{grid-template-columns:auto minmax(0,1fr)}
  .ranking .sc{grid-column:1/-1}
}
@media print{
  body.modele header.bar,body.modele .foot,body.modele .stage,body.modele .modele-form,body.modele .dl-actions,body.modele .prose,body.modele .modele-side>h2{display:none}
  body.modele .modele-grid{display:block;padding:0;max-width:none}
  body.modele .paper{border:0;box-shadow:none;padding:0}
}