:root{--lait:#fff7e7;--cassis:#4b1425;--cerise:#c8353f;--jaune:#f1c845;--menthe:#4d9b88;--encre:#251716}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--lait);color:var(--encre);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;letter-spacing:0}.comptoir{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding-left:4vw;background:var(--lait);border-bottom:3px solid var(--encre)}.comptoir>a{font:700 24px Georgia,serif}.comptoir nav{display:flex}.comptoir nav a{padding:22px 20px;border-left:1px solid var(--encre);font-size:11px;font-weight:900;text-transform:uppercase}.couverture{min-height:78vh;display:grid;grid-template-columns:1fr 330px;align-items:end;padding:8vw 6vw;background:var(--cassis);color:var(--lait)}.titreSucre p,.lecon header p,.diagnostic header p,.question>div>p{color:var(--jaune);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.titreSucre h1{max-width:1050px;font-size:clamp(58px,8vw,124px);line-height:.94}.couverture aside{display:grid;background:var(--jaune);color:var(--encre);transform:rotate(2deg)}.couverture aside>*{padding:18px;border-bottom:1px solid var(--encre);overflow-wrap:anywhere}.triptyque{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:10px;padding:10px;background:var(--cerise)}.triptyque div{height:420px;display:grid;place-items:center;text-align:center;background:var(--lait);border:3px solid var(--encre);overflow:hidden}.triptyque img{width:100%;height:100%;display:block;object-fit:cover}.triptyque div:nth-child(2){background:var(--jaune)}.triptyque div:nth-child(3){background:var(--menthe)}.triptyque span{font:400 42px Georgia,serif}.triptyque small{display:block;max-width:220px}.thermometre{display:grid;grid-template-columns:repeat(4,1fr)}.degre{min-height:220px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--encre)}.degre:nth-child(1){background:#f7dfd8}.degre:nth-child(2){background:var(--menthe)}.degre:nth-child(3){background:var(--jaune)}.degre:nth-child(4){background:var(--cerise);color:white}.degre strong{font:400 70px Georgia,serif}.degre span{font-weight:900}.lecon,.diagnostic{padding:8vw 6vw}.lecon{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.lecon h2,.diagnostic h2,.sixGestes h2,.question h2{font-size:clamp(42px,5vw,76px);line-height:1}.colonnes{columns:2;column-gap:40px;line-height:1.7}.colonnes blockquote{margin:25px 0;padding:22px;background:var(--jaune);font:italic 24px Georgia,serif;break-inside:avoid}.sixGestes{padding:8vw 6vw;background:var(--menthe)}.sixGestes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sixGestes article{min-height:230px;padding:25px;background:var(--lait);border-bottom:8px solid var(--cassis)}.sixGestes b{color:var(--cerise);font-size:30px}.sixGestes h3{font-size:28px}.sixGestes p{line-height:1.55}.diagnostic{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;background:var(--jaune)}.diagnostic dl{margin:0}.diagnostic dl div{display:grid;grid-template-columns:180px 1fr;border-top:2px solid var(--encre);padding:20px 0}.diagnostic dt{font:700 26px Georgia,serif}.diagnostic dd{margin:0;line-height:1.6}.question{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:8vw 6vw;background:var(--cassis);color:white}.question form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.question label{display:grid;gap:8px;color:var(--jaune);font-size:12px;font-weight:900;text-transform:uppercase}.question label:nth-child(4),.question button{grid-column:1/-1}.question input,.question select,.question textarea{padding:14px;border:0;background:var(--lait);font:inherit}.question button{padding:16px;border:0;background:var(--cerise);color:white;font-weight:900}footer{padding:34px 6vw;background:var(--encre);color:#eee}footer nav{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}footer small{color:#aaa}.legalSucre{width:min(930px,calc(100% - 36px));margin:50px auto;padding:55px;background:white;border-top:14px solid var(--cerise)}.legalSucre h1{font-size:60px}.legalSucre h2{margin-top:32px;font-size:32px}.legalSucre p{line-height:1.7}.retourSucre{display:inline-block;padding:12px 16px;background:var(--cassis);color:white;font-weight:900}.coordSucre{margin-top:25px;padding:20px;background:var(--jaune);font-weight:800}.sucreCookie{position:fixed;left:20px;bottom:20px;z-index:50;width:min(420px,calc(100% - 40px));padding:18px 48px 16px 18px;background:var(--lait);border:3px solid var(--cassis);box-shadow:9px 9px 0 var(--cerise)}.sucreCookie p{font-weight:800;line-height:1.4}.sucreCookie div{display:flex;gap:8px;flex-wrap:wrap}.sucreCookie div button,.sucreCookie a{padding:9px 12px;border:0;background:var(--cerise);color:white;font-weight:800}.sucreCookie div button:nth-child(2){background:var(--cassis)}.sucreCookie>button{position:absolute;right:10px;top:8px;border:0;background:none;font-size:25px}.cache{display:none}@media(max-width:850px){.couverture,.lecon,.diagnostic,.question{grid-template-columns:1fr}.triptyque{grid-template-columns:1fr 1fr}.triptyque div:first-child{grid-column:1/-1}.sixGestes>div{grid-template-columns:1fr 1fr}.thermometre{grid-template-columns:1fr 1fr}.colonnes{columns:1}.comptoir nav{display:none}}@media(max-width:560px){.triptyque,.sixGestes>div,.question form{grid-template-columns:1fr}.triptyque div:first-child{grid-column:auto}.titreSucre h1{font-size:50px}.diagnostic dl div{grid-template-columns:1fr}.legalSucre{padding:28px}.legalSucre h1{font-size:42px}}