@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-latin-400-normal.qiz4-Cze.woff2)format("woff2"),url(/_astro/barlow-latin-400-normal.fsAxiSwU.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-latin-600-normal.DILqtrty.woff2)format("woff2"),url(/_astro/barlow-latin-600-normal.CNwfPWQD.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-latin-700-normal.A9pxMQ4z.woff2)format("woff2"),url(/_astro/barlow-latin-700-normal.__SGTsZ1.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-condensed-latin-600-normal.DepVgxBB.woff2)format("woff2"),url(/_astro/barlow-condensed-latin-600-normal.BFJEwTuo.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-condensed-latin-700-normal.v1xN8_Wq.woff2)format("woff2"),url(/_astro/barlow-condensed-latin-700-normal.Dmwat-ge.woff)format("woff")}@font-face{font-family:Kaushan Script;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/kaushan-script-latin-400-normal.DtTcRpVb.woff2)format("woff2"),url(/_astro/kaushan-script-latin-400-normal.DZZZR3n8.woff)format("woff")}:root{--ardoise:#374149;--ardoise-fonce:#262d33;--bleu:#0f70b7;--rouge:#e72f2a;--rouge-fonce:#c4221e;--marine:#1d3a8a;--bois:#8b5a2b;--or:#d9b45a;--vichy:linear-gradient(90deg, #e72f2a80 50%, transparent 50%), linear-gradient(#e72f2a80 50%, transparent 50%);--blanc:#fff;--encre:#2b3238;--gris:#5f6a73;--fond:#f8f5ef;--filet:#e4ded3;--mesure:44rem;--large:68rem;--titre:"Barlow Condensed", "Arial Narrow", sans-serif;--script:"Kaushan Script", "Brush Script MT", cursive;--logo:4.75rem;--fanions:40px;--entete:calc(var(--logo) + 1.2rem + 1px + var(--fanions))}@media (width<=40rem){:root{--logo:3.25rem;--fanions:28px}}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--entete) + 1rem)}body{background:var(--fond);color:var(--encre);margin:0;font:1.125rem/1.65 Barlow,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:clip}a{color:var(--bleu);text-underline-offset:3px}a:hover{color:var(--rouge)}.skip{position:absolute;left:-999px}.skip:focus{z-index:10;background:var(--blanc);padding:.5rem 1rem;top:1rem;left:1rem}main,.site-footer>*{max-width:var(--mesure);margin-inline:auto;padding-inline:1rem}main.large{max-width:var(--large)}.site-header{z-index:5;background:var(--blanc);border-bottom:1px solid var(--filet);position:sticky;top:0}.site-header .inner{max-width:var(--large);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.6rem 1rem;display:flex}.brand{line-height:0;display:block}.brand img{height:var(--logo);width:auto}.site-nav{gap:1.25rem;display:flex}.site-nav a{text-decoration:none}.plaque{background:var(--marine);color:var(--blanc);font-family:var(--titre);letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 2px var(--marine), inset 0 0 0 4px var(--blanc), 0 2px 0 #0003;border-radius:.45rem;padding:.3rem 1rem;font-size:1.15rem;font-weight:700;display:inline-block}a.plaque:hover{background:var(--rouge);box-shadow:inset 0 0 0 2px var(--rouge), inset 0 0 0 4px var(--blanc), 0 2px 0 #0003;color:var(--blanc)}.fanions{height:var(--fanions);background:var(--fond) url(/fanions.svg) repeat-x 0 0 / calc(var(--fanions) * 3) var(--fanions)}h1,h2,h3{font-family:var(--titre);color:var(--ardoise);text-transform:uppercase;letter-spacing:.02em}h1{margin:1.75rem 0 1rem;font-size:clamp(2.2rem,7vw,3.4rem);font-weight:700;line-height:1.02}h2{margin:2.75rem 0 .75rem;font-size:1.9rem;font-weight:700;line-height:1.1}h3{margin:2rem 0 .5rem;font-size:1.4rem;font-weight:600}article h2:before{content:"";background:linear-gradient(90deg, var(--marine) 33.3%, var(--blanc) 33.3% 66.6%, var(--rouge) 66.6%);width:3rem;height:5px;box-shadow:0 0 0 1px var(--filet);margin-bottom:.6rem;display:block}.script{font-family:var(--script);text-transform:none;letter-spacing:0;color:var(--rouge);font-weight:400}.lede{color:var(--gris);font-size:1.25rem}.breadcrumb{font-family:var(--titre);letter-spacing:.05em;text-transform:uppercase;color:var(--gris);margin-top:1.5rem;font-size:1rem}.breadcrumb a{color:inherit}.meta{color:var(--gris);font-size:.9rem}.draft-banner{background:var(--rouge);color:var(--blanc);border-radius:.4rem;margin-top:1rem;padding:.5rem 1rem;font-weight:600}.hero{align-items:center;gap:2rem;padding:2.5rem 0 1.5rem;display:grid}.kicker{margin:0 0 1rem;font-size:.95rem}.carte-postale{background:var(--blanc);margin:0;padding:.75rem .75rem 2.25rem;position:relative;transform:rotate(1.5deg);box-shadow:0 18px 40px -20px #262d338c}.carte-postale img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.carte-postale figcaption{font-family:var(--script);color:var(--ardoise);font-size:1.15rem;position:absolute;bottom:.35rem;left:1rem}.cocarde{background:radial-gradient(circle, var(--marine) 0 38%, var(--blanc) 38% 52%, var(--rouge) 52% 70%, var(--blanc) 70% 74%, var(--marine) 74%);width:6.5rem;height:6.5rem;color:var(--blanc);font-family:var(--script);text-align:center;border-radius:50%;place-items:center;font-size:.95rem;line-height:1;display:grid;position:absolute;top:-1.5rem;right:-1rem;transform:rotate(-12deg);box-shadow:0 6px 14px -6px #00000080}@media (width<=30rem){.cocarde{width:5rem;height:5rem;font-size:.8rem;right:-.25rem}}@media (width>=48rem){.hero{grid-template-columns:1fr 1.1fr;gap:3rem;padding-top:3.5rem}}.hero h1{margin:0 0 1rem;font-size:clamp(2.6rem,8vw,4.25rem)}.hero h1 .script{margin-top:.1em;font-size:1.1em;line-height:1.1;display:block}.hero .lede{max-width:34rem;margin:0}.section-title{align-items:center;gap:.75rem;margin-top:3.5rem;display:flex}.section-title:after{content:"";background:var(--filet);flex:1;height:1px}.section-title .plaque{padding:.35rem 1.25rem;font-size:1.6rem}.cards{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.nappe{background-color:var(--blanc);background-image:var(--vichy);background-size:2rem 2rem;border-radius:.5rem;padding:2rem 1.5rem;box-shadow:inset 0 0 0 1px #0000000d,0 14px 30px -22px #00000080}@media (width<=30rem){.nappe{padding:1.25rem .9rem}}.cards a{background:radial-gradient(ellipse at 30% 20%, #ffffff12, transparent 60%), var(--ardoise-fonce);border:10px solid var(--bois);color:#e9ecef;border-radius:.35rem;flex-direction:column;gap:.5rem;height:100%;padding:1.4rem 1.5rem;text-decoration:none;transition:transform .15s;display:flex;box-shadow:inset 0 0 0 1px #0006,0 10px 22px -14px #000000b3}.cards li:nth-child(odd) a{transform:rotate(-.6deg)}.cards li:nth-child(2n) a{transform:rotate(.6deg)}.cards a:hover{color:#e9ecef;transform:rotate(0)translateY(-3px)}.cards strong{font-family:var(--script);color:var(--blanc);font-size:1.55rem;font-weight:400;line-height:1.2}.cards span{color:#c9d0d6;font-size:.95rem;line-height:1.5}.cards em{font-family:var(--titre);letter-spacing:.06em;text-transform:uppercase;color:var(--blanc);text-underline-offset:5px;margin-top:auto;padding-top:.5rem;font-size:.95rem;font-style:normal;font-weight:600;text-decoration:underline wavy #ff8a80}.bandeau{border-radius:1rem;margin:3.5rem 0 0;position:relative;overflow:hidden}.bandeau img{object-fit:cover;object-position:center 85%;width:100%;height:auto;min-height:16rem;max-height:30rem;display:block}.bandeau figcaption{color:var(--blanc);font-family:var(--titre);text-transform:uppercase;background:linear-gradient(#0000,#262d33d9);padding:3rem 1.5rem 1.25rem;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:700;line-height:1.15;position:absolute;inset:auto 0 0}.bandeau .script{color:var(--blanc)}.bandeau .script:after{content:".";color:var(--rouge)}.photo-entete{border-radius:.75rem;width:100%;height:auto;margin:1.25rem 0 1.5rem;display:block}article ul li::marker{color:var(--rouge)}blockquote{border-left:4px solid var(--bleu);background:var(--blanc);border-radius:0 .5rem .5rem 0;margin:1.5rem 0;padding:.75rem 1.25rem}table{border-collapse:collapse;background:var(--blanc);border-radius:.5rem;width:100%;margin:1.5rem 0;font-size:1rem;overflow:hidden}th{background:var(--ardoise);color:var(--blanc);font-family:var(--titre);letter-spacing:.04em;text-transform:uppercase;font-weight:600}th,td{text-align:left;border-bottom:1px solid var(--filet);padding:.6rem .85rem}.download{background:var(--blanc);border:1px solid var(--filet);border-radius:.75rem;margin:1.5rem 0 2rem;padding:1.25rem}.download img{border:1px solid var(--filet);width:auto;max-width:100%;height:auto;max-height:22rem;margin:0 auto;display:block}.download figcaption{margin-top:1rem}.download figcaption p{margin:0 0 .75rem}.button{background:var(--rouge);color:var(--blanc);font-family:var(--titre);letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 0 0 2px var(--rouge), inset 0 0 0 4px var(--blanc), 0 2px 0 #0003;border-radius:.45rem;padding:.6rem 1.3rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block}.button:hover{background:var(--marine);box-shadow:inset 0 0 0 2px var(--marine), inset 0 0 0 4px var(--blanc), 0 2px 0 #0003;color:var(--blanc)}.faq dt{color:var(--ardoise);margin-top:1.25rem;font-weight:700}.faq dd{margin:.25rem 0 0}.cahier{background-color:#fdfdfb;background-image:linear-gradient(90deg,#0000 3.25rem,#e72f2a8c 3.25rem 3.35rem,#0000 3.35rem),linear-gradient(#0f70b747 1px,#0000 1px),linear-gradient(#0f70b71a 1px,#0000 1px),linear-gradient(90deg,#0f70b71a 1px,#0000 1px);background-size:100% 100%,2rem 2rem,2rem .5rem,2rem 2rem;margin-top:3.5rem;padding:1.5rem 1.5rem 1.75rem 4.5rem;position:relative;transform:rotate(-.4deg);box-shadow:0 14px 30px -22px #00000080}.cahier h2{font-family:var(--script);text-transform:none;letter-spacing:0;color:var(--marine);margin:0 0 1rem;font-size:2rem;font-weight:400}.cahier dl{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.75rem 2.5rem;margin:0;display:grid}.cahier dt{font-family:var(--script);color:var(--rouge);font-size:1.4rem}.cahier dd{color:var(--encre);margin:0;font-size:1rem;line-height:1.5}@media (width<=30rem){.cahier{background-image:linear-gradient(90deg,#0000 1.75rem,#e72f2a8c 1.75rem 1.85rem,#0000 1.85rem),linear-gradient(#0f70b747 1px,#0000 1px),linear-gradient(#0f70b71a 1px,#0000 1px),linear-gradient(90deg,#0f70b71a 1px,#0000 1px);background-size:100% 100%,2rem 2rem,2rem .5rem,2rem 2rem;padding-left:2.75rem}}.site-footer{background:var(--ardoise);color:#c9d0d6;text-align:center;margin-top:6rem;padding-block:0 2.5rem;font-size:.95rem}.site-footer .store{background:repeating-linear-gradient(90deg, var(--rouge) 0 2.5rem, var(--blanc) 2.5rem 5rem);--festons:radial-gradient(circle 1.25rem at 50% calc(100% - 1.25rem), #000 98%, transparent) 0 0 / 2.5rem 100% repeat-x, linear-gradient(#000, #000) 0 0 / 100% calc(100% - 1.25rem) no-repeat;max-width:none;height:4.5rem;-webkit-mask:var(--festons);mask:var(--festons);filter:drop-shadow(0 6px 4px #00000059);margin:-1.5rem 0 2rem;padding:0}.site-footer .enseigne{font-family:var(--script);color:var(--or);text-shadow:0 2px #8a6a22,0 0 18px #d9b45a59;font-size:clamp(2.4rem,8vw,3.5rem);line-height:1.1}.site-footer .enseigne-sous{border-block:1px solid var(--or);width:fit-content;font-family:var(--titre);letter-spacing:.2em;text-transform:uppercase;color:var(--or);margin:.25rem auto 1.25rem;padding-block:.3rem;font-weight:600}.site-footer p{margin-block:0}.site-footer a{color:var(--blanc)}.site-footer .cocorico{font-family:var(--titre);letter-spacing:.1em;text-transform:uppercase;color:var(--blanc);margin-top:1rem}.site-footer .cochonnet-signature{width:5.5rem;margin:-.5rem auto 1rem;padding:0;position:relative}.site-footer .cochonnet-signature svg{width:100%;height:auto;display:block}.site-footer .cochonnet-signature:after{content:"";background:radial-gradient(#00000073,#0000 70%);border-radius:50%;height:.6rem;position:absolute;bottom:-.45rem;left:15%;right:15%}.haut-de-page{z-index:6;filter:drop-shadow(0 4px 6px #0000004d);opacity:0;visibility:hidden;border-radius:50%;width:3.5rem;height:3.5rem;transition:opacity .25s,transform .4s,visibility .25s;position:fixed;bottom:1rem;right:1rem;transform:translateY(1rem)rotate(-90deg)}.haut-de-page.visible{opacity:1;visibility:visible;transform:none}.haut-de-page svg{width:100%;height:100%;transition:transform .4s;display:block}.haut-de-page:hover svg,.haut-de-page:focus-visible svg{transform:translateY(-4px)rotate(-20deg)}.haut-de-page:focus-visible{outline:3px solid var(--marine);outline-offset:3px}@media (prefers-reduced-motion:reduce){.haut-de-page,.haut-de-page svg{transition:none}}@media (prefers-reduced-motion:no-preference){.entree{animation:.9s cubic-bezier(.2,.7,.2,1) both monter;animation-delay:calc(var(--d) * .14s + .1s);display:block}.hero h1 .entree{display:block}.entree-carte{animation:1.1s cubic-bezier(.2,.7,.2,1) .35s both poser}}@keyframes monter{0%{opacity:0;filter:blur(6px);transform:translateY(28px)}to{opacity:1;filter:none;transform:none}}@keyframes poser{0%{opacity:0;transform:translateY(40px)rotate(-4deg)scale(.94)}to{opacity:1;transform:rotate(1.5deg)}}.hero h1>span{display:block}.anim .revele{opacity:0;transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * .1s);transform:translateY(36px)}.anim .revele.vu{opacity:1;transform:none}.anim .cahier.revele.vu{transform:rotate(-.4deg)}.bandeau img{transform-origin:50% 70%;will-change:transform}.vitrine{background:radial-gradient(ellipse at 60% 45%, #2b343c, var(--ardoise-fonce) 60%, #161a1e);color:var(--blanc);margin:4rem calc(50% - 50vw) 0}.vitrine-scene{max-width:var(--large);place-items:center;gap:2rem;margin:0 auto;padding:4rem 1rem;display:grid}.vitrine-visuel{--verre:min(18rem, 40vh);transform-origin:bottom;align-items:flex-end;padding-bottom:.6rem;display:flex;position:relative}.vitrine-visuel:after{content:"";background:linear-gradient(#c5ccd2,#7d8790 60%,#59626a);border-radius:.3rem;height:.6rem;position:absolute;bottom:0;left:-2rem;right:-2rem;box-shadow:0 10px 20px -8px #0009}.vitrine-verre{height:var(--verre);transform-origin:50% 98%;filter:drop-shadow(0 12px 14px #00000073);width:auto;display:block}.vitrine-cochonnet{z-index:1;width:calc(var(--verre) * .36);margin-right:calc(var(--verre) * -.04);filter:drop-shadow(0 12px 12px #00000080);position:relative}.vitrine-cochonnet svg{width:100%;height:auto;display:block}.vitrine-textes{text-align:center;display:grid}.vitrine-textes>*{grid-area:1/1}.vitrine-couleurs{color:var(--blanc);flex-wrap:wrap;justify-content:center;gap:0 .35em;margin:0;font-size:clamp(3rem,11vw,6.5rem);line-height:1;display:flex}.vitrine-couleurs .bleu{color:#5b8dff}.vitrine-couleurs .rouge{color:#ff4a3d}.vitrine-couleurs .jaune{color:#f6dc7a}.vitrine-final{align-self:center;margin:0}.vitrine-final strong{font-family:var(--titre);text-transform:uppercase;font-size:clamp(2.4rem,8vw,4.75rem);font-weight:700;line-height:1;display:block}.vitrine-final span{color:#c9d0d6;margin-top:.75rem;font-size:1.15rem;display:block}.anim .vitrine{height:320vh}.anim .vitrine-scene{top:var(--entete);height:calc(100vh - var(--entete));grid-template-rows:1fr auto;align-content:center;padding-block:1rem;position:sticky}.anim .vitrine-visuel{will-change:transform, opacity;align-self:end}.anim .vitrine-cochonnet{will-change:transform}.anim .vitrine-textes{align-self:start;min-height:7rem}.anim .vitrine .etape{opacity:0;will-change:transform, opacity}@media (width>=48rem){.vitrine-scene{grid-template-columns:1fr 1fr}.anim .vitrine-scene{grid-template-rows:none}.anim .vitrine-visuel,.anim .vitrine-textes{align-self:center}.vitrine-visuel{--verre:min(24rem, 52vh)}.vitrine-textes{text-align:left}.vitrine-couleurs{justify-content:flex-start}}html:not(.anim) .vitrine-textes>*{grid-area:auto}html:not(.anim) .vitrine-final{margin-top:1.5rem}html.en-vitrine .haut-de-page{opacity:0;visibility:hidden}.piste{--c:calc(var(--logo) * .5);--sol:calc((var(--logo) - var(--c)) / 2);min-width:0;height:var(--logo);flex:1;position:relative}.piste .brand{width:fit-content}.piste .brand img{transform-origin:50%}.piste-cochonnet,.piste-verre{bottom:var(--sol);opacity:0;pointer-events:none;position:absolute}.piste-cochonnet{width:var(--c);height:var(--c);pointer-events:auto;will-change:transform, opacity;left:0}.piste-rebond,.piste-roule,.piste-roule svg{width:100%;height:100%;display:block}.piste-cochonnet svg{filter:drop-shadow(0 3px 3px #0000004d)}.piste-verre{height:calc(var(--logo) * .8);aspect-ratio:1/2;right:0}.piste-verre svg{transform-origin:50% 98%;width:100%;height:100%;display:block}.piste-verre svg path,.piste-verre svg ellipse{stroke:#3741498c}.piste-verre svg path:first-of-type{fill:#3741490a}.piste-tchin{font-family:var(--script);white-space:nowrap;color:var(--rouge);opacity:0;font-size:1.1rem;position:absolute;bottom:70%;right:85%;transform:translateY(6px)scale(.6)rotate(-8deg)}.site-header:not(.roulant) .piste-cochonnet,.site-header:not(.roulant) .piste-verre{display:none}.tchin .piste-verre svg{animation:.9s ease-out vaciller}.tchin .piste-rebond{animation:.5s ease-out forwards rebondir}.tchin .piste-tchin{animation:1.6s ease-out forwards tchin}@keyframes vaciller{0%{transform:rotate(0)}20%{transform:rotate(9deg)}45%{transform:rotate(-5deg)}70%{transform:rotate(2.5deg)}to{transform:rotate(0)}}@keyframes rebondir{0%{transform:translate(0)}35%{transform:translate(-18%)}to{transform:translate(-6%)}}@keyframes tchin{0%{opacity:0;transform:translateY(6px)scale(.6)rotate(-8deg)}20%{opacity:1;transform:translateY(0)scale(1.1)rotate(-8deg)}35%{transform:scale(1)rotate(-8deg)}80%{opacity:1}to{opacity:0;transform:translateY(-6px)rotate(-8deg)}}.scene{background:var(--blanc);border:1px solid var(--filet);border-radius:.75rem;margin:2rem 0;padding:1rem}.scene svg{width:100%;height:auto;display:block;overflow:visible}.scene figcaption{color:var(--gris);text-align:center;margin-top:.6rem;font-size:.9rem;line-height:1.45}.scene.plein{padding:0;overflow:hidden}.scene.plein svg{overflow:hidden}.scene.plein figcaption{margin:0;padding:.6rem 1rem .8rem}
