/*
  You can use import statements to include partials:
 */
/*
  Define your resets here or use something like Normalize.css if you like
 */
/*  =RESET (soft custom)
----------------------------------------------------------------------------- */
html {
    font-size: 0.625em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }
body {
    font-size: 1.4em;
}
body,
h1,h2,h3,h4,h5,h6,
p,
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
h4,h5,h6 {
    margin: 0 0 20px;
    > span,
    > em { font-weight: 100; }
}
img {
    width: auto;
    height: auto;
}
input, button, textarea {
    outline: none;
    background: transparent;
}
textarea{ resize: none; }
a{
    color: inherit;
    text-decoration: none;
}
@font-face {
    font-family: 'D-DIN';
    src: url('../../fonts/D-DIN.woff2') format('woff2'),
         url('../../fonts/D-DIN.woff') format('woff'),
         url('../../fonts/D-DIN.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'D-DIN';
    src: url('../../fonts/D-DIN-Bold.woff2') format('woff2'),
         url('../../fonts/D-DIN-Bold.woff') format('woff'),
         url('../../fonts/D-DIN-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'D-DIN';
    src: url('../../fonts/D-DIN-Italic.woff2') format('woff2'),
         url('../../fonts/D-DIN-Italic.woff') format('woff'),
         url('../../fonts/D-DIN-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Crimson';
    src: url('../../fonts/crimson-roman-webfont.eot');
    src: url('../../fonts/crimson-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/crimson-roman-webfont.woff2') format('woff2'),
         url('../../fonts/crimson-roman-webfont.woff') format('woff'),
         url('../../fonts/crimson-roman-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Crimson';
    src: url('../../fonts/crimson-italic-webfont.eot');
    src: url('../../fonts/crimson-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/crimson-italic-webfont.woff2') format('woff2'),
         url('../../fonts/crimson-italic-webfont.woff') format('woff'),
         url('../../fonts/crimson-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Crimson';
    src: url('../../fonts/crimson-bold-webfont.eot');
    src: url('../../fonts/crimson-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/crimson-bold-webfont.woff2') format('woff2'),
         url('../../fonts/crimson-bold-webfont.woff') format('woff'),
         url('../../fonts/crimson-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'Crimson';
    src: url('../../fonts/crimson-bolditalic-webfont.eot');
    src: url('../../fonts/crimson-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/crimson-bolditalic-webfont.woff2') format('woff2'),
         url('../../fonts/crimson-bolditalic-webfont.woff') format('woff'),
         url('../../fonts/crimson-bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}
/*
  Or add your statements here:
 */
body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: auto;
    font-family: 'D-DIN', sans-serif;
    background-color: #F2F3C1;
    font-size: 16px;
}
.site-header {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    margin-bottom: 10px;
    padding: 20px;
    padding: 2rem;
    background: #EC008C url(/uploads/couv.jpg) no-repeat left bottom;
    background-blend-mode: multiply;
    background-size: auto 130%;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
    text-align: right;
}
.site-header a, .site-header div {
        width: 100%;
        color: #000000;
        text-decoration: none;
        font-size: 30px;
        font-size: 3rem;
        max-width: 500px;
        max-width: 50rem;
        margin-left: auto;
    }
.site-header h1, .site-header strong {
        display: block;
        font-size: 60px;
        font-size: 6rem;
        color: #FEF035;
        text-transform: uppercase;
        margin-left: auto;
    }
.site-header input {
      display: none;
    }
nav ul{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
        margin-top: 20px;
        margin-top: 2rem;
    }
nav .tags li {
        font-size: 1.4em;
        line-height: 1.2em;
    }
nav.menu {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: block;
    border: none;
    margin-right: 20px;
    margin-right: 2rem;
    margin-bottom: 30px;
}
nav.menu h3{ display: none; }
nav.menu ul{
	width: auto;
	-ms-flex-wrap: no-wrap;
	    flex-wrap: no-wrap;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
nav.menu li{
        color: #572D80;
        font-size: 20px;
        font-size: 2rem;
        font-weight: bold;
        text-transform: uppercase;
	margin-right: 0;
    }
nav.menu li + li { margin-left: 1em; }
nav.menu li.active {
	color: #EC008C;
    }
#show-menu {
    display: none;
}
#show-menu:checked ~ nav.menu {
    display: block;
}
#show-menu:checked ~ header label[for="show-menu"] {
    display: block;
    position: fixed;
    z-index: 1999;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    border: none;
}
#show-menu:not(:checked) ~ header label[for="show-menu"]:after {
  content: "\2261";
  font-size: 1.8em;
}
label[for="show-menu"] {
  -ms-flex-item-align: end;
      align-self: flex-end;
  justify-self: flex-end;
  margin-right: 10px;
  margin-right: 1rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  margin-top: 100px;
  margin-top: 10rem;
  display: block;
  padding: 10px;
  color: #FEF035;
  text-decoration: none;
  line-height: 20px;
  border: #FEF035 solid 1px;
  border-radius: 10px;
}
label[for="show-menu"]:hover, label[for="show-menu"]:focus {
    color: #000000;
    border-color: #000000;
}
label[for="show-menu"] {
    display: none;
}
@media screen and (max-width: 600px) {
    label[for="show-menu"] {
        float: right;
        padding: 8px 5px 5px 5px;
        cursor: pointer;
        display: block;
    }
    nav.menu {
        display: none;
        background: #F2F3C1;
        border: solid 3px #EC008C;
        border-radius: 10px;
        position: fixed;
        top: 25vh;
        left: 10vw;
        padding: 5%;
        z-index: 2000;
        margin: 0;
        width: 80vw;
        height: 50vh;
    }
        nav.menu h3 {
            display: block;
            text-align: center;
            font-size: 2em;
        }
        nav.menu ul {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: end!important;
                -ms-flex-pack: end!important;
                    justify-content: flex-end!important;
        }
        nav.menu li {
            margin: auto!important;
        }

    .site-header {
        text-align: center;
        min-height: 40rem;
        padding: 1rem 1rem 1rem 1rem;
        background-size: auto 40rem;
        background-position: bottom -14rem left 0;
    }
        .site-header a, .site-header div {
            font-size: 2.5rem!important;
            max-width: inherit!important;
        }
        .site-header h1, .site-header strong {
            font-size: 5rem;
            margin-bottom: 5rem;
        }
        nav.menu ul {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }
        nav.menu li + li { margin-left: 3em; }
}
@media screen and (min-width: 1050px) {
    .site-header {
        text-align: center;
        padding: 30px;
        background-size: auto 42rem;
        background-position: top -12rem left 0;
    }
    .site-header > div,
    a {
        max-width: inherit!important;
    }
        nav.menu ul {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }
        nav.menu li + li { margin-left: 3em; }
}
.site-main{
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    min-height: 65vh;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;

}
.site-main h2 {
        font-family: 'D-DIN', sans-serif;
        font-size: 30px;
        font-size: 3rem;
        text-align: left;
        border-bottom: 2px solid #572D80;
        margin-bottom: 10px;
        margin-bottom: 1rem;
    }
.site-main a { 
        color: #572D80;
    }
.site-footer {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    background-color: #fff200;
    background-image: url(/uploads/outro.png);
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    color: #000000;
    background-position: top center;
    background-size: 50vw auto;
    padding: 31vw 10px 1vw 10px;
    padding: 31vw 1rem 1vw 1rem;
}
@media screen and (max-width: 600px) {
        .site-footer h2 {
            text-align: center;
        }
        .site-footer__presentation {
            margin: auto;
            max-width: 25em;
        }
            .site-footer__presentation p {
                text-align: justify;
            }
        .site-footer__copyright {
            margin: 5rem auto 1rem auto;
            max-width: 25em;
        }
    }
@media screen and (min-width: 600px) {

.site-footer {
        background-position: bottom center;
        background-size: 50vw auto;
        display: grid;
        grid-template-areas:
          "presentation  contact"
          "presentation  copyright";
        grid-template-columns: 1fr 1fr;
        grid-gap: 2rem;
        padding: 0 2rem 31vw 2rem
}
        .site-footer__contact li {
            width: auto;
        }
        .site-footer__copyright {
            justify-self: end;
            padding-bottom: 0!important;
        }
    }
@media screen and (min-width: 1200px) {

.site-footer {
        background-size: auto 88%;
        background-position: bottom center;
        display: grid;
        grid-template-areas:
          ". presentation . contact   ."
          ". presentation . copyright .";
        grid-template-columns: auto 35rem 40rem 35rem auto;
        grid-gap: 1em;
        min-height: 25em;
        padding-top: 0;
        padding-bottom: 1em
}
        .site-footer__presentation {
            -ms-flex-item-align: center!important;
                align-self: center!important;
        }
        .site-footer__contact {
            -ms-flex-item-align: end;
                align-self: end;
        }
            .site-footer__contact h2 {
                margin-bottom: 1em;
            }
        .site-footer__copyright {
            justify-self: start;
        }
    }
.site-footer h2 {
        margin-top: 1em;
        margin-bottom: 0.5em;
    }
.site-footer__presentation {
        grid-area: presentation;
        justify-self: end;
        -ms-flex-item-align: start;
            align-self: start;
    }
.site-footer__presentation p {
            max-width: 23em;
        }
.site-footer__contact {
        grid-area: contact;
        justify-self: start;
        padding-right: 10px;
        padding-right: 1rem;
    }
.site-footer__contact li {
            display: block;
            margin: auto;
            line-height: 150%;
            width: 16em;
            padding-left: 2em;
            text-align: left;
        }
.site-footer__contact span {
            display: none;
        }
.site-footer__contact__email {
            background: no-repeat 0 50% url(/images/envelope.png);
            background-size: auto 1.25em;
        }
.site-footer__contact__mastodon {
            background: no-repeat 0.15em 50% url(/images/mastodon.png);
            background-size: 1.25em auto;
        }
.site-footer__contact__twitter {
            background: no-repeat 0.15em 50% url(/images/twitter.png);
            background-size: 1.25em auto;
        }
.site-footer__copyright {
        grid-area: copyright;
        -ms-flex-item-align: center;
            align-self: center;
        padding-right: 10px;
        padding-right: 1rem;
        padding-bottom: 10px;
        padding-bottom: 1rem;
    }
.site-footer__copyright p {
            text-align: left;
            font-size: 13px;
            font-size: 1.3rem;
        }
.site-footer__copyright__support {
            font-style: italic;
            margin-bottom: 1em;
        }
@media screen and (min-width: 960px){

.columns{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px
}
    }
.column{
    max-width: 35em;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.block{
    text-align: left;
    margin-bottom: 30px;
    width: 100%;
}
.taxonomy, .texts--full {
    margin: auto;
    padding: 10px;
    padding: 1rem;
}
@media screen and (min-width: 800px){

.taxonomy, .texts--full {
        display: grid;
        grid-template-columns: auto auto 30rem auto;
        grid-gap: 3rem;
        grid-template-areas: ". texts nav ."
}
    }
.taxonomy article, .texts--full article {
        grid-area: texts;
    }
.taxonomy nav, .texts--full nav {
        grid-area: nav;
        font-size: 18px;
        font-size: 1.8rem;
    }
.home {
    padding-left: 10px;
    padding-left: 1rem;
    padding-right: 10px;
    padding-right: 1rem;
}
@media screen and (min-width: 600px) {

.home .recueil {
            display: grid;
            grid-template-columns: 2fr 2fr 3fr;
            grid-rows: 80vh auto;
            grid-gap: 1rem;
            grid-template-areas:
              "title  title        published"
              "cover  backcover    backcover"
              "liens  backcover    backcover"
    }
        }
.home .recueil__title {
            grid-area: title;
            font-size: 30px;
            font-size: 3rem;
            font-weight: normal;
            color: #572D80;
            text-transform: uppercase;
        }
.home .recueil__published {
            grid-area: published;
            -ms-flex-item-align: end;
                align-self: end;
            text-align: right;
            font-size: 12px;
            font-size: 1.2rem;
        }
.home .recueil__cover {
            grid-area: cover;
        }
.home .recueil__cover img {
                width: 100%;
            }
@media screen and (max-width: 600px) {

.home .recueil__cover img {
                    height: 22.5ex;
                    width: auto!important;
                    float: left;
                    margin-right: 0.2em
            }
                }
.home .recueil__backcover {
            grid-area: backcover;
            margin: 0;
            font-family: Crimson, serif;
            text-align: justify;
            max-width: 30em;
            word-wrap: break-word;
            -webkit-hyphens: auto;
                -ms-hyphens: auto;
                    hyphens: auto;
            font-size: 18px;
            font-size: 1.8rem;
        }
.home .recueil__liens {
            grid-area: liens;
            -ms-flex-item-align: end;
                align-self: end;
        }
@media screen and (max-width: 600px) {

.home .recueil__liens {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center
        }
                .home .recueil__liens li {
                    width: 30vw;
                    margin-left: 1em;
                    margin-right: 1em;
                }
            }
.home #events-map {
        height: 500px;
        height: 50rem;
    }
.home__extra {
        font-size: 20px;
        font-size: 2rem;
    }
.home__invite {
        font-size: 20px;
        font-size: 2rem;

    }
.home__invite p {
            margin-bottom: 10px;
            margin-bottom: 1rem;
        }
.recueil__liens > a, .recueil__liens > li > a {
            --icon-size: 20px;
            --icon-size: 2rem;
            --font-size: 12px;
            --font-size: 1.2rem;
            color: #EC008C;
            font-weight: bold;
            display: block;
            padding-top: calc(var(--icon-size) + var(--font-size) * 2.1);
            background-size: var(--icon-size);
            background-repeat: no-repeat;
            background-position: center bottom calc(var(--font-size) * 1.9);
            text-align: center;
        }
.recueil__liens__bookstore {
            background-image: url(/images/bookstore.png);
        }
.recueil__liens > a.recueil__liens__delivery, .recueil__liens > li > a.recueil__liens__delivery {
            background-size: calc(var(--icon-size) * 2) auto;
            background-image: url(/images/delivery.png);
        }
.recueil__liens__epub {
            background-image: url(/images/epub.png);
        }
.recueil__liens__mobi {
            background-image: url(/images/mobi.png);
        }
.recueil__liens .cc {
            margin-top: 10px;
            margin-top: 1rem;
            width: 88px;
            height: 31px;
        }
.recueil--full h1 {
        text-transform: uppercase;
        text-align: center;
        margin-top: 1em;
        margin-bottom: 1em;
        border: none;
    }
.recueil--full blockquote {
        grid-area: summary;
        -ms-flex-item-align: center;
            align-self: center;
        margin: auto;
        text-align: justify;
        max-width: 25em;
        font-family: "Crimson", serif;
        font-size: 20px;
        font-size: 2rem;
        padding-left: 10px;
        padding-left: 1rem;
        padding-right: 10px;
        padding-right: 1rem;
    }
@media screen and (max-width: 600px) {

.recueil--full blockquote {
            font-size: 1.8rem;
    }
        }
.recueil--full__cover {
        grid-area: cover;
        -ms-flex-item-align: stretch;
            align-self: stretch;
        text-align: center;
    }
.recueil--full__cover img {
            min-height: 100%;
            max-height: 79vh;
            max-width: 50vw;
        }
.recueil--full .recueil__liens {
        grid-area: liens;

        margin-top: 20px;
        margin-top: 2rem;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto;
        grid-gap: 3rem;
    }
.recueil--full .recueil__liens a {
            --icon-size: 3em;
        }
.recueil--full .recueil__liens h3 {
            grid-row-start: 1;
            grid-column-end: span 2;
            text-align: center;
            border-bottom: solid black 1px;
        }
.recueil--full .recueil__liens > div {
            grid-row-start: 3;
            grid-column-end: span 2;
            text-align: center;
        }
@media screen and (max-width: 600px) {

.recueil--full .recueil__liens {
            grid-template-columns: 1fr 1fr !important;
            margin-left: 1rem;
            margin-right: 1rem;
            margin-bottom: 8rem
    }
            .recueil--full .recueil__liens h3 ~ h3 {
                grid-row-start: 4;
            }
            .recueil--full .recueil__liens h3 ~ h3 + a {
                grid-row-start: 5;
            }
            .recueil--full .recueil__liens h3 ~ h3 + a + a + div {
                grid-row-start: 6;
            }
        }
.recueil--full .textes {
        grid-area: textes;
        margin-top: 2em;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1em;
        padding-right: 1em;
    }
.recueil--full .textes ul {
            list-style: none;
            padding-left: 0;
        }
@media screen and (min-width: 880px) {

.recueil--full {
        display: grid;
        max-width: calc(710px + 27em);
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
        grid-template-areas:
          "cover summary"
          "liens liens"
          "textes textes"
}
        .recueil--full > h1 {
            display: none;
        }
    }
.text{
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    padding-bottom: 20px;
    padding-bottom: 2rem;
    font-weight: thin;
    text-align: left;
    max-width: calc(35em + 150px);
}
.text + .text {
        padding-top: 20px;
        padding-top: 2rem;
    }
@media screen and (max-width: 450px) {

.text{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column
}
        .text .text__zoom {
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1;
            float: none;
            width: 95%;
            background-repeat: no-repeat;
            background-position: center top;
        }
        .text .text__title {
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2;
        }
        .text .text__summary {
            -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                    order: 3;
        }
        .text .text__info {
            -webkit-box-ordinal-group: 5;
                -ms-flex-order: 4;
                    order: 4;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            margin-bottom: 1em;
        }
        .text .tags {
            -webkit-box-ordinal-group: 6;
                -ms-flex-order: 5;
                    order: 5;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }
    }
.text:not(:last-child) { border-bottom: 1px dashed #572D80; }
.text__title{
        font-size: 30px;
        font-size: 3rem;
        color: #572D80;
        text-transform: uppercase;
    }
.text__title .subtitle {
            text-transform: none;
        }
.text__zoom{
        display: inline-block;
        width: 150px;
        padding-top: 150px;
        float: right;
        margin: 0 0 10px 20px;
        background-color: #F2F3C1;
        background-blend-mode: multiply;
    }
.text__summary{
        font-family: 'Crimson', serif;
        font-weight: normal;
        text-align: justify;
    }
.text__summary__more {
            font-family: "D-DIN", sans-serif;
            font-weight: bold;
            color: #572D80;
        }
.text__info{
        clear: both;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        margin-top: 10px;
        font-size: 14px;
        font-size: 1.4rem;
    }
.text__info > * + *:before{
                content: "·";
                margin: 0 5px;
            }
.text--full{
        display: grid;
        grid-template-rows: -webkit-min-content;
        grid-template-rows: min-content;
        grid-template-columns: 1fr 90vw 1fr;
        grid-gap: 5rem 1rem;
        grid-template-areas:
          ". feature  ."
          ". texte    ."
          ". infos    ."
          ". recueils .";
    }
@media screen and (min-width: 1300px) {

.text--full{
            grid-template-areas:
              "feature texte   recueils"
              "feature texte   infos"
              "feature texte   ."
    }
            .text--full__block-info {
                -ms-flex-item-align: center;
                    align-self: center;
                width: 20vw;
                padding: 0!important;
            }
            .text--full__recueils {
                --cover-width: 20vw!important;
            }
            .text--full .recueils__current {
                display: none;
            }
        }
@media screen and (min-width: 600px) {

.text--full{
            grid-template-columns: 1fr -webkit-max-content 1fr;
            grid-template-columns: 1fr max-content 1fr;
            grid-template-areas:
              ". feature  ."
              ". texte    infos"
              ". recueils ."
    }
        }
@media screen and (max-width: 600px) {
            .text--full .text--full__recueils {
              width: 50vw;
            }
            .text--full .text--full__block-info {
              width: 50vw;
              padding: 0;
            }
        }
.text--full > article {
            grid-area: texte;
            border-bottom: 0!important;
            font-family: 'Crimson', serif;
            font-weight: normal;
            font-size: 20px;
            font-size: 2rem;
            line-height: 1.4;
        }
.text--full > figure {
            grid-area: feature;
            justify-self: center;
            text-align: center;
            width: 80%;
            margin-bottom: 0!important;
        }
.text--full .signature {
          margin-top: 20px;
          margin-top: 2rem;
          margin-left: 300px;
          margin-left: 30rem;
        }
.text--full .chanson {
            margin-top: 80px;
            margin-top: 8rem;
	}
.text--full .chanson h2 {
                font-size: 20px;
                font-size: 2rem;
                text-align: center;
            }
.text--full .chanson .subtitle {
                font-weight: normal;
                font-style: italic;
            }
@media screen and (min-width: 100rem) {

.text--full .chanson .paroles {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    width: 100rem;
                    max-width: 90vw;
                    margin-right: -20rem;
                    height: 100ex
            }

                    .text--full .chanson .paroles > div {
                        width: 50rem;
                    }
                }
.text--full .chanson .paroles blockquote {
                    font-style: normal;
                }
.text--full__recueils {
            --cover-width: 50vw;
            grid-area: recueils;
            justify-self: center;
            width: var(--cover-width);
        }
.text--full__recueils > ul > li {
                clear: left;
                display: block;
                height: calc(var(--cover-width) / 2);
            }
.text--full__recueils a img {
                float: left;
                height: calc(var(--cover-width) / 2);
                margin-right: 10px;
                margin-right: 1rem;
            }
.text--full__recueils h3 {
                margin-bottom: 0.5em!important;
                border-bottom: solid #572D80 1px!important;
                font-family: 'D-DIN', sans-serif!important;
            }
.text--full__recueils ul {
                display: block;
                margin-top: 0;
            }
.text--full__recueils ul ul {
                margin-top: calc(var(--cover-width) / 4 - 6rem);
                white-space: nowrap;
            }
.text--full__recueils .recueils__published {
                display: block;
            }
.text--full__recueils a {
                color: #572D80;
            }
.text--full__recueils .recueils__title {
                font-weight: bold;
            }
.text--full__block-info {
            grid-area: infos;
            justify-self: center;
            -ms-flex-item-align: start;
                align-self: start;
            padding-left: 30px;
            padding-left: 3rem;
            padding-right: 10px;
            padding-right: 1rem;
        }
.text--full__block-info h3 {
                margin-top: 35px!important;
                margin-top: 3.5rem!important;
                margin-bottom: 0.5em!important;
                border-bottom: solid #572D80 1px!important;
                font-family: 'D-DIN', sans-serif!important;
            }
.text--full p {
            margin-left: auto;
            margin-right: auto;
            max-width: 600px;
            max-width: 60rem;
            text-align: justify;
            text-indent: 30px;
            text-indent: 3rem;
        }
.text--full p.repere-temporel {
            text-indent: 0;
            margin-bottom: 30px;
            margin-bottom: 3rem;
        }
.text--full p + p.repere-temporel {
            margin-top: 30px;
            margin-top: 3rem;
        }
.text--full hr.transition {
            border: none;
            margin-bottom: 30px;
            margin-bottom: 3rem;
        }
.text--full h1 {
            font-family: 'Crimson', serif;
            text-transform: uppercase;
            text-align: center;
            max-width: 600px;
            max-width: 60rem;
            margin-left: auto;
            margin-right: auto;
            margin-top: 30px;
            margin-top: 3rem;
            margin-bottom: 60px;
            margin-bottom: 6rem;
            border: none;
            font-size: 1.6em;
        }
.text--full h1 .subtitle {
                text-transform: none;
            }
.text--full h2 {
            margin-left: auto;
            margin-right: auto;
            margin-top: 60px;
            margin-top: 6rem;
            margin-bottom: 30px;
            margin-bottom: 3rem;
            max-width: 600px;
            max-width: 60rem;
            border-bottom: none;
            font-family: 'Crimson', serif;
            font-size: 1.4em;
        }
.text--full blockquote {
            margin-left: 0;
            margin-right: 0;
            font-style: italic;
        }
.text--full blockquote p {
                padding-left: 2em;
                padding-right: 2em;
            }
.text--full pre {
            white-space: pre-line;
        }
.text--full figure {
            margin-left: 0;
            margin-right: 0;
            margin-top: 30px;
            margin-top: 3rem;
            margin-bottom: 30px;
            margin-bottom: 3rem;
            padding: 0;
            text-align: center;
        }
.text--full figure img {
                width: 100%;
                max-width: 600px;
                max-width: 60rem;
                mix-blend-mode: multiply;
            }
ul.tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
}
ul.tags li {
        white-space: nowrap;
        margin-right: 0.5em;
        margin-bottom: 0.5em;
        padding-left: 1em;
        padding-right: 0.25em;
        padding-top: 2px;
        padding-top: 0.2rem;
        padding-bottom: 3px;
        padding-bottom: 0.3rem;
        background: radial-gradient(circle at 0.5em 50%, #F2F3C1 0.1em, var(--tag-color) 0.2em, transparent 0.2em) top 50% left 0 no-repeat,
                    linear-gradient(45deg, #F2F3C1 0.25em, var(--tag-color) 0.25em, var(--tag-color) 0.5em, transparent 0.5em) bottom 0 left no-repeat,
                    linear-gradient(135deg, #F2F3C1 0.25em, var(--tag-color) 0.25em, var(--tag-color) 0.5em, transparent 0.5em) top 0 left no-repeat,
                    linear-gradient(to right, var(--tag-color), var(--tag-color)) top left 30px;
    }
ul.tags li a {
           color: #000000;
        }
ul.tags .tags__style { --tag-color: #aaa;  }
ul.tags .tags__epoque { --tag-color: #bbd; }
ul.tags .tags__lieu { --tag-color: #4f94cc;  }
ul.tags .tags__theme { --tag-color: #aad3df; }
.cta{
    margin: 30px auto 0px auto;
    margin: 3rem auto 0rem auto;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #572D80;
}
main h1 {
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    font-size: 30px;
    font-size: 3rem;
    text-align: center;
    border: none;
}
main > article {
    width: 35em;
    max-width: 95vw;
    margin: auto;
    padding: 0.2em;

    font-size: 1.2em;
}
@media screen and (min-width: 600px) {

main > article {
        font-size: 1.4em
}
    }
main > article p {
        margin-bottom: 1em;
    }
main > article ul {
        list-style-type: circle;
        padding-left: 1em;
        margin-bottom: 1em;
    }
.events{
    margin-top: 11px;
    margin-top: 1.1rem;
}
.events li + li {
        margin-top: 30px;
        margin-top: 3rem;
    }
.events .cancelled {
        opacity: 0.3;
    }
.events__city {
        color: #572D80;
        font-size: 20px;
        font-size: 2rem;
        font-weight: bold;
        line-height: 1em;
    }
.events__subtitle {
        color: #000000;
        font-weight: thin;
        text-transform: uppercase;
        margin-left: 0.5em;
    }
.events__title {
        color: #572D80;
        font-size: 30px;
        font-size: 3rem;
        font-weight: normal;
        line-height: 1em;
    }
.events time {
        vertical-align: top;
    }
.events__icon {
        display: inline-block;
        height: 1em;
        width: 1em;
        background-repeat: no-repeat;
        background-size: contain;
    }
.events__mixite-choisie {
        background-image: url(/images/for-the-queers.png);
    }
.events__sign-up {
        background-image: url(/images/sign-up.png);
    }
.events--full {
        margin-left: 10px;
        margin-left: 1rem;
        margin-right: 10px;
        margin-right: 1rem;
    }
.events--full h1 {
            grid-area: title;
        }
.events--full h3 {
            border-bottom: 2px solid #572D80;
            margin-bottom: 10px;
            margin-bottom: 1rem;
            margin-right: 10px;
            margin-right: 1rem;
            white-space: nowrap;
        }
.events--full .events__months {
            grid-area: events;
            grid-gap: 0 0;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: start;
        }
@media screen and (min-width: 600px) {

.events--full .events__months {
                --months-by-row: 1;
                display: grid;
                grid-template-columns: repeat(var(--months-by-row), 1fr 3fr)
        }
            }
.events--full .events__months h3 {
                border: bottom solid 1px;
                width: -webkit-min-content;
                width: -moz-min-content;
                width: min-content;
                justify-self: end;
            }
.events--full .events__months ul {
                margin-right: 20px;
                margin-right: 2rem;
                margin-bottom: 30px;
                margin-bottom: 3rem;
            }
.events--full #events-map {
            grid-area: map;
            height: 500px;
            height: 50rem;
            width: 500px;
            width: 50rem;
            max-width: 90vw;
            max-height: 90vh;
            margin: 0 auto 30px auto;
            margin: 0 auto 3rem auto;
        }
.events--full .cta {
            grid-area: links;
            margin-top: 30px;
            margin-top: 3rem;
        }
.cancelled-warning {
    display: block;
    position: relative;
    width: 0;
    height: 0;
    overflow: visible;
    z-index: 3;
    top: -25px;
    top: -2.5rem;
    left: 30px;
    left: 3rem;
    font-style: normal;
    text-transform: uppercase;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    font-size: 3em;
    border: solid black 1px;
}
.event--full {
    margin: auto;
    padding: 10px;
    padding: 1rem;
    max-width: 30em;
}
.event--full h1 {
        grid-area: title;
        border-bottom: none;
        text-transform: uppercase;
        text-align: center;
        margin-top: 30px;
        margin-top: 3rem;
        margin-bottom: 30px;
        margin-bottom: 3rem;
    }
.event--full header {
        grid-area: event;
        justify-self: start;
        -ms-flex-item-align: center;
            align-self: center;
        margin-bottom: 30px;
        margin-bottom: 3rem;
    }
.event--full header h3 {
            grid-area: title;
            border-bottom: none;
        }
.event--full header .events__city {
            font-size: 1.5em;
            color: #EC008C;
        }
.event--full header .events__subtitle {
            font-size: 1em;
        }
.event--full header .events__title {
            display: block;
            color: #EC008C;
            font-size: 2.5em;
        }
.event--full header .events__date {
            font-size: 1.5em;
            width: -webkit-min-content;
            width: -moz-min-content;
            width: min-content;
            vertical-align: bottom;
        }
@media screen and (max-width: 500px) {

.event--full header {
            font-size: 0.8em!important
    }
        }
.event--full__info {
        grid-area: info;
        font-size: 20px;
        font-size: 2rem;
        text-align: justify;
        max-width: 25em;
    }
.event--full__info img {
            max-width: 50%;
            max-height: 50vh;
            border: solid black 1px;
            margin-right: 10px;
            margin-right: 1rem;
            margin-bottom: 10px;
            margin-bottom: 1rem;
        }
.event--full__info p {
            margin-bottom: 20px;
            margin-bottom: 2rem;
        }
.event--full__info__block {
            background-repeat: no-repeat;
            background-size: auto 3em;
            min-height: 3em;
            padding-left: 3.5em;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            text-align: left;
            margin-bottom: 1em;
        }
.event--full__info__mixite-choisie {
            background-image: url(/images/for-the-queers.png);
        }
.event--full__info__sign-up {
            background-image: url(/images/sign-up.png);
        }
.event--full__info__sign-up a {
                font-weight: bold;
            }
.event--full__logos {
        grid-area: logos;
        margin-left: auto;
        margin-right: auto;
    }
.event--full__logos img {
            width: auto!important;
            height: auto;
            max-width: 100%;
            max-height: 20em;
            margin-bottom: 30px;
            margin-bottom: 3rem;
            border: solid black 1px;
        }
.event--full__logos img.blend {
                mix-blend-mode: multiply;
                border: none;
            }
.event--full__liens {
        display: inline-block;
        margin-left: 1.5em;
    }
.event--full__liens ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
.event--full__liens ul a {
                display: block;
                width: 30px;
                width: 3rem;
                height: 30px;
                height: 3rem;
                margin-left: 5px;
                margin-left: 0.5rem;
                margin-right: 5px;
                margin-right: 0.5rem;
                background-repeat: no-repeat;
                background-size: contain;
            }
.event--full__liens ul a span {
                    display: none;
                }
.event--full__liens__calendar-add {
            background-image: url(/images/calendar-add.png);
        }
.event--full__liens__event-page {
            background-image: url(/images/webpage-pink.png);
        }
.event--full__liens__website {
            background-image: url(/images/website-pink.png);
        }
.event--full__liens__mastodon {
            background-image: url(/images/mastodon-pink.png);
        }
.event--full__liens__twitter {
            background-image: url(/images/twitter-pink.png);
        }
.event--full__liens__facebook-event {
            background-image: url(/images/facebook-event-pink.png);
        }
.event--full__liens__facebook-page {
            background-image: url(/images/facebook-pink.png);
        }
.event--full__address {
        grid-area: address;
        -ms-flex-item-align: start;
            align-self: start;
        font-size: 20px;
        font-size: 2rem;
        margin-right: 10px;
        margin-right: 1rem;
    }
.event--full__address h3 {
            border-bottom: 2px solid #572D80;
            margin-bottom: 10px;
            margin-bottom: 1rem;
            margin-right: 10px;
            margin-right: 1rem;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }
.event--full #events-map {
        grid-area: map;
        width: 100%;
        height: 30em;
    }
.event--full figure {
        grid-area: feature;
    }
.event--full figure img {
            width: 100%;
            border: solid black 1px;
        }
@media screen and (min-width: 900px) {

.event--full {
        max-width: 100%;
        margin: auto;
        padding-left: 1em;
        padding-right: 1em;
        display: grid;
        grid-template-areas:
          "title  title"
          "event  logos"
          "info   logos"
          "address map";
        grid-gap: 3rem
}
            .event--full__logos img {
                width: 50rem;
                max-width: 40vw;
            }
        .event--full #events-map {
            height: 50rem;
            width: 50rem;
            max-width: 40vw;
            max-height: 40vw;
        }
    }
@media screen and (min-width: 1300px) {

.event--full {
        max-width: 100%;
        margin: auto;
        padding-left: 1em;
        padding-right: 1em;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        grid-template-areas:
          "title title  title"
          "logos event   address"
          "logos info    map";
        grid-gap: 3rem
}
            .event--full__logos img {
                width: 50rem;
                max-width: 25vw;
            }
        .event--full #events-map {
            height: 50rem;
            width: 50rem;
            max-width: 25vw;
            max-height: 25vw;
        }
    }
a:hover,                        a:focus,
a.recueil__title:hover,         a.recueil__title:focus,
.recueil__liens a:hover,        .recueil__liens a:focus,
.events a:hover .events__city,  .events a:focus .events__city,
.events a:hover .events__title, .events a:focus .events__title {
    color: #4f94cc;
}
ul.tags a:hover, ul.tags a:focus {
    background-color: #eee;
}
.site-header a:hover, .site-header a:focus {
    color: #FEF035;
}
dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
dt {
  font-weight: bold;
  width: 25%;
  padding-top: 10px;
}
dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding-top: 10px;
}
dd + dd {
  width: 100%;
  padding-top: 0;
}
dt + dd:not(:nth-child(2)),
dt:first-child + dd:nth-child(2) {
  width: 75%;
}
dd + dd::before {
  width: 25%;
  content: "";
  padding-top: 0
}
.pagination {
  margin: 30px 0;
  margin: 3rem 0;
}
.pagination li {
  display: inline-block;
  margin-right: 3.75px;
  margin-right: .375rem;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 2.5em;
}
.pagination li a {
  padding: 5px 6.25px;
  padding: .5rem .625rem;
  color: #000000;
  border: 1px solid #572D80;
  border-radius: 3px;
  text-decoration: none;
}
.pagination li.disabled {
  display: none;
}
.pagination li.active a:link,
.pagination li.active a:active,
.pagination li.active a:visited {
  background-color: #ccc;
}
.copyleft {
    display: inline-block;
    transform: rotate(180deg);
    /* Safari */
    -webkit-transform: rotate(180deg);
    /* Firefox */
    -moz-transform: rotate(180deg);
    /* IE */
    -ms-transform: rotate(180deg);
    /* Opera */
    -o-transform: rotate(180deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
pre.address {
    font-family: 'D-DIN', sans-serif;
}
.contact-form form {
        width: 100%;
    }
.contact-form input, .contact-form button, .contact-form textarea {
        -webkit-box-shadow: none;
                box-shadow: none;
        background: transparent;
        border: 2px solid rgba(0, 0, 0, .1);
        height: 54px;
        font-size: 18px;
    }
.contact-form input[type=text], .contact-form input[type=email], .contact-form textarea {
        padding: 0.2em;
    }
.contact-form input:active, .contact-form button:active, .contact-form textarea:active, .contact-form input:focus, .contact-form button:focus, .contact-form textarea:focus {
        outline: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        border-color: #EC008C;
    }
.contact-form button:hover {
        border-color: #EC008C;
    }
.contact-form .btn-primary {
        background-color: #EC008C;
        color: #FEF035;
        font-weight: bold;
    }
.contact-form #form-messages {
        width: 100%;
        margin-bottom: 1ex;
    }
.contact-form #form-messages button.close {
            background: rgba(255, 255, 255, .3);
            margin: 1ex;
            border-radius: 2ex;
            line-height: 20px;
            line-height: 2rem;
            font-size: 20px;
            font-size: 2rem;
            height: 3ex;
            width: 3ex;
            text-align: center;
        }
.contact-form .alert {
        border: 2px solid rgba(0, 0, 0, .1);
    }
.contact-form .alert-success {
        background: #FEF035;
        color: black;
    }
.contact-form .alert-danger {
        background: red;
        color: white;
    }
.contact-form #inputBody {
        height: 30ex;
        margin-bottom: 1em;
    }
.contact-form .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
@media screen and (min-width: 600px) {
        .contact-form form {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
        }
        .contact-form #inputName, .contact-form #inputEmail, .contact-form #emailHelp {
            width: 45vw;
            max-width: 38rem;
        }
        .contact-form #inputBody {
            width: 93vw;
            max-width: 79rem;
        }
    }
.coverage {
  margin-bottom: 80px;
  margin-bottom: 8rem;
}
.coverage h2 {
    grid-column-end: span 2;
    border-bottom: none;
    margin-bottom: 0;
    line-height: 0.8em;
  }
.coverage h2 a {
      display: block;
      background-repeat: no-repeat;
      background-size: 9rem auto;
      background-position: 0 50%;
    }
.coverage h2 a.blend {
        background-blend-mode: multiply;
        background-color: #F2F3C1;
      }
.coverage h2 a > span {
        display: block;
      }
.coverage h2 a .media {
      }
.coverage h2 a time {
        font-size: 18px;
        font-size: 1.8rem;
        color: #000000;
        font-weight: bold;
      }
.coverage h2 a em {
        font-style: normal;
        font-weight: normal;
        font-size: 80%;
      }
.coverage h2 a .author {
        font-size: 18px;
        font-size: 1.8rem;
        color: #000000;
        font-weight: normal;
        white-space: nowrap;
      }
.coverage .excerpt {
    grid-column-start: 2;
    background-size: 4em;
    margin-top: 20px;
    margin-top: 2rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    font-size: 20px;
    font-size: 2rem;
    font-family: 'Crimson', serif;
    text-align: justify;
  }
.coverage .excerpt p:last-child {
    margin-bottom: 0;
  }
.coverage .excerpt em > em {
    font-style: normal;
  }
.coverage .files {
    justify-self: start;
    -ms-flex-item-align: start;
        align-self: start;
    grid-column-start: 2;

    list-style: none;
    padding-left: 0;
  }
.coverage .files > a, .coverage .files > li > a {
      --icon-size: 30px;
      --icon-size: 3rem;
      --font-size: 16px;
      --font-size: 1.6rem;
      color: #EC008C;
      font-size: var(--font-size);
      font-weight: bold;
      display: block;
      min-height: var(--icon-size);
      padding-top: calc(var(--font-size) / 2);
      padding-left: var(--icon-size);
      background-size: auto var(--icon-size);
      background-repeat: no-repeat;
      background-position: left top;
    }
.coverage .files__pdf {
      background-image: url(/images/pdf.png);
    }
.coverage .files__mp3 {
      background-image: url(/images/mp3.png);
    }
@media screen and (min-width: 600px) {

.coverage {
    display: grid;
    grid-template-columns: 10rem auto;
    grid-gap: 0
}

    .coverage h2 a {
      padding-left: 10rem;
    }
  }
@media screen and (max-width: 600px) {
    .coverage h2 a {
      background-image: none !important;
    }
  }