/* Reset CSS Meyer v2.0 | 20110126
-------------------------------------------------- */
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}

/*! Font-Face
-------------------------------------------------- */
@font-face {font-family:'Vulf';src:url(../fonts/Vulf_Sans-Regular.woff2) format('woff2'), url(../fonts/Vulf_Sans-Regular.woff) format('woff');font-style:normal;font-weight:400;font-display: swap;}
@font-face {font-family:'VulfItalic';src:url(../fonts/Vulf_Sans-Italic.woff2) format('woff2'), url(../fonts/Vulf_Sans-Italic.woff) format('woff');font-style:normal;font-weight:400;font-display: swap;}
@font-face {font-family:'Beastly';src:url(../fonts/Beastly-18_Point.woff2) format('woff2'), url(../fonts/Beastly-18_Point.woff) format('woff');font-style:normal;font-weight:400;font-display: swap;}
@font-face {font-family:'Beastly12';src:url(../fonts/Beastly-12_Point.woff2) format('woff2'), url(../fonts/Beastly-12_Point.woff) format('woff');font-style:normal;font-weight:400;font-display: swap;}
@font-face {font-family:'Beastly24';src:url(../fonts/Beastly-24_Point.woff2) format('woff2'), url(../fonts/Beastly-24_Point.woff) format('woff');font-style:normal;font-weight:400;font-display: swap;}
@font-face {font-family:'Beastly36';src:url(../fonts/Beastly-36_Point.woff2) format('woff2'), url(../fonts/Beastly-36_Point.woff) format('woff');font-style:normal;font-weight:400;font-display: swap;}

/* Reset
-------------------------------------------------- */
*, *:before, *:after{margin:0;padding:0;border:0;box-sizing:border-box}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
img{display:block;width:100%;height:auto}
input:focus, textarea:focus, select:focus{outline: none;}
ul,li{list-style: none}
video{width:100%;height:auto}
img{width:100%;height:auto;display:inline-block}

/* Site
-------------------------------------------------- */
html{width:100%;height: 100%;padding:0;margin:0;color:#000;font-family:'Vulf';-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{width:100%;min-height: 100%;;padding:0;margin:0;background:var(--color);display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: column nowrap;flex-flow: column nowrap;}
body, h1, h2, h3, h4 {font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));line-height:1.25em}
main{-webkit-box-flex:1;-ms-flex:1;flex:1}

/* Headers
-------------------------------------------------- */
h1, h2, h3, h4 {display:inline-block;font-weight:normal;}

/* Search
-------------------------------------------------- */
form.search {width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;}
form.search input{border: 1px solid;
border-radius: 1em;
padding: 0 1em;background:white;font-family: inherit;width:50%;font-size: inherit;line-height: inherit;height: 1.25em;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";color:black;;-webkit-appearance: none;margin:0;}
form.search .loupe{content:'';width:1.25em;height:1.25em;display:inline-block;margin-right:.5em;background-image:url(../images/loupe.svg);background-size: .9em;background-repeat: no-repeat;background-position: center;}

[type="search"], [type="search"]::-webkit-search-decoration  {margin:0;vertical-align:bottom;-webkit-appearance: none;-webkit-appearance: textfield;}
::-webkit-input-placeholder {font-family: inherit;font-size: inherit;line-height: inherit;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";color:black}
::-moz-placeholder {font-family: inherit;font-size: inherit;line-height: inherit;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";color:black}
:-ms-input-placeholder {font-family: inherit;font-size: inherit;line-height: inherit;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";color:black}
:-moz-placeholder {font-family: inherit;font-size: inherit;line-height: inherit;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";color:black}

/* Lazyload
-------------------------------------------------- */
.lazyload, .lazyloading {opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.lazyloaded {opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transition:opacity 300ms;transition: opacity 300ms;}

/* Figure
-------------------------------------------------- */
figure{position:relative;display: -webkit-box;display: -ms-flexbox;display: flex}
figcaption{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;bottom:0;width:100%;background:black;color:white;font-size:.75em;line-height:1.25em;padding:1.25rem}
figure:hover figcaption{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}

/* Formatted text
-------------------------------------------------- */
em{font-family: VulfItalic;font-style: normal}
strong{font-weight:normal}
a{color:black;outline:0;text-decoration:none}
main a {text-decoration:underline}
main ol {counter-reset: foo;display: table;}
main ol > li {counter-increment: foo;display: table-row;}
main ol > li:before {content: counter(foo) ".";width:1.25em;display: table-cell;text-align: left;}
main ul {display: table;}
main ul > li {display: table-row;}
main ul > li:before {content:"•";width:.625em;display: table-cell;text-align: left;}
main p+p {margin-top:1.25em}

/* Footnotes
-------------------------------------------------- */
.footnotes-container{margin-top:1.25em}
.footnotes-container ol li{font-size:.75em;line-height:1.25em}
.footnotes-container ol {counter-reset: foo;display:inline-block;}
.footnotes-container ol > li {margin-bottom:1.25em;counter-increment: foo;display:inline-block;}
.footnotes-container ol > li:before {content: counter(foo) ".";width:1.25em;display:inline-block;text-align: left;}
.footnotes-container .footnotereverse{display:none}

/* Menu
-------------------------------------------------- */
aside{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:9;padding: 1em 2em;background:white;border-bottom:1px solid;width:100%;display: -moz-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;}

aside article{-webkit-box-align: stretch;-ms-flex-align: stretch;-ms-grid-row-align: stretch;align-items: stretch}
aside header{display:none}
aside article:nth-of-type(1){width:50%;display: -moz-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;}
aside article:nth-of-type(1) ul li{width:50%;display: flex;}
aside article:nth-of-type(2) ul li{display: flex;}
aside article:nth-of-type(2) ul li a.lang:first-of-type{margin-right:.25em;}
aside article:nth-of-type(2) ul li a.lang.active{font-style:normal;text-decoration: none}
aside article:nth-of-type(1) ul {width:66.666%;display: -moz-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;}
aside article:nth-of-type(1) ul:nth-child(2){width:33.333%}
aside article:nth-of-type(2){width:20%}
aside article:nth-of-type(2) ul li:nth-child(3){margin-top: 1.25em}
aside article:nth-of-type(1) ul.sub {display: -moz-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: column wrap;flex-flow: column wrap;}
aside article:nth-of-type(1) ul.sub li {width: 100%;}
aside a:hover, aside a.active{font-family:'VulfItalic';text-decoration: underline}
aside article ul.sub a{color:var(--color)}
aside .logo{position:absolute;top:0;right:0;height:100%;width:16.666%;background-image:url(../images/le19crop.svg);background-repeat:no-repeat;background-size:contain;background-position:right}

main.home  article .cover{height:50vh;width:100%;background-size:cover;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.2" intercept="-0.09999999999999998" /><feFuncG type="linear" slope="1.2" intercept="-0.09999999999999998" /><feFuncB type="linear" slope="1.2" intercept="-0.09999999999999998" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:grayscale(100%) contrast(1.2);filter:grayscale(100%) contrast(1.2);mix-blend-mode:multiply;background-position:center;background-repeat: no-repeat}
main.home  article.open .cover{mix-blend-mode: normal;filter:grayscale(0) contrast(1)}

main.home  article{float:left;width:100%;display: -moz-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: column nowrap;flex-flow: column nowrap;}
main.home  article header{font-family:'Beastly12';font-size:1.2em;padding:.625rem 2rem;border-bottom:1px solid;width:100%}
main.home  article time{padding:.625rem 2rem;font-size:1.2em;border-bottom:1px solid;width:100%}
main.home  article.toggle{min-height:50vh;}
main.home  article div{padding:1em 2em;width:100%}
main.home  article div h2{font-family:'Beastly24';font-size:2em;line-height:1em;width:50%}
main.home  article div h3{font-size:1.5em;line-height:1.25em;width:100%;text-transform: uppercase;margin-top:.333rem}
main.home  article div span a{width:100%;display:inline-block;text-decoration:underline;margin-top:2.5em}

main.home  article.toggle div span{display:none;margin-top:1.25em}
main.home  article.toggle:hover div span{display:block}
main.home  article.toggle:hover {background:white}

.grid {width:100%}
.grid:after {display: block;content: '';clear: both;}
.grid-col {float: left;width: 50%;}

aside article.submobile .asupprimer{display:none}

/* Footer
-------------------------------------------------- */
footer{padding:.625em 2em;padding-top:calc(.625em + 1px);background:black;width:100%;display: -moz-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;}
footer article{width:50%;display: -moz-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;}
footer article:nth-child(2) span{width:33.333%;text-align:left;}
footer article:nth-child(1) > span:nth-child(2){flex: 1;display: flex;align-items: center;justify-content: center;}
footer a, footer{color:white}

form.newsletter {width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;}
form.newsletter input{margin:0;width:15em;margin-left:.625em;padding: 0 .625em;background:black;border:1px solid white; border-radius:1.25em;font-family: inherit;font-size: inherit;line-height: 1.25em;height: 1.25em;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";color:white;;-webkit-appearance: none;}
form.newsletter button{cursor:pointer;margin-left:1.25em;padding: 0 .3125em;background:black;border:1px solid white;border-radius:1.25em;font-family: inherit;line-height: 1em;height: 1.25em;font-size:inherit;color:white;;-webkit-appearance: none;}
form.newsletter button:hover{background:white;color:black}

[type="search"], [type="search"]::-webkit-search-decoration  {margin:0;vertical-align:bottom;-webkit-appearance: none;-webkit-appearance: textfield;}
form.newsletter ::-webkit-input-placeholder {color:white}
form.newsletter ::-moz-placeholder {color:white}
form.newsletter :-ms-input-placeholder {color:white}
form.newsletter :-moz-placeholder {color:white}

footer  a.facebook, footer  a.instagram{cursor:pointer;width:1.25em;height:1.25em;border:1px solid;background-size:.85em;border-radius:1.25em;background-repeat:no-repeat;background-position:center;display:inline-block}
footer  a.facebook{background-image:url(../images/logo_fb.svg);margin-right:.75em}
footer  a.instagram{background-image:url(../images/logo_insta.svg)}
footer  a.facebook:hover{background-image:url(../images/logo_fb2.svg);background-color:white}
footer  a.instagram:hover{background-image:url(../images/logo_insta2.svg);background-color:white}
footer .language{display:none}
footer a.active, footer a:hover{font-family: 'VulfItalic';text-decoration: underline}
/* 
-------------------------------------------------- 
-------------------------------------------------- 
-------------------------------------------------- 
MEDIA QUERIES
-------------------------------------------------- 
-------------------------------------------------- 
-------------------------------------------------- */
@media only screen and (max-width:680px){
    aside header{display:inline-block}
    aside article:nth-child(2){width:100%}
    aside article:nth-child(2) ul{width:50%;float:left;padding:1em 0}
    aside article:nth-of-type(1) ul:nth-child(2) {width: 50%;}
    aside article.submobile .asupprimer{display:inline-block}
    aside article, aside article.submobile{display:none}
    article.open.submobile{display:inline-block;border-top:1px solid}
    aside article:nth-child(2) ul li{width:100%;padding:0 1rem}
    aside header{width:100%;}
    aside header .toggle{padding:.5em 1em;text-transform: uppercase;cursor:pointer}
    aside header .toggle span:before{content:'↓';margin-right:.5em}
    aside header .logo{display:inline-block;height:2.333em}
    aside{padding:0}
    a.logo{display:none}
    footer{position:-webkit-sticky;position:sticky;bottom:0;padding:.5rem 1rem;z-index:99}
    footer article {width:100%;}
    footer article:nth-child(1) > span:nth-child(2) {padding-left: 2em;text-align: right;}
    footer article:nth-child(2){display:none}
    footer .language{visibility:hidden;/* Languages cachés !  */display:inline-block}
    main.home article header, main.home article time, main.home article div {padding: .625rem 1rem;}
    main.home article.toggle {min-height: auto;border-bottom:1px solid}
    .grid-item.toggle:nth-last-child(even){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
    .grid {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: column wrap;flex-flow: column wrap;
}
    .grid-item.toggle:nth-last-child(2n) {
    -webkit-box-ordinal-group:0;
    -ms-flex-order:0;
    order:0;
}
   
   
   #mc_embed_signup {
  width: 100%;
}
   footer article:nth-child(1) > span:nth-child(2) {

      justify-content: flex-end;}
   form.newsletter {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
   form.newsletter input {
      width: 100%;}
   footer .language {
  visibility: visible;
  display: inline-block;
}
   footer article span:nth-child(1) >  div{display: none;}
   footer article span{width:auto;flex:1}
       footer a.lang:first-of-type{margin-right:.25em;}
footer a.lang.active{font-style:normal;text-decoration: none}
}