@font-face{font-family:'Gothic Web';src:url(fonts/gothic-book.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Gothic Web';src:url(fonts/gothic-demi.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Gothic Web';src:url(fonts/gothic-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
/* Wintrebert Transparence – mise en page adaptable.
   Ordinateur : composition d'origine (788 x 630). Tablette / telephone : mise en page fluide. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff}
img{border:0}
.frame{width:788px;margin:0 auto}
.hd{display:grid;grid-template-columns:35px 243px 192px 283px 35px;height:35px}
.hd>div{overflow:hidden}
.hd img{display:block}
.h1{display:flex;align-items:center;background:no-repeat left top}
.h1 .index{padding-left:8px;font-size:14px;color:#fff;text-align:left;white-space:nowrap}
.hf{display:none}
.bd{display:grid;grid-template-columns:35px 718px 35px;align-items:start}
.col{list-style:none;margin:0;padding:0}
.col li{height:40px;overflow:visible;position:relative}
.col img{display:block;width:35px;height:40px}
.content{min-height:560px;background:no-repeat left top;text-align:center}
.content .ban{display:none}
@media (min-width:1200px){.frame{zoom:1.25}}
@media (min-width:1600px){.frame{zoom:1.5}}
@media (max-width:819px){
  .frame{width:100%;zoom:1}
  .hd{display:flex;height:auto;min-height:44px;align-items:stretch}
  .h0,.h2,.h3,.h4{display:none}
  .h1{flex:1;min-height:44px;background-size:100% 100%}
  .h1 .index{font-size:17px;padding-left:14px}
  .hf{display:flex;align-items:center;gap:6px;padding:0 8px;background:#949698}
  .hf a,.hf img{display:block}
  .hf img{width:30px;height:30px}
  .bd{display:flex;flex-direction:column}
  .left{order:1} .right{order:2} .content{order:3}
  .col{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:10px 6px 2px}
  .col li{height:auto;overflow:visible}
  .col .fill,.col .flag{display:none}
  .col img{width:clamp(34px,9.6vw,50px);height:auto}
  .col a{display:block}
  .content{background-image:none!important;min-height:0;padding:12px 14px 28px}
  .content .ban{display:block;width:100%;max-width:520px;height:auto;margin:6px auto 12px}
  .content table,.content tbody{display:block;width:auto!important;height:auto!important}
  .content tr{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;height:auto!important}
  .content td{display:block;flex:1 1 260px;width:auto!important;height:auto!important;padding:4px 0;text-align:inherit}
  .content .sp{display:none}
  .content img{max-width:100%;height:auto!important}
  .content td,.content p{font-size:16px;line-height:1.55}
  .content p{margin:.6em 0}
  .content img[src*="video-icon"]{height:44px!important;width:auto!important;margin:0 0 4px!important}
  .content td[style*="text-align: right"]{text-align:center!important}
  .content span[style*="margin-right"],.content img[style*="margin-right"]{margin-right:0!important}
  .content input,.content textarea,.content select{max-width:100%;font-size:16px}
  .content input[type=text],.content input[type=email],.content textarea{width:100%!important}
  .content .contactfix,.content .contactfix a,.content .coste,.content .coste a,.content .costed,.content .costed a,.content .demande,.content .demande a,.content .dimension,.content .dimension a,.content .error-message,.content .error-message a,.content .fabrication,.content .fabrication a,.content .fiche-detail,.content .fiche-detail a,.content .info,.content .info a,.content .menu,.content .menu a,.content .nicole,.content .nicole a,.content .plexiglas,.content .plexiglas a,.content .precision,.content .precision a,.content .prix,.content .prix a,.content .ref,.content .ref a,.content .thierry,.content .thierry a{font-size:16px!important;line-height:1.55!important}
}

.seo{width:788px;max-width:100%;margin:26px auto 40px;padding:0 14px;color:#555;font:15px/1.65 Arial,Helvetica,sans-serif;text-align:left}
.seo h2{font-size:18px;font-weight:600;color:#444;margin:1.2em 0 .5em}
.seo p{margin:.6em 0}
.seo div+div{border-top:1px solid #ddd;margin-top:1.4em;padding-top:.4em}

.col a{display:block;position:relative}
.col a:hover img,.col a:focus-visible img{filter:brightness(1.12) contrast(1.05)}
@media (min-width:820px){
.col a[data-label]:hover::after,.col a[data-label]:focus-visible::after{content:attr(data-label);position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;background:#fff;color:#44484c;font:15px/1.2 'Century Gothic','Gothic Web','Avant Garde',sans-serif;padding:8px 12px;border:1px solid #c5c8cb;box-shadow:0 3px 12px rgba(0,0,0,.2);z-index:50;pointer-events:none}
.left a[data-label]:hover::after,.left a[data-label]:focus-visible::after{left:calc(100% + 8px)}
.right a[data-label]:hover::after,.right a[data-label]:focus-visible::after{right:calc(100% + 8px)}
}

body,table,td,th,p,li,a,div,span,h1,h2,h3,input,button,textarea{font-family:'Century Gothic','Gothic Web','Avant Garde',sans-serif}

@media (min-width:820px){.content .contactfix,.content .contactfix a,.content .coste,.content .coste a,.content .costed,.content .costed a,.content .demande,.content .demande a,.content .dimension,.content .dimension a,.content .error-message,.content .error-message a,.content .fabrication,.content .fabrication a,.content .fiche-detail,.content .fiche-detail a,.content .info,.content .info a,.content .menu,.content .menu a,.content .nicole,.content .nicole a,.content .plexiglas,.content .plexiglas a,.content .precision,.content .precision a,.content .prix,.content .prix a,.content .ref,.content .ref a,.content .thierry,.content .thierry a{line-height:1.4!important}.content p{margin:.35em 0}}
@media (min-width:820px){.content .thierry,.content .nicole{font-size:13px!important}}

.content:has(>.coraux-coquillage){display:flex;align-items:center;justify-content:center}
.content>.coraux-coquillage{display:block;width:100%}
@media (max-width:819px){.content:has(>.coraux-coquillage){display:block;width:100%;padding-top:24px}.content>.coraux-coquillage{display:block;width:100%;text-align:center}}
@media (min-width:820px){.content table:has(.listemenu){width:calc(100% + 2 * var(--ex,0px) - 40px)!important;margin-left:calc(20px - var(--ex,0px))}}
@media (min-width:820px){
.col.left{transform:translateX(calc(-1 * var(--ex,0px)))}
.col.right{transform:translateX(var(--ex,0px))}
body{overflow-x:hidden}
}
@media (min-width:820px){
.hd{grid-template-columns:35px calc(243px * var(--k,1)) calc(192px * var(--k,1)) calc(283px * var(--k,1)) 35px;margin-left:calc(-1 * var(--ex,0px))}
.h1{background-size:100% 100%}
.h2 img,.h3 img{width:100%;height:35px}
.h1,.h2{margin-right:-2px}
}

.menubtn{display:none}
@media (max-width:819px){
.col{flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;padding:0!important;background:#f4f5f6}
.col li{width:100%}
.col a{display:flex!important;align-items:center;gap:14px;padding:6px 16px;min-height:50px;color:#4a4e52;font:17px/1.25 'Century Gothic','Gothic Web','Avant Garde',sans-serif;text-decoration:none;border-bottom:1px solid #dcdee0}
.col a::after{content:attr(data-label)}
.col img{width:34px!important;flex:none}
.col.right{border-top:2px solid #949698}
html.js .col{display:none!important}
html.js body.nav-open .col{display:flex!important}
.menubtn{display:flex;align-items:center;gap:8px;background:#949698;color:#fff;border:0;padding:0 14px;font:16px 'Century Gothic','Gothic Web','Avant Garde',sans-serif;cursor:pointer;min-height:44px}
.menubtn .bars{width:20px;height:14px;border-top:2px solid #fff;border-bottom:2px solid #fff;position:relative;display:block;box-sizing:border-box}
.menubtn .bars::after{content:'';position:absolute;left:0;right:0;top:4px;border-top:2px solid #fff}
.hd{order:0}
}
@media (max-width:819px){.col{width:100%;box-sizing:border-box}.col img{mix-blend-mode:multiply;object-fit:contain}}
@media (max-width:819px){
.hd .h4{display:flex!important;align-items:center;padding:0 4px 0 8px;background:#949698;transform:none}
.hd .h4 a,.hd .h4 img{display:block}
.hd .h4 img,.hf img{width:34px!important;height:auto!important}
.hf{padding:0 8px 0 4px!important}
}
@media (max-width:819px){.h1{min-width:0;overflow:hidden}.h1 .index{white-space:normal;font-size:15px;line-height:1.2;padding-left:12px;padding-right:6px}.menubtn .lbl{display:none}.menubtn{padding:0 12px}}