/* PRUNE CSS */
/* --------- */
/* New CSS framework for Woksite */
/* Simple and "just enough" for what it is built */
/* Dedicated to my beloved duo Benji&Hajni */
/* — Nicolas THOMAS */
/* --------- */

/* DEFAULT */
*{position:relative;max-width:100%;box-sizing:border-box;vertical-align:top;overflow-wrap:break-word;}
html{font-size:18px;}
body{margin:0;background:#000;color:#fff;line-height:1.5;-webkit-font-smoothing:antialiased;font-family:sans-serif;}
a,span,p,p > *{vertical-align:baseline;}
button{cursor:pointer;}
.prune{overflow-x:hidden;}
h1,h2,h3,h4{font-family:'playfairdisplay';}

/* RESET */
.prune a,.prune a:visited,.prune a:hover,.prune a:focus,.prune a:active{text-decoration:none;color:inherit;}

/* ELEMENTS */
.prune .block{display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;align-items:center;}
.prune .container,.prune .row,.prune .col{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;flex-wrap:wrap;}
.prune .container{flex-basis:90%;width:90%;padding:2rem 0;}
/*.prune .container + .prune .row .prune .container{padding-top:0;}*/
.prune .container.width-95.fullwidth,.prune .container.width-100.fullwidth{flex-basis:100%;width:100%;}
.container + .container{padding-top:0!important;}
.prune .row{flex-basis:100%;width:100%;}
.prune .col{padding:0.5rem;justify-content:inherit;}
/*.prune .buttons,.prune .picture{display:inline-block;width:100%;margin:0.5rem 0;z-index:1;}*/
/*.prune .text{display:inline-block;margin:0.5rem 0;width:100%;z-index:1;}*/
/*.prune h1,.prune h2,.prune h3,.prune h4,.prune h5,.prune h6,.prune p{display:block;font-size:1em;font-weight:normal;font-family:serif;margin:0.3rem 0;}*/

/* HORIZONTAL ALIGN */
.prune .h-align-left{justify-content:flex-start;text-align:left;}
.prune .h-align-center{justify-content:center;text-align:center;}
.prune .h-align-right{justify-content:flex-end;text-align:right;}
.prune .h-align-auto{justify-content:space-between;flex-wrap:nowrap;/*overflow:hidden;*/}
.prune .h-align-auto > .col{flex-grow:1;flex-shrink:1;}

/* VERTICAL ALIGN */
.prune .v-align-top{align-items:flex-start;}
.prune .v-align-center{align-items:center;}
.prune .v-align-bottom{align-items:flex-end;}
.prune .v-align-stretch{align-items:stretch;flex-direction:row;}
.prune .v-align-auto{align-content:space-between;}

/* DISPOSITION */
.prune .wrap-no{white-space:nowrap;}
.prune .row.wrap-no,.prune .col.wrap-no{flex-wrap:nowrap;white-space:normal;}
.prune .reverse{flex-direction:row-reverse;}
.prune .column{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;}
.prune .column > .col{flex-shrink:1;flex-grow:1;width:100%!important;}
.prune .absolute{position:absolute;}
.prune .absolute.v-align-top{top:0}
.prune .absolute.v-align-center{top:50%;transform:translateY(-50%);}
.prune .absolute.v-align-bottom{bottom:0}
.prune .block .full{position:absolute;top:0;left:0;width:100%!important;height:100%;margin:0;}
.prune .layer .full{position:relative;}
/*.prune .responsive-square:after{content:'';display:block;padding-top:100%;}*/
.prune .responsive-4-3:after{content:'';display:block;padding-top:75%;}
.prune .responsive-16-9:after{content:'';display:block;padding-top:56.25%;}
.prune .responsive-21-9:after{content:'';display:block;padding-top:42.1875%;}
.prune .responsive-32-9:after{content:'';display:block;padding-top:28.125%;}
/*.prune .spacing-05{border:0.25rem solid transparent;}*/
/*.prune .spacing-1{border:0.5rem solid transparent;}*/
/*.prune .spacing-2{border:1rem solid transparent;}*/

/* WIDTH */
.prune .width-10{flex-basis:10%;width:10%;}
.prune .width-15{flex-basis:15%;width:15%;}
.prune .width-17{flex-basis:16.666%;width:16.666%;}
.prune .width-20{flex-basis:20%;width:20%;}
.prune .width-25{flex-basis:25%;width:25%;}
.prune .width-30{flex-basis:30%;width:30%;}
.prune .width-33{flex-basis:33.333%;width:33.333%;}
.prune .width-40{flex-basis:40%;width:40%;}
.prune .width-50{flex-basis:50%;width:50%;}
.prune .width-60{flex-basis:60%;width:60%;}
.prune .width-66{flex-basis:66.666%;width:66.666%;}
.prune .width-70{flex-basis:70%;width:70%;}
.prune .width-75{flex-basis:75%;width:75%;}
.prune .width-80{flex-basis:80%;width:80%;}
.prune .width-85{flex-basis:85%;width:85%;}
.prune .width-90{flex-basis:90%;width:90%;}
.prune .width-95{flex-basis:95%;width:95%;}
.prune .width-100{flex-basis:100%;width:100%;}
.prune .width-auto{flex-basis:auto;width:auto;}

.prune .width-100p{flex-basis:100px;width:100px;}
.prune .width-220p{flex-basis:220px;width:220px;}
.prune .width-250p{flex-basis:250px;width:250px;}
.prune .width-280p{flex-basis:280px;width:280px;}
.prune .width-310p{flex-basis:310px;width:310px;}
.prune .width-330p{flex-basis:330px;width:330px;}
.prune .width-350p{flex-basis:350px;width:350px;}

.prune .width-25e{flex-basis:25em;width:25em;}
.prune .width-30e{flex-basis:30em;width:30em;}
.prune .readable{flex-basis:35em;width:35em;}
.prune .width-40e{flex-basis:40em;width:40em;}
.prune .width-50e{flex-basis:50em;width:50em;}
.prune .min-width-300{min-width:300px;}
.prune .max-width-960{max-width:960px;}
.prune .max-width-1200{max-width:1200px;}

/* HEIGHT */
.prune .height-10e{min-height:10em;}
.prune .height-20e{min-height:20em;}
.prune .height-0 .container{padding-top:0;padding-bottom:0;}
.prune .height-0 .container + .container{padding-top:2rem;}
.prune .height-1{min-height:50vh;}
.prune .height-2{min-height:70vh;}
.prune .height-3{min-height:100vh;}
.prune .height-20{height:20%;}
.prune .height-25{height:25%;}
.prune .height-33{height:33%;}
.prune .height-50{height:50%;}
.prune .height-100{height:100%;}
.prune .min-height-80{min-height:80%;}

/* PADDING */
.prune .padding-0,.prune .padding-0 > .col{padding:0;}
.prune .padding-025{padding:0.25rem;}
.prune .padding-05{padding:0.5rem;}
.prune .padding-1{padding:1rem;}
.prune .padding-2{padding:2rem;}
.prune .v-padding-0{padding-top:0;padding-bottom:0;}
.prune .v-padding-05{padding-top:0.5rem;padding-bottom:0.5rem;}
.prune .v-padding-1{padding-top:1rem;padding-bottom:1rem;}
.prune .v-padding-2{padding-top:2rem;padding-bottom:2rem;}
.prune .v-padding-3{padding-top:3rem;padding-bottom:3rem;}
.prune .h-padding-0{padding-left:0;padding-right:0;}
.prune .h-padding-05{padding-left:0.5rem;padding-right:0.5rem;}
.prune .h-padding-1{padding-left:1rem;padding-right:1rem;}
.prune .h-padding-2{padding-left:2rem;padding-right:2rem;}
.prune .padding-t{padding-top:1rem;}
.prune .padding-t-0{padding-top:0;}
.prune .padding-b-0{padding-bottom:0;}

/* MARGIN */
.prune .margin-0{margin:0!important;}
.prune .margin-05{margin:0.5rem;}
.prune .margin-1{margin:1rem;}
.prune .margin-2{margin:2rem;}
.prune .margin-3{margin:3rem;}
.prune .margin-l{margin-left:7px;}
.prune .margin-r{margin-right:7px;}
.prune .margin-t{margin-top:1rem;}
.prune .margin-b{margin-bottom:1rem;}
.prune .v-margin-05{margin-top:0.5rem;margin-bottom:0.5rem;}
.prune .v-margin-1{margin-top:1rem;margin-bottom:1rem;}
.prune .margin-t-0{margin-top:0;}
.prune .margin-b-0{margin-bottom:0;}

/* FONT SIZE & STYLE *
.prune .f-size-0{font-size:0.9em!important;line-height:1.5;}
.prune .f-size-1{font-size:1em;line-height:1.6;}
.prune h6,.prune .f-size-2{font-size:1.1em;line-height:1.55;}
.prune h5,.prune .f-size-3{font-size:1.2em;line-height:1.5;}
.prune h4,.prune .f-size-4{font-size:1.3em;line-height:1.45;}
.prune h3,.prune .f-size-5{font-size:1.5em;line-height:1.4;}
.prune h2,.prune .f-size-6{font-size:1.8em;line-height:1.3;}
.prune h1,.prune .f-size-7{font-size:2.3em;line-height:1.18;}
.prune .f-size-8{font-size:3.1em;line-height:1.05;}
.prune .f-size-9{font-size:4.4em;line-height:0.95;}
.prune small{opacity:0.72;font-size:0.9em;line-height:1.1;}
.prune .f-size-r0{font-size:0.9rem;line-height:1.5;}
.prune .f-size-r1{font-size:1rem;line-height:1.6;}
.prune .f-size-r2{font-size:1.1rem;line-height:1.55;}
.prune .f-size-r3{font-size:1.2rem;line-height:1.5;}
.prune .f-size-r4{font-size:1.3rem;line-height:1.45;}
.prune .f-size-r5{font-size:1.5rem;line-height:1.4;}
.prune .f-uppercase{text-transform:uppercase;}
.prune .f-italic{font-style:italic;}
.prune .f-bold{font-weight:bold;}
.prune .f-underline{text-decoration:underline;}
.prune .line-h-1{line-height:1;}
.prune .line-h-13{line-height:1.3;}

/* TEXT *
.prune .text *{vertical-align:baseline!important;}
.prune .text > *{display:block;margin-top:0.15rem;margin-bottom:0.15rem;}
.prune .text.richtext > *{margin-top:1rem;margin-bottom:1rem;}
.prune .text > h1,.prune .text > h2,.prune .text > h3,.prune .text > h4,.prune .text > h5,.prune .text > h6{margin-bottom:0.6rem;}
.prune .text > div[data-type="picture"]{width:100%;margin-bottom:0.3rem;}
.prune .text > div[data-type="picture"] + *{margin-top:0;}
.prune .text > *:first-child{margin-top:0!important;}
.prune .text > *:last-child{margin-bottom:0!important;}
.prune .text.wrap-no,.prune .ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* Text alignment *
.prune .text.h-align-left > *{margin-left:0;margin-right:auto;}
.prune .text.h-align-center > *{margin-left:auto;margin-right:auto;}
.prune .text.h-align-right > *{margin-left:auto;margin-right:0;}
.prune .text > *[style*="left"]{margin-left:0;margin-right:auto;}
.prune .text > *[style*="center"]{margin-left:auto;margin-right:auto;}
.prune .text > *[style*="right"]{margin-left:auto;margin-right:0;}

/* BUTTONS */
.prune .buttons{background:transparent!important;}
.prune .button{display:inline-block;padding:0.75rem 1rem;text-decoration:none;user-select:none;text-align:center;line-height:1.1;vertical-align:middle;margin:1px 0;cursor:pointer;font-family:sans-serif;z-index:1;overflow:hidden;border:0;}
.prune .button.smaller{padding:0.8rem 1.3rem;font-size:0.85rem;}
.prune .button *{vertical-align:top;}
/*.prune .button:hover,.prune .button:focus{transform:translateY(-1px);}*/
.prune .button i{margin-right:0.2em;}
.prune .button + .button{margin-left:0.8rem;}
.prune .buttons .button{white-space:nowrap;}
.prune .buttons .button:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition-duration:0.3s;transition-property:opacity,transform;box-shadow:inset 0 0 0 200px;opacity:0;}

/* PICTURES *
.picture{overflow:hidden;}
.prune .picture .img{top:0;left:0;bottom:0;right:0;background-size:cover;background-position:center;background-repeat:no-repeat;}
.prune .picture.full .img{position:absolute;padding:0!important;}
.prune .picture img{display:none;}
.prune .picture.contain .img{background-size:contain;}
.prune .picture.circle .img{border-radius:100%;padding:100% 0 0 0!important;}
.prune .picture.square .img{padding:100% 0 0 0!important;}
.prune .picture.responsive-5-3 .img{padding:30% 0;}
/*.prune .picture.height-10e .img{padding:5em 0;}*/
/*.prune .picture.height-20e .img{padding:10em 0;}*/
/*.block .layer .picture{position:absolute;}*/

/* GEOMETRY *
.prune .line{display:block;border:0;border-top-width:2px;border-style:solid;width:100%;height:1px;}
.prune .rotate-left{writing-mode:horizontal-tb;transform:rotate(-90deg);}
.prune .rotate-right{writing-mode:horizontal-tb;transform:rotate(90deg);}
.prune .rotate-left .line,.prune .rotate-right .line{height:100%;width:1px;border-top-width:0;border-left-width:2px;}

/* POSITIONNING *
.prune .layer{position:absolute;}
.prune .top-0{top:0;}
.prune .top-5{top:5%;}
.prune .top-10{top:10%;}
.prune .top-20{top:20%;}
.prune .top-30{top:30%;}
.prune .top-33{top:33.333%;}
.prune .top-40{top:40%;}
.prune .top-50{top:50%;}
.prune .top-60{top:60%;}
.prune .top-66{top:66.666%;}
.prune .top-70{top:70%;}
.prune .top-80{top:80%;}
.prune .top-90{top:90%;}
.prune .bottom-10{bottom:90%;}
.prune .bottom-20{bottom:80%;}
.prune .bottom-30{bottom:70%;}
.prune .bottom-33{bottom:66.666%;}
.prune .bottom-40{bottom:60%;}
.prune .bottom-50{bottom:50%;}
.prune .bottom-60{bottom:40%;}
.prune .bottom-66{bottom:33.333%;}
.prune .bottom-70{bottom:30%;}
.prune .bottom-80{bottom:20%;}
.prune .bottom-90{bottom:10%;}
.prune .bottom-95{bottom:0;}
.prune .bottom-100{bottom:0;}
.prune .left-0{left:0;}
.prune .left-5{left:5%;}
.prune .left-10{left:10%;}
.prune .left-20{left:20%;}
.prune .left-30{left:30%;}
.prune .left-33{left:33.333%;}
.prune .left-40{left:40%;}
.prune .left-50{left:50%;}
.prune .left-60{left:60%;}
.prune .left-66{left:66.666%;}
.prune .left-70{left:70%;}
.prune .left-80{left:80%;}
.prune .left-90{left:90%;}
.prune .right-10{right:90%;}
.prune .right-20{right:80%;}
.prune .right-30{right:70%;}
.prune .right-33{right:66.666%;}
.prune .right-40{right:60%;}
.prune .right-50{right:50%;}
.prune .right-60{right:40%;}
.prune .right-66{right:33.333%;}
.prune .right-70{right:30%;}
.prune .right-80{right:20%;}
.prune .right-90{right:10%;}
.prune .right-95{right:5%;}
.prune .right-100{right:0;}
.prune .on-prev-block{margin-top:-6rem;}

/* OPACITY */
.prune .hidden{display:none;}
.prune .opacity-10{opacity:1;}
.prune .opacity-9{opacity:0.9;}
.prune .opacity-8{opacity:0.8;}
.prune .opacity-7{opacity:0.7;}
.prune .opacity-6{opacity:0.6;}
.prune .opacity-5{opacity:0.5;}
.prune .opacity-4{opacity:0.4;}
.prune .opacity-3{opacity:0.3;}
.prune .opacity-2{opacity:0.2;}
.prune .opacity-1{opacity:0.1;}
.prune .opacity-0{opacity:0;}

/* STYLE */
.border-l{padding-left:1em;}
.border-l:before{content:'';box-shadow:inset 2px 0 0 0;opacity:0.1;width:100%;position:absolute;height:100%;margin-left:-1em;}

/* SCROLL */
.h-scroll{overflow-y:scroll;overflow-x:hidden;}

/* TABLE */
.prune-table-scrollable{overflow-x:scroll;}
.prune-table{display:table;width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden;border:1px solid #efefef;background:#efefef;}
.prune-table-header{display:table-header-group;text-align:center;font-family:'ibmplexsans';}
.prune-table-header .prune-row{background:#6e458c!important;color:#fff!important;font-size:0.85em;}
.prune-table-header .prune-cell{border-color:#806098!important;padding-top:0.6em;}
.prune-table-body{display:table-row-group;font-size:0.8em;font-family:'RobotoSlab';}
.prune-row{display:table-row;}
.prune-row:nth-child(2n){background:#fdfdfd;}
.prune-row:nth-child(2n+1){background:#fbfbfb;}
.prune-cell{display:table-cell;padding:0.4em 0.8em;max-width:15em;border:1px solid #efefef;vertical-align:middle;}
/*.prune-cell > *{vertical-align:middle;}*/
.prune-table.smaller .prune-cell{padding:0.5em 0.4em;}
.prune-table-scrollable .prune-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.prune-cell-smaller{font-size:0.85em;}
.prune-cell a{color:inherit!important;text-decoration:none!important;}
.prune-cell a:hover,.prune-cell a:focus{text-decoration:underline!important;}
.prune-table + .prune-table{margin-top:0.5em;}
.prune-table.transparent,.prune-table.transparent .prune-row{background:transparent!important;border:0;}
.prune-table.transparent .prune-cell{border:0;padding:0;}

/* PAGINATION */
.prune .pagination{text-align:center;margin-top:2rem;}
.prune .pagination ul{margin:0;padding:0;display:inline-block;overflow:hidden;font-size:0.85em;}
.prune .pagination ul:hover{transform:none!important;}
.prune .pagination ul li{list-style:none;text-align:center;display:inline;margin:0;}
.prune .pagination ul li a,.prune .pagination ul li.disabled,.prune .pagination ul li.active{float:left;padding:10px 13px;line-height:1;text-decoration:none;}
.prune .pagination ul li a:hover{opacity:0.9!important;}
.prune .pagination ul li *{vertical-align:middle;}
.prune .pagination ul li i{margin:0;}
.prune .pagination ul li.disabled{opacity:0.5!important;cursor:default;}
.prune .pagination ul li.active{opacity:0.7!important;cursor:default;}

/* FORM */
.prune-form{width:100%;}
.prune-form.loading{opacity:0.4;filter:grayscale(1);pointer-events:none;}
.prune-form label{display:block;width:100%;margin:1em auto;font-size:0.9em!important;}
.prune-form label span{display:block;margin:0.5em 0;}
.prune-form .input{display:block;width:100%;font-size:0.9em!important;background:transparent!important;padding:0.7em;border:1px solid;color:inherit;font-family:inherit;margin:1em 0;}
.prune-form .input::placeholder{color:inherit;opacity:0.7;}
.prune-form textarea{height:11em;}
.prune-form .checkbox{display:flex;align-items:center;cursor:pointer;justify-content:flex-start;text-align:left;font-size:0.85em!important;}
.prune-form .checkbox input{margin:0 0.7em 0 0;}
.prune-form .error{outline:1px dashed #D32F2F;box-shadow:0 0 0px 1px #FFEBEE;border-color:transparent;}

/* MESSAGES */
.prune-message{max-width:30em;margin:1em auto;padding:1em;font-size:0.95em;line-height:1.4;border-left:2px solid;text-align:left;}
.prune-message.success{background:#C8E6C9;color:#1B5E20;}
.prune-message.error{background:#FFCDD2;color:#B71C1C;}
.prune-message.warning{background:#ffdaad;color:#dc4d00;}
.prune-message.info{background:#E3F2FD;color:#1976D2;}
.prune-message.note{background:#fdfae3;color:#8e670f;}
.prune-message a{color:#004f9c!important;text-decoration:none;}
.prune-message a:hover,.prune-message a:focus{border-bottom:1px dashed;}
.prune-message .icon{display:inline-block;font-size:25px;line-height:1;width:25px;height:25px;min-width:25px;}
.prune-message .col{display:block;}

@media (max-width:575px){
    html{font-size:13px;}
    .prune .s-hidden{display:none;}
    .prune .s-h-align-left{justify-content:flex-start;text-align:left;}
    .prune .s-h-align-center{justify-content:center;text-align:center;}
    .prune .s-h-align-right{justify-content:flex-end;text-align:right;}
    .prune .s-column{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;}
    .prune .s-column > .col{flex-shrink:1;flex-grow:1;width:100%!important;}
    .prune .s-width-10{flex-basis:10%;width:10%;}
    .prune .s-width-15{flex-basis:15%;width:15%;}
    .prune .s-width-20{flex-basis:20%;width:20%;}
    .prune .s-width-25{flex-basis:25%;width:25%;}
    .prune .s-width-30{flex-basis:30%;width:30%;}
    .prune .s-width-33{flex-basis:33.333%;width:33.333%;}
    .prune .s-width-40{flex-basis:40%;width:40%;}
    .prune .s-width-50{flex-basis:50%;width:50%;}
    .prune .s-width-60{flex-basis:60%;width:60%;}
    .prune .s-width-66{flex-basis:66.666%;width:66.666%;}
    .prune .s-width-70{flex-basis:70%;width:70%;}
    .prune .s-width-75{flex-basis:75%;width:75%;}
    .prune .s-width-80{flex-basis:80%;width:80%;}
    .prune .s-width-85{flex-basis:85%;width:85%;}
    .prune .s-width-90{flex-basis:90%;width:90%;}
    .prune .container{flex-basis:95%;width:95%;}
    .prune .s-width-100,.prune .container.width-100{flex-basis:100%;width:100%;}
    .prune .s-height-auto{min-height:auto;height:auto;}
    .prune .s-height-10e{min-height:10em;}
    .prune .s-height-20e{min-height:20em;}
    .prune .s-padding-1{padding:1rem;}
    .prune .s-padding-t-0{padding-top:0;}
    .prune .s-wrap{flex-wrap:wrap;}
    .prune .s-padding-0{padding:0;}
    /*,.s-padding-0 > .col
    .s-v-padding-0{padding-top:0;padding-bottom:0;}
    .s-v-padding-1{padding-top:0.5rem;padding-bottom:0.5rem;}
    .s-v-padding-2{padding-top:1rem;padding-bottom:1rem;}
    .s-v-padding-3{padding-top:2rem;padding-bottom:2rem;}
    .s-h-padding-1{padding-left:0.5rem;padding-right:0.5rem;}
    .s-h-padding-2{padding-left:1rem;padding-right:1rem;}
    .s-h-padding-3{padding-left:2rem;padding-right:2rem;}*/
    .prune .s-h-padding-0{padding-left:0;padding-right:0;}
    .prune .text.s-h-align-left > *{text-align:left!important;}
    .prune .text.s-h-align-center > *{text-align:center!important;}
    .prune .text.s-h-align-right > *{text-align:right!important;}
    
    .prune .s-not-on-prev-block{margin-top:0;}
}
@media (min-width:576px) and (max-width:768px){
    html{font-size:14px;}
    .prune .m-hidden{display:none;}
    .prune .m-h-align-left{justify-content:flex-start;text-align:left;}
    .prune .m-h-align-center{justify-content:center;text-align:center;}
    .prune .m-h-align-right{justify-content:flex-end;text-align:right;}
    .prune .m-width-10{flex-basis:10%;width:10%;}
    .prune .m-width-15{flex-basis:15%;width:15%;}
    .prune .m-width-20{flex-basis:20%;width:20%;}
    .prune .m-width-25{flex-basis:25%;width:25%;}
    .prune .m-width-30{flex-basis:30%;width:30%;}
    .prune .m-width-33{flex-basis:33.333%;width:33.333%;}
    .prune .m-width-40{flex-basis:40%;width:40%;}
    .prune .m-width-50{flex-basis:50%;width:50%;}
    .prune .m-width-60{flex-basis:60%;width:60%;}
    .prune .m-width-66{flex-basis:66.666%;width:66.666%;}
    .prune .m-width-70{flex-basis:70%;width:70%;}
    .prune .m-width-75{flex-basis:75%;width:75%;}
    .prune .m-width-80{flex-basis:80%;width:80%;}
    .prune .m-width-85{flex-basis:85%;width:85%;}
    .prune .m-width-90{flex-basis:90%;width:90%;}
    .prune .container{flex-basis:95%;width:95%;}
    .prune .m-width-100,.prune .container.width-100{flex-basis:100%;width:100%;}
    .prune .m-padding-t-0{padding-top:0;}
    /*.m-padding-0,.m-padding-0 > .col{padding:0;}
    .m-padding-1{padding:0.5rem;}
    .m-padding-2{padding:1rem;}
    .m-padding-3{padding:2rem;}
    .m-v-padding-0{padding-top:0;padding-bottom:0;}
    .m-v-padding-1{padding-top:0.5rem;padding-bottom:0.5rem;}
    .m-v-padding-2{padding-top:1rem;padding-bottom:1rem;}
    .m-v-padding-3{padding-top:2rem;padding-bottom:2rem;}
    .m-h-padding-0{padding-left:0;padding-right:0;}
    .m-h-padding-1{padding-left:0.5rem;padding-right:0.5rem;}
    .m-h-padding-2{padding-left:1rem;padding-right:1rem;}
    .m-h-padding-3{padding-left:2rem;padding-right:2rem;}*/
}
@media (min-width:769px) and (max-width:992px){
    html{font-size:15px;}
}
@media (min-width:1200px){
    html{font-size:17px;}
}
@media (min-width: 576px){
    .prune .s-only{display:none;}
}


/*.prune .container{outline:1px dotted green;outline-offset:-1px;}
.prune .row{outline:1px dotted red;outline-offset:-1px;}
.prune .col{outline:1px dotted blue;outline-offset:-1px;}*/

.prune{font-family:'ibmplexsans';}

.button{background-image:linear-gradient(90deg,rgba(0,0,0,0.15),rgba(255,255,255,0.2));background-color:#BC73FF!important;font-family:'ibmplexsans';color:#fff!important;border-radius:100px;padding:1rem 1.5rem!important;}
.block .effect{transition-property:transform,opacity,filter;transition-duration:0.3s;}
.block .effect-marginleft,.block .effect-margintop{display:inline-block;}
.block a:hover .effect-marginleft,.block a:focus .effect-marginleft{-webkit-transform:translateX(0.5em);transform:translateX(0.5em);}


.logo{width:150px;}
h1{margin:0 0 0.5em!important;font-size:2.4em;line-height:1.25;}
.intro{margin-bottom:2em;}

nav.block{background-color:#111;background-image:url(/pictures/bg-nav.jpg);background-size:cover;background-position:center;color:#fff;}
.breadcrumb{line-height:2;}
.breadcrumb span{padding:0 0.15em;display:inline-block;font-size:0.75em;}
.breadcrumb a{border-bottom:1px solid;transition-duration:0.2s;transition-property:padding-bottom;padding-bottom:3px;}
.breadcrumb a:hover,.breadcrumb a:focus{padding-bottom:5px;}
.breadcrumb.mini{font-weight:200;font-size:0.9em;opacity:0.8;line-height:1.5;margin-bottom:0.35em;}
.breadcrumb.mini span{padding:0 0.15em;}
.breadcrumb.mini a{border:0;}

.search input{border-radius:400px;padding:1em 1.2em;font-size:1.2em;background:rgba(255,255,255,0.1);border:1px solid rgb(255,255,255,0.8);outline:0;color:#fff;font-family:'ibmplexsans';transition-duration:0.2s;transition-property:background,width;width:350px;padding-right:3.3em;}
.search input:focus,.search input:active{background:rgba(255,255,255,0);width:430px;}
.search button{position:absolute;right:0.7em;font-size:2em;top:50%;transform:translateY(-50%);background:transparent;border:0;color:#fff;padding:0;}
.search input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 100px #111 inset;}
/*.search input:-internal-autofill-selected + button,.search input:-webkit-autofill + button{color:black;}*/
.width-100 .search input{width:500px;}

.page{background:#f9fafa;color:#000;}

.article-block .container{max-width:900px;}

.article{max-width:580px;}
.article > *{margin:15px 0;}
.article strong{font-weight:400;}
/*.article .h1{font-size:2em;font-family:'playfairdisplay';line-height:1.3;font-weight:800;margin:0 0 1em;}*/
/*.article h1{margin:0 0 0.5em!important;}*/
.article .h2,.article .h3{margin:2em 0 1em;font-family:'playfairdisplay';line-height:1.3;font-weight:600;}
.article .h2{font-size:1.5em;}
.article .h3{font-size:1.1em;margin-top:1.3em;}
.article .intro{font-size:18px;line-height:1.6;font-weight:300;opacity:0.8;}
.article p{display:inline;}
.article .text{font-size:16px;line-height:1.5;font-weight:300;border-left:1px solid #b557f8;background:#fff;padding:1.4em;transition-duration:0.3s;transition-property:background,border-left,color,box-shadow;color:#333;}
.article .text:hover{background:#ffe4f6;border-color:#f374b6;color:#000;box-shadow:0 4px 3px -4px rgba(0,0,0,0.15)}
.article .picture{margin-bottom:1em;}
.article a,.article a:hover,.article a:focus,#sections a:hover,#sections a:focus,.search a{color:#7823b5!important;}
.article a{transition-duration:0.2s;transition-property:padding;border-bottom:1px solid;padding-bottom:0;}
.article a:hover,.article a:focus{padding-bottom:1px;}
/*.article a:hover,.article a:active{border-color:#000;}*/

.article .width-30{padding-right:1.5em;}
#sections h3{display:block;margin:0.5em 0;}
#sections ul{margin-top:0;white-space:pre-wrap;}
#sections .current{color:#7823b5!important;padding:0.5em!important;}
.links-list{margin:1em 0 0;padding:0;width:100%;}
.links-list li{list-style:none;display:block;padding:0.5em 0!important;}
.links-list a{color:inherit!important;padding:0.5em 1em 0.5em 0!important;margin-left:1em;border:0!important;transition-duration:0.2s;transition-property:padding;}
.links-list a:before{content:'🞂';color:#b557f8;margin-right:0.5em;transition-duration:0.2s;transition-property:margin,padding;display:block;position:absolute;left:-1em;}
.links-list a:hover:before,.links-list a:active:before{margin-right:0.4em;padding-left:0.1em;}
#sections .current:before{padding-left:0.5em;}

/*.block-useful a[data-value]{display:inline-block;padding:0.4em 1.2em;border-radius:20px;margin:0.6em;transition-duration:0.2s;transition-property:background,color;box-shadow:0 7px 15px -5px rgb(0,0,0,0.2);background:#fff;}
.block-useful a[data-value]:hover,.block-useful a[data-value]:focus,.block-useful a[data-value].clicked{color:#fff;}
.block-useful a[data-value="1"]:hover,.block-useful a[data-value="1"]:focus,.block-useful a[data-value="1"].clicked{background:#43a047;}
.block-useful a[data-value="0"]:hover,.block-useful a[data-value="0"]:focus,.block-useful a[data-value="0"].clicked{background:#e53935;}*/
.block-useful .contribute{font-style:italic;opacity:0.8;font-size:0.9em;}
.block-useful .contribute a:hover,.block-useful .contribute a:focus{text-decoration:underline;}

.block-prev-next a{transition-duration:0.2s;transition-property:border;border-bottom:1px solid transparent;padding-bottom:5px;}
.block-prev-next a:hover,.block-prev-next a:active{border-color:#000;}
.block-prev-next span{transition-duration:0.2s;transition-property:padding;}
.block-prev-next .h-align-left span{padding-right:0.5em;}
.block-prev-next .h-align-left a:hover span,.block-prev-next .h-align-left a:active span{padding-right:0.7em;}
.block-prev-next .h-align-right span{padding-left:0.5em;}
.block-prev-next .h-align-right a:hover span,.block-prev-next .h-align-right a:active span{padding-left:0.7em;}

.article.homepage{max-width:100%;width:100%;display:flex;flex-wrap:wrap;}
.homepage-category{border:1px solid #ddd;padding:1.5em;width:31.333%;margin:1%;}
.homepage-category h2{margin-top:0;}

.search{list-style:none;padding:0;}
.search li{margin-bottom:2em;}
.search h2{margin:0 0 0.15em;line-height:1.3;}
.search p{font-size:0.9em;font-weight:200;}
.search li h2 a{border:0!important;}
.search a:hover,.search a:focus{text-decoration:underline;}

.not_found{text-align:center;}

footer{font-size:0.85em;}
footer h4{margin:0;text-transform:uppercase;font-size:1.3em;opacity:0.9;}
footer .links-list a{padding:0.2em!important;margin-left:0;}
footer .links-list a:before{display:none;}
footer .links-list a:hover,footer .links-list a:active{opacity:0.7;}

@media (min-width:575px) and (max-width:768px){
    .homepage-category{width:48%;}
}
@media (min-width:1380px){
    .homepage-category{width:23%;}
}
@media (max-width: 576px){
    .homepage-category{width:98%;}
}