@font-face{font-family:'Raleway';font-style:normal;src:url(/font/raleway-regular.woff2) format('woff2')}@font-face{font-family:'Raleway';font-style:italic;src:url(/font/raleway-italic.woff2) format('woff2')}@font-face{font-family:'Raleway';font-style:normal;font-weight:bold;src:url(/font/raleway-bold.woff2) format('woff2')}:root{--front:#303030;--back:#fff;--h-front:#222;--front-alt:#bbb;--menu-back:#fcb700;--menu-front:#000;--menu-front-alt:#f7f7f7;--menu-hover:rgba(0,0,0,0.2);--menu-active:rgba(0,0,0,0.1);--menu-border:#00000080;--item-back:#f6f6f6;--item-back-alt:#e0e0e0;--footer-back:#222222;--footer-bottom-back:#1a1a1a;--ic-filter:invert(4%);--ic-soft-filter:invert(44%);--button-back:#1abc9c;--button-back-alt:#18af91;--shadow:#444;--flash-time:.6s;--slide-time:1s}[data-theme="dark"]{--front:#f0f0f0;--back:#282828;--h-front:#dddddd;--menu-hover:rgba(255,255,255,0.2);--menu-active:rgba(255,255,255,0.1);--menu-border:#ffffff80;--item-back:#383838;--item-back-alt:#555;--ic-filter:invert(90%);--ic-soft-filter:invert(90%);--button-back:#009b7d;--button-back-alt:#00b18f;--shadow:#000}body{font-family:'Raleway',sans-serif;font-size:15.5px;font-weight:400;color:var(--front);margin:0;padding:0;background-color:var(--back);word-break:keep-all;scrollbar-color:var(--front) var(--back)}p,a{line-height:1.5}a{color:var(--front);text-decoration:none;transition:color .15s ease;display:inline-block}#page{display:inline-block;padding-bottom:16px;margin:0 20px;max-width:1100px;text-align:left;width:calc(100% - 40px)}#page.full-page{margin:0; max-width:unset; width:auto}div.section{width:100%;display:block;text-align:center;float:left;padding-bottom:16px;background:var(--back)}div.section:last-child{padding-bottom:0}div.section > div{margin:0 auto;display:block;text-align:left}div.section.title,div.section.thin{padding-bottom:0}div.section.title.banner{padding-bottom:12px}div.section.title > div{padding-bottom:0;text-align:center}div.section.title > div > img{width:100%;height:auto}.full-page > div.section > div{padding:0 16px;text-align:center;max-width:1100px}div.center,div.section.center > div{text-align:center}div.section.buttons{padding-top:12px}footer{color:var(--front-alt);background-color:var(--footer-back);word-wrap:break-word;width:100%;text-align:center;position:sticky;top:100vh;padding:0;line-height:0}footer > div{width:100%;display:inline-block;text-align:left}#footer-top{width:calc(100% - 40px);margin:0 20px;max-width:1100px}#footer-top > div{float:left}#footer-top .c25{width:33%}#footer-top .c50{width:34%}#footer-top .text{padding:20px 24px 24px 0}#footer-top .text > p{line-height:1.25;margin:8px 0}#footer-top div.img{padding:16px 0;float:right}#footer-top img{display:block;height:auto;margin-left:auto;max-width:100%;max-height:300px}#footer-top h5{color:#ffffff;margin:0 0 16px 0;font-size:15px;font-style:normal;font-weight:600;letter-spacing:1px;text-transform:uppercase}#footer-bottom{margin:0;background-color:var(--footer-bottom-back);padding:8px 16px 0 16px;width:calc(100% - 32px)}#footer-bottom div{font-size:13px;letter-spacing:1px;font-weight:700;text-transform:uppercase;font-style:normal;padding:0 0 8px 0}#footer-bottom div.left{float:left;text-align:left}#footer-bottom div.right{float:right;text-align:right}#footer-bottom a{text-decoration:none !important;color:var(--front-alt);-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;-ms-transition:color .3s ease;transition:color .3s ease}#footer-bottom a:hover{color:#ffffff}#back-to-top{position:fixed;display:none;bottom:48px;right:48px;z-index:100;width:48px;height:48px;margin-bottom:3px;filter:invert(65%);border-radius:50%;transition:all .3s ease;cursor:pointer;background-image:url(/img/ic/circle-up.svg)}#back-to-top:hover{filter:invert(85%);background-color:rgba(255,255,255,0.85)}.button{color:#ffffff;background-color:var(--button-back);font-size:13px;font-weight:bolder;text-transform:uppercase;letter-spacing:1px;padding:15px 30px;border:none;cursor:pointer;border-radius:4px}.button:hover{background-color:var(--button-back-alt)}div.link{padding:20px 0}h1{font-size:60px;line-height:1.3;font-weight:bold;color:var(--h-front);text-align:center}h2{color:var(--h-front);font-size:26px;text-transform:uppercase;padding:0.4em 0}div.p h2{font-size:18px;text-transform:none}h3,h2.h3{color:var(--h-front);font-size:23px;font-weight:bold;text-transform:uppercase;margin:1em 0 1.2em 0}h5,.h5,h2.h5,h3.h5{color:var(--h-front);font-size:15px;font-style:normal;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;line-height:1.4em}p{margin:6px 0}p:first-child{margin-top:8px}p:last-child{margin-bottom:8px}.ic{display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:middle;filter:var(--ic-filter);width:16px;height:16px;margin-bottom:3px}.ic-20{width:20px;height:20px;margin-bottom:3px}.ic-big{width:32px;height:32px;margin-bottom:3px;filter:var(--ic-filter)}.ic-tel{background-image:url(/img/ic/phone.svg)}.ic-location{background-image:url(/img/ic/location.svg)}.ic-link{background-image:url(/img/ic/link.svg)}.ic-cart-plus{background-image:url(/img/ic/cart-plus.svg)}.ic-facebook{background-image:url(/img/ic/facebook.svg)}@-webkit-keyframes flash{0%{opacity:0}100%{opacity:1}}@keyframes flash{from{opacity:0}to{opacity:1}}.flash,.flash-container img,div.section.title img{opacity:1;-webkit-animation:flash var(--flash-time);animation:flash var(--flash-time);width:100%;height:auto}div.slider{display:block;position:relative;background-color:black;border-radius:8px}div.slider.variable{background-color:transparent}div.slider img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;opacity:0;-webkit-transition:opacity var(--slide-time) ease;transition:opacity var(--slide-time) ease;z-index:0}div.slider img.current{opacity:1;z-index:1}.column{float:left;display:block}.column > div{display:block;margin-left:auto;margin-right:auto}.col2,.col3{display:block;width:100%}.col2 .column{width:50%}.col2 .c1 > div{padding-right:8px}.col2 .c2 > div{padding-left:8px}.col3 .column{width:33.3%;text-align:center;min-width:232px;padding-top:32px}.col3 .column > div{text-align:center;display:block;max-width:400px;padding:0 4px}.col3 p{width:calc(100% - 16px);text-align:center;margin-top:36px;margin-left:auto;margin-right:auto;max-width:17em}.article{width:33.3333%;display:block;position:relative;text-align:center;float:left;text-align:left;cursor:pointer}.article.n3{clear:both}.article > div{padding:0 0 16px 16px;display:block;margin:auto}.article.n3 > div{padding-left:0}.article > div > div{width:100%;color:#303030}.article > div > a{width:100%}.article img{width:100%;height:auto}.article:hover img{outline:2px solid rgb(6,106,171)}.article h5{width:100%}.actu h2{font-size:30px;line-height:40px;text-align:left}.actu .date{color:#1abc9c}.actu .c2{text-align:right}.actu .c2 img{width:100%;height:auto}.actu p a{text-decoration:underline;font-weight:bold}.article img,.c1 img,.c2 img,.title img,footer img{border-radius:6px}div.p{background-color:var(--item-back);border-radius:6px;padding:3px 13px;text-align:justify}div.p a{text-decoration:underline;font-weight:bold}#menu-content a,#theme-button{display:block;text-align:left;text-transform:uppercase;border:1px solid var(--menu-border);border-width:1px 0 0 0;font-size:13.5px;font-weight:600;letter-spacing:1px;line-height:55px}#menu-content a:hover{background-color:var(--menu-hover)}#menu-content a.active{background-color:var(--menu-active);border-color:var(--menu-back) !important;border-width:1px 0;pointer-events:none;cursor:default}#menu a.active + a{border-top:none}#menu a span{display:inline-block;line-height:initial;vertical-align:middle}#logo{image-rendering:optimizequality}@media only screen and (min-width:1001px){:root{--menu-alt:#ddd;--logo-alt:#cc9400}[data-theme="dark"]{--menu-alt:#101010;--logo-alt:#996f00}#menu{position:fixed;width:249px;top:0;left:0;padding:0;height:100%;box-sizing:border-box;overflow-y:auto;background:linear-gradient(90deg,var(--menu-alt),var(--back) 4% 96%,var(--menu-alt));-ms-overflow-style:none;scrollbar-width:none}#menu::-webkit-scrollbar{display:none}#content{position:absolute;left:249px;top:0;right:0;bottom:0;height:100%;text-align:center;overflow-y:auto;padding:0}#menu-button{display:none}#theme-button{position:sticky;top:100vh;cursor:pointer}#theme-ic{float:right;width:20px;height:20px;margin-top:19px}#menu div.logo{padding:10px 0;background:linear-gradient(90deg,var(--logo-alt),var(--menu-back) 4% 96%,var(--logo-alt))}#logo{content:url('/img/logo-gaia-biere-du-sancy-189x225.png');margin:0 30px;width:189px;max-width:189px}#menu-content{padding-bottom:48px}#menu a{padding:0 30px;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;-ms-transition:background-color .3s ease;transition:background-color .3s ease}#menu a:last-child{border-bottom:none !important}#menu a .ic{filter:invert(6%)}#theme-button:hover{background:var(--menu-hover)}a#item-fb:hover .ic{filter:invert(96%)}#footer-top img{max-height:164px;float:right;width:auto}span.ic-facebook{filter:invert(4%)}h1{font-size:48px;line-height:1.2;padding:24px;margin-top:12px;margin-bottom:16px;text-transform:uppercase;border:2px solid #aaa;border-width:2px 0}[data-theme="dark"]{#menu a .ic,#theme-ic{filter:invert(96%)}}}@media only screen and (min-width:1001px) and (min-resolution:2x){#logo{content:url('/img/logo-gaia-biere-du-sancy-378x449.png')}}@media only screen and (max-width:1200px){.col3 > div{margin:0px 4px}}@media only screen and (max-width:1000px){:root{--menu-height:54px}html{overflow:auto}body{position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}h1{font-size:60px;line-height:1.3;font-weight:bold;color:var(--h-front);text-align:center;margin-top:0.5em;margin-bottom:0.5em}#menu{position:absolute;top:0;left:0;width:100%;display:block;overflow:hidden;min-height:var(--menu-height);height:auto;text-align:center;background:transparent}#menu.expanded{height:auto;max-height:unset}#content{position:absolute;top:var(--menu-height);width:100%;overflow:visible;min-height:calc(100% - var(--menu-height))}.full-page > div.section > div{padding:0 16px}#back-to-top{bottom:24px;right:24px;z-index:2}#menu div.logo{background-color:var(--menu-back);margin:0;height:var(--menu-height)}#logo{content:url('/img/logo-gaia-biere-du-sancy-67x80.png');max-height:calc(var(--menu-height) - 4px);width:auto;margin-top:2px}#theme-button .ic,#menu-button,#theme-button{display:initial;position:absolute;top:0;height:var(--menu-height);width:40px;background-repeat:no-repeat;background-position:center;background-size:20px;cursor:pointer;transition:background,color,filter .3s;margin-bottom:0}#menu .ic{display:block}#menu .ic:hover{filter:var(--ic-soft-filer)}#menu-button,#theme-button .ic{filter:invert(4%)}#theme-button{right:1em;margin:0;padding:0;background:transparent !important;border:none}#theme-text{display:none !important}#menu-button{left:1em;background-image:url('/img/ic/bars.svg')}#menu-content{position:relative;display:block;top:0;left:0;width:249px;max-width:100%;transform:translateX(-249px);transition:transform .15s ease-in !important;background-color:var(--back);overflow-y:auto;margin-bottom:6px;z-index:1100}#menu.expanded #menu-content{transform:translateX(0);filter:drop-shadow(3px 3px 3px var(--shadow));transition:transform .15s ease-out !important}#menu-content a{transition:color,background .3s}#menu-content a span{padding:0 24px}#menu-content a:first-child{border-top:none}a#item-fb span.ic{position:relative;display:inline-block;width:22px;height:22px;padding:0;background-size:contain;margin:-4px auto auto auto}}@media only screen and (max-width:1000px) and (min-resolution:2x){#logo{content:url('/img/logo-gaia-biere-du-sancy-134x159.png')}}@media only screen and (max-width:900px){#footer-top .c25{width:35%}#footer-top .c50{width:30%}.article{width:50%}.article.n3{clear:none}.article.n2{clear:both}.article.n3 > div{padding-left:16px}.article.n2 > div{padding-left:0}.col3 > div{margin:0px 32px}.full-page > div.section > div{padding-left:16px}#page,#footer-top{margin:0 16px;width:calc(100% - 32px)}}@media only screen and (max-width:800px){.col3 .c1,.col3 .c2{width:50%}.col3 .c3{width:100%}.col3 .c2 > div{padding-right:0}.col3 .c3 > div{padding-left:0}h1{font-size:50px;line-height:44px}}@media only screen and (max-width:720px){#page,#footer-top{margin:0 16px;width:calc(100% - 32px)}#footer-top .c25{width:50%}#footer-top .text{padding-right:16px}#footer-top .c50{width:100%}#footer-top div.img{float:none}#footer-top img{margin-right:auto}.col2 .column{width:100%}.col2 .column > div{padding-left:0;padding-right:0}.col2 .column:first-child{margin-bottom:16px}.full-page > div.section > div{padding:0 16px}div.link{text-align:center}}@media only screen and (max-width:650px){#footer-top .text{padding-right:16px}#page,#footer-top{margin:0 12px;width:calc(100% - 24px)}#footer-bottom{padding:12px 12px 0 12px;width:calc(100% - 24px)}.article > div{padding-left:12px}h1{font-size:40px}.full-page > div.section > div{padding:0 12px}}@media only screen and (max-width:600px){#footer-bottom > div{width:100%;text-align:left !important;float:left !important}}@media only screen and (max-width:560px){#footer-top .c25{width:100%}#footer-top .text{padding:24px 16px 0 16px}#footer-top h5{margin-bottom:0}.article{width:100%}.article > div{padding-left:0 !important}}@media only screen and (max-width:510px){.col3 .column{width:100%}.col3 .column > div{padding-right:0;padding-left:0}.col3 p{max-width:unset}}@media only screen and (max-width:450px){#footer-top .text{padding:24px 0 0 0}}