/* Reset
-------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
*, *:before, *:after{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}

/* Root
-------------------------------------------------- */
:root {--main-size-one: 16px;--main-size-two: 11px;--main-size-three: 20px;--main-color: red;}

/* Typefaces
-------------------------------------------------- */
@font-face{font-family:'Pinyon';src:url(../fonts/subset-PinyonScript-Regular.woff2) format("woff2"),url(../fonts/subset-PinyonScript-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face {font-family: 'weather';src: url('../fonts/WeatherIconsnew-Normal.woff2') format("woff2");font-weight: normal;font-style: normal}
@font-face {font-family: 'TikTok';src: url('../fonts/PPMonumentWide-Regular.woff2') format("woff2"),url(../fonts/PPMonumentWide-Regular.woff) format("woff");font-weight: normal;font-style: normal}
@font-face {font-family: 'TikTokitalic';src: url('../fonts/PPMonumentWide-RegularItalic.woff2') format("woff2"),url(../fonts/PPMonumentWide-RegularItalic.woff) format("woff");font-weight: normal;font-style: normal}


/*! owfont-regular 1.0.0 
-------------------------------------------------- */
.owf{display:inline-block;font:normal normal normal 14px/1 owfont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);transform:translate(0,0)}.owf-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.owf-2x{font-size:2em}.owf-3x{font-size:3em}.owf-4x{font-size:4em}.owf-5x{font-size:5em}.owf-fw{width:1.28571429em;text-align:center}.owf-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.owf-ul>li{position:relative}.owf-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.owf-li.owf-lg{left:-1.85714286em}.owf-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.owf-pull-right{float:right}.owf-pull-left{float:left}.owf.owf-pull-left{margin-right:.3em}.owf.owf-pull-right{margin-left:.3em}.owf-200-d:before,.owf-200-n:before,.owf-200:before{content:"\EB28"}.owf-201-d:before,.owf-201-n:before,.owf-201:before{content:"\EB29"}.owf-202-d:before,.owf-202-n:before,.owf-202:before{content:"\EB2A"}.owf-210-d:before,.owf-210-n:before,.owf-210:before{content:"\EB32"}.owf-211-d:before,.owf-211-n:before,.owf-211:before{content:"\EB33"}.owf-212-d:before,.owf-212-n:before,.owf-212:before{content:"\EB34"}.owf-221-d:before,.owf-221-n:before,.owf-221:before{content:"\EB3D"}.owf-230-d:before,.owf-230-n:before,.owf-230:before{content:"\EB46"}.owf-231-d:before,.owf-231-n:before,.owf-231:before{content:"\EB47"}.owf-232-d:before,.owf-232-n:before,.owf-232:before{content:"\EB48"}.owf-300-d:before,.owf-300-n:before,.owf-300:before{content:"\EB8C"}.owf-301-d:before,.owf-301-n:before,.owf-301:before{content:"\EB8D"}.owf-302-d:before,.owf-302-n:before,.owf-302:before{content:"\EB8E"}.owf-310-d:before,.owf-310-n:before,.owf-310:before{content:"\EB96"}.owf-311-d:before,.owf-311-n:before,.owf-311:before{content:"\EB97"}.owf-312-d:before,.owf-312-n:before,.owf-312:before{content:"\EB98"}.owf-313-d:before,.owf-313-n:before,.owf-313:before{content:"\EB99"}.owf-314-d:before,.owf-314-n:before,.owf-314:before{content:"\EB9A"}.owf-321-d:before,.owf-321-n:before,.owf-321:before{content:"\EBA1"}.owf-500-d:before,.owf-500-n:before,.owf-500:before{content:"\EC54"}.owf-501-d:before,.owf-501-n:before,.owf-501:before{content:"\EC55"}.owf-502-d:before,.owf-502-n:before,.owf-502:before{content:"\EC56"}.owf-503-d:before,.owf-503-n:before,.owf-503:before{content:"\EC57"}.owf-504-d:before,.owf-504-n:before,.owf-504:before{content:"\EC58"}.owf-511-d:before,.owf-511-n:before,.owf-511:before{content:"\EC5F"}.owf-520-d:before,.owf-520-n:before,.owf-520:before{content:"\EC68"}.owf-521-d:before,.owf-521-n:before,.owf-521:before{content:"\EC69"}.owf-522-d:before,.owf-522-n:before,.owf-522:before{content:"\EC6A"}.owf-531-d:before,.owf-531-n:before,.owf-531:before{content:"\EC73"}.owf-600-d:before,.owf-600-n:before,.owf-600:before{content:"\ECB8"}.owf-601-d:before,.owf-601-n:before,.owf-601:before{content:"\ECB9"}.owf-602-d:before,.owf-602-n:before,.owf-602:before{content:"\ECBA"}.owf-611-d:before,.owf-611-n:before,.owf-611:before{content:"\ECC3"}.owf-612-d:before,.owf-612-n:before,.owf-612:before{content:"\ECC4"}.owf-615-d:before,.owf-615-n:before,.owf-615:before{content:"\ECC7"}.owf-616-d:before,.owf-616-n:before,.owf-616:before{content:"\ECC8"}.owf-620-d:before,.owf-620-n:before,.owf-620:before{content:"\ECCC"}.owf-621-d:before,.owf-621-n:before,.owf-621:before{content:"\ECCD"}.owf-622-d:before,.owf-622-n:before,.owf-622:before{content:"\ECCE"}.owf-701-d:before,.owf-701-n:before,.owf-701:before{content:"\ED1D"}.owf-711-d:before,.owf-711-n:before,.owf-711:before{content:"\ED27"}.owf-721-d:before,.owf-721-n:before,.owf-721:before{content:"\ED31"}.owf-731-d:before,.owf-731-n:before,.owf-731:before{content:"\ED3B"}.owf-741-d:before,.owf-741-n:before,.owf-741:before{content:"\ED45"}.owf-751-d:before,.owf-751-n:before,.owf-751:before{content:"\ED4F"}.owf-761-d:before,.owf-761-n:before,.owf-761:before{content:"\ED59"}.owf-762-d:before,.owf-762-n:before,.owf-762:before{content:"\ED5A"}.owf-771-d:before,.owf-771-n:before,.owf-771:before{content:"\ED63"}.owf-781-d:before,.owf-781-n:before,.owf-781:before{content:"\ED6D"}.owf-800-d:before,.owf-800:before,.owf-951-d:before,.owf-951:before{content:"\ED80"}.owf-800-n:before,.owf-951-n:before{content:"\F168"}.owf-801-d:before,.owf-801:before{content:"\ED81"}.owf-801-n:before{content:"\F169"}.owf-802-d:before,.owf-802:before{content:"\ED82"}.owf-802-n:before{content:"\F16A"}.owf-803-d:before,.owf-803-n:before,.owf-803:before{content:"\ED83"}.owf-804-d:before,.owf-804-n:before,.owf-804:before{content:"\ED84"}.owf-900-d:before,.owf-900-n:before,.owf-900:before{content:"\EDE4"}.owf-901-d:before,.owf-901-n:before,.owf-901:before{content:"\EDE5"}.owf-902-d:before,.owf-902-n:before,.owf-902:before{content:"\EDE6"}.owf-903-d:before,.owf-903-n:before,.owf-903:before{content:"\EDE7"}.owf-904-d:before,.owf-904-n:before,.owf-904:before{content:"\EDE8"}.owf-905-d:before,.owf-905-n:before,.owf-905:before{content:"\EDE9"}.owf-906-d:before,.owf-906-n:before,.owf-906:before{content:"\EDEA"}.owf-950-d:before,.owf-950-n:before,.owf-950:before{content:"\EE16"}.owf-952-d:before,.owf-952-n:before,.owf-952:before{content:"\EE18"}.owf-953-d:before,.owf-953-n:before,.owf-953:before{content:"\EE19"}.owf-954-d:before,.owf-954-n:before,.owf-954:before{content:"\EE1A"}.owf-955-d:before,.owf-955-n:before,.owf-955:before{content:"\EE1B"}.owf-956-d:before,.owf-956-n:before,.owf-956:before{content:"\EE1C"}.owf-957-d:before,.owf-957-n:before,.owf-957:before{content:"\EE1D"}.owf-958-d:before,.owf-958-n:before,.owf-958:before{content:"\EE1E"}.owf-959-d:before,.owf-959-n:before,.owf-959:before{content:"\EE1F"}.owf-960-d:before,.owf-960-n:before,.owf-960:before{content:"\EE20"}.owf-961-d:before,.owf-961-n:before,.owf-961:before{content:"\EE21"}.owf-962-d:before,.owf-962-n:before,.owf-962:before{content:"\EE22"}
.weather-icon {font-family:'weather';-webkit-text-stroke: .5px white;-webkit-text-fill-color: red;}

/* Grid
-------------------------------------------------- */
.grid {z-index:-9;position:fixed;top:0;left:0;width:100%;height:100%;padding:0 calc(var(--main-size-one) / 2);display: flex;-webkit-flex-flow: row nowrap;flex-flow: row nowrap;}
.grid span{width:calc(100% / 12);margin:0 calc(var(--main-size-one) / 2);background:var(--main-color);opacity:.0}

/* Réglages
-------------------------------------------------- */
img{display:block;width:100%;height:auto}
ul,li{list-style: none}
em{font-style:normal;font-family:'TikTokitalic'}
strong{font-weight:normal;font-family:inherit}

/* Liens
-------------------------------------------------- */
a{color:black;text-decoration:none;outline:0}
a:hover, a.active{color:var(--main-color);}

/* Site
-------------------------------------------------- */
html{width:100%;height:100%}
body{width:100%;max-width:1920px;margin:0 auto;min-height:100%;color:black;overflow-x:hidden;font-family: "TikTok", sans-serif;font-weight: 500;}
body, h1, h2, h3, h4{line-height:16px;font-size: 13px;letter-spacing: -.0125em}
body{width:100%;min-height: 100%;display: flex;-webkit-flex-flow: column nowrap;flex-flow: column nowrap;}

/* Header
-------------------------------------------------- */
header{position:relative;z-index:9999;border-bottom:1px solid black;display: flex;-webkit-flex-flow: column nowrap;flex-flow: column nowrap;}
header nav{width:100%;align-items: flex-start;padding:calc(var(--main-size-one) / 2);display:flex;justify-content:space-between}
header nav > h1 > span{padding:}
header nav > h1{letter-spacing:0;padding-top:8px;text-align: center;white-space: nowrap;line-height:100%;position:relative;top:.25rem;display:flex;font-family:'Pinyon',Times,serif;justify-content:center;font-size:36px;align-content:center;align-items:self-start;justify-items:start;flex:1}
header nav > span{display: flex;align-items: center;-webkit-flex-flow: row nowrap;flex-flow: row nowrap;white-space: nowrap;font-variant-numeric:tabular-nums;-moz-font-feature-settings:tnum;-webkit-font-feature-settings:tnum;font-feature-settings:tnum;width:calc((100% / 12) * 3);padding:calc(var(--main-size-one) / 2)}
header nav > span:last-child{text-align:right;display: flex;flex-flow: row nowrap;justify-content: flex-end;}
header nav > span:nth-child(1) img{width:18px;height:18px;float:left;}
header nav > span:nth-child(1) div{display: flex;align-items: center;margin-left:calc(var(--main-size-one) * 2)}
header nav > span img{width:14px;height:14px;float:left;}
header nav  span:nth-child(1) img{width:14px;height:14px;float:left;margin:0;margin-right:var(--main-size-one)}
header nav > span:nth-child(3) div:nth-child(1){display: flex;align-items: center;margin-right:calc(var(--main-size-one) * 2)}
header nav > span:nth-child(3) div:nth-child(1) img{margin-right:var(--main-size-one)}
header nav > span:nth-child(3) img{margin-left:var(--main-size-one)}
header > h2{width:calc((100%/12) * 8 - 16px - 8px);margin:0 auto;padding:0 calc(var(--main-size-one) / 2) calc(var(--main-size-one) / 2);font-size:10px;line-height:12px;text-transform: uppercase;text-align:center;color:var(--main-color)}

/* Main
-------------------------------------------------- */
main{width:100%;min-height: 100vh;flex:1;padding:calc(var(--main-size-one) / 2);padding-bottom:calc(var(--main-size-one) / 1);display: flex;-webkit-flex-flow: column nowrap;flex-flow: column nowrap;}

/* Weather
-------------------------------------------------- */
.weather{position:relative;z-index:9999;background:white;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--main-size-one);padding:var(--main-size-one);font-variant-numeric:tabular-nums;-moz-font-feature-settings:tnum;-webkit-font-feature-settings:tnum;font-feature-settings:tnum}
.weather-day{display:flex;align-items:flex-start;align-items: stretch;}
.icon-font {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.weather-icon{width:100px;height:56px;flex-shrink:0;font-size:40px;line-height:56px;text-align:center;color:red}
.weather-icon path{stroke-width:20;stroke:#fff;fill:var(--main-color)}
.weather-info{padding:0 calc(var(--main-size-one) / 2);flex:1;display:flex;flex-direction:column}
.temps{padding-right:calc(var(--main-size-one) / 1)}
.temps,.vent-clouds{display:flex;flex-direction:column}
.temps span,.vent-clouds span{display:flex;flex-direction:row;align-items: center;}
.temps span b,.vent-clouds span b{white-space:nowrap;padding-left:calc(var(--main-size-one) / 2)}
.date{font-size:10px;line-height:12px}
.description{font-size:inherit;line-height:inherit;}
.temps-vent-clouds{display:flex;font-size:10px;line-height:12px}
.temps-vent-clouds img{height:14px;width:14px}
.svgicone{width:100px;height:65px;flex-shrink:0;display:flex;justify-content:center;align-items:center}

/* News
-------------------------------------------------- */
.news{position:relative;z-index:9999;background:white;border-top:1px solid;border-bottom:1px solid;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--main-size-one);padding:var(--main-size-one)}
.news-item{overflow:hidden}
.news-item.nofilter .news-image:before{display:none}
.news-item.nofilter img{filter:none}
.news-link{display:flex;flex-direction:row;text-decoration:none;color:inherit;height:100%}
.news-image{height:100px;width:100px;background:#4d4d4d;max-width:100px;aspect-ratio:1 / 1;border-radius:4px;overflow:hidden;position:relative}
.news-image img{background:var(--main-color);width:100px;height:100px;object-fit:cover;border-radius:4px;display:block;filter:grayscale(100%)}
.news-image:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;border-radius:4px;background-image:url(../icons/colonne.jpg);z-index:99;mix-blend-mode:screen}
.news-text{flex:2;padding:0 calc(var(--main-size-one) / 2);display:flex;flex-direction:column;justify-content:flex-start}
.news-source{font-size:10px;line-height:12px;display:block}
.news-title{margin:0}

/* Headings
-------------------------------------------------- */
ul#chat{opacity:0}
ul#chat > li{display:flex;width: calc((100% / 12) * 2 );}
ul#chat > li > article{word-break: break-word;}
ul#chat > li > article {display: flex;flex-flow: column nowrap;  width:100%;padding: calc(var(--main-size-one) / 2) calc(var(--main-size-one) / 2) calc(var(--main-size-one) / 1);}
ul#chat > li > article > div {font-variant-numeric:tabular-nums;-moz-font-feature-settings:tnum;-webkit-font-feature-settings:tnum;font-feature-settings:tnum;font-size:10px;line-height:12px;display: flex;-webkit-flex-flow: row nowrap;flex-flow: row nowrap;}
ul#chat > li > article > div p:first-child{padding-right:calc(var(--main-size-one) / 2)}
ul#chat > li > article a{text-decoration: underline;color:inherit;text-decoration-thickness: 1px;text-underline-offset: 2px;}
ul#chat > li > article > div.imgcontainer{width: 100%;padding: calc(var(--main-size-one) / 3) calc(var(--main-size-one) * 2) calc(var(--main-size-one) / 3);margin-bottom:calc(var(--main-size-one) / 2);}
ul#chat > li > article > h3{text-transform: uppercase;margin-bottom: calc(var(--main-size-one) / 2);width: 100%;text-align: center;padding: 0 var(--main-size-one);line-height:16px;font-size: 13px;}
ul#chat > li > article > span.text{margin-bottom: calc(var(--main-size-one) / 2);width: 100%;}
ul#chat > li.item-short{text-align:center;padding: 0 calc(var(--main-size-one) * 2) 0}
ul#chat > li.item-short > article > span{word-break: break-word;font-size: 23px;line-height: 25px;text-align:center;}
ul#chat > li.item-short > article{align-items: center;}
ul#chat > li.item-red {color:red}
ul#chat > li.item-red > article > div > span > img{filter: grayscale(100%)}
ul#chat > li.item-red > article > div > span:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;background:red;mix-blend-mode: screen;}
ul#chat > li.item-border article span.text{width: 100%;padding: calc(var(--main-size-one) / 1);border:1px solid;border-radius: calc(var(--main-size-one) / 3);}
ul#chat > li.item-center > article{align-items: center;}
ul#chat li.withimg article{padding: calc(var(--main-size-one) / 2) calc(var(--main-size-one) * 2) calc(var(--main-size-one) / 1);}
ul#chat li.withimg article p.margintop{margin-bottom: calc(var(--main-size-one) / 2) }
ul#chat > li.showstart{opacity:0;transition:opacity 2.5s ease}
ul#chat > li.showend{opacity:1}
.round article > p{border:1px solid;padding:var(--main-size-one);border-radius:calc(var(--main-size-one) / 3)}
.rouge:not(.round){color:var(--main-color)}

/* Form
-------------------------------------------------- */
div.form{border-radius: calc(var(--main-size-one) / 3);box-shadow: 0 0px var(--main-size-one) #ccc;display: flex;-webkit-flex-flow: column nowrap;flex-flow: column nowrap;}
div.form form{border-radius: calc(var(--main-size-one) / 3);border:1px solid black;flex: 1;display: flex;-webkit-flex-flow: column nowrap;flex-flow: column nowrap;}
div.form form input{border-radius: 0 0 0 calc(var(--main-size-one) / 3);padding: calc(var(--main-size-one) / 1);font-family:inherit;font-size:13px;line-height:16px;opacity:1;}
div.form form div{display: flex;-webkit-flex-flow: row nowrap;flex-flow: row nowrap;}
div.form form textarea{border-radius:0;border-top:1px solid black;border-bottom:1px solid black;resize: none;max-height:100%;max-width:100%;max-width:100%;padding: calc(var(--main-size-one) / 1);flex:1;font-family:inherit;font-size:13px;line-height:16px;color:black;opacity:1;}
div.form form button{font-weight:normal;color:black;border-radius: 0 0 calc(var(--main-size-one) / 3) 0;flex:1;background:white;padding: calc(var(--main-size-one) / 1);font-family:inherit;font-size:13px;line-height:16px;opacity:1;}
div.form form button:hover{cursor:pointer;background:var(--main-color);color:white}
.stamp {z-index: 999;position: fixed;left: 50%;bottom: var(--main-size-one);width: calc((100% / 12) * 5 );height: calc(var(--main-size-one) * 12);transform: translate(-50%, 0)}
div.form form input:focus, div.form form textarea:focus{outline:0}
div.form form input::placeholder, div.form form textarea::placeholder {color: #000;opacity:1}
div.form form input[name="headline"]{border-radius: calc(var(--main-size-one) / 3) calc(var(--main-size-one) / 3) 0 0;}
div.form form input[name="user"]{border-radius:none;border-right:1px solid black;}
div.form.stamp {transition: bottom 0.4s ease;bottom: var(--main-size-one);;}
div.form.stamp.hidden {bottom: calc(-1 * var(--main-size-one) * 12);}


/* Footer
-------------------------------------------------- */
footer{position:relative;z-index:9999;background:white;;width:100%;border-top:1px solid;padding:16px calc(var(--main-size-one) / 2);display: flex;flex-flow: row wrap;align-items:stretch}
footer article{padding:0 8px;display: flex;flex-flow: column nowrap;align-items:flex-start}
footer article:nth-child(1){width:calc((100%/12) * 1);align-items: center;padding:8px;padding-top: 4px;}
footer article:nth-child(2){width:calc((100%/12) * 5);margin-right:calc((100%/12) * 3)}
footer article:nth-child(3){width:calc((100%/12) * 2)}
footer article:nth-child(4){width:calc((100%/12) * 1)}
footer article:nth-child(2) a, footer article:nth-child(4) a, footer article:nth-child(5) a{color:red}
footer article:nth-child(4) a{white-space: nowrap}
footer article:nth-child(1) img{max-width:50%}
section.last{position:relative;z-index:9999;background:white;border-top:1px solid;width:100%;text-align:center;font-size: 10px;line-height: 12px;padding:calc(var(--main-size-one) / 2) calc(var(--main-size-one) / 2);}
section.last.pre {justify-content: space-between;display: flex;padding:calc(var(--main-size-one) / 2) calc(var(--main-size-one) / 2 - 1px);text-transform: uppercase;flex-flow: row wrap;text-align: center}
section.last.pre b{padding: 0 calc(var(--main-size-one) / 2)}
section.last.artists{padding:16px calc((100%/12) * 1 + 16px);text-align:justify;font-size:inherit;line-height:inherit}


/* Film
-------------------------------------------------- */
main.film{padding:0;min-height: auto;}
main.film section.info{padding:32px calc(calc((100%/12) * 1) + 8px);display: flex;flex-flow: row wrap;align-items:flex-start}
main.film  figure {border-bottom:1px solid;width:100%;height:66.666vh;display: flex;flex-flow: column nowrap;}
main.film  figure figcaption{width:100%;padding:8px 16px; text-align:center;font-size:10px;line-height:12px}
main.film section.info article{padding:8px;}
main.film section.info article h3{width:100%;padding-bottom:8px;text-transform: uppercase;font-size: 10px;line-height: 12px;color:red;text-transform: uppercase}
main.film section.info article:nth-child(1){width:calc((100%/10) * 3);margin-right:calc((100%/10) * 2)}
main.film section.info article:nth-child(2){width:calc((100%/10) * 3)}
main.film section.info article:nth-child(3){width:calc((100%/10) * 2)}
main.film section.info article ul {display: table;}
main.film section.info article ul > li {display: table-row;}
main.film section.info article ul > li::before {content: "•";display: table-cell;width: 16px;text-align: left;}
main.film section.dates {padding:8px;border-bottom:1px solid;display: flex;flex-flow: row nowrap;align-items:flex-start}
main.film section.dates article{padding:8px;display: flex;flex-flow: row nowrap;align-items:flex-start}
main.film section.dates article:nth-child(1){flex:1}

/* Cinema
-------------------------------------------------- */
main.cinema {padding:0;min-height:auto;position:relative;z-index:9999;background:white}
h3.cinema{width:100%;padding:8px 16px;border-top:1px solid;border-bottom:1px solid;font-size: 23px;line-height: 25px;text-align:center;text-transform: uppercase;display: flex;flex-flow: row wrap;align-items:center;justify-content: space-between;}
h3.cinema b{height:14px;width:14px;display:inline-block;background-image:url(../icons/star.svg);background-repeat: no-repeat;background-position: center;background-size: 100%;}
h3.cinema span{padding:0 32px}
.toc {padding:16px 8px 24px;}
th div{width:100%;display: flex;flex-flow: row nowrap;align-items:flex-end}
th div span.start{flex:inherit}
th div span.start b{display: none}
th div span.dots{flex:1;border-bottom:2px dotted;position:relative;margin:0 4px;top:-3.5px;min-width:calc(8px*2)}
th div span.end{text-align:right;flex:inherit}
table {border-collapse: collapse;width:100%;text-align:right;table-layout: fixed}
thead{font-size: 10px;text-decoration:underline;text-underline-offset: 2px;line-height: 12px;text-transform: uppercase}
th, td {font-variant-numeric:tabular-nums;-moz-font-feature-settings:tnum;-webkit-font-feature-settings:tnum;font-feature-settings:tnum;padding: 4px 8px 0;}
tbody tr:hover{color:red;}
tbody tr.active{color:red;}
tr th:nth-child(1){width:calc((100% / 12)*1);text-align:left;}
tr th:nth-child(2){width:calc((100% / 12)*5);text-align:left;}
tr th:nth-child(3){width:calc((100% / 12)*1)}
tr th:nth-child(4){width:calc((100% / 12)*1)}
tr th:nth-child(5){width:calc((100% / 12)*2)}
tr th:nth-child(6){width:calc((100% / 12)*2)}
span.onview{height:8px;width:16px;float:left}
span.onview:after{content:'';height:8px;width:8px;margin-right:8px;background:red;display:inline-block;border-radius:100%!important}

tbody tr th:nth-child(2n+1){color:red}



/* Talks
-------------------------------------------------- */
main.talks {padding:0;min-height:auto;position:relative;z-index:9999;background:white}
main.talks h3{overflow:hidden;height: 24px;position:relative;width:100%;padding:8px 0;border-top:1px solid;border-bottom:1px solid;font-size: 11px;line-height: 13px;}
main.talks h3 div{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);text-align:center;text-transform: uppercase;display: flex;flex-flow: row nowrap;align-items:center;justify-content: space-between;}
main.talks h3 span{padding:0 16px;white-space:nowrap;}
main.talks .carousel{height:auto;width:100%;padding:16px 0;}
main.talks .carousel .carousel-cell{margin:0 ;padding:0 16px;width:20%;height:auto;display: flex;flex-flow: column;justify-content: flex-start;align-content: flex-start;align-items: center;}
main.talks .carousel .carousel-cell p{width:66.666%;padding:0;}
main.talks .carousel .carousel-cell h5{text-transform:uppercase;color:red;margin-top:8px;width:66.666%;}
main.talks .carousel .carousel-cell a{width:66.666%;display: flex;position:relative}
main.talks .carousel .carousel-cell date{position:absolute;bottom:8px;right:8px;z-index:9;color:red;background:white;padding:3px 4px 2.5px;font-size:10px;line-height:12px;border-radius:4px;}
main.talks .carousel .carousel-cell-image{border-radius:4px;width:100%;height:auto;filter: grayscale(100%)}
main.talks .carousel a:hover .carousel-cell-image{filter: grayscale(0)}
main.talks .carousel a:hover:after, main.talks .carousel span:hover:after{display:none}
main.talks .carousel a:after, main.talks .carousel span:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .6;border-radius: 3px;background-image: url(../icons/colonne.jpg);z-index: 99;mix-blend-mode: screen;}
main.talks .carousel span:before{content: 'Coming Soon';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity:1;z-index:999;display: flex;justify-content: center;align-content: center;align-items: center;text-transform:uppercase;font-size: 23px;
line-height: 25px;color:black;text-align:center;padding:8px;}

/* Flickity v2.3.0
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 0 transparent}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}
.carousel{height:100%}
.carousel.cinema{border-bottom:1px solid}
.carousel-cell{width:100%;height:100%;margin-right:8px;overflow:hidden}
.carousel-cell-image{display:block;height:100%;margin:0 auto;width:auto;}
.carousel-cell-image.flickity-lazyloaded,.carousel-cell-image.flickity-lazyerror{opacity:1}
.flickity-prev-next-button.next{right:16px}
.flickity-prev-next-button.previous{left:16px}
.flickity-prev-next-button,.flickity-prev-next-button:hover{top:50%;width:16px;height:16px;border-radius:50%;transform:translateY(-50%);background:transparent}
.flickity-prev-next-button .flickity-button-icon{display: none}
.flickity-prev-next-button.previous:after{content:'';color:black;font-size:25px;height:16px;width:16px;background-image:url(../icons/arr-left.svg);background-size:100%;background-repeat:no-repeat;position: absolute;left:0;top: 0;}
.flickity-prev-next-button.next:after{content:'';color:black;font-size:25px;height:16px;width:16px;background-image:url(../icons/arr-right.svg);background-size:100%;background-repeat:no-repeat;position: absolute;right:0;top: 0;}
figure.media .flickity-viewport{height:100%!important}
/* Lazyload
-------------------------------------------------- */
.lazyload, .lazyloading {opacity: 0;}
.lazyloaded {opacity: 1;transition: opacity 300ms;}

/* Pastille
-------------------------------------------------- */
.pastille{opacity:0;transition:opacity .25s ease;transform-origin: center;box-shadow: 0 0px var(--main-size-one) #ccc;border:2px solid white;background:red;position:absolute;display:flex;z-index:999999;padding:24px;border-radius:100%;width:150px;height:150px;}
.pastille > div{width:100%;cursor: grab}
.pastille a{width:100%;height:100%;color:white;display: flex;
align-content: center;
justify-content: center;
justify-items: center;
align-items: center;
text-align: center;}
.pastille.isopen{opacity:1;}
.pastille.isopen a.nolink{pointer-events: none;}
.pastille.isopen > div:focus{pointer-events: none;cursor: grabbing}

/*--------------------------------------
-   MEDIA QUERIES
---------------------------------------*/
@media only screen and (max-width:1440px){
   .weather-grid {grid-template-columns: repeat(4, 1fr);}
   .weather-day:nth-child(5) {display:none}
   ul#chat li {width: calc((100% / 12) * 2.4 );}
   header nav > span {width: calc((100% / 12) * 4);}
   footer article:nth-child(1) img {
  max-width: calc(100% - 16px);
}
   main.talks .carousel .carousel-cell p{width:66.666%;padding:0;font-size:10px;line-height: 12px}
}

@media only screen and (max-width:1080px){
   .weather-grid {grid-template-columns: repeat(3, 1fr);}
   .weather-day:nth-child(4) {display:none}
   ul#chat li {width: calc((100% / 12) * 3 );}
   header nav > span:nth-child(2), header nav  > span:nth-child(4), header nav  > span:nth-of-type(5) {display:none}
   .news {grid-template-columns: repeat(3, 1fr);}
   .news .news-item:nth-child(4) {display:none}
   footer article{font-size: 10px;line-height: 12px;}
   .stamp {width: calc((100% / 12) * 8 );}

   main.film section.info {
      padding: 16px 8px;
      display: flex;
      flex-flow: row wrap;
      align-items: flex-start;
   }
   main.film section.info article:nth-child(1) {
      width: calc((100%/12) * 4);
      margin-right:0;
   }
   main.film section.info article:nth-child(2) {
      width: calc((100%/12) * 4);
   }
   main.film section.info article:nth-child(3) {
      width: calc((100%/12) * 4);
   }
   tr th:nth-child(1){display: none}
   tr th:nth-child(2){width:calc((100% / 12)*7);text-align:left;}
   tr th:nth-child(3){width:calc((100% / 12)*1)}
   tr th:nth-child(4){width:calc((100% / 12)*1)}
   tr th:nth-child(5){width:calc((100% / 12)*3)}
   tr th:nth-child(6){display: none}

   main.talks .carousel .carousel-cell{width:33.333%}
}

@media only screen and (max-width:960px){
   .weather-grid {grid-template-columns: repeat(2, 1fr);}
   .weather-day:nth-child(3) {display:none}
   ul#chat li {width: calc((100% / 12) * 4 );}
   .news {grid-template-columns: repeat(2, 1fr);}
   .news .news-item:nth-child(3) {display:none}
   header nav > span:nth-child(1) div{display: none}
   header nav > span:last-child div{display: none}
   header nav > span:nth-child(3) div:nth-child(1){display: none}
   
   tr th:nth-child(1){display: none}
   tr th:nth-child(2){width:calc((100% / 12)*8);text-align:left;}
   tr th:nth-child(3){display: none}
   tr th:nth-child(4){display: none}
   tr th:nth-child(5){width:calc((100% / 12)*4)}
   tr th:nth-child(6){display: none}
   
   section.last.artists {
  font-size: 10px;padding: 12px;
  line-height: 12px;
}
   
   main.talks .carousel .carousel-cell{width:100%}
  
   main.film section.info {
      padding: 0;}
   main.film section.info article:nth-child(1) {
      width: calc((100%/12) * 12);
      margin-right:0;padding:12px;
   }
   main.film section.info article:nth-child(2) {
      width: calc((100%/12) * 12);padding:12px;
   }
   main.film section.info article:nth-child(3) {
      width: calc((100%/12) * 12);padding:12px;
   }
    main.film section.info article h3 {
      text-align: center;}
   body{overflow-x: hidden}
   
}

@media only screen and (max-width:640px){
   :root {--main-size-one: 12px;}
   body {line-height: 16px;font-size: 12px;}
   .weather-grid {grid-template-columns: repeat(2, 1fr);border-bottom:1px solid}
   .weather-icon {width: 50px;font-size: 35px;line-height: 66px;}
   h2 {padding: 0 calc(var(--main-size-one) / 1) calc(var(--main-size-one) / 1);}
   .vent-clouds {display:none;}
   ul#chat li {width: calc((100% / 12) * 12 );}
   .news {display:none}
   .news .news-item:nth-child(2) {display:none}
   header nav {flex-flow: column;align-items: center;position:relative}
   header nav > span:nth-child(1) {line-height: 16px;font-size: 12px;order:3;width:100%;text-align:center;padding-bottom:0;padding-top:0;}
   header nav > h1{font-size:32px;order:1;top: 0;padding-top: calc(var(--main-size-one) * 2.333);}
   header nav > span:last-child{order:6;line-height: 16px;font-size: 12px;width:100%;text-align:center;padding-top:0;}
   header nav > span img{display:none}
   header nav > span:nth-child(1){font-size: 10px;line-height: 12px;position:absolute;top:calc(var(--main-size-one) / 2);left:calc(var(--main-size-one) / 2);width:auto;padding-top:calc(var(--main-size-one) / 2)}
   header nav > span:last-child{font-size: 10px;line-height: 12px;position:absolute;top:calc(var(--main-size-one) / 2);right:calc(var(--main-size-one) / 2);width:auto;padding-top:calc(var(--main-size-one) / 2)}
   .date, .temps-vent-clouds, ul#chat > li > article > div {font-size: 10px;line-height: 12px;}
   div.form.stamp {z-index: 999;left: var(--main-size-one);bottom: calc(var(--main-size-one) * 4.25);width: calc(100% - var(--main-size-one) - var(--main-size-one));height: calc(var(--main-size-one) * 9);transform: none;}
   .weather {padding: calc(var(--main-size-one) / 2) calc(var(--main-size-one) / 1);display: grid;grid-template-columns: repeat(2,minmax(20px,1fr));border-bottom:1px solid}
   .description {line-height: 16px;font-size: 12px;}
   header > h2 {padding: 0 calc(var(--main-size-one) / 2) calc(var(--main-size-one) / 1);}
   footer{padding:calc(var(--main-size-one) / 2);flex-flow: row wrap;}
   footer article{font-size: 10px;line-height: 12px;width:100%!important}
   footer article:nth-child(1) {width:25%!important}
   footer article:nth-child(2) {width:75%!important}
   footer article:nth-child(3) {width:50%!important;margin-left:25%}
   footer article:nth-child(4) {width:25%!important}
   footer article:nth-child(5) {width:25%!important}
   footer article:nth-child(1) img {
  max-width: 100%;
}
   ul#chat > li > article > h3{font-size:14px;line-height:16px;padding:0 calc(var(--main-size-one) * 2)}
   div.form form input[name="user"]{width:50%}
   header nav > span:nth-child(1) div{display:none}
   header nav > span:last-child div{display:none}
   div.form form textarea,div.form form input,div.form form button{line-height: 16px;font-size: 12px;}
   .weather-icon{line-height:50px;height:50px}
   .temps-vent-clouds img {height: 10px;width: 10px;}

   .temp-min img, .temp-max img {width: 0px;}
   .temp-min:before{content:'↓'}
   .temp-max:before{content:'↑'}
   footer article:nth-child(2), footer article:nth-child(3) {padding-bottom:8px}
   footer article:nth-child(4) div{display:none}
   footer article:nth-child(5){display:flex;width:25%}
   header > h2 {width: 100%;padding: 0 calc(var(--main-size-one) / 1) calc(var(--main-size-one) / 1);}
   section.last {
      padding: calc(var(--main-size-one) / 2) calc(var(--main-size-one) / 1);
   }

    main.film figure {
  border-bottom: 1px solid;
  width: 100%;
      height: auto;}
   main.film section.dates {text-align:center;padding: 8px 16px;
      flex-flow: column nowrap;align-items: center;line-height: 16px;font-size: 12px;
   }
   main.film section.dates article {
      padding: 0;}
   main.film section.dates article:nth-child(2) {font-size:10px;line-height: 12px}
   main.film section.dates article h2 {padding: 0;line-height: 16px;font-size: 12px;
   }
   

  
   tr th:nth-child(1){display: none}
   tr th:nth-child(2){width:calc((100% / 12)*10);text-align:left;}
   tr th:nth-child(3){display: table-cell;width: calc((100% / 12)*2);}
   tr th:nth-child(4){display: none}
   tr th:nth-child(5){display: none}
   tr th:nth-child(6){display: none}
   .toc {
 padding:24px 4px
}
   h3.cinema b:nth-child(1),  h3.cinema b:last-child{display: none}
   footer article:nth-child(2) {
  margin-right: 0;
}
  
   
   h3.cinema span {
  padding: 0 8px;
}
   
   ul#chat > li > article > h3 {
  font-size: 12px;
      line-height: 16px;}
   span.end{text-align: right}
   
   .toc {
  padding: 12px 4px 20px;
}
  th div {
 
  flex-flow: column nowrap;
  align-items: flex-start;
}
   th div span.dots{display: none}
   th div span.start{flex:1}
   th div span.end {
  display: none
   }
   tr th:nth-child(1) {
  display: table-cell;width: calc((100% / 12)*2);
}
   th, td {
  padding: 8px 8px 0;
}
   th div span.start b{display: inline}
   .flickity-prev-next-button.previous {
  left: 12px;
}
   .flickity-prev-next-button.next {
  right: 12px;
}
   
}


@media print {
   @page {size: A4 portrait;margin: 0;margin-top:.25cm}
   body{line-height:16px;font-size:14px}
   *{all:unset;display:revert;box-sizing:border-box}
   img{max-width:100%}
   input,textarea,select{all:revert}
   div.form{display:none!important}
   header > span img,header > span:nth-child(2),header > span:nth-child(4){display:none}
   header > span{font-size:10px;line-height:12px;width:25%;padding-top:0}
   h2{padding:0}
   .weather-grid{border-bottom:1px solid;grid-template-columns:repeat(3,1fr)}
   .weather-day:nth-child(4),.weather-day:nth-child(5){display:none}
   .news{grid-template-columns:repeat(2,1fr);display:none}
   .news-item:nth-child(3),.news-item:nth-child(4){display:none}
   ul#chat li{padding:0 calc(var(--main-size-one) * 10) !important}
   ul#chat > li.item-red > article > div > span::after{display:none!important}
   ul#chat > li.item-red > article > div > span > img{filter:none}
   ul#chat li{width:100%}
   ul#chat li,ul#chat,main{page-break-inside:avoid;break-inside:avoid}
   main,body,html,ul#chat{height:100%!important;max-height:100%!important;page-break-inside:auto!important;break-inside:auto!important}
   body{display:block!important;float:left!important}
   ul#chat li{position:relative!important;display:block!important;left:0!important;top:auto!important;float:left}
   ul#chat{height:auto!important}
   .temps-vent-clouds{display:flex;font-size:10px;line-height:12px}
   .temps span b,.vent-clouds span b{padding-left:calc(var(--main-size-one) / 3)}
   .vent-clouds{display:none}
   header > nav > span,footer,section.last{display:none!important}
   .weather{border-bottom:1px solid}
   main.talks, main.cinema{display: none}
}