/* Common */
#blocks .page_header {
    margin-bottom: calc(var(--default-spacing) * 2);
}
.block {
    margin-bottom: calc(var(--default-spacing) * 2);
    padding-bottom: calc(var(--default-spacing) * 2);
    border-bottom: 4px solid #000;
}
.block:last-child {
    margin-bottom: 0;
}
.block img {
    width: 100%;
}
.block .block_content {
    margin-top: calc(var(--default-spacing) / 2);
}
.block .block_content aside {
    margin-top: var(--default-spacing);
}
.block.hide_title .block_name {
    display: none;
}
.block_collection .grid {
    padding-top: var(--default-spacing);
}

/* PDF */
.block_pdf {
    text-align: right;
}
.block_pdf a {
    background: #000;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    padding-left: 20px;
    margin-top: var(--default-spacing);
    padding-left: 35px;
    background: url('../img/download.svg') no-repeat left 10px center #000;
    background-size: auto;
    background-size: 15px;
}

/* Block default : title */
.block.block_default.title {
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.block.block_default.title aside,
.block.block_default.title .block_text {
    display: none;
}
.block.block_default.title .block_name {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    text-align: center;
}

/* Block default : chapo */
.block.block_default.chapo .block_name {
    display: none;
}
.block.block_default.chapo .block_text {
    font-family: var(--strong-font-family);
    font-size: var(--title2-font-size);
    line-height: var(--title2-line-height);
}

/* Block default : text */
.block.block_default.text .block_name {
    display: none;
}


/* Block default : cover */
.block.block_default.cover {
    padding-bottom: 0;
    position: relative;
    border-bottom: 0;
}

.block.block_default.cover .block_content {
    margin-top: 0;
}
.block.block_default.cover header,
.block.block_default.cover main {
    display: none;
}
.block.block_default.cover.page_title header {
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
}
.block.block_default.cover.page_title header > .wrapper {
    max-width: 1200px;
    padding: 0 var(--default-spacing);
    margin: auto;
}
.block.block_default.cover.page_title header .block_name {
    font-family: var(--strong-font-family);
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    text-transform: uppercase;
    color: #fff;
}

.block.block_default.cover aside {
    margin-top: 0;
    width: 100%;
}
.block.block_default.cover aside .block_medias {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
}
.block.block_default.cover aside .block_medias .media .media_viewer {
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 40%;
}
.block.block_default.cover aside .block_medias .media .media_details {
    padding-left: var(--default-spacing);
    display: none;
}
@media only screen and (min-width: 768px) {
    .block.block_default.cover.page_title header {
        bottom: -9px;
    }
}


/* Accordion blocks */
.block.accordion_block .block_texts {
}
.block.accordion_block .block_name {
    font-family: var(--strong-font-family);
    cursor: pointer;
}
@media only screen and (min-width: 768px) {
    .block.accordion_block .block_name {
        background: url('../img/folded.svg') no-repeat 0 center;
        background-size: 5px;
        padding-left: 18px;
    }
    .block.accordion_block.unfolded .block_name {
        background: url('../img/unfolded.svg') no-repeat 0 center;
        background-size: 10px;
    }
    .block.accordion_block .block_text {
        display: none;
        padding-left: 18px;
        margin: calc(var(--default-spacing) / 2) 0 var(--default-spacing) 0;
    }
    .block.accordion_block.unfolded .block_text {
        display: block;
    }
}

/* Accordion texts */
.block.accordion .block_texts {
    margin-top: var(--default-spacing);
}
.block.accordion .block_text {
    margin-bottom: calc(var(--default-spacing) / 2);
}
.block.accordion .block_text .block_text_name {
    font-family: var(--strong-font-family);
    cursor: pointer;
    background: url('../img/folded.svg') no-repeat 0 center;
    background-size: 5px;
    padding-left: 18px;
}
.block.accordion .block_text.unfolded .block_text_name {
    background: url('../img/unfolded.svg') no-repeat 0 center;
    background-size: 10px;
}
.block.accordion .block_text .block_text_text {
    display: none;
    padding-left: 18px;
    margin: calc(var(--default-spacing) / 2) 0 var(--default-spacing) 0;
}
.block.accordion .block_text.unfolded .block_text_text {
    display: block;
}


/* Inline accordion */
.block .block_text .accordion_title {
    font-family: var(--strong-font-family);
    user-select: none;
    cursor: pointer;
    background: url('../img/folded.svg') no-repeat 0 center;
    background-size: 5px;
    padding-left: 18px;
}
.block .block_text .accordion_content {
    display: none;
    padding-left: 18px;
}
.block .block_text .accordion_title.unfolded {
    background: url('../img/unfolded.svg') no-repeat 0 center;
    background-size: 10px;
    display: inline-block;
    margin-bottom: calc(var(--default-spacing) / 2);
}
.block .block_text .accordion_content.unfolded {
    display: block;
}

/* Responsive */
@media only screen and (min-width: 768px) {
    .block .block_content aside {
        margin-top: 0;
    }

    /* Block default : medias alignment */
    .block.block_default.medias_right .block_content,
    .block.block_default.medias_left .block_content {
        display: flex;
    }
    .block.block_default.medias_right .block_content main,
    .block.block_default.medias_right .block_content aside,
    .block.block_default.medias_left .block_content main,
    .block.block_default.medias_left .block_content aside  {
        width: 50%;
        box-sizing: border-box;
    }
    .block.block_default.medias_right .block_content main {
        padding-right: var(--default-spacing);
    }
    .block.block_default.medias_left .block_content main {
        padding-left: var(--default-spacing);
    }
    .block.block_default.medias_left .block_content {
        flex-direction: row-reverse;
    }
}
@media only screen and (min-width: 1024px) {

}
@media only screen and (min-width: 1280px) {

}