@charset "UTF-8";

/* Vars */

html {
    --primary-color: #08826E;
    --dark-primary-color: #247875;
    --light-primary-color: #8FD9D7;
    --secondary-color: #F14737;
    --text-secondary-color: #D73526;
    /* --expo-color: #165B9A; */
    --grey-color: #F5F0E7;
    --grey-textcolor: #4A4A4A;
    --grey-bordercolor: #E9E7E3;

    /* COLL */
    --primary-collections-color: #F14737;
    --secondary-collections-color: #228D8A;
    --expo-color: #1F2E97;
}


/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

div, form {
    box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    font-family: 'Lato', sans-serif;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

sup {
    vertical-align: super;
    font-size: 70%;
}

i {
    font-style: italic;
}


/* Common */

h1 {
    font-size:30px;
    font-weight:bold;
}

h2 {
    font-size:20px;
}

h3 {
    font-weight:bold;
}

div, input, select {
    box-sizing: border-box;
}

a, a:active, a:hover {
    opacity: 1 !important;
}

a:link, a:visited {
    color: #000000;
}

[hidden],
.hidden {
    display: none;
}

.required {
    color:var(--secondary-color);
}

em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

[disabled=disabled] {
   pointer-events: none;
}

/*
   ------------------------------------------------
   ---- Omeka ----
   ------------------------------------------------
*/

.page-layout-normal .block,
.page .page-layout-normal .block {
    margin: 0;
}

/*
   ------------------------------------------------
   ---- USER BAR Omeka ----
   ------------------------------------------------
*/

#user-bar {
    z-index: 5;
    position: relative;
}

#user-bar a {
    text-decoration: none;
}

#user-bar a:hover {
    text-decoration: underline;
}


/*
   ------------------------------------------------
   ---- HEADER ----
   ------------------------------------------------
*/

.header-and-contents, footer {
    max-width: 1280px;
    margin:0 auto;
}

header {
    height: 95px;
    background-color: #FFF;
    position: relative;
    text-align: right;
    z-index: 200;
}

header::after {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    z-index: 10;

    content: '';
    margin-top: -3px;
    border-bottom: 1px solid rgba(201,196,182,0.48);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
}


header .logo {
    display: block;
    width: 292px;
    height: 103px;

    position: absolute;
    top:5px;
    left:20px;
    z-index: 20;

    background: url(../../asset/img/CArchives-horizontal_RVB.svg) top left / 292px auto no-repeat;
    text-decoration: none;
}

header .baseline {
    display: none;
}

header .header-contents {
    display: inline-block;
    height: 96px;
}

header .header-contents::before {
    content: '';
    display: block;
    float: left;
    background: url(../img/Rectangle_vert_grand@2x.svg) bottom left no-repeat;
    height: 96px;
    width: 31px;
}



/* Header :animation Hamburger */

header .hamburger-parent {
    width: 80px;
    height: 50px;
    padding-left:10px;
    padding-top:12px;
    background-color: #FFF;
    box-sizing: border-box;
    text-align: center;
    float: left;
    position: relative;
    z-index: 2;
    display: none;
}

.c-hamburger {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 36px;
    height: 50px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.c-hamburger:focus {
    outline: none;
}

.c-hamburger span {
    display: block;
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    height: 6px;
    background: var(--secondary-color);
    border-radius: 3px;
}

.c-hamburger span::before,
.c-hamburger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: var(--secondary-color);
    border-radius: 3px;
    content: "";
}

.c-hamburger span::before {
    top: -12px;
}

.c-hamburger span::after {
    bottom: -12px;
}

.c-hamburger--htx {
}

.c-hamburger--htx span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.c-hamburger--htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}

.c-hamburger--htx.is-active {
}

.c-hamburger--htx.is-active span {
    background: none;
}

.c-hamburger--htx.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}


/*
   ------------------------------------------------
   ---- MENU ----
   ------------------------------------------------
*/

.header-contents {
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
}

header .header-contents .header-menus-background {
    display: none;
}

header .header-contents .header-menus {
    float: left;
    display: block;
    height: 100%;
    background: var(--primary-color);
    padding-top: 25px;
}

header .header-contents .header-menus > ul {
    display:inline-block;
    padding:0;
}

header .header-contents nav.menu-main {
    display: inline-block;
    padding-left: 112px;
}

header .header-contents ul.header-menu > li {
    float: left;
    position: relative;
    margin-right: 26px;
}

#scriptologoutform [type=submit],
header .header-contents ul.header-menu > li > span,
header .header-contents ul.header-menu > li > a {
    display: block;
    padding-bottom: 22px;
    color: #fff;
    text-decoration: none;
    line-height: 44px;
    cursor: pointer;
}

header .header-contents ul.header-menu > li > ul > li > a {
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 44px;
    cursor: pointer;
}

header .header-contents ul.header-menu > li > ul > li > a:hover {
    color: var(--primary-color);
}

#scriptologoutform [type=submit] {
    padding-bottom: 0;
}

header .header-contents ul.header-menu li > a:last-child {
    /* padding-bottom: 0; */
}

header .header-contents ul.header-menu > li > span,
header .header-contents ul.header-menu > li > a {
    border-bottom: 6px solid transparent;
}

header .header-contents ul.header-menu > li > a:hover,
header .header-contents ul.header-menu > li.selected > a,
header .header-contents ul.header-menu > li.selected > span,
header .header-contents ul.header-menu > li.submenu-opened > a,
header .header-contents ul.header-menu > li.submenu-opened > span,
header .header-contents ul.header-menu > li span.with-submenu:hover {
    text-decoration: none;
    border-bottom: 6px solid #FFF;
}

header .header-contents li > .with-submenu {
    padding-right: 16px;
    background: url(../img/chevron_nav_sup.svg) top 18px right no-repeat;
}

header .header-contents ul.header-menu > li:last-child {
    margin-right: 0;
}

header .header-contents ul.header-controls {
    margin-left: 210px;
    margin-right: 10px;
    margin-bottom: 25px;
    height: 32px;
}

header .header-contents ul.header-controls li {
    float: right;
    text-align: center;
}

#scriptologoutform [type=submit]:hover,
header .header-contents ul.header-controls li button,
header .header-contents ul.header-controls li a {
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    transform-origin: 50% 50%;
}

header .header-contents ul.header-controls li span {
    font-size: 0;
    text-indent: -9999px;
}

.header-contents ul.header-controls li.rss {
    border-right: 1px solid #fff;
    width: 55px;
    height: 100%;
}

.header-contents ul.header-controls li.rss button,
.header-contents ul.header-controls li.rss a {
    display: block;
    background: url(../img/RSS_nav.svg) center no-repeat;
    height: 100%;

}

.header-contents ul.header-controls li button:hover,
.header-contents ul.header-controls li a:hover {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

header .header-contents ul.header-controls li.user {
    width:56px;
    height: 100%;
}

header .header-contents ul.header-controls li.user {
    border-left: 2px solid #fff;
    width: 56px;
    height: 100%;
}

.header-contents ul.header-controls li.user button,
.header-contents ul.header-controls li.user a {
    display: block;
    background: url(../img/user_nav.svg) center no-repeat;
    width: 100%;
    height: 100%;
}

.header-contents ul.header-controls li.search {
    width: 50px;
    height: 100%;
}

.header-contents ul.header-controls li.search button,
.header-contents ul.header-controls li.search a {
    display: block;
    background: url(../img/loupe.svg) center / 28px auto no-repeat;
    min-width: 40px;
    height: 100%;
}

.header-contents ul.header-controls li a:hover {
    transform: scale(1.2, 1.2);
}


/* Menu déroulant */

header .header-contents ul.header-menu > li > ul {
    display: none;
}

header .header-contents ul.header-menu li.submenu-opened ul {
    display: block;
    background-color: #FFFFFF;
}

#scriptologoutform [type=submit] {
    font-size: inherit;
}

#scriptologoutform [type=submit],
header .header-contents ul.header-menu li.submenu-opened ul li a {
    text-decoration: none;
    color:#666666;
}

#scriptologoutform [type=submit]#scriptologoutform [type=submit]:hover,
header .header-contents ul.header-menu li.submenu-opened ul li a:hover {
    color:var(--text-secondary-color);
}

header .header-contents ul.header-menu li.submenu-opened ul li a[target="_blank"] {
    display: inline-flex;
    align-items: center;
}

header .header-contents ul.header-menu li.submenu-opened ul li a[target="_blank"]::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    background: url(../img/external-link.svg) center / auto 14px no-repeat;
}

header .header-contents li.submenu-opened ul li a[target="_blank"]:hover::after {
    background-image: url(../img/external-link-on.svg);
}

#scriptologoutform [type=submit]:hover,
header .header-contents li.submenu-opened ul li a:hover {
    color:var(--text-secondary-color);
}

#scriptologoutform [type=submit]:hover {
    text-decoration: none;
}

/*
header .header-contents ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 44px;
}
*/

body.with-dialog {
    overflow: hidden;
}

header .header-contents ul.header-menu > li.submenu-opened ul {
    position: absolute;
    z-index: 20;
    text-align: left;
    margin-left: 0;
    padding: 25px 115px 25px 15px;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.3);
}

@-webkit-keyframes submenu-background-animation {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes submenu-background-animation {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes submenu-background-animation {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes submenu-background-animation {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}


.min-height-content {
    min-height: calc(100vh - 284px);
}

.with-user-bar .min-height-content {
    min-height: calc(100vh - 320px);
}

.with-user-bar .popup.is-opening .popup-background,
.with-user-bar dialog.popup[open] .popup-background {
    padding-top: 38px;
}

.with-user-bar header .advanced-search-menu .advanced-search-menu-background {
    margin-top: 38px;
}

/*
   ------------------------------------------------
   ---- FIL D'ARIANE ----
   ------------------------------------------------
*/

.breadcrumbs {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 0 12px 52px;

    color: #797979;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
}

.transcription .breadcrumbs {
    margin-bottom: 6px;
}

.breadcrumbs li:not(:last-child)::after {
    content: ">";
    margin: 0 1px 0 3px;
}

.breadcrumbs a.no-link {
    pointer-events: none;
}

.breadcrumbs a,
.breadcrumbs a:visited {
    font-weight: normal;
    text-decoration: none;
    color: #797979 !important;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

nav.breadcrumbs > ol {
    margin-bottom: 0;
}

/*
   ------------------------------------------------
   ---- OMEKA ----
   ------------------------------------------------
*/

/*
.breadcrumbs,
.sub-menu,
.site-page-pagination {
    display: none;
}
*/


/*
   ------------------------------------------------
   ---- FOOTER ----
   ------------------------------------------------
*/


footer {
    clear: both;
    background-color: #EDC338;
}

.footer-contents  {
    position: relative;
    padding: 10px 10px 0 40px;
    text-align: center;
}

.footer-contents a.footer-logo {
    position: absolute;
    left:40px;
    top:18px;
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url(../img/logo.svg) center left / auto 80px no-repeat;

}

.footer-contents ul.footer-menu {
    display:inline-block;
    margin: 61px auto 20px;
    padding: 0;
}

.footer-contents ul.footer-menu::after {
    content:'';
    clear:both;
    display: table;
}


.footer-contents ul.footer-menu li {
    float: left;
    margin-right: 26px;
}

.footer-contents ul.footer-menu li a {
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    text-align: justify;
    text-decoration: none;
}

.footer-contents ul.footer-menu li a:hover {
    color: var(--dark-primary-color);
}

.footer-contents .back-to-top {
    position: absolute;
    right: 8px;
    bottom: 10px;
}

.footer-contents .back-to-top a {
    display: block;
    width:50px;
    height: 50px;
    background:url(../img/top.svg) no-repeat;
    opacity:0.8;
}

.footer-contents a.footer-logo,
.footer-contents .back-to-top a {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
}

.footer-contents a.footer-logo:hover,
.footer-contents .back-to-top a:hover {
    transform: scale(1.10);
    transform-origin: 50% 50%;
}

.footer-contents .back-to-top a:hover {
    opacity:1;
}


/*
   ------------------------------------------------
   ---- INPUT ----
   ------------------------------------------------
*/


input[type=password],
input[type=email],
input[type=search],
input[type=text] {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--primary-color);
    background-color: #FFFFFF;
    line-height: 15px;
    font-family: 'Montserrat', sans-serif;
}

.transcription button,
.transcription input[type=submit],
button,
input[type=submit] {
    height: 45px;
    border: none;
    background-color: var(--primary-color);
    padding: 0 20px;

    color: #FFFFFF;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    cursor:pointer;
}

.search-panel button,
.search-panel input[type="submit"] {
    background-color: var(--primary-color);
}

.search-panel.form-search button.search-submit {
    float: none;
}

.form-search button.search-submit {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}

select {
    height: 35px;
    border:var(--primary-color) solid 1px;
    background-color: transparent;
    padding: 0 8px;
    color: #000000;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    line-height: 21px;
}

select option {
    color: var(--primary-color);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    line-height: 21px;
    text-transform: uppercase;
}

select.chosen-select option {
    font-size: 13px;
    line-height: 20px;
    color: var(--grey-textcolor);
    text-transform: none;
}

.search-sort .select-parent,
.filter .select-parent {
    display: inline-block;
    overflow-x: hidden;
}

.search-sort .select-parent {
    width: 260px;
    border: 1px solid var(--primary-color);
}

.search-sort .select-parent > select,
.filter .select-parent > select {
    width: calc(100% + 20px) !important;
    background-color: #FFF;
    border: none !important;
    background: url(../img/Triangle_deroulant.svg) right 35px center / 15px auto no-repeat;
    padding: 10px;
}



input[type=submit]:hover {
    background-color: var(--text-secondary-color);
}

input[type=email]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-style: italic;
    line-height: 15px;
}

input[type=email]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=text]::-moz-placeholder { /* Firefox 19+ */
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-style: italic;
    line-height: 15px;
}

input[type=email]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder { /* IE 10+ */
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-style: italic;
    line-height: 15px;
}

input[type=email]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=text]:-moz-placeholder { /* Firefox 18- */
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-style: italic;
    line-height: 15px;
}

label, textarea {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 5px;
}

label {
    color: var(--grey-textcolor);
}

textarea {
    box-sizing:border-box;
    border: 1px solid var(--primary-color);
    padding: 20px;
}


/*
   ------------------------------------------------
   ---- ACCUEIL ----
   ------------------------------------------------
*/

.search-panel-parent.block-html {
    padding: 55px 0 0;
    background: url(../img/recherche-accueil.jpg) center / cover no-repeat;
}

.contents.home .search-panel-with-slider {
    position: relative;
    height: 475px;
    overflow: hidden;
}

.search-panel-parent .search-mode {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    order: 2;
}

.contents.home .search-panel-with-slider .search-panel-background {
    position: absolute;
    left:0;
    width: 100%;
    height: 100%;
    background-color: #CCCCCC;
}

.contents.home .search-panel-with-slider .search-panel-background .slick-slider,
.contents.home .search-panel-with-slider .search-panel-background .slick-slide,
.contents.home .search-panel-with-slider .search-panel-background .slick-list,
.contents.home .search-panel-with-slider .search-panel-background .slick-track {
    height: 100%;
}

.slick-list {
    width: 100%;
}

.contents.home .search-panel-with-slider .search-panel-background .slick-slide > span {
    display: block;
    width: 100%;
    height: 100%;
}

.contents.home .search-panel-with-slider .search-panel-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contents.home .search-panel-with-slider .search-panel-parent {
    position: relative;
    width: 100%;
    padding-top: 0;
}

.contents.home .search-panel-with-slider .search-panel {
    margin-bottom: 0;
}

.contents.home .search-panel-with-slider .search-panel-content {
    padding: 80px 0 55px;
}

.contents.home .search-panel-with-slider .search-panel-footer {
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height: 40px;
}

.contents.home .search-panel-with-slider .search-panel-parent {
    background: none;
}

.contents.home .search-panel-footer {
    height: 40px;
    background: #fff url(../img/Rectangle_vert_grand@2x.svg) bottom left 335px no-repeat;
}

.contents.home .search-panel-footer::after {
    content:'';
    display: block;
    background-color: var(--primary-color);
    float: right;
    width:30%;
    height: 100%;
}

.search-panel-parent h2 {
    width: 80%;
    margin: 0 auto 10px;

    color: #064652;
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    text-align: center;
}

.search-panel-parent > p,
.search-panel-description {
    width: 50%;
    margin: 0 auto 10px;
}

.search-panel-description {
    min-height: 5px;
}


.search-panel-parent p {
    color: #321C1C;
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    line-height: 26px;
    text-align: center;
}

.search-panel-title-and-form {
    position: relative;
    width:834px;
    margin: 0 auto  52px;
    padding: 20px 55px;
    background-color: rgba(248,246,242,0.95);
}

form.search-panel {
    position: relative;
}

.facets form.search-panel {
    width: 100%;
}

.search-panel input[type="search"],
.search-panel input[type="text"] {
    box-sizing: border-box;
    width: 546px;
    padding: 0 20px;
    border:none;
    line-height: 45px;
    height: 45px;
    vertical-align: top;
}


.search-panel button[type=submit],
.search-panel input[type=submit] {
    position: absolute;
    right: 0;

    height: 45px;
    width: 152px;
    margin-left:5px;
    border: none;
    background-color: var(--primary-color);
    margin-bottom: 0;

    color: #FFFFFF;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    cursor:pointer;
}

body.item.browse .contents > .search-panel-parent .search-panel button[type="submit"] {
    position: unset;
}

.search-panel button[type=submit]:hover,
.search-panel input[type=submit]:hover {
    background-color: var(--text-secondary-color);
}

.search-page .contents .search-panel button[type=submit],
.search-page .contents .search-panel input[type=submit],
.contents.recherche .search-panel button[type=submit],
.contents.recherche .search-panel input[type=submit] {
    position: static;
}


/*  Search panel menu */

.search-panel-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    pointer-events: none;
}

.search-panel-menu.opened {
    top: 95px;
}

.search-panel-menu.opened .search-panel-menu-contents {
    pointer-events: auto;
}

.with-user-bar .search-panel-menu.opened {
    /* top: calc(95px + 38px); */
}

.search-panel-menu .search-panel-menu-contents {
    width: 100%;
    z-index: 1;
    transition-duration: 0.75s;
}

.search-panel-menu .search-panel-menu-contents {
    transform: translateY(-100%);
}

.search-panel-menu.opened .search-panel-menu-contents {
    transform: translateY(0%);
}

.search-panel-menu .search-panel-parent {
    background: #F8F6F2;
    padding: 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
}

.search-panel-menu .search-panel-menu-contents form.search-panel {
    position: relative;
    width: 75%;
    height: auto;
    padding: 54px 20px 40px 15px;
    background: none;
    margin: 0 auto 110px;
}

.search-panel-menu .search-panel-menu-contents .search-panel-parent form.search-panel .search-mode {
   position: unset;
}

.search-panel-menu .search-panel-menu-contents form.search-panel .search-panel-options {
    columns: 2;
    max-width: 95%;
    margin-top: 15px;
}

.search-panel-menu .search-panel-menu-contents form.search-panel .search-panel-options label {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    font-size: 14px;
    line-height: 1.2;
    color: var(--grey-textcolor);
}

.search-panel-menu .search-panel-menu-contents form.search-panel .search-panel-options input {
    margin: 1px 0 0 0;
}

.search-panel-menu .search-panel-menu-contents form.search-panel input[type="search"],
.search-panel-menu .search-panel-menu-contents form.search-panel input[type="text"] {
    width: calc( 100% - 142px );
}

.search-panel-menu .search-panel-menu-contents form.search-panel input[type="submit"] {
    margin-left: 12px;
}

.search-panel-menu .search-panel-menu-contents form.search-panel .advanced-search {
    position: absolute;
    right: 0;
    top: 109px;
}

.search-panel-menu .search-panel-menu-contents form.search-panel .advanced-search a:hover {
    background-image: url(../img/+_rouge.svg);
    color: var(--text-secondary-color);
}


/* Fix default module css */
.search-panel.form-search input[type="search"] {
    height: 45px;
    border: 1px solid #D8D8D8;
    padding: 0 20px;
    width: 556px;
    min-height: 36px;
    margin: inherit;
}

.search-panel input[type="submit"] {
    position: absolute;
    right: 0;
    height: 45px;
    width: 152px;
    margin-left:5px;
    border: none;
    background-color: var(--primary-color);

    color: #FFFFFF;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    cursor:pointer;
}

.search-panel input[type=submit]:hover {
    background-color: var(--secondary-color);
}

.contents.recherche .search-panel-background {
    background-color: var(--primary-color);
}

.contents.recherche .search-panel input[type=submit],
.contents.item-sets .search-panel input[type=submit] {
    position: static;
}

.search-panel input[type=search]::-webkit-input-placeholder, /* Chrome/Opera/Safari */
.search-panel input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    line-height: 45px;
}

.search-panel input[type=search]::-moz-placeholder,
.search-panel input[type=text]::-moz-placeholder { /* Firefox 19+ */
    line-height: 45px;
}

.search-panel input[type=search]:-ms-input-placeholder,
.search-panel input[type=text]:-ms-input-placeholder { /* IE 10+ */
    line-height: 16px;
}

.search-panel input[type=search]:-moz-placeholder,
.search-panel input[type=text]:-moz-placeholder { /* Firefox 18- */
    line-height: 45px;
}

.search-panel-options {
    margin-top: 20px;
}


.facets .search-panel-options {
    display: flex;
    flex-direction: column;
}

.search-page .contents .facets .search-panel-options,
.contents.recherche .facets .search-panel-options {
    margin: 10px 0;
}

.search-page .contents .facets .search-panel .advanced-search,
.contents.recherche .facets .search-panel .advanced-search {
    display: none;
}



.search-panel-option {
    display: inline-block;
    margin-right: 20px;
}

.search-panel label {
    color: var(--grey-textcolor);
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
}

.contents.recherche .filters-panel input[name=q] {
    display: none;
}

.search-panel .advanced-search {
    position: absolute;
    right: 0;
    top: 12px;
}

/* TODO Fix the bug in html. */
.search-panel-parent .search-panel p,
.search-panel-parent .search-panel p br {
    height: 1px;
    line-height: 1px;
    margin-bottom: 1px;
}

.with-advanced-search .contents {
    max-height: calc( 100vh - 100px );
    overflow: hidden;
}

.with-advanced-search .footer {
    display: none;
}

/* On affiche désormais le bouton de recherche avancé partout,
   sinon l'utilisateur ne comprend rien à la page des résultats de recherche.
*/
.contents.recherche .search-panel .advanced-search {
    /* display: none; */
}

.search-form-fake > .fake-input {
    pointer-events : none;
}

.search-panel .advanced-search a {
    display: inline-block;
    padding-right: 30px;
    background: url(../img/+_vert.svg) center right / 22px no-repeat;

    color: var(--primary-color);
    font-family: 'Quicksand', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    text-decoration: none;
}

.search-panel .advanced-search a:hover {
    background: url(../img/+_rouge.svg) center right / 22px no-repeat;
    color: var(--secondary-color);
}

.contents.recherche .search-panel .advanced-search a,
.contents.item-sets .search-panel .advanced-search a {
    background: url(../img/+_vert.svg) center right / 22px no-repeat;
    color: var(--primary-color);
}

.contents.recherche .search-panel .advanced-search a:hover,
.contents.item-sets .search-panel .advanced-search a:hover {
    background: url(../img/+_rouge.svg) center right / 22px no-repeat;
    color:var(--secondary-color);
}

.search-page .contents .search-panel .advanced-search,
.contents.recherche .search-panel .advanced-search,
.contents.item-sets .search-panel .advanced-search {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 0;
}

.contents.recherche .collection-item-cards {
    padding: 0;
}

@media screen and (max-width:768px) {
    .search-panel.form-search input[type="search"] {
        width: 100%;
    }

}

/* Slider General */

.slick-slider button.slick-arrow {
    display: block;
    width: 72px;
    height: 72px;
    cursor: pointer;

    border:none;
    border-radius: 50%;
    background: rgba(0,0,0,0.4);
    text-indent: -9999px;
    font-size: 0;

    position:absolute;
    z-index: 1;
}

.showcase-see-also .slick-slider button.slick-arrow,
.see-also-parent-block .slick-slider button.slick-arrow {
    display: none !important;
}

.slick-slider button.slick-arrow.slick-prev {
    left:-35px;
    background-image: url(../img/prec_chevron_on.svg);
    background-position: center right;
}

.slick-slider button.slick-arrow.slick-prev:hover {
    background-image: url(../img/prec_chevron_off.svg);
}

.slick-slider button.slick-arrow.slick-next {
    right:-35px;
    background-image: url(../img/suiv_chevron_on.svg);
    background-position: center left;
}

.slick-slider button.slick-arrow.slick-next:hover {
    background-image: url(../img/suiv_chevron_off.svg);
}


/* Slider Ressources */

.resources-slider {
    position: relative;
    overflow: hidden;
}

.resources-slider .resources-slide {
    height: 480px;
}

.resources-slider button.slick-arrow.slick-prev,
.resources-slider button.slick-arrow.slick-next {
    top:205px;
}

.resources-slider .resources-slide .slide-image {
    float:left;
    background-color: #CCCCCC;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
}

.cooparchives .resources-slider .slide-text,
.resources-slider .resources-slide .slide-text {
    float:left;
    position: relative;
    width: 50%;
    height: 100%;
    padding: 82px 10%;
    background-color: var(--secondary-color);
}

.cooparchives .resources-slider .slide-text::before,
.resources-slider .resources-slide .slide-text::before {
    content: '';
    position: absolute;
    left:-40px;
    top:0;
    height: 100%;
    width:40px;
    background: url(../img/Rectangle_rouge_grand@2x.svg) right top no-repeat;
}

.resources-slider .resources-slide .slide-text .slide-type {
    margin-bottom: 20px;
    color: #000000;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 900;
    line-height: 14px;
    text-transform: uppercase;
}

.resources-slider .resources-slide .slide-text .slide-type::after {
    content: ' /';
    display:inline;
}

.resources-slider .resources-slide .slide-text h2 {
    margin-bottom:25px;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    line-height: 43px;
}

.resources-slider .resources-slide .slide-text .slide-description {
    margin-bottom:25px;
    color: #FFFFFF;
    font-family: "Noto Serif", serif;
    font-size: 17px;
    line-height: 29px;
}

.resources-slider .resources-slide .slide-text .slide-link {
    display: inline-block;
    padding: 12px 24px;
    color: var(--primary-color);
    /* border:1px solid var(--primary-color); */
    background-color: #FFFFFF;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.resources-slider .resources-slide .slide-text .slide-link:hover {
    color: var(--text-secondary-color);
    /* border:1px solid var(--secondary-color); */
}

.resources-slider .slick-dots-parent {
    background: url(../img/Rectangle_jaune@2x.svg) top left no-repeat;

}

.resources-slider ul.slick-dots {
    box-sizing: border-box;
    display: block;
    height: 90px;
    margin: 0 auto;
    padding: 28px 0 0 0;
}

.resources-slider ul.slick-dots {
    content:'';
    clear:both;
    display: table;
}

.resources-slider ul.slick-dots li {
    float: left;
    margin-right: 20px;
}

.resources-slider ul.slick-dots li.slick-active {
    display: inline-block;
    border-color: red;
}

.resources-slider ul.slick-dots li button {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin:0;
    padding:0;
    cursor: pointer;
    border-radius:50%;
    color: transparent;

    background: #fff;
    border: 2px solid #9B9B9B;
}

.resources-slider ul.slick-dots li button:hover {
    background:#9B9B9B;
}

.resources-slider ul.slick-dots li.slick-active button {
    cursor: default;
    border: none;
    background:#9B9B9B;
}

.resources-slider .slick-dots {
}

/* Slider Collections */

.collections-slider button.slick-arrow.slick-prev,
.collections-slider button.slick-arrow.slick-next {
    top:240px;
}

.expositions-slider-parent ,
.collections-slider-parent {
    overflow: hidden;
    padding: 30px 0 40px;
}

.expositions-slider-parent {
    background: url(../img/Rectangle_bleu@2x.svg) left top / contain no-repeat;
}

.collections-slider-parent {
    background-color: var(--primary-color);
}

.collections-slider-parent.suggestions {
    background-color: var(--grey-color);
}

.expositions-slider-parent h2,
.collections-slider-parent h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 48.76px;
    text-align: center;
    text-transform: uppercase;
}

.collections-slider-parent h2 {
    color: #FFFFFF;
}

.collections-slider-parent.suggestions h2 {
    color: var(--primary-color);
}

.collections-slider {
    padding: 32px 12px 0 52px;
}

.collections-slider {
}

.collections-slider .slick-track {
    display: flex;
}

.slick-track {
    height: 100%;
}

.colloque .showcase-see-also .slick-track > div {
    height: 100% !important;
}

.colloque .showcase-see-also .entries .entry > a,
.colloque .showcase-see-also .entries .entry .media-render {
    display: none;
}

.colloque .showcase-see-also .entries .entry::before,
.colloque .showcase-see-also .entries .entry h3::after {
    content: '';
    position: unset;
    display: block;
    width: 100%;
    height: 10px;
    background-color: var(--primary-color); /* COLL-2025 */
}

.colloque .showcase-see-also .entries .entry h3 {
    position: relative;
    height: 100%;
}

.colloque .showcase-see-also .entries .entry::after {
    display: none;
}

.colloque .showcase-see-also .entries .entry h3::after {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.colloque .showcase-see-also .entries .entry::after {
    margin-top: 10px;
}

.showcase-see-also .entries {
    display: flex !important;
    margin: 0;
    padding: 32px 0 0;
}

.showcase.showcase-see-also .entries {
    border: none;
}

.colloque .showcase-see-also .entries {
    padding: 65px 0 0;
}

.showcase-see-also .entries .entry,
.collections-slider.slick-initialized .collections-slide {
    position: relative;
    height: auto;
    padding-right: 40px;
    padding-bottom: 42px;
    margin: 0;
}

.showcase-see-also .entries .entry {
    flex: 33.3333% 0 0;
}

.showcase-see-also .entries .entry::after,
.collections-slider.slick-initialized .collections-slide::after {
    content:'';
    position: absolute;
    bottom:0;
    left: 0;
    display: block;
    width:80px;
    height: 8px;
    background-color: #FFFFFF;
}

.showcase-see-also .card-contents .card-body,
.expositions-slider .slide-description,
.collections-slider .collections-slide .slide-contents .slide-description {
    overflow: hidden;
    display: -webkit-box  !important;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.showcase-see-also .entries .entry::after,
.suggestions .collections-slider.slick-initialized .collections-slide::after {
    background-color: var(--primary-color);
}

.showcase-see-also a.card .card-heading,
.collections-slider .collections-slide .slide-contents .slide-title {
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
}

.showcase-see-also a.card .card-heading-sub,
.showcase-see-also a.card .card-date,
.collections-slider .collections-slide .slide-contents .slide-category {
    color: #FCFCFC;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    line-height: 25px;
}

.showcase-see-also a.card .card-body,
.collections-slider .collections-slide .slide-contents .slide-description {
    color: #FFFFFF;
    font-family: "Noto Serif", serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    margin-top: 9px;
}

.showcase-see-also a.card .card-heading,
.showcase-see-also a.card .card-heading-sub,
.showcase-see-also a.card .card-date,
.showcase-see-also a.card .card-body,
.suggestions .collections-slider .collections-slide a.slide-contents .slide-title,
.suggestions .collections-slider .collections-slide a.slide-contents .slide-category,
.suggestions .collections-slider .collections-slide a.slide-contents .slide-description {
    color: var(--grey-textcolor);
}

.showcase-see-also a.card:hover .card-heading,
.showcase-see-also a.card:hover .card-heading-sub,
.showcase-see-also a.card:hover .card-date,
.showcase-see-also a.card:hover .card-body,
.suggestions .collections-slider .collections-slide a.slide-contents:hover .slide-title,
.suggestions .collections-slider .collections-slide a.slide-contents:hover .slide-category,
.suggestions .collections-slider .collections-slide a.slide-contents:hover .slide-description {
    color: var(--primary-color);
}

.suggestions .collections-slider .collections-slide .slide-contents .slide-category {
    display: none;
}

.collections-slider .collections-slide .slide-new-collection > span {
    float: left;
    display: inline-block;
    padding: 4px 18px 3px 4px;
    background: url(../img/nouveau.svg) no-repeat;
    background-position: top 1px left;

    color: #B51B0D;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    text-transform: uppercase;
}

.suggestions .collections-slider .collections-slide .slide-new-collection > span {
    background-image: url(../img/nouveau-dark-gray.svg);
    color: #FFFFFF;
    transform: translateY(-2px);
}


.collections-slider .collections-slide .slide-documents-count {
    color: #FFFFFF;
    font-family: "Noto Serif", serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    line-height: 19px;
    text-align: right;
}

.suggestions .collections-slider .collections-slide .slide-documents-count {
    color: #000000;
}

.showcase-see-also a.card,
.collections-slider .collections-slide a.slide-contents {
    display: block;
    width: 100%;
    text-decoration: none;
}

.collections-slider .collections-slide .card-image-parent {
    width: 100%;
    margin:18px 0 15px;
    overflow: hidden;
    border: 1px solid #E3E3E3;
}

.collections-slider .collections-slide a.slide-contents .card-image-parent {
    border: 3px solid #E3E3E300;
    box-shadow: 0 3px 4px 3px rgba(51,30,29,0);
}

.collections-slider .collections-slide a.slide-contents:hover .card-image-parent {
    border: 3px solid #E3E3E3;
    box-shadow: 0 3px 4px 3px rgba(51,30,29,0.3);
}

.collections-slider .collections-slide .slide-image {
    width: 100%;
    padding-bottom: 66.66%;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #58585810;

    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.collections-slider .collections-slide a.slide-contents:hover .slide-image {
    transform-origin: 50% 50%;
    transform: scale(1.1);
}

.collections-slider .collections-slide a.slide-contents:hover > div {
    color:#000000;
}

.collections-slider-parent .see-all {
    width: 100%;
    text-align: center;
    margin-top:50px;
}

.collections-slider-parent .see-all a {
    display: inline-block;
    background: url(../img/voir_toutes_blanc.svg) center right no-repeat;
    padding-right: 40px;

    color: #FFFFFF;
    font-family: "Noto Serif", serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 27px;
    text-decoration: none;

    transform-origin: 0 100%;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.collections-slider-parent .see-all a:hover {
    transform: scale(1.15);
}

.suggestions .collections-slider-parent .see-all a {
    color: var(--primary-color);
    background-image: url(../img/voir_toutes_vert.svg);
}



/* Slider Expositions */

.expositions-slider button.slick-arrow.slick-prev,
.expositions-slider button.slick-arrow.slick-next {
    background-color: rgba(155,155,155,0.34);
    top:225px;
}

.expositions-slider-parent {
    background-color: #FFFFFF;
    overflow: hidden;
}

.expositions-slider-parent h2 {
    color: var(--grey-textcolor);
}

.showcase-see-also .slick-slider.slick-initialized .slick-slide,
.expositions-slider.slick-initialized .slick-slide {
    position: relative;
    height: auto;
    padding-right: 40px;
    padding-bottom: 42px;
}

.expositions-slider {
    padding: 52px 32px 0 52px;
}

.expositions-slider .slick-track {
    display: flex;
}

.expositions-slider .slick-slide {
    text-align: center;
    display: block;
    text-decoration: none;
}

.expositions-slider .slide-image {
    position: relative;
    width: 206px;
    height: 235px;
    margin: 0 auto 14px;

    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
}

.expositions-slider .slide-image img {
    transform: rotateZ(0);
}

.expositions-slider .slide-text {
    margin: 0 20px;
}

.showcase-see-also .exposition-card:hover .exposition-card-contents .exposition-card-description,
.showcase-see-also .exposition-card:hover .exposition-card-contents .exposition-card-title,
.expositions-slider .expositions-slide:hover .slide-text > div {
    color: var(--expo-color);
}

.showcase-see-also .exposition-card-new-exposition,
.showcase-see-also .exposition-card-featured-exposition,
.expositions-slider .slide-no-info,
.expositions-slider .slide-new-exposition {
    margin-bottom:10px;
    min-height:20px;
}

.showcase-see-also .exposition-card-new-exposition > span,
.showcase-see-also .exposition-card-featured-exposition > span,
.expositions-slider .slide-new-exposition > span {
    display: inline-block;
    padding: 4px 18px 3px 4px;
    background: url(../img/nouveau_expos.svg) no-repeat;
    background-position: top 1px left;

    color: #FFFFFF;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    text-transform: uppercase;
}


.showcase-see-also .exposition-card-contents .exposition-card-title,
.expositions-slider .slide-title {
    margin-bottom:20px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
}

.showcase-see-also .exposition-card-contents .exposition-card-description,
.expositions-slider .slide-description {
    color: #666666;
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin: 0 10%;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

.expositions-slider-parent .see-all {
    width: 100%;
    text-align: center;
    margin-top:5px;
}

.expositions-slider-parent .see-all a {
    display: inline-block;
    background: url(../img/voir_toutes_bleu.svg) center right no-repeat;
    padding-right: 40px;

    color: #004652;
    font-family: "Noto Serif", serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 27px;
    text-decoration: none;

    transform-origin: 0 100%;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.expositions-slider-parent .see-all a:hover {
    transform: scale(1.15);
}


/* Slider Expositions : SVG */

.hexagon-parent {
    width: 206px;
    height: 235px;
    padding: 5px;

}

.expositions-slider .expositions-slide:hover .hexagon .border {
    stroke:#8E8B82;
    stroke-width: 5px;
}

.hexagon .shadow {
    visibility: hidden;
}

.expositions-slider .expositions-slide:hover .hexagon .shadow {
    visibility: visible;
}

.hexagon .image-for-scale {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    transform-origin:50% 50%;
}

.expositions-slider .expositions-slide:hover .hexagon .image-for-scale {
    transform:scale(1.2, 1.2);
}



/* RSS */

.rss-panel-parent {
    background-color: var(--primary-color);
    padding: 0 250px;
}

a.rss-panel  {
    display: block;
    box-sizing: border-box;
    background: url(../img/rss_bas.svg) center left no-repeat;
    padding: 42px 0 42px 120px;

    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    opacity: 1 !important;
}

a.rss-panel > span,
a.rss-panel p,
a.rss-panel:visited {
    color: #FFFFFF;
}

a.rss-panel:hover > span {
    color:#FFD02C;
    text-decoration: underline;
}

a.rss-panel p {
    display: inline;
}


/*
   ------------------------------------------------
   ---- VERSION FULL WIDTH  ----
   ------------------------------------------------
*/

.full-width .header-and-contents,
.full-width footer {
    max-width: 100vw;
    margin: 0;
    overflow: hidden;
}

.full-width .header-and-contents {
    position: relative;
}

.full-width header .logo {
    left:calc( 50vw - 640px );
}

.full-width header .baseline {
    left: calc( 50vw - 640px + 106px );
}

.full-width .expositions-slider,
.full-width .collections-slider,
.full-width .resources-slider .resources-slide .slide-text,
.full-width header .header-contents ul.header-controls {
    padding-right: calc( 50vw - 640px );
    margin-right: 0;
}

.full-width header .header-contents ul.header-controls {
    vertical-align: top;
}


.full-width .resources-slider .resources-slide .slide-text {
    padding-left: 8%;
}

.full-width .expositions-slider,
.full-width .collections-slider {
    padding-left: calc( 50vw - 640px + 40px );
}

.full-width .rss-panel-parent {
    padding: 10px 28%;
}

.full-width footer .back-to-top {
    right: 0;
}

.full-width .collection-header .collection-header-infos,
.full-width .collection-cards,
.full-width .page-ressource-cards,
.full-width .colloque-cards,
.full-width .contents.collection .collection-item-cards,
.full-width .breadcrumbs,
.full-width .content-category-and-breadcrumb {
    padding-left: calc( 50vw - 640px );
    padding-right: calc( 50vw - 640px );
}

.full-width .exposition-cards {
    padding-left: calc( 50vw - 640px + 25px );
    padding-right: calc( 50vw - 640px + 25px );
}

.full-width.error main.contents,
.full-width .footer-contents,
.full-width .filters-and-results-panel,
.full-width .item-contents,
.full-width .contents.collection .pagination.bottom,
.full-width .contents.item .item-header::after,
.full-width .collection-header::after {
    margin-left: calc( 50vw - 640px );
    margin-right: calc( 50vw - 640px );
    width: 1280px;
}

.full-width.error main.contents {
    margin-top: 8em;
    margin-bottom: 4em;
}

.full-width main.contents {
    min-height: calc(100vh - 248px);
}

.transcription.full-width main.contents {
    min-height: calc(100vh - 208px);
}


/*
   ------------------------------------------------
   ---- PAGINATION ----
   ------------------------------------------------
*/

.pagination {
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
}

.parent-pagination.top .pagination,
.pagination.top {
    padding: 35px 0;
}

.parent-pagination.bottom .pagination,
.pagination.bottom {
    padding: 2px 0 25px 0;
}

.parent-pagination.align-right .pagination,
.pagination.align-right {
    text-align: right;
}

.parent-pagination.align-left .pagination,
.pagination.align-left {
    text-align: left;
}

.pagination > span,
.pagination a {
    width: 21px;
    display: inline-block;
    text-decoration: none;
    margin: 0 5px;
    vertical-align: top;

    font-family: 'Quicksand', sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
}

.pagination a:link,
.pagination a:visited,
.pagination a {
    color: #FFFFFF;
}

.pagination span.button  {
    opacity: 0;
}

.item-sets:not(.suggestions) .pagination > span,
.item-sets:not(.suggestions) .pagination a {
    color: #FFFFFF;
}

.pagination a:hover {
    text-decoration: underline;
}

.pagination .pagination-buttons a,
.pagination .pagination-buttons span,
.pagination a.arrow {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.pagination .pagination-buttons {
    height: 30px;
}

.pagination .pagination-buttons .button::before {
    display: none;
}

.pagination a.active,
.pagination a:hover {
    color: var(--light-primary-color);
}

.pagination .pagination-buttons .previous,
.pagination a.arrow.precedent {
    background: url(../img/page_prec_gris_off.svg) center center no-repeat;
}

.item-sets:not(.suggestions) .pagination .pagination-buttons .previous {
    background-image: url(../img/page_prec_blanc_off.svg);
}

.pagination .pagination-buttons a.previous:hover {
    background-image: url(../img/page_prec_vert_on.svg);
    opacity: 0.5 !important;
}

.pagination .pagination-buttons .next,
.pagination a.arrow.suivant {
    background: url(../img/page_suiv_gris_on.svg) center center no-repeat;
}

.item-sets:not(.suggestions) .pagination .pagination-buttons .next {
    background-image: url(../img/page_suiv_blanc_off.svg);
}

.pagination .pagination-buttons a.next:hover {
    background-image: url(../img/page_suiv_vert_on.svg);
    opacity: 0.5 !important;;
}

.suggestions .pagination.top {
    /* display: none; */
}

.pagination a.arrow.precedent:hover {
    background: url(../img/page_prec_turquoise_on.svg) center center no-repeat;
}

.pagination a.arrow.suivant:hover {
    background: url(../img/page_suiv_turquoise_on.svg) center center no-repeat;
}

.search-page .contents .pagination a.arrow.precedent,
.contents.recherche .pagination a.arrow.precedent,
.contents.collection .pagination a.arrow.precedent {
    background: url(../img/page_prec_gris_off.svg) center center no-repeat;
}

.search-page .contents .pagination a.arrow.precedent:hover,
.contents.recherche .pagination a.arrow.precedent:hover,
.contents.collection .pagination a.arrow.precedent:hover {
    background: url(../img/page_prec_rouge_on.svg) center center no-repeat;
}

.search-page .contents .pagination a.arrow.suivant,
.contents.recherche .pagination a.arrow.suivant,
.contents.collection .pagination a.arrow.suivant {
    background: url(../img/page_suiv_gris_on.svg) center center no-repeat;
}

.search-page .contents .pagination a.arrow.suivant:hover,
.contents.recherche .pagination a.arrow.suivant:hover,
.contents.collection .pagination a.arrow.suivant:hover {
    background: url(../img/page_suiv_rouge_on.svg) center center no-repeat;
}

.pagination a.arrow.premier,
.pagination a.arrow.dernier {
    display: none;
}

.nb-search-results-0 .filters-search-controls.search-sort {
    visibility: hidden;
    display: block;
}

.filters-and-results-panel.nb-search-results-0 {
    border-bottom: none;
}

.filters-and-results-panel.nb-search-results-0 .search-results-count {
    min-height: 36px;
}

.collection-item-cards .noresults {
    display: none;
}


/* avec champ de saisie */

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.pagination > span,
.pagination a {
    width: auto;
    margin-left: 0;
}

.pagination form {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.pagination form .page-count {
    white-space: nowrap;
}

.pagination form input[type="text"] {
    border: solid 1px var(--primary-color);
    padding: 5px;
    text-align: center;
    height: 35px;
}

.item.browse .pagination span {
    color: #FFF;
}




/*
   ------------------------------------------------
   ---- COLLECTIONS ----
   ------------------------------------------------
*/

.contents.item-sets {
    background-color: var(--primary-color);
}

.contents.item-sets.suggestions {
    background-color: var(--grey-color);
}

.content-category-and-breadcrumb {
    background-color: #F8F6F2;
    position: relative;
    padding:30px 0;
}

.content-category-and-breadcrumb .content-category {
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 49px;
    text-align: center;
    text-transform: uppercase;
}

.contents.item-sets.suggestions .search-panel-parent {
    background-color: #00000066;
}

.contents .search-panel-parent form.form-search {
    display: flex;
    flex-direction: column;
    position: relative;
}

.contents .search-panel-parent form.form-search > label {
    display: none;
}

.contents .search-panel-parent form.form-search > div {
    display: flex;
    align-items: center;
    gap: 4px;
    order: 1;
}

.contents .search-panel-parent form.form-search > div.search-panel-options {
    display: block;
    width: calc( 100% - 160px );
    margin-top: 20px;
    columns: 2;
    order: 3;
    gap: 10px;
}

.contents .facets .search-panel-parent form.form-search > div.search-panel-options {
    width: 100%;
    columns: 1;
    margin: 30px 0 0;
}

.contents .facets .search-panel-parent form.form-search > div.search-panel-options > label,
.contents .search-panel-parent form.form-search > div.search-panel-options > label {
    display: inline-flex;
    align-items: flex-start;
    gap: 4px;

    line-height: 1.2;
}

.contents .facets .search-panel-parent form.form-search > div.search-panel-options > label {
    margin-bottom: 10px;
}

.contents.home .search-panel-parent form.form-search > div.search-mode .search-panel-options,
.contents.suggestions .search-panel-parent form.form-search > div.search-panel-options,
.contents.suggestions .search-panel-parent form.form-search > div.search-mode {
    display: none;
}

.search-page .contents > .search-panel-parent,
.contents.recherche > .search-panel-parent,
.contents.item-sets .search-panel-parent {
    background: rgba(0, 0, 0, 0.20);
    margin-top: 0;
    padding: 40px 0;
}

.contents.item-sets.suggestions > .search-panel-parent {
    padding: 40px 0 30px;
}

.search-page .contents > .search-panel-parent,
.contents.recherche > .search-panel-parent {
    background-color: var(--primary-color);
}

.search-page.recherche .contents > .search-panel-parent form,
.contents.recherche > .search-panel-parent form {
    width: 834px;
    background: rgb(255,255,255, 0.90);
    padding: 36px 63px 20px;
}

.contents.recherche > .search-panel-parent form {
    padding-bottom: 50px;
}

.search-page .contents .search-panel,
.contents.recherche .search-panel,
.contents.item-sets .search-panel {
    background: none;
    margin: 0 auto;
    padding: 0;
    min-height: 120px;
}

.contents.item-sets .search-panel {
    position: relative;
    width: 834px;
    background: rgb(255,255,255, 0.90);
    padding: 36px 63px 20px;
}

.contents.item-sets.suggestions .search-panel {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.contents.item-sets.suggestions .search-panel > div {
    width: calc(100% - 120px);
}

.collection-cards {
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    padding:0 48px;
}

.collection-cards .collection-card {
    flex: 0 0 33.3333%;
    position: relative;
    margin-bottom:74px;
}

.collection-cards .card-header-and-contents {
    width: 100%;
}

.collection-cards .collection-card:nth-child(3n+1) .card-header-and-contents {
    padding-right: 24px;
}

.collection-cards .collection-card:nth-child(3n+2) .card-header-and-contents {
    padding-left: 12px;
    padding-right: 12px;
}

.collection-cards .collection-card:nth-child(3n) .card-header-and-contents {
    padding-left: 24px;
}

.collection-cards .collection-card-new-collection > span {
    float: left;
    display: inline-block;
    padding: 4px 18px 3px 4px;
    background: url(../img/nouveau.svg) no-repeat;
    background-position: top 1px left;
    margin-left: 4px;

    color: var(--text-secondary-color);
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    text-transform: uppercase;
}

.search-page .contents .collection-card-documents-count,
.contents.recherche .collection-card-documents-count,
.collection-cards .collection-card-documents-count {
    color: #FFFFFF;
    font-family: "Noto Serif", serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    line-height: 19px;
    text-align: right;
    margin-right: 6px;
}

.search-page .contents .collection-card-documents-count,
.contents.recherche .collection-card-documents-count {
    color:var(--grey-textcolor);
    display: inline-block;
    vertical-align: top;
    padding: 22px 10px 0 0;
}

.collection-cards .card-image-parent {
    display: block;
    box-sizing: border-box;
    text-decoration: none;

    width: 100%;
    margin:18px 0 15px;
    overflow: hidden;
    border: 1px solid #E3E3E3;
}

.collection-cards .collection-card-image {
    width: 100%;
    height: 100%;
    padding-bottom: 66.66%;

    background-color: rgba(255,255,255,0.05);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.collection-cards a {
    display: block;
    text-decoration: none;
}

.collection-cards a .card-image-parent {
    border: 3px solid transparent;
}

.collection-cards a:hover .card-image-parent {
    border: 3px solid #E3E3E3;
    box-shadow: 0 3px 4px 0 rgba(51,30,29,0.2);
}

.collection-cards a:hover .collection-card-image {
    transform-origin: 50% 50%;
    transform: scale(1.1);
}

.collection-cards a:hover > div {
    color: var(--light-primary-color) !important;
}

.collection-cards .collection-card-contents .collection-card-title {
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    line-height: 30px;
}

.collection-cards .collection-card-contents .collection-card-category {
    color: #FCFCFC;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    line-height: 25px;
}

.collection-cards .collection-card-contents .collection-card-description {
    color: #FFFFFF;
    font-family: "Noto Serif", serif;
    font-size: 17px;
    line-height: 27px;
    padding-top:9px;
    padding-bottom:48px;
}

.collection-cards .collection-card .card-header-and-contents::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 80px;
    height: 10px;
    background-color:#FFFFFF;
}

.collection-cards .collection-card:nth-child(3n+1) .card-header-and-contents::after {
    margin-right: 27px;
}

.collection-cards .collection-card:nth-child(3n+2) .card-header-and-contents::after {
    margin-left: 13px;
}

.collection-cards .collection-card:nth-child(3n) .card-header-and-contents::after {
    margin-left: 27px;
}



/*
   ------------------------------------------------
   ---- SUGGESTIONS ----
   ------------------------------------------------
*/

.suggestions .contents.item-sets {
    background-color: var(--grey-color);
}

.suggestions .contents.item-sets .search-panel-parent {
    background: rgba(0, 0, 0, 0.40);
}

.suggestions .collection-cards .collection-card-new-collection > span {
    background-image: url(../img/nouveau-dark-gray.svg);
    color: #FFFFFF;
}

.suggestions .collection-cards .collection-card-contents .collection-card-title,
.suggestions .collection-cards .collection-card-contents .collection-card-category,
.suggestions .collection-cards .collection-card-contents .collection-card-description {
    color: var(--grey-textcolor);
}

.suggestions .collection-cards .collection-card .card-header-and-contents::after {
    background-color: var(--primary-color);
}

.suggestions .collection-cards .collection-card-contents .collection-card-title::before {
    content: "# ";
}

.suggestions .collection-cards .collection-card-contents .collection-card-category {
    display: none;
}

.suggestions .collection-cards .collection-card-documents-count {
    color: #000000;
}

.suggestions .collection-cards .collection-card-image {
    border: 1px solid #C9C4B6
}

.suggestions .pagination.top {
    padding: 20px 0 35px;
}


/*
   ------------------------------------------------
   ---- COLLECTION ----
   ------------------------------------------------
*/

.contents.collection .content-category-and-breadcrumb {
    background-color: #F8F6F2;
}

.collection-header .collection-header-infos {
    position: relative;
    width: 60%;
    padding: 64px 65px 150px 25px;
    background-color: rgba(233,231,227,0.94);
    min-height: 534px;
}

.collection-header .collection-header-infos::after {
    content:'';
    position: absolute;
    display: block;
    right:-40px;
    top:0;
    width: 40px;
    height: 100%;
    opacity: 0.94;
    background: url(../img/Rectangle_beige_grand@2x.svg) top left / auto 100% no-repeat;
}

.collection-header {
    position: relative;
    margin-bottom: 36px;
}

.collection-header::after {
    content:'';

    position: absolute;
    bottom:-28px;
    left:0;

    width: calc( 100% - 2 * 52px );
    height: 56px;
    margin: 0 52px;
    background-color: var(--primary-color);
}

.collection-header h1 {
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 49px;
    text-align: center;
}

.collection-header .collection-header-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.collection-header .collection-header-infos {
    position: relative;
    transform: rotateZ(0);
}

.collection-header .collection-documents-count {
    width: 142px;
    color: var(--text-secondary-color);
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.collection-header .collection-documents-count::after {
    content:' /';
    display: inline;
}

.collection-header .collection-title {
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 4px;
}

.collection-header .collection-category {
    color: #000000;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 35px;
}

.collection-header .collection-card-description {
    color: var(--grey-textcolor);
    font-family: "Noto Serif", serif;
    font-size: 15px;
    line-height: 23px;
}

.collection-header .collection-card-description p.hidden-paragraph {
    display: none;
}

.collection-header .collection-card-description.opened p.hidden-paragraph {
    display: block;
}

.collection-header .collection-card-description a.hidden-paragraph-toggle {
    display: inline-block;
    margin-top: 20px;
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding-right: 30px;
    background: url(../img/+_noir.svg) center right / 20px 20px no-repeat;
}

.collection-header .collection-card-description a.hidden-paragraph-toggle:hover {
    text-decoration: underline;
}


.collection-item-cards {
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    padding:0 48px;
}

.collection-item-cards .collection-item-card {
    flex: 0 0 25%;
    position: relative;
    margin-bottom:74px;
}

.collection-item-cards .collection-item-card:nth-child(4n+1) .card-header-and-contents {
    padding-right: 27px;
}

.collection-item-cards .collection-item-card:nth-child(4n+2) .card-header-and-contents {
    padding-left: 13px;
    padding-right: 20px;
}

.collection-item-cards .collection-item-card:nth-child(4n+3) .card-header-and-contents {
    padding-left: 20px;
    padding-right: 13px;
}

.collection-item-cards .collection-item-card:nth-child(4n) .card-header-and-contents {
    padding-left: 27px;
}

.collection-item-card .collection-item-card-header {
    text-align: right;
}

.collection-item-card .collection-item-card-header a.selection {
    width:40px;
    height: 43px;
}

button.selection-update {
    display: inline-block;
    border: none;
    margin-bottom: 8px;
    width:40px;
    height: 43px;
    padding: 0;
    background: inherit;
}

button.selection-update > * {
    display: none;
}

button.selection-update {
    color: transparent;
}

button.selection-update:hover {
    cursor: pointer;
}

.contents > button.selection-update {
    display: none;
}

.collection-item-card .collection-item-card-header button.selection-update.selection-add,
.collection-item-card .collection-item-card-header button.selection-update.unselected,
.collection-item-card .collection-item-card-header a.selection,
.search-page .collection-item-card .collection-item-card-header button.selection-update.selection-add:hover,
.search-page .collection-item-card .collection-item-card-header button.selection-update.unselected:hover,
.search-page .collection-item-card .collection-item-card-header a.selection:hover {
    background: url(../img/panier_off.svg) bottom center no-repeat;
}

.search-page .collection-item-card .collection-item-card-header button.selection-update.selection-add,
.search-page .collection-item-card .collection-item-card-header button.selection-update.unselected,
.search-page .collection-item-card .collection-item-card-header a.selection,
.collection-item-card .collection-item-card-header button.selection-update:hover,
.collection-item-card .collection-item-card-header button.selection-update.unselected:hover,
.collection-item-card .collection-item-card-header a.selection:hover {
    background: url(../img/panier_over.svg) bottom center no-repeat;
}

.collection-item-card .collection-item-card-header button.selection-update.selection-delete,
.collection-item-card .collection-item-card-header button.selection-update.selection-delete:hover,
.collection-item-card .collection-item-card-header button.selection-update.selected,
.collection-item-card .collection-item-card-header button.selection-update.selected:hover,
.collection-item-card .collection-item-card-header a.selection.selected,
.collection-item-card .collection-item-card-header a.selection.selected:hover {
    background: url(../img/panier_selection.svg) bottom center no-repeat;
}

.collection-item-card a {
    display: block;
    text-decoration: none;
}

.showcase-see-also .card-contents > * {
    text-align: left;
}

.showcase-see-also .card-image-parent,
.collection-item-cards .card-image-parent {
    width: 100%;
    overflow: hidden;
    margin:0 0 15px;
    border: 1px solid #E3E3E3;
}

.showcase-see-also a .card-image-parent,
.collection-item-cards a .card-image-parent {
    border: 3px solid transparent;
}

.showcase-see-also a:not(.exposition-card):hover .card-image-parent,
.collection-item-cards a:not(.exposition-card):hover .card-image-parent {
    border: 3px solid #E3E3E3;
    box-shadow: 0 3px 4px 0 rgba(51,30,29,0.2);
}

.showcase-see-also a .card-image-parent .card-image,
.collection-item-cards .collection-item-card-image {
    width: 100%;
    padding-bottom: 66.66%;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(233,231,227,0.75);

    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.showcase-see-also a .card-image-parent .card-image {
    background-color: #58585810;
}


.collection-item-cards .collection-item-card a:hover .collection-item-card-contents > div {
    color:var(--primary-color);
}

.showcase-see-also a:hover .card-image-parent .card-image,
.collection-item-cards .collection-item-card a:hover .collection-item-card-image {
    transform-origin: 50% 50%;
    transform: scale(1.1);
}

.collection-item-cards .collection-item-card-contents .collection-item-card-title {
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 24px;
}

.collection-item-cards .collection-item-card-contents .collection-item-card-description {
    color: var(--grey-textcolor);
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 25px;
    padding-bottom: 28px;
}

.collection-item-cards .collection-item-card .card-header-and-contents::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 80px;
    height: 8px;
    background-color: var(--primary-color);
}

.collection-item-cards .collection-item-card:nth-child(4n+1) .card-header-and-contents::after {
    margin-right: 27px;
}

.collection-item-cards .collection-item-card:nth-child(4n+2) .card-header-and-contents::after {
    margin-left: 13px;
}

.collection-item-cards .collection-item-card:nth-child(4n+3) .card-header-and-contents::after {
    margin-left: 20px;
}

.collection-item-cards .collection-item-card:nth-child(4n) .card-header-and-contents::after {
    margin-left: 27px;
}

.contents.item-sets.suggestions .pagination span,
.contents.item-sets.suggestions .pagination a,
.search-page .contents .pagination span,
.search-page .contents .pagination a,
.contents.recherche .pagination span,
.contents.recherche .pagination a,
.contents.collection .pagination span,
.contents.collection .pagination a {
    color: var(--grey-textcolor);
}

.contents.item-sets .pagination span.active,
.contents.item-sets .pagination a.active,
.contents.item-sets .pagination a:hover {
    color: var(--light-primary-color);
}

.contents.item-sets.suggestions .pagination span.active,
.contents.item-sets.suggestions .pagination a.active,
.contents.item-sets.suggestions .pagination a:hover {
    color: #000000;
}

.search-page .contents .pagination span.active,
.search-page .contents .pagination a.active,
.search-page .contents .pagination a:hover,
.contents.recherche .pagination span.active,
.contents.recherche .pagination a.active,
.contents.recherche .pagination a:hover,
.contents.collection .pagination a.active,
.contents.collection .pagination a:hover {
    color: var(--primary-color);
}

.contents.collection .pagination.bottom {
    border-bottom: 16px solid var(--primary-color);
    margin:0 48px 70px;
}

/* Omeka : selection.css */
.action-details,
.selection-details,
.selection-details summary,
.selection-details summary h3,
.selection-details summary h4,
.selection-details summary h5 {
    display: none !important;
}

/*
   ------------------------------------------------
   ---- ITEM ----
   ------------------------------------------------
*/

.contents.item {
}

.contents.item > p.citation {
    display: none;
}

.contents.item .item-header {
    position: relative;
    background-color: var(--primary-color);
    padding: 80px 0 68px;
    margin-bottom:70px;
}

.contents.item .item-header .item-view {
    width: 1034px;
    margin:0 auto;
}

.contents.item .item-header::after {
    content:'';
    display: block;
    position: absolute;
    bottom: -28px;
    left: 0;

    width: calc( 100% - 2 * 52px );
    height: 56px;
    margin: 0 52px;
    background-color: var(--secondary-color);
}

.item-contents {
    margin: 0 52px;
}

.contents.item .item-services {
    width: 100%;
    margin: 45px 0 15px;
    text-align: right;
}

.contents.item .item-services > * {
    text-align: left;
}

.contents.item .item-services a,
.contents.item .item-services button {
    display: inline-block;
    font-family: 'Quicksand', sans-serif;
    font-size: 13px;
}

.contents.item .item-services a.back-to-collection {
    float: left;
    height: 45px;
    padding-left: 40px;
    padding-top: 8px;
    background: url(../img/collection_off.svg) no-repeat;

    font-family: "Quicksand", sans-serif;
    font-size: 13px;
    font-weight: 500;
    color:var(--primary-color);
    text-decoration: none;
}

.contents.item .item-services a.back-to-collection:hover {
    background: url(../img/collection_on.svg) no-repeat;
    color:var(--expo-color);
}

.contents.item .item-services .button-service {
    width: 50px;
    height: 45px;
}

.contents.item .item-services .media-hd-item {
    background: url(../img/media_hd_off.svg) top 5px center no-repeat;
}

.contents.item .item-services a.media-hd-item:hover,
.contents.item .item-services button.media-hd-item:hover {
    background: url(../img/media_hd_on.svg) top 5px center no-repeat;
}

.contents.item .item-services .pdf-item {
    background: url(../img/pdf_off.svg) top 5px center no-repeat;
}

.contents.item .item-services a.pdf-item:hover,
.contents.item .item-services button.pdf-item:hover {
    background: url(../img/pdf_on.svg) top 5px center no-repeat;
}

.contents.item .item-services .print-item {
    /* display: none; */
    width: 50px;
    height: 45px;
    margin: 0;
    background: url(../img/print_off.svg) top 5px center no-repeat;
}

.contents.item .item-services .print-item:hover {
    background: url(../img/print_on.svg) top 5px center no-repeat;
}

.contents.item .item-services button span {
    text-indent: -9999px;
    display: none;
}

.contents.item .item-services .contact-us-button {
    width: 50px;
    height: 45px;
    margin: 0;
    background: url(../img/contact-us-off.svg) bottom 5px center no-repeat;
}

.contents.item .item-services .contact-us-button:hover {
    background-image: url(../img/contact-us-on.svg);
}

.contents.item .item-services button,
.contents.item .item-services a.selection {
    padding: 0;
    margin: 3px 8px 0 8px;
    width: 36px;
    height: 39px;
    text-align: right;
    line-height: 13px;
    vertical-align: top;
}
.contents.item .item-services button.selection-update,
.contents.item .item-services button.selection-update.selection-add,
.contents.item .item-services button.selection-update.unselected,
.contents.item .item-services a.selection {
    background: url(../img/panier_off.svg) top 5px center / contain no-repeat;
}

.contents.item .item-services button.selection-update:hover,
.contents.item .item-services button.selection-update.unselected:hover,
.contents.item .item-services a.selection:hover {
    background: url(../img/panier_over.svg) top 5px center / contain no-repeat;
}

.contents.item .item-services button.selection-update.selection-delete,
.contents.item .item-services button.selection-update.selection-delete:hover,
.contents.item .item-services button.selection-update.selected,
.contents.item .item-services button.selection-update.selected:hover,
.contents.item .item-services a.selection.selected,
.contents.item .item-services a.selection.selected:hover {
    background: url(../img/panier_selection.svg) top 0px center / contain no-repeat;
}

.contents.item .item-details {
    flex: 0 0 calc(100% - 278px);
    width: calc(100% - 278px);
    border-right: 1px solid var(--grey-bordercolor);
    margin-bottom: 70px;
    padding-right: 100px;
}

.contents.item .item-details h1 {
    margin-bottom: 15px;
    color: var(--text-secondary-color);
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    line-height: 41px;
    font-weight: normal;
    word-break: break-word;
}

.contents.item .item-details .property {
    margin-bottom: 10px;
}

.contents.item .item-details .item-detail-label,
.contents.item .item-details .item-detail-value {
    color: var(--grey-textcolor);
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 26px;
}

.property a,
.uri-value-link {
    color: var(--text-secondary-color) !important;
    text-decoration: none;
}

.property a:hover,
.uri-value-link:hover {
    color: var(--primary-color) !important;
}

.contents.item .item-details .item-detail-value .value.resource.items:first-child {
    margin-top: 6px;
}

.contents.item .item-details .item-detail-value .value.resource.items {
    margin-bottom: 6px;
}

.contents.item .item-details .item-detail-value .value.resource.items a {
    display: inline-flex;
    line-height: 1.25;
    color: var(--text-secondary-color);
    text-decoration: none;
}

.contents.item .item-details .item-detail-value .value.resource.items a > img {
    flex: 36px 0 0;
}

.contents.item .item-details .item-detail-value .value.resource.items a:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.contents .item-details .language {
    opacity: 0.5;
    display: none;
}

.contents.item .item-details .item-detail-label {
    font-weight: bold;
}

.contents.item details.details-item-license {
    margin: 25px 0 50px;
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 26px;
    color: var(--grey-textcolor);
    border-bottom: 1px solid var(--text-secondary-color);
}

.contents.item details.details-item-license summary {
    display: block;
    padding: 18px 0;
    background: url(../img/chevron_bas_rouge_off.svg) right 12px center no-repeat;
    border-top: 1px solid var(--text-secondary-color);
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.5px;
    color: var(--text-secondary-color);
    text-align: left;
    cursor: pointer;
}

.contents.item details.details-item-license[open] summary {
    background-image: url(../img/chevron_haut_rouge.svg);
    margin-bottom: 20px;
}

.contents.item details.details-item-license[open] .link-content {
    margin-bottom: 20px;
}


.contents.item details.details-item-license summary::marker {
    display: none;
}

.contents.item .item-link .link-title {
    margin-bottom: 10px;
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 24px;
}

.contents.item .item-link .link-title:not(:first-child) {
    margin-top: 50px;
}

.contents.item .rights-license p:not(.link-title),
.contents.item .item-link .link-content {
    color: var(--grey-textcolor);
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
}

.contents.item .item-link select {
    width:100px;
    height: 45px;
}

.contents.item .value.resource .resource-link img {
    width: 36px;
    height: 100%;
    padding-right: 8px;
    vertical-align: middle;
    display: inline-block;
    background-color: #CCC;
    min-height: 24px;
    margin-right: 8px;
}

.citation .citation-url {
    display: inline-block;
    margin-top: 2px;
    font-family: "Noto Serif", serif;
    font-style: italic;
    font-weight: bold;
    font-size: 14px;
    color: var(--text-secondary-color);
    text-decoration: none;
    word-wrap: break-word;
    word-break: break-all;
    cursor: pointer;
}

.contents.item .rights-license p:not(.link-title) a,
.contents.item .item-link a {
    display: block;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: var(--text-secondary-color);
    text-decoration: none;
    word-wrap: break-word;
    word-break: break-all;
}

.citation .citation-url:hover,
.contents.item .rights-license p:not(.link-title) a:hover,
.contents.item .item-link a:hover {
    color:var(--primary-color);
}

.contents.item .item-link .copy-notice-button,
.contents.item .item-link .link-copy-button {
    display: inline-block;
    border: 2px solid var(--primary-color);
    padding:10px 20px;
    margin-top: 10px;

    color: var(--primary-color);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
}

.contents.item .item-link .copy-notice-button:hover,
.contents.item .item-link .link-copy-button:hover {
    color:var(--secondary-color);
    border-color:var(--secondary-color);
}

.contents.item .item-details-columns {
    display: flex;
    border-bottom: 16px solid var(--secondary-color);
    margin-bottom: 35px;
}

.contents.item .item-link {
    padding-left: 20px;
    margin-top: 25px;
}

.contents.item .item-navigation {
    width: 100%;
    margin-bottom: 35px;
}

.contents.item .item-navigation a {
    display: inline-block;
    color: var(--primary-color);
    font-family: "Noto Serif", serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    line-height: 24px;
    text-decoration: none;
}

.contents.item .item-navigation a.previous-item {
    float: left;
    background: url(../img/item_prec_off.svg) center left no-repeat;
    padding-left: 20px;
}

.contents.item .item-navigation a.previous-item:hover {
    background: url(../img/item_prec_on.svg) center left no-repeat;
    color:var(--expo-color);
}

.contents.item .item-navigation a.next-item {
    background: url(../img/item_suiv_off.svg) center right no-repeat;
    padding-right: 20px;
    float: right;
}

.contents.item .item-navigation a.next-item:hover {
    background: url(../img/item_suiv_on.svg) center right no-repeat;
    color:var(--expo-color);
}

.contents.item .item-navigation::after {
    content: '';
    display: table;
    clear: both;
}

.contents.item .rights-license {
    margin-top: 50px;
}


/*
------------------------------------------------
---- PAGE TYPE ----
------------------------------------------------
*/

.page-type-content-header {
    border-bottom: 1px solid #C9C4B6;
    margin-bottom: 30px;
}

body.page-ressource.timeline .page-type-content-header {
    border: none;
    margin-bottom: 10px;
}

body.page-ressource.timeline .blocks-inner > .block-heading:first-child {
    margin-top: 20px;
}

body.page-ressource.timeline .blocks-inner > .block-heading:first-child + .block-html .page-type-intro {
    margin-bottom: 0;
}

body.page-ressource.timeline .blocks-inner > .block--html + .block-heading {
    max-width: calc(100% - 70px);
    margin: 0 auto;
}

.page-type-content-header:after {
    content: '';
    display: table;
    clear: both;
}

.page-type-content-header > * {
    line-height: 30px;
}

.page-type-content-header .publication-date {
    float: left;
    padding-left: 35px;
    background: url(../img/calendrier.svg) no-repeat;
    color: #9B9B9B;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.page-type-content-header .publication-author {
    float: left;
    padding-left: 35px;
    background: url(../img/auteur.svg) no-repeat;
    margin-left: 20px;
    margin-bottom: 10px;
    color: #9B9B9B;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.contents.colloque .page-type-content-header .publication-author {
    background: url(../img/lieu.svg) no-repeat;
    background-size: 17px 27px;
    padding-left: 25px;
}

.page-type-content-header a.service-back-to-browse,
.page-type-content-header a.back-to-publications {
    float: right;
    display: inline-block;
    height: 45px;
    padding-left: 40px;
    background: url(../img/collection_off.svg) no-repeat;
    font-family: 'Quicksand', sans-serif;
}

.block-heading:first-child .page-type-content-header a.service-back-to-browse {
    margin-top: 50px;
}

body.page-ressource.timeline .block-heading .page-type-content-header a.service-back-to-browse {
    margin-top: 15px;
}

.page-type-content-header a.service-back-to-browse,
.page-type-content-header a.service-back-to-browse:link,
.page-type-content-header a.service-back-to-browse:visited {
    color:var(--primary-color);
    text-decoration: none;
}

.page-type-content-header a.service-back-to-browse:hover {
    background: url(../img/collection_on.svg) no-repeat;
    color:var(--expo-color);
}


.full-width.page .block-mirrorPage {
    margin: 0 !important;
}

/* First child = top image */
.page.full-width .block-mirrorPage > .blocks-inner > .block:not(:first-child)  {
	margin-left : calc( 50% - 480px + 100px );
    margin-right: calc( 50% - 480px + 100px );
}

.page-type-content > *,
.full-width.simple-page .page-type-content > .blocks-inner > *,
.full-width.site-page-contact .page-type-content > .blocks-inner > *,
.full-width.site-page-mentions-legales .page-type-content > .blocks-inner > *,
.full-width.site-page-politique-de-confidentialite .page-type-content > .blocks-inner > *,
.full-width.page-ressource .page-type-content > .blocks-inner > *,
.full-width .colloque > .page-type-content > .blocks-inner > * {
    margin-left : calc( 50% - 480px + 100px );
    margin-right: calc( 50% - 480px + 100px );
}

.full-width.simple-page .page-type-content > .blocks-inner > *,
.full-width.site-page-contact .page-type-content > .blocks-inner > *,
.full-width.site-page-mentions-legales .page-type-content > .blocks-inner > *,
.full-width.site-page-politique-de-confidentialite .page-type-content > .blocks-inner > *,
.full-width.page-ressource .page-type-content > .blocks-inner > *,
.full-width .colloque > .page-type-content > .blocks-inner > * {
    margin-bottom: 10px;
}

.full-width.page-ressource.timeline .page-type-content > .blocks-inner > * {
    margin-left : calc( 50vw - 640px + 52px );
    margin-right: calc( 50vw - 640px + 52px );
}

.full-width.page-ressource .page-type-content > .blocks-inner > .block-asset + .block-heading,
.full-width.page .page-type-content > .blocks-inner > .block-html:first-child {
    margin-top: 45px;
}

.full-width.simple-page .page-type-content > .blocks-inner > .block-pageMetadata, /* COLL-2025 */
.full-width.page-ressource .page-type-content > .blocks-inner > .block-pageMetadata {
    margin-bottom: 0;
}

.full-width.page-ressource .page-type-content > .blocks-inner > .block-pageMetadata,
.full-width.page-ressource .page-type-content > .blocks-inner > .block-pageMetadata + .block-asset,
.full-width.page-ressource .page-type-content > .blocks-inner > .block-asset:first-child {
    margin-top: 0;
}

.full-width.simple-page .blocks-inner .block-mirrorPage .blocks-inner,
.full-width.page .block-mirrorPage .blocks-inner .block-asset:first-child,

.full-width.simple-page .page-type-content > .blocks-inner,
.full-width.simple-page .page-type-content > .blocks-inner > .block-pageMetadata + .block-asset,
.full-width.simple-page .page-type-content > .blocks-inner > .block-asset:first-child,
.full-width.site-page-contact .page-type-content > .blocks-inner,
.full-width.site-page-contact .page-type-content > .blocks-inner > .block-asset:first-child,
.full-width.site-page-mentions-legales .page-type-content > .blocks-inner,
.full-width.site-page-mentions-legales .page-type-content > .blocks-inner > .block-asset:first-child,
.full-width.site-page-politique-de-confidentialite .page-type-content > .blocks-inner,
.full-width.site-page-politique-de-confidentialite .page-type-content > .blocks-inner > .block-asset:first-child,
.full-width.page-ressource .page-type-content > .blocks-inner > .block-pageMetadata + .block-asset,
.full-width.page-ressource .page-type-content > .blocks-inner > .block-asset:first-child,
.page.page-ressource .page-type-content > *,
.page.page-ressources .page-type-content > *,
.page.page-ressources .page-type-content > .blocks-inner,
.page.histoires .page-type-content > *,
.page.histoires .page-type-content > .blocks-inner,
.page.exhibits .page-type-content > *,
.page.exhibit .page-type-content > .blocks-inner,
.page.colloque .page-type-content > .blocks-inner {
    margin-left : 0;
    margin-right: 0;
    margin-bottom: 0;
}


.page.histoires .page-type-content > *, .page.histoires .page-type-content > .blocks-inner, .page.exhibits .page-type-content > *,

.page.page-ressources .page-type-content a:link,
.page.page-ressources .page-type-content a,
.page.histoires .page-type-content a:link,
.page.histoires .page-type-content a,
.page.exhibits .page-type-content a:link,
.page.exhibits .page-type-content a {
    font-weight: 400;
    text-decoration: none;
}

.exposition .exposition-content .page-type-intro p,
.page-type-content .page-type-intro p,
.page-type-content .page-type-intro {
    font-size: 17px;
    line-height: 29px;
    font-style: italic;
}

.exposition .exposition-content .page-type-intro p,
.page-type-content .page-type-intro p {
    font-family: "Montserrat", sans-serif;
}

.page-type-content .page-type-intro {
    margin-top: 5px;
    margin-bottom: 30px;
}

body.page-ressource.timeline .page-type-content .page-type-intro {
    text-align: center;
    max-width: calc(100% - 70px);
    margin: 0 auto;
    border-bottom: 10px solid #E9E7E3;
    padding-bottom: 12px;
    margin-bottom: 65px;
}

.page-type-content h1 {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 32px;
    line-height: 39px;
    color: var(--text-secondary-color);
    margin-bottom: 15px;
}

body.page-ressource.timeline .page-type-content h1 {
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
}

.contact-us-block h4,
.page-type-content h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 25px;
    line-height: 32px;
    color: var(--text-secondary-color);
    margin-top: 18px;
    margin-bottom: 18px;
}

.page-type-content h2 {
    margin-top: 28px;
}

.page-type-content h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    line-height: 27px;
    color: var(--grey-textcolor);
    margin-top: 22px;
    margin-bottom: 5px;
}

.page-type-content h4 {
    margin-top: 22px;
    margin-bottom: 5px;
}


.page-type-content ul,
.page-type-content p {
    margin-bottom: 10px;
}

.page-type-content ul:empty,
.page-type-content p:empty {
    display: none;
    margin: 0;
}

.page-type-content li {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 0;
    margin-left: 15px;
}

.page-type-content .block-html li {
    margin-bottom: 4px;
}

.page-type-content li p {
    display: inline;
}

.page-type-content p {
    line-height: 24px;
}

.page-type-content li {
    line-height: 20px;
}

.page-type-content li,
.page-type-content p {
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 26px;
    color: var(--grey-textcolor);
}

.page-type-content .block-html > li,
.page-type-content .block-html > p span {
    font-family: "Noto Serif", serif !important;
    font-size: 15px !important;
    color: var(--grey-textcolor) !important;
    background: transparent !important;
}

.page-type-content li strong,
.page-type-content p strong {
    font-weight: bold;
}

.page-type-content li i,
.page-type-content p i {
    font-style: italic;
}

.page-type-content a:visited,
.page-type-content a:link,
.page-type-content a {
    color: var(--text-secondary-color);
    font-weight: 600;
    text-decoration: none;
}

.page-type-content a:hover {
    color:var(--primary-color);
}

.histoires .page-type-content a:visited,
.histoires .page-type-content a:link,
.histoires .page-type-content a,
.exhibits .page-type-content a:visited,
.exhibits .page-type-content a:link,
.exhibits .page-type-content a {
    text-decoration: none;
}

.page-type-content blockquote {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 28px 20px;
    border-left: 4px #666666 solid;
    background: var(--grey-color);
}

.page-type-content blockquote,
.page-type-content blockquote p {
    font-family: "Noto Serif", serif;
    font-size: 20px;
    line-height: 31px;
    font-weight: 400;
    text-align: left;
    color: #666666;
}

.page-type-next-back-navigation {
    position: relative;
    margin-top: 65px;
    margin-bottom: 15px;
    padding-bottom: 65px;
}

.page-type-next-back-navigation::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: calc( 50% - 480px );
    width: 960px;
    height: 16px;
    background-color: var(--primary-color);
}

.page-type-next-back-navigation {
    padding: 50px calc( 50% - 480px ) 25px;
}

.page-type-next-back-navigation a:visited,
.page-type-next-back-navigation a {
    font-family: "Noto Serif", serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    line-height: 24px;
}

.page-type-next-back-navigation a:visited,
.page-type-next-back-navigation a:link,
.page-type-next-back-navigation a {
    color: var(--primary-color);
    text-decoration: none;
}

.page-type-next-back-navigation a.previous-part {
    float: left;
    background: url(../img/item_prec_off.svg) center left no-repeat;
    padding-left: 20px;
}

.page-type-next-back-navigation a.previous-part:hover {
    background: url(../img/item_prec_on.svg) center left no-repeat;
    color:var(--expo-color);
}

.page-type-next-back-navigation a.next-part {
    background: url(../img/item_suiv_off.svg) center right no-repeat;
    padding-right: 20px;
    float: right;
}

.page-type-next-back-navigation a.next-part:hover {
    background: url(../img/item_suiv_on.svg) center right no-repeat;
    color:var(--expo-color);
}

.page-type-content .block-asset .assets {
    min-height: 30px;
}

.page-type-content .item-showcase::after,
.page-type-content .block-assets::after,
.page-type-next-back-navigation::after {
    content: '';
    display: table;
    clear: both;
}

.page-type-content .bloc-une-image,
.page-type-content .item-showcase .item.resource,
.page-type-content .block-assets .asset {
    padding: 20px 0;
    float: left;
}

/* 1 item */
.page-type-content .item-showcase.nb-attachments-1 .item.resource,
.page-type-content .block-assets.nb-assets-1 .asset {
    width: 100%;
}

/* 2 images */
.page-type-content .bloc-deux-images .bloc-une-image,
.page-type-content .item-showcase.nb-attachments-2 .item.resource,
.page-type-content .block-assets.nb-assets-2 .asset {
    width: 50%;
}

.page-type-content .item-showcase.nb-attachments-2 .item.resource:nth-child(1),
.page-type-content .block-assets.nb-assets-2 .asset:nth-child(1) {
    padding-right: 5%;
}

.page-type-content .item-showcase.nb-attachments-2 .item.resource:nth-child(2),
.page-type-content .block-assets.nb-assets-2 .asset:nth-child(2) {
    padding-left: 5%;
}

/* 3 images */
.page-type-content .item-showcase.nb-attachments-3 .item.resource,
.page-type-content .block-assets.nb-assets-3 .asset {
    width: 33.3333%;
}

.page-type-content .item-showcase.nb-attachments-3 .item.resource:nth-child(1),
.page-type-content .block-assets.nb-assets-3 .asset:nth-child(1) {
    padding-right: 6%;
}

.page-type-content .item-showcase.nb-attachments-3 .item.resource:nth-child(2),
.page-type-content .block-assets.nb-assets-3 .asset:nth-child(2) {
    padding-left: 3%;
    padding-right: 3%;
}

.page-type-content .item-showcase.nb-attachments-3 .item.resource:nth-child(3),
.page-type-content .block-assets.nb-assets-3 .asset:nth-child(3) {
    padding-left: 6%;
}

/* 4 images */
.page-type-content .item-showcase.nb-attachments-4 .item.resource,
.page-type-content .block-assets.nb-assets-4 .asset {
    width: 25%;
}

.page-type-content .item-showcase.nb-attachments-4 .item.resource:nth-child(1),
.page-type-content .block-assets.nb-assets-4 .asset:nth-child(1) {
    padding-right: 6%;
}

.page-type-content .item-showcase.nb-attachments-4 .item.resource:nth-child(2),
.page-type-content .item-showcase.nb-attachments-4 .item.resource:nth-child(3),
.page-type-content .block-assets.nb-assets-4 .asset:nth-child(2),
.page-type-content .block-assets.nb-assets-4 .asset:nth-child(3) {
    padding-left: 3%;
    padding-right: 3%;
}

.page-type-content .item-showcase.nb-attachments-4 .item.resource:nth-child(4),
.page-type-content .block-assets.nb-assets-4 .asset:nth-child(4) {
    padding-left: 6%;
}

.page-type-content .bloc-une-image img,
.page-type-content .item-showcase .item.resource img,
.page-type-content .block-assets .asset img,
.page-type-content .bloc-une-image audio,
.page-type-content .item-showcase .item.resource audio,
.page-type-content .block-assets .asset audio,
.page-type-content .bloc-une-image video,
.page-type-content .item-showcase .item.resource video,
.page-type-content .block-assets .asset video {
    width: 100%;
}

.page-type-content .bloc-legende,
.page-type-content .bloc-legende p,
.page-type-content .block .caption,
.page-type-content .bloc-une-image .image-caption,
.page-type-content .item-showcase .item.resource h3,
.page-type-content .item-showcase .item.resource .caption,
.page-type-content .block-assets .asset .caption p,
.page-type-content .block-assets .asset .caption,
.page-type-content .block-asset .asset .caption {
    color: #000000;
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 20px;
}

.page-type-content .bloc-legende,
.page-type-content .item-showcase .item.resource h3,
.page-type-content .block-assets .asset .link-title,
.page-type-content .block-assets .asset .caption,
.page-type-content .block-asset .asset .caption {
    display: block;
    margin-top: 12px;
    margin-bottom: 0;
}

.page-type-content .bloc-legende {
    margin: 6px 0 40px;
}

.page-type-content .item-showcase .item.resource .caption a:visited,
.page-type-content .item-showcase .item.resource .caption a,
.page-type-content .item-showcase .item.resource h3 > a:visited,
.page-type-content .item-showcase .item.resource h3 > a {
    text-decoration: none;
    color: #000000;
}


.page-type-content .bloc-encart {
    padding: 28px 20px;
    margin-top: 28px;
    margin-bottom: 28px;
}

.page-type-content .bloc-encart p,
.page-type-content .bloc-encart {
    background-color: #F5F5F5;
    color: var(--dark-primary-color);
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 28px;
}

.page-type-content .bloc-encart a,
.page-type-content .bloc-encart a:visited {
    color: var(--dark-primary-color);
    text-decoration: none;
}

.page-type-content .bloc-encart a:hover {
    text-decoration: underline;
}


.page-type-content .bloc-encart-title {
    margin-bottom: 10px;
}

.page-type-content .block-universalViewer {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.page-type-content .block-documents-details {
    border-top: 1px solid var(--secondary-color);
    border-bottom: 1px solid var(--secondary-color);
    padding: 20px 10px;
    margin-top: 28px;
    margin-bottom: 28px;
}

.page-type-content .download-icon,
.page-type-content .biblio-contents h3,
.page-type-content .block-documents-simple .block-documents-heading,
.page-type-content .block-documents-details h3 {
    font-size: 17px;
    font-weight: 500;
    line-height: 30px;
    background: url(../img/telechargements-documents.svg) top 6px left / 23px auto no-repeat;
    padding-left: 30px;
}

.page-type-content .block-documents details .block-documents-toggle {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    background: url(../img/chevron_bas_rouge_off.svg) center right no-repeat;
    color: var(--text-secondary-color);
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    cursor: pointer;
}

.page-type-content .block-documents details[open] .block-documents-toggle {
    background: url(../img/chevron_haut_rouge.svg) center right no-repeat;
}

.page-type-content .block-documents details .block-documents-content {
    display: none;
    margin-top: 10px;
}

.page-type-content .block-documents details[open] .block-documents-content {
    display: block;
}

.page-type-content .bloc-visionneuse {
}

.page-bottom-horizontal-line {
    display: block;
    padding: 50px calc( 50% - 480px ) 25px;
    position: relative;
    margin-top: 65px;
    margin-bottom: 15px;
}

.histoires .page-bottom-horizontal-line,
.exhibits .page-bottom-horizontal-line,
.simple-page .page-bottom-horizontal-line {
    display: none;
}

.simple-page .blocks-inner::after {
    content: '';
    display: block;
    position: relative;
    top: 0;
    left: calc( 50% - 480px );
    width: 960px;
    height: 16px;
    background-color: var(--primary-color);
    margin-top: 65px;
    margin-bottom: 75px;
    clear: both;
}

.page.page-ressources .page-bottom-horizontal-line,
.site-page-colloques .page-bottom-horizontal-line {
    display: none;
}

.page-bottom-horizontal-line::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: calc( 50% - 480px );
    width: 960px;
    height: 16px;
    background-color: var(--primary-color);
}

@media screen and (max-width: 1024px) {
    .page-bottom-horizontal-line {
        padding-left: 0;
        padding-right: 0;
        margin-left: 8%;
        margin-right: 8%;
    }
    .page-bottom-horizontal-line::before {
        left: 0;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .page-bottom-horizontal-line {
        margin-left: 3%;
        margin-right: 3%;
    }
}

/*
   ------------------------------------------------
   ---- Archives ----
   ------------------------------------------------
*/

.archives-contents {
    padding-top: 45px;
}

.archives-header {
    position: relative;
    padding-bottom: 35px;
}

.archives-footer {
    position: relative;
    margin-top: 45px;
    padding-bottom: 82px;
}

.archives-header::before,
.archives-footer::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: calc( 50% - 380px );
    width: 760px;
    height: 16px;
    background-color: var(--expo-color);
}

.archives .page-type-content p {
    color:var(--secondary-color);
}

.archives .page-type-content p {
    display: inline-block;
}

.archives .page-type-content a {
    display: inline-block;
    font-weight: normal;
    text-decoration: none;
    pointer-events: auto;
}

.archives .page-type-content p a:hover {
    text-decoration: underline;
}

.archives p.archives-intro {
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    font-style: italic;
    line-height: 19px;
}

.archives .page-type-content li {
    list-style-type: none;
    margin: 15px 0 15px 35px;
}

/*
.archives .page-type-content > ul {
    cursor: pointer;
}

.archives .page-type-content > ul > li {
    margin-left: 0;
    color: var(--text-secondary-color)
}

.archives .page-type-content > ul > li:hover {
    color: var(--primary-color)
}
*/

.archives .archive  > * {
    display: none;
}

.archives .archive  > details,
.archives .archive  > details[open] {
    display: block;
}

.archives .archive details > *,
.archives .archive details[open] > * {
    display: inline-block;
}

.archives .archive summary {
    display: inline-block;
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-bottom: 5px;
    pointer-events: none;
    line-height: 1.4;
}

.archives .archive summary:hover {
   color: var(--expo-color);
}

.archives .archive > summary {
    background-image: url(../img/plus_publica_off.svg);
}

.archives .archive > summary:hover {
    background-image: url(../img/plus_publica_on.svg);
}

.archives .archive details > summary,
.archives .archive details[open] > summary {
    background-image: url(../img/moins_publica_off.svg);
}

.archives .archive details[open] > summary:hover {
    background-image: url(../img/moins_publica_on.svg);
}

.archives .archive.folder > summary {
    background-image: url(../img/dossierferme_publica_off.svg);
}

.archives .archive.folder > summary:hover {
    background-image: url(../img/dossierferme_publica_on.svg);
}

.archives .archive.folder details[open] > summary {
    background-image: url(../img/dossierouv_publica_off.svg);
}

.archives .archive.folder details[open] > summary:hover {
    background-image: url(../img/dossierouv_publica_on.svg);
}

.archives .archive.no-child summary {
    background: none;
    padding-left: 0;
}


.reference .page-type-content h2 {
    margin-top: 40px;
}

.reference .reference-pagination.pagination {
    width: 100%;
    text-align: center;
    padding: 0;
}

.reference .pagination-list {
    display: inline-block;
}

.reference a:link,
.reference a:visited,
.reference a {
    color: var(--text-secondary-color);
}

#reference-headings {
    margin: 50px calc( 50% - 480px + 100px );
}

.reference-heading {
    margin-top: 20px;
}

/*
   ------------------------------------------------
   ---- SEE ALSO ----
   ------------------------------------------------
*/

.see-also-header {
    color: var(--expo-color);
    font-family: "Noto Serif", serif;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    line-height: 27px;
}

.page .contents.with-see-also {
    position: relative;
    padding-bottom: 900px;
}

.page .contents.with-see-also::after {
    margin-bottom: 50px;
}

.page .see-also-parent-block {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    margin: 0;
}

.showcase-see-also,
.see-also-parent-block .collections-slider-parent.suggestions,
.see-also-parent-block {
    background-color: var(--grey-bordercolor);
}

.see-also-parent-block .collections-slider-parent.suggestions {
    padding: 0;
}

.see-also-parent-block .collections-slider-parent.suggestions .collections-slider {
    padding-left: 0;
    padding-right: 0;
}

body.resource .showcase-see-also,
.see-also-parent-block {
    padding: 45px 50px;
    margin: 0 !important;
}

body.resource .showcase-see-also,
.see-also-parent-block {
    padding-left: calc( 50vw - 640px );
    padding-right: calc( 50vw - 640px );
}

.page:not(.home-page) .page-layout-normal .block.block-itemSetShowcase {
    margin-top: 30px;
    margin-bottom: 20px;
}

.block-itemSetShowcase .item-set.resource {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 20px 0;
}

.block-itemSetShowcase .item-set-showcase:not(:last-child) {
    margin-bottom: 40px;
}

.block-itemSetShowcase .item-set.resource img {
    max-width: 100%;
}

.block-itemSetShowcase .item-set.resource a + a {
    margin-top: 5px;
}

.see-also-parent-block > .block-heading h3,
.see-also-parent-block .block-itemSetShowcase h2 {
    margin: 0;
    font-family: "Noto Serif", serif;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    line-height: 27px;
    color: #000000;
    text-align: left;
    text-transform: none;
}

.showcase-see-also .entry > a,
.showcase-see-also .media-embed .resource .media-render a {
    position: relative;

    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;

    padding-bottom: 66.66%;
    background-color: #58585810;
    border: 3px solid #E3E3E300;
    box-shadow: 0 3px 4px 3px rgba(51,30,29,0);
}

.showcase-see-also .entry > a:hover,
.showcase-see-also .media-embed .resource .media-render a:hover {
    border: 3px solid #E3E3E3;
    box-shadow: 0 3px 4px 3px rgba(51,30,29,0.3);
}

.showcase-see-also .entry > a img,
.showcase-see-also .media-embed .resource a img {
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    transition-duration: 0.35s;
}

.showcase-see-also .entry > a:hover img,
.showcase-see-also .media-embed .resource a:hover img {
    transform-origin: 50% 50%;
    transform: scale(1.1);

}

.showcase-see-also .media-embed .resource .caption {
    display: none;
}

.page-type-content .showcase-see-also h3 a {
    display: block;
    width: 100%;

    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    color: var(--grey-textcolor);
    text-align: left;
    text-decoration: none;
}

.page-type-content .showcase-see-also h3 a:hover {
    color: var(--primary-color);
}


.showcase-see-also .entries.media-embed.layout-vertical:not(.attachment-count-1) {
    display: flex;
}


/*
   ------------------------------------------------
   ---- EXPOSITIONS ----
   ------------------------------------------------
*/

.exposition-cards {
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    padding-top:50px;
    padding-bottom:50px;
    background-color: var(--expo-color);
}

.exposition-cards .exposition-card {
    flex: 0 0 33.3333%;
    box-sizing: border-box;
    position: relative;
    text-decoration: none;
}

.exposition-cards .exposition-card .exposition-card-contents {
    width: 100%;
    height: 100%;
    padding: 0 25px 30px 25px;
    position: relative;
}

.exposition-cards .exposition-card .exposition-card-border {
    width: 100%;
    height: 100%;
    padding-bottom: 25px;
}

.exposition-cards .exposition-card:nth-child(1) .exposition-card-border,
.exposition-cards .exposition-card:nth-child(2) .exposition-card-border,
.exposition-cards .exposition-card:nth-child(3) .exposition-card-border {
    padding-top: 25px;
}

.exposition-cards .exposition-card:nth-child(3n+1) .exposition-card-contents {
    padding-right: 27px;
}

.exposition-cards .exposition-card:nth-child(3n+2) .exposition-card-contents {
    padding-left: 13px;
    padding-right: 13px;
}

.exposition-cards .exposition-card:nth-child(3n) .exposition-card-contents {
    padding-left: 27px;
}

.exposition-card-contents .card-image-parent {
    position: relative;
    width: 206px;
    height: 235px;
    margin: 0 auto;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
}

.exposition-card-contents .exposition-card-header {
    text-align: center;
    margin-bottom: 12px;
}

.showcase-see-also h3 a,
.contents.item .item-details .property .item-detail-value,
.collection-item-cards .collection-item-card-contents .collection-item-card-title,
.collection-cards .collection-card-contents .collection-card-title,
.collection-cards .collection-card-contents .collection-card-description,
.exposition-card-contents .exposition-card-title,
.exposition-card-contents .exposition-card-description {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.contents.item .item-details .property.is-opened .item-detail-value {
    overflow: unset;
    display: block !important;
}

.exposition-card-contents .exposition-card-title {
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}

.exposition-card-contents .exposition-card-description {
    color: #FFFFFF;
    font-family: "Noto Serif", serif;
    font-size: 16px;
    line-height: 25px;
    padding:12px 10px 0;
    text-align: center;
}

a.exposition-card:hover .exposition-card-contents .exposition-card-description {
    color: #8390EC;
}

.exposition-card-featured-exposition {
    display: none;
}

.exposition-card-featured-exposition,
.exposition-card-new-exposition {
    min-height: 20px;
}

.exposition-card-new-exposition > span,
.exposition-card-featured-exposition > span {
    display: inline-block;
    padding: 4px 18px 3px 4px;
    background: url(../img/nouveau.svg) no-repeat;

    color: var(--text-secondary-color);
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    text-transform: uppercase;
}

.exposition-card:hover .exposition-card-title,
.exposition-card:hover .exposition-card-description {
    color:#FFFFFF;
}

.exposition-card:hover .hexagon .border {
    stroke:#8E8B82;
    stroke-width: 5px;
}

.exposition-card:hover .hexagon .shadow {
    visibility: visible;
}

.exposition-card:hover .hexagon .image-for-scale {
    transform:scale(1.2, 1.2);
}


/*
   ------------------------------------------------
   ---- EXPOSITION ----
   ------------------------------------------------
*/

.page-type-content .page-type-header,
.page-type-header,
.exposition-header {
    height: 555px;
    background-color: #F8F6F2;
    background-size: cover;
    background-position: center;
    padding-top: 50px;
    position: relative;
    text-align: center;
    margin-bottom: 75px;
    margin-left: 0;
    margin-right: 0;
}

.exposition .exposition-header {
    margin-bottom: 75px;
}

.contact .page-type-header {
    margin-bottom: 55px;
}

.page-type-header::after,
.exposition-header::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -28px;
    left: calc( 50% - 480px );
    width: 960px;
    height: 56px;
}

.exposition-header::after {
    background-color: var(--expo-color);
}

.exposition-header-hexagon {
    background: url(../img/hexagone.svg) center / cover no-repeat ;
    width: 406px;
    height: 464px;
    display: inline-block;
    text-align: left;
    padding: 120px 40px;
}

.exposition .exposition-content p.exposition-header-category,
.exposition-header-hexagon > p:first-child,
.exposition-header-category,
.exposition-header-category {
    color: var(--primary-color);
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.exposition-header-category::after {
    content: ' /';
    display: inline;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 19px;
}

.exposition .exposition-content .exposition-header .exposition-title,
.exposition-header .exposition-title {
    color: #000000;
    font-family: "Montserrat", sans-serif;
    font-size: 29px;
    line-height: 35px;
    font-weight: normal;
    margin-bottom: 0;
}

.full-width .exposition > .page-type-content > .blocks-inner > :not(.block-asset),
.full-width .exposition > .page-type-content > .blocks-inner > .block-asset > .exposition-services,
.full-width.histoires .exposition-content .blocks-inner > *,
.full-width.exhibits .exposition-content .blocks-inner > * {
    margin-left: calc( 50vw - 420px );
    margin-right: calc( 50vw - 420px );
}

.full-width .exposition > .page-type-content > .blocks-inner > .block-heading:first-child,
.full-width .exhibit > .page-type-content > .blocks-inner > .block-heading:first-child,
.full-width .contents > .page-type-content > .blocks-inner > .block-pageTitle:first-child,
.full-width .exposition > .page-type-content > .blocks-inner > .block-pageTitle:first-child,
.full-width .exhibit > .page-type-content > .blocks-inner > .block-pageTitle:first-child {
    display: none;
}

.full-width.ressource-externe .contents > .page-type-content > .blocks-inner > .block-pageTitle:first-child {
    display: block;
}


.full-width .exposition-content > .exposition-header {
    margin-left: 0;
    margin-right: 0;
}

.exposition .exposition-content h3 {
    margin-bottom: 40px;
    font-family: "Montserrat", sans-serif;
    font-style: italic;
    font-size:17px;
    font-weight: normal;
    line-height: 24px;
    color:#000000;
}

.exposition .exposition-content p {
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 24px;
    color: var(--grey-textcolor);
}

.block-heading .exposition-services {
    text-align: right;
    margin-bottom: 40px;
}

.block-heading .exposition-services a.back-to-expositions {
    display: inline-block;
    height: 25px;
    padding-left: 40px;
    padding-top: 8px;
    margin-top: 5px;
    background: url(../img/collection_off.svg) no-repeat;

    font-family: "Quicksand", sans-serif;
    font-size: 13px;
    font-weight: 500;
    color:var(--primary-color);
    text-decoration: none;
}

.block-heading .exposition-services a.back-to-expositions:hover {
    background: url(../img/collection_on.svg) no-repeat;
    color:var(--expo-color);
}

.exposition .exposition-menu.exposition-main-menu {
    margin-top: 50px;
}

.exposition .exposition-menu.exposition-main-menu .exposition-parts li a {
    font-weight: normal;
}

.exposition-menu p.exposition-menu-title {
    margin-bottom: 40px;
    font-family: "Montserrat", sans-serif;
    font-size:32px;
    font-weight: normal;
    line-height: 19px;
    color:var(--primary-color);
    text-transform: uppercase;
}

.exposition-menu p.exposition-menu-title a {
    font-family: "Montserrat", sans-serif;
    color:var(--secondary-color);
    text-decoration: none;
}

.exposition-menu p.exposition-menu-title a:hover {
    text-decoration: underline;
}

.exposition-parts li {
    display: table;
    width: 100%;
    height: 138px;
    margin: 0 0 5px;
    background-size: cover;
    background-position: center;
}

.exposition-parts li a {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding: 0 28px;

    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 27px;
}

.exposition-parts li a,
.exposition-parts li a:link,
.exposition-parts li a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.exposition-parts li a:hover {
    color: #FFFFFF;
}

.exposition-main-menu .exposition-parts li:nth-child(4n+1) a {
    background-color: rgba(22,91,154, 0.75);
}

.exposition-main-menu .exposition-parts li:nth-child(4n+1) a:hover {
    background-color: rgba(22,91,154, 0.85);
}

.exposition-main-menu .exposition-parts li:nth-child(4n+2) a {
    background-color: rgba(34, 141, 138, 0.75);
}

.exposition-main-menu .exposition-parts li:nth-child(4n+2) a:hover {
    background-color: rgba(34, 141, 138, 0.85);
}

.exposition-main-menu .exposition-parts li:nth-child(4n+3) a {
    background-color: rgba(241, 71, 55, 0.75);
}

.exposition-main-menu .exposition-parts li:nth-child(4n+3) a:hover {
    background-color: rgba(241, 71, 55, 0.85);
}

.exposition-main-menu .exposition-parts li:nth-child(4n) a {
    background-color: rgba(237, 195, 56, 0.75);
}

.exposition-main-menu .exposition-parts li:nth-child(4n) a:hover {
    background-color: rgba(237, 195, 56, 0.85);
}


.exhibit .exposition .blocks-inner::after,
.exposition-footer {
    position: relative;
    margin-top: 65px;
    padding-bottom: 65px;
}

.exposition-footer {
    display: none; /* COLL-2025 */
}

.exposition-footer::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: calc( 50% - 480px );
    width: 960px;
    height: 16px;
    background-color: var(--expo-color);
}

.exhibit .exposition .blocks-inner::after {
    width: 960px;
    border-top: solid 16px var(--expo-color);
    left: calc( 50% - 480px );
}

.blocks + .site-page-pagination.page-type-next-back-navigation,
.exposition-next-back-navigation.page-type-next-back-navigation {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;

    left: calc( 50% - 480px );
    width: 960px;
}

@media screen and (max-width: 1024px){
    .blocks + .site-page-pagination.page-type-next-back-navigation,
    .exposition-next-back-navigation.page-type-next-back-navigation {
        left: 8%;
        width: 84%;
    }

    .exposition-part-content.page-type-content .exposition-part-content-blocks {
        max-width: 760px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (max-width: 768px) {
    .blocks + .site-page-pagination.page-type-next-back-navigation,
    .exposition-next-back-navigation.page-type-next-back-navigation {
        left: 3%;
        width: 94%;
    }
}

.exposition-next-back-navigation.page-type-next-back-navigation::before {
    background-color: var(--expo-color);
    padding-left:0;
    width: 100%;
    left:0;
}


/*
   ------------------------------------------------
   ---- EXPOSITION : SOUS-PARTIE ----
   ------------------------------------------------
*/

.exposition-part .exposition-content {
    padding-left: 52px;
    padding-right: 52px;
}

.exposition-part .exposition-content::after {
    content: '';
    display: table;
    clear: both;
}

.exposition-part .exposition-menu {
    float: left;
    width: 260px;
    border-top: 17px solid #EDC338;
    border-bottom: 17px solid var(--primary-color);
    background-color: #F8F6F2;
    padding: 18px 25px;
}

.full-width .exposition-part .exposition-content .exposition-menu,
.exposition-part .exposition-menu {
    margin: 0;
}

.exposition-part-content.page-type-content {
    float: left;
    padding-left: calc( 50% - 480px - 260px );
    width: calc( 100% - 260px );
    padding-right: calc( 50% - 480px );
    margin: 0;
    flex: 0 0 50%;
}

@media screen and (min-width:1500px) {

    .exposition-part .exposition-content {
        padding-left: calc( 50% - 480px - 260px + 100px );
        padding-right: 52px;
    }

    .exposition-part-content.page-type-content {
        padding-left: 52px;
        width: calc( 100% - 260px - 100px );
    }
}

.exposition-part-content.page-type-content .exposition-part-content-blocks {
    max-width: 760px;
    margin-left: 0;
    margin-right: 0;
}

.exposition-part-content.page-type-content  .exposition-part-content-blocks > * {
    margin-left: 0;
    margin-right: 0;
}

.exposition-part .exposition-menu p.exposition-menu-title {
    font-size: 18px;
    line-height: 19px;
    margin-bottom: 20px;
    text-decoration: none;
}

.exposition-part .exposition-menu p.exposition-menu-title:hover {
    text-decoration: underline;
}

.exposition-part .exposition-parts li {
    display: inline-block;
    background: none;
    height: auto;
    margin-bottom: 15px;
}

.exposition-part .exposition-parts li:last-child {
    margin-bottom: 0;
}

.exposition-part .exposition-parts li a {
    display: inline;
    background: none;
    height: auto;
    padding: 0;
    color: var(--grey-textcolor);
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
}

.exposition-part .exposition-parts li a:hover,
.exposition-part .exposition-parts li a.active {
    color:var(--expo-color);
    font-weight: bold;
}

.full-width .exposition-see-also .exposition-cards,
.exposition-see-also .exposition-cards {
    background: none;
    padding-left: 0;
    padding-right: 0;
}

.exposition-see-also .exposition-cards .exposition-card-contents {
    border: none !important;
}

.exposition-see-also .exposition-cards .exposition-card-contents .exposition-card-title,
.exposition-see-also .exposition-cards .exposition-card-contents .exposition-card-description {
    color: #000000;
}

.exposition-see-also .exposition-cards .exposition-card-new-exposition,
.exposition-see-also .exposition-cards .exposition-card-featured-exposition {
    min-height: 20px;
}

.exposition-see-also .exposition-cards .exposition-card-new-exposition > span,
.exposition-see-also .exposition-cards .exposition-card-featured-exposition > span {
    background: url(../img/nouveau-see-also.svg) no-repeat;
    color: #FFFFFF;
}

.exposition-see-also .exposition-cards a.exposition-card .exposition-card-contents .exposition-card-description {
   color:#666666;
}

.exposition-see-also .exposition-cards a.exposition-card:hover .exposition-card-contents .exposition-card-description {
   color:var(--expo-color);
}


/*
   ------------------------------------------------
   ---- PUBLICATIONS ----
   ------------------------------------------------
*/

.block-tableOfContents .page-ressources {
    background-color: #E8E2D4;
}

.block-tableOfContents .page-ressources .pagination {
    display: none;
}

.page-ressource-cards {
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    padding-top: 68px;
}

.page-ressource-cards .page-ressource-card {
    flex: 0 0 33.3333%;
    position: relative;
    margin-bottom:56px;

    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.page-ressource-cards .card-contents {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color: var(--grey-textcolor);
}

.page-ressource-cards a:hover .card-contents {
    color: var(--text-secondary-color);
}

.page-ressource-cards .card-contents:after {
    content: '';
    display: block;
    width: 73px;
    height: 10px;
    background-color: var(--secondary-color);
}

.page-ressource-cards .card-contents:after {
    position:absolute;
    bottom:0;
}

.page-ressource-cards .page-ressource-card:nth-child(3n+1) .card-contents {
    padding-right: 27px;
}

.page-ressource-cards .page-ressource-card:nth-child(3n+2) .card-contents {
    padding-left: 13px;
    padding-right: 13px;
}

.page-ressource-cards .page-ressource-card:nth-child(3n) .card-contents {
    padding-left: 27px;
}

.page-ressource-cards .card-image-parent {
    width: 100%;
    margin:18px 0 15px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0);
}

.page-ressource-cards a:hover .card-image-parent {
    border: 1px solid rgba(255,255,255,1.0);
    box-shadow: 3px 4px 3px 0 rgba(0,0,0,0.5);
}

.page-ressource-cards .card-image {
    width: 100%;
    height: 100%;
    padding-bottom: 66.66%;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.page-ressource-cards a:hover .card-image {
    transform-origin: 50% 50%;
    transform: scale(1.1);
}

.page-ressource-cards .card-contents .card-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 8px;
}

.page-ressource-cards .card-contents .card-heading-sub {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 4px;
}

.page-ressource-cards .card-contents > div:last-of-type {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 48px;
}

.page-ressource-cards .card-contents .page-ressource-card-description {
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 48px;
}

.publication-see-also {
    background-color: var(--grey-bordercolor);
    padding: 45px 50px;
}

.full-width .publication-see-also .page-ressource-cards,
.publication-see-also .page-ressource-cards {
    background: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 23px;
}


/*
   ------------------------------------------------
   ---- PUBLICATION (BASE : PAGE TYPE) ----
   ------------------------------------------------
*/

.publication-header::after {
    background-color: var(--primary-color);
}


/*
   ------------------------------------------------
   ---- COLLOQUES ----
   ------------------------------------------------
*/

.colloques {
    background-color: #E8E2D4;
}

.colloques .pagination {
    display: none;
}

.colloque-cards {
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    padding-top: 68px;
}

.colloque-cards .colloque-card {
    flex: 0 0 33.3333%;
    position: relative;
    margin-bottom:56px;

    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.page-type-content .colloque-cards a.colloque-card:link,
.page-type-content .colloque-cards a.colloque-card {
    font-weight: 400;
    text-decoration: none;
}


.colloque-cards .colloque-card-contents {
    width: 100%;
    height: 100%;
    color: var(--grey-textcolor);
}

.colloque-cards a:hover .colloque-card-contents {
    color: var(--primary-color);
}

.colloque-cards .colloque-card-contents:before,
.colloque-cards .colloque-card-contents:after {
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background-color: var(--primary-color);
}

.colloque-cards .colloque-card-contents:before {
    margin-bottom: 18px;
}

.colloque-cards .colloque-card-contents:after {
    position:absolute;
    bottom:0;
    width: calc( 100% - 27px );
}

.colloque-cards .colloque-card:nth-child(3n+1) .colloque-card-contents {
    padding-right: 27px;
}

.colloque-cards .colloque-card:nth-child(3n+2) .colloque-card-contents {
    padding-left: 13px;
    padding-right: 13px;
}

.colloque-cards .colloque-card:nth-child(3n) .colloque-card-contents {
    padding-left: 27px;
}


.colloque-cards .colloque-card-contents .colloque-card-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 8px;
}

.colloque-cards .colloque-card-contents .colloque-card-location {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 4px;
}

.colloque-cards .colloque-card-contents .card-date {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 25px;
}

.full-width .colloque-see-also .colloque-cards {
    padding-left: 0;
    padding-right: 0;
}


/*
   ------------------------------------------------
   ---- COLLOQUE (BASE : PAGE TYPE) ----
   ------------------------------------------------
*/

.colloque-header::after {
    background-color: var(--primary-color);
}



/*
   ------------------------------------------------
   ---- CONTACT ----
   ------------------------------------------------
*/

.contact-us-block label {
    display: inline-flex;
    margin-bottom: 5px;
    gap: 6px;
}

form .field {
    margin-bottom: 20px;
}

form .field textarea {
    width: 100%;
}

form .field .field-meta {
    display: inline;
}

form .field .field-meta .collapsible {
    display: none;
}

form .field.checkbox {
    display: grid;
    grid-template-columns: 25px auto;
    grid-template-areas: "checkbox-input checkbox-label";
}

form .field.checkbox .field-meta {
    grid-area: checkbox-label;
    line-height: 1.2;
    margin-right: 5px;
}


form .field.checkbox .field-meta label {
    display: inline;
}

form .field.checkbox .inputs {
    grid-area: checkbox-input;
    margin-right: 5px;
}

form .required label {
    color:var(--grey-textcolor);
}

.contact-form .required label {
    color:#000000;
}

/*
form .required label:after {
    content:' *';
    display: inline;
    color:var(--secondary-color);
}
 */

.contact-name-email-fields {
    display: flex;
    width: 100%;
}

.contact-name-email-fields > div {
    flex: 0 0 50%;
    margin-bottom: 25px;
}

.contact-message-fields > * {
    display: block;
}

.contact-name-email-fields > div label {
}

.contact-name-email-fields > div:first-child {
    padding-right: 20px;
}

.contact-name-email-fields > div:last-child {
    padding-left: 20px;
}

.contact-message-fields textarea {
    width: 100%;
    margin-bottom: 25px;
    min-height: 170px;
}

.contact .page-type-content p.contact-warning {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
}

.contact-accept-checkbox {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 18px;
}

.contact-buttons {
    text-align: center;
    margin-top: 60px;
}

.contact-buttons input[type=submit] {
    padding-left:30px;
    padding-right:30px;
}

.contact-us-block .error {
    color: red;
}
.contact-us-block .success {
    color: green;
}


/*
   ------------------------------------------------
   ---- POPUP RECHERCHE AVANCEE ----
   ------------------------------------------------
*/

header dialog.advanced-search-menu {
    position: absolute;
    top:0;
    left:0;
    z-index: 20;

    display: block;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: rgba(36, 36, 36, 0.8);
}

header dialog.advanced-search-menu.popup[open] {
    overflow: auto;
    height: 100vh;
    box-sizing: border-box;
}

header dialog.advanced-search-menu .dialog-background {
    position: relative;
    top: 0;

    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

header .advanced-search-menu.menu-closed {
    display: none;
}

header .advanced-search-menu .advanced-search-menu-background {
    position: fixed;
    top: 0 !important;
    left: 0;
    z-index: 5;

    display: block;
    width: 100%;
    height: 100%;
    pointer-events: inherit;
}

.search-panel-menu .search-panel-menu-close-button,
header .advanced-search-menu .advanced-search-menu-close-button {
    position: absolute;
    top: 18px;
    right: 12px;
    z-index: 2;

    display:block;
    width:30px;
    height: 30px;
    background: url(../img/X-fermer_rouge.svg) no-repeat;
}

.search-panel-menu .search-panel-menu-close-button:hover,
header .advanced-search-menu .advanced-search-menu-close-button:hover {
    background-image: url(../img/X-fermer_vert.svg);
}

header .advanced-search-menu .advanced-search-menu-form-parent {
    position: relative;
    transform: rotateZ(0);
    z-index: 6;

    width: 806px;
    margin: 0 auto;
    padding: 26px 34px 54px 24px;
    border: 1px solid #979797;
    background-color: #F8F6F2;
    text-align: left;
}

header .advanced-search-menu .advanced-search-menu-content {
    /*
    max-height: calc( 100vh - 350px );
    overflow: auto;
    overflow-x: hidden;
    */
}

header .advanced-search-menu .dialog-contents label {
    display: inline-block;
    margin-bottom: 4px;
    padding-left: 6px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: var(--grey-textcolor);
}

ul.advanced-search-selected-filters {
    margin-top: 20px;
}

ul.advanced-search-selected-filters:empty {
    display: none;
}

header .advanced-search-menu .advanced-search-menu-header h1 {
    display: block;
    padding-bottom: 8px;
    margin-bottom: 25px;
    border-bottom: 10px solid var(--grey-bordercolor);

    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: normal;
    line-height: 39px;
}

header .advanced-search-menu .form-search {
    margin-bottom: 0;
    padding-right: 15px;
}

header .advanced-search-menu .advanced-search-menu-panel .advanced-search-menu-text-input::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 20px;
    border-bottom: 1px solid #DCD6CA;
}

header .advanced-search-menu .advanced-search-menu-panel .advanced-search-menu-text-input::after {
    border-bottom: 1px solid var(--grey-bordercolor);
}

header .advanced-search-menu .advanced-search-menu-panel .advanced-search-menu-text-input input[type="search"],
header .advanced-search-menu .advanced-search-menu-panel .advanced-search-menu-text-input input[type="text"] {
    width:100%;
    margin-bottom: 0;
    height: 50px;
}

header .advanced-search-menu .advanced-search-menu-panel .advanced-form-field .filters {
    padding-right: inherit;
    padding-top: 15px;
}

header .advanced-search-menu .advanced-search-menu-panel .advanced-form-field .advanced-form-input {
    width:100%;
}

header .advanced-search-menu .advanced-search-menu-panel .advanced-form-field .advanced-form-input .range-double,
header .advanced-search-menu .advanced-search-menu-panel .advanced-form-field .advanced-form-input .select-parent {
    width:50%;
    margin: 0;
}

.range-double input.range-slider-to {
    background:  #E9E7E3 !important;
}

.range-double input[type="range"]::-moz-range-thumb,
.range-double input[type="range"]::-webkit-slider-thumb {
    background: var(--primary-color) !important;
    height: 14px;
    width: 14px;
    border-radius: 50%;
}

.range-double .range-numeric-label.range-numeric-from-label,
.range-double .range-numeric-label.range-numeric-to-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 5px;
    color: var(--grey-textcolor) !important;
}

header .advanced-search-menu .advanced-search-menu-panel .cloned-filter {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

aside.search-facets.filters-panel .advanced-search-menu-panel .cloned-filter:first-of-type > *:first-child,
header .advanced-search-menu .advanced-search-menu-panel .cloned-filter:first-of-type > *:first-child {
    display: none;
}

aside.search-facets.filters-panel .advanced-search-menu-panel .cloned-filter .select-parent + .select-parent,
header .advanced-search-menu .advanced-search-menu-panel .cloned-filter .select-parent + .select-parent {
    display: none;
}

aside.search-facets.filters-panel .advanced-search-menu-panel .first-filter .advanced-search-menu-remove-filter,
header .advanced-search-menu .advanced-search-menu-panel .first-filter .advanced-search-menu-remove-filter {
    display: none;
}

header .advanced-search-menu  #search-filters .filter {
    padding: 0;
}

header .advanced-search-menu .advanced-search-menu-panel .first-filter,
header .advanced-search-menu .advanced-search-menu-panel .filters {
    padding-right: 25px;
}

header .advanced-search-menu .advanced-search-menu-panel .first-filter .advanced-search-menu-remove-filter {
    display: none;
}

header .advanced-search-menu .advanced-search-menu-panel .advanced-search-boolean {
    width: 20%;
}

.advanced-search-add-filter {
    width: 10%;
}

header .advanced-search-menu .advanced-search-menu-panel .cloned-filter:first-of-type .select-parent {
    width: 50%;
}

header .advanced-search-menu .advanced-search-menu-panel input[type=search][name="q"],
header .advanced-search-menu .advanced-search-menu-panel input[type=text][name="q"] {
    width: 100%;
}

header .advanced-search-menu #search-filters {
    border-top: 1px solid var(--grey-bordercolor);
    border-bottom: 1px solid var(--grey-bordercolor);
    padding: 20px 0;
    margin-bottom: 20px;
}

header .advanced-search-menu form > .field:first-child {
    margin-bottom: 20px;
}

header .advanced-search-menu form > .field:first-child .field-meta {
    display: none;
}

header .advanced-search-menu form > .field > .inputs {
    border-bottom: 1px solid var(--grey-bordercolor);
}

header .advanced-search-menu #search-filters .filter input[type=search],
header .advanced-search-menu #search-filters .filter input[type=text] {
    width: 45%;
}

header .advanced-search-menu #search-filters .filter > select {
    width: 45%;
}

header .advanced-search-menu #search-filters .filter > .field {
    width: 8%;
    min-width: 50px;
    text-align: right;
}

header .advanced-search-menu #search-filters .filter > .field button.search-filter-minus.button {
    background: url(../img/croix-grise-filtres.svg) center no-repeat;
}

header .advanced-search-menu #search-filters .filter > .field button.search-filter-minus.button::before {
    display: none;
}

header .advanced-search-menu #search-filters button.search-filter-plus.fa-plus::before {
    content: "Afficher un filtre";
}


/* Cache le champ "minus" actuellement, puisque le x est dans le thème (.advanced-search-menu-remove-filter). */
.advanced-form-field .filters .filter .field {
    display: none;
}

header .advanced-search-menu #search-filters button.search-filter-plus.fa-plus {
    align-self: flex-start;
    margin-top: 20px;

    background: transparent;
    border: 2px solid var(--primary-color);
    padding: 8px 12px;

    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    color: var(--primary-color);
    text-align: center;
}

header .advanced-search-menu #search-filters button.search-filter-plus.fa-plus {
    align-self: flex-start;
    margin: 8px 0 0 0;
}

header .advanced-search-menu button.search-reset,
header .advanced-search-menu #search-filters button.search-filter-plus.fa-plus {
    background: transparent;
    padding: 8px 12px;
    border: 2px solid var(--primary-color);

    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    color: var(--primary-color);
    text-align: center;
}

.advanced-search-add-filter,
.filters-panel select,
.filters-panel input[type=search],
.filters-panel input[type=text],
header .advanced-search-menu .advanced-search-menu-panel .select-parent,
header .advanced-search-menu .advanced-search-menu-panel input[type=search],
header .advanced-search-menu .advanced-search-menu-panel input[type=text] {
    padding: 8px 12px;
    border: 1px solid var(--primary-color);
    margin: 0 28px 18px 0;
    line-height: 15px;
}

header .advanced-search-menu .advanced-search-menu-panel .select-parent {
    padding: 0;
}

header .advanced-search-menu .advanced-search-menu-panel select,
header .advanced-search-menu .advanced-search-menu-panel input[type=search],
header .advanced-search-menu .advanced-search-menu-panel input[type=text]:not(.chosen-search-input) {
    min-height: 45px;
}

header .advanced-search-menu .advanced-search-menu-panel select {
    padding: 8px 12px;
    background-color: #FFF;
}

header .advanced-search-menu .chosen-container-single .chosen-single,
header .advanced-search-menu .chosen-container-multi .chosen-choices,
header .advanced-search-menu .chosen-container-single .chosen-single {
    background: #FFF;
    box-shadow: none;
    padding-top: 10px;
    min-height: 45px;
    height: auto !important;
}

header .advanced-search-menu .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    width: auto;
    min-height: 32px;
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-style: italic;
    line-height: 15px;
}

header .advanced-search-menu .chosen-container-multi .chosen-choices li.search-choice {
    border: none;
    border-radius: 0;
    background: #eeeeee;
    box-shadow: none;
    padding: 5px 20px 5px 8px;
    margin-bottom: 6px;

    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #333;
    cursor: default;
}

header .advanced-search-menu .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 7px;
    right: 7px;
    background: url("../img/croix-grise-filtres.svg") right 2px top / 10px auto no-repeat;
    font-size: 1px;
}

header .advanced-search-menu .chosen-container .chosen-results li.highlighted {
    background-color: var(--primary-color);
    background-image: none;
    color: #fff !important;
}

header .advanced-search-menu .chosen-container-single .chosen-single abbr {
    top: 18px;
}

header .advanced-search-menu .advanced-search-menu-panel input.chosen-search-input {
    margin: 5px 5px 5px 0;
    width: 100%;
}

.filter .delete-filter {
    display: block;
    height: 20px;
    background: url(../img/croix-verte.svg) center no-repeat;
    margin-bottom: 40px;
}

.filters-panel .filter .delete-filter {
    margin: 0 auto 40px;
    display: none;
}

.filters-panel .search-save-form-content  input[type=text] {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
}

.filters-panel .search-save-form-content label {
    margin-bottom: 20px !important;
}

header .advanced-search-menu .advanced-search-menu-panel input[type=text][name='date[from]'],
header .advanced-search-menu .advanced-search-menu-panel input[type=text][name='date[to]'],
.filters-panel input[type=text][name='date[from]'],
.filters-panel input[type=text][name='date[to]'] {
    width: 75px;
    margin:0 10px 16px;
}

.filters-panel .search-boolean,
aside.search-facets.filters-panel .advanced-search-menu-panel .advanced-search-boolean,
header .advanced-search-menu .advanced-search-menu-panel .advanced-search-boolean {
    display: inline-block;
}

.filters-panel .search-boolean {
    padding-bottom: 18px;
    text-align: center;
    width: 100%;
}

.filters-panel .search-boolean > *,
aside.search-facets.filters-panel .advanced-search-menu-panel .advanced-search-boolean > *,
header .advanced-search-menu .advanced-search-menu-panel .advanced-search-boolean > * {
    display: inline-block;
}

aside.search-facets.filters-panel .filters .filter:first-child .search-boolean-label,
.advanced-search-menu-panel .filters .filter:first-child .search-boolean-label,
.advanced-search-menu-panel .filters .filter:first-child input[name="text[filters][0][join]"] {
    display: none;
}

.filters-panel select,
header .advanced-search-menu .advanced-search-menu-panel select {
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 16px;
}

.advanced-search-add-filter {
    display: inline-block;
    padding: 10px 0;
    margin-top: 14px;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);

    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.advanced-search-add-filter:link,
.advanced-search-add-filter:visited {
    color: var(--primary-color);
}


.advanced-search-add-filter:hover {
    color: var(--text-secondary-color);
    border-color: var(--secondary-color);
}

.advanced-search-menu-panel .filters .filter .search-boolean-label,
.filters-panel .search-boolean-label {
    padding-bottom: 18px;
    padding-right: 18px;
    text-align: center;
    width: 45%;
}

.advanced-search-menu-panel .filters .filter .search-boolean-label {
    width: auto;
}
.advanced-search-menu-panel .filters .filter .search-boolean-label,
.filters-panel .search-boolean-label,
.search-boolean-option label,
.advanced-search-boolean-option label {
    display: inline-block;
    padding-left: 5px;
    color: #000000;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
    text-transform: uppercase;
}

header .advanced-search-menu .advanced-search-menu-panel h2 {
    display: inline-block;
    width: 100%;
    margin: 15px 0 15px;
    padding-top: 15px;
    border-top: 1px solid var(--grey-bordercolor);

    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 22px;
}

header .advanced-search-menu .advanced-search-menu-panel .advanced-search-date {
    margin: 0 10px;
    width: 90px;
}

aside.search-facets.filters-panel .advanced-search-menu-panel .advanced-search-date {
    margin: 0 10px;
    width: 80px;
}

.advanced-search-menu-contents .filter-collections-parent .field-meta {
    margin-bottom: 10px;
}

.advanced-search-menu-contents .filter-collections-parent .inputs label {
    margin-right:10px;
}

.advanced-search-menu-contents .filter-collections-parent .inputs label:nth-child(n+5),
.filters-panel ul.filter-collections li:nth-child(n+5),
header .advanced-search-menu .advanced-search-menu-panel ul.advanced-search-collections li:nth-child(n+5) {
    display: none;
}

.filters-panel ul.filter-collections.all-items-visible li:nth-child(n+5),
header .advanced-search-menu .advanced-search-menu-panel ul.advanced-search-collections.all-items-visible li:nth-child(n+5) {
    display: list-item;
}

.advanced-search-menu-contents .filter-collections-parent .inputs.all-items-visible label:nth-child(n+5) {
    display: inline;
}

.chosen-container div.chosen-drop ul.chosen-results li:nth-child(n+5) {
    display: list-item;
}

header .advanced-search-menu .advanced-search-menu-panel .chosen-container-multi .chosen-single,
header .advanced-search-menu .advanced-search-menu-panel .chosen-container-multi .chosen-choices {
    height: auto !important;
    border: 1px solid var(--primary-color);
    padding: 4px 8px;
}

.advanced-search-menu-panel .advanced-search-collections .chosen-container {
    position: unset;
}

.advanced-search-menu-panel .advanced-search-collections .chosen-container .chosen-drop {
    top: unset;
    width: calc( 100% - 50px );
}

.advanced-search-menu-panel .advanced-search-menu-content {
    position: static;
}


header .advanced-search-menu .advanced-search-menu-panel .delete-filter {
    display: inline-block;
    background: url(../img/croix-grise-filtres.svg) center no-repeat;
    width: 30px;
    height: 35px;
    vertical-align: middle;
    margin-left: 10px;
    margin-bottom: 16px;
    transform: translateY(-4px);
}

header .advanced-search-menu .advanced-search-menu-panel ul.advanced-search-collections::after {
    display: table;
    content:'';
    clear: both;
}

header .advanced-search-menu .advanced-search-menu-panel ul.advanced-search-collections li {
    float: left;
    margin-right: 50px;
    margin-bottom:20px;

    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 15px;
}

header .advanced-search-menu .chosen-container ul.chosen-choices li,
header .chosen-container div.chosen-drop ul.chosen-results li {
    float: initial;
    margin: 0;
    color: #444;
}

header .advanced-search-menu .chosen-container ul.chosen-choices li:last-of-type {
    background: url(../img/Triangle_deroulant.svg) right 7px center / 15px auto no-repeat;
}


header .advanced-search-menu .chosen-container ul.chosen-choices li.result-selected,
header .chosen-container div.chosen-drop ul.chosen-results li.result-selected {
    color: #ccc;
}

header .advanced-search-menu .advanced-search-menu-panel .see-all-parent,
.filters-panel .filters-see-all-parent {
    text-align: center;
}

header .advanced-search-menu .advanced-form-input input[name=dcterms_subject_t] {
    width: 100%;
}

header .advanced-search-menu .advanced-search-menu-panel a.advanced-search-see-all,
.contents.item .item-details .property .item-value-see-all,
.filters-panel  a.filter-see-all-collections,
.filters-panel  button.facet-see-more-or-less {
    display: inline-block;
    margin:15px auto;
    width: auto;
    padding-right: 20px;
    background: url(../img/chevron_bas_rouge_off.svg) center right no-repeat;

    color: var(--text-secondary-color);
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

/*
.filters-panel  button.facet-see-more-or-less.inactive {
    display: none;
}
*/

.filters-panel  .facet-see-more {
    margin: 0;
}

.filters-panel  button.facet-see-more-or-less {
    height: 18px;
    margin: 10px 0 0;
    padding-top: 0;
    padding-bottom: 0;
}

.filters-panel  button.facet-see-more-or-less::after {
    display: none;
}

header .advanced-search-menu .advanced-search-menu-panel a.advanced-search-see-all.is-opened,
.contents.item .item-details .property.is-opened .item-value-see-all,
.filters-panel  a.filter-see-all-collections.is-opened,
.filters-panel  button.facet-see-more-or-less.collapse {
    background: url(../img/chevron_haut_rouge.svg) center right no-repeat;
}

header .advanced-search-menu .advanced-search-menu-panel a.advanced-search-see-all:hover,
.contents.item .item-details  .property .item-value-see-all:hover,
.filters-panel a.filter-see-all-collections:hover,
.filters-panel  button.facet-see-more-or-less:hover {
    color: var(--primary-color);
    background: url(../img/chevron_bas_vert.svg) center right no-repeat;
}

header .advanced-search-menu .advanced-search-menu-panel a.advanced-search-see-all.is-opened:hover,
.contents.item .item-details  .property.is-opened .item-value-see-all:hover,
.filters-panel a.filter-see-all-collections.is-opened:hover,
.filters-panel  button.facet-see-more-or-less.collapse:hover {
    background: url(../img/chevron_haut_vert.svg) center right no-repeat;
}

header .advanced-search-menu .advanced-search-menu-footer {
    display: flex;
    justify-content: flex-end;

    margin-top:34px;
    padding: 15px 50px 0 25px;
    border-top: 1px solid var(--grey-bordercolor);
    text-align: right;
}

header .advanced-search-menu .advanced-search-menu-footer > * {
    height: 45px;
}


.filters-panel input[type=submit],
.filters-panel button.reset-advanced-search,
.filters-panel a.reset-advanced-search,
.filters-panel button.search-reset,
.filters-panel a.search-reset,
.filters-panel button.save-advanced-search,
.filters-panel a.save-advanced-search,
header .advanced-search-menu .advanced-search-menu-footer button,
header .advanced-search-menu .advanced-search-menu-footer a,
header .advanced-search-menu .advanced-search-menu-footer input[type=submit] {
    display: inline-block;
    padding: 8px 12px;
    border: 2px solid var(--primary-color);
    background: transparent;

    color: var(--primary-color);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    text-decoration: none;
    text-transform: uppercase;
}


.filters-panel button.reset-advanced-search,
.filters-panel a.reset-advanced-search {
    border: 2px solid var(--primary-color);
    background: var(--primary-color);

    color: #FFFFFF;
}

.filters-panel button.reset-advanced-search:hover,
.filters-panel a.reset-advanced-search:hover {
    border: 2px solid var(--secondary-color);
    background: var(--secondary-color);
}

.filters-panel.search-facets form#form-facets {
    position: relative;
}

.filters-panel.search-facets button.search-history-button {
    width: 100%;
}

.filters-panel.search-facets button.facets-reset {
    width: 100%;
    margin-bottom: 36px;
}

.filters-panel.search-facets button.facets-reset:hover {
    background: var(--secondary-color);
}

.filters-panel button.search-reset,
.filters-panel a.search-reset,
.filters-panel button.reset-advanced-search,
.filters-panel a.reset-advanced-search {
    display: flex;
    justify-content: center;
    align-items: center;
}

.filters-panel button.search-reset,
.filters-panel a.search-reset,
.filters-panel button.reset-advanced-search,
.filters-panel a.reset-advanced-search {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.filters-panel button.search-reset:hover,
.filters-panel a.search-reset:hover,
.filters-panel button.reset-advanced-search:hover,
.filters-panel a.reset-advanced-search:hover {
    background-image: none !important;
}

.filters-panel button.save-advanced-search,
.filters-panel a.save-advanced-search {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.filters-panel .search-save-form-content {
    flex-direction: column;
    padding-left: 12px;
    padding-right: 12px;
}

header .advanced-search-menu .advanced-search-menu-footer a,
header .advanced-search-menu .advanced-search-menu-footer button,
header .advanced-search-menu .advanced-search-menu-footer button[type=submit],
header .advanced-search-menu .advanced-search-menu-footer input[type=submit] {
    margin:20px 35px 0 0;
}

.filters-panel a.reset-advanced-search {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}


/* NEW SEARCH */

header .advanced-search-menu .advanced-search-menu-footer button[type="submit"],
header .advanced-search-menu .advanced-search-menu-footer input[type="submit"] {
    transform: none;
}

header .advanced-search-menu .advanced-search-menu-footer button[type="submit"],
header .advanced-search-menu .advanced-search-menu-footer input[type="submit"],
header .advanced-search-menu .advanced-search-menu-footer button.reset-advanced-search,
header .advanced-search-menu .advanced-search-menu-footer a.reset-advanced-search  {
    position: unset;
    min-width: 152px;
}

.search-save-form.opened {
    display: block;
}

.search-save-form {
    display: none;
    position: relative;
    background-color: #e9e9ed;
    margin: 20px 0;
}

.search-save-form a.advanced-search-menu-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/X-fermer_rouge.svg) no-repeat;
    border: none;
    margin: 0;
}

.search-save-form a.advanced-search-menu-close-button:hover {
    background: url(../img/X-fermer_vert.svg) no-repeat;
}

.search-save-form-content,
.search-save-form-result {
    padding: 30px 0;
}

.search-save-form-result {
    text-align: center;
}

.search-save-form.success .search-save-form-content,
.search-save-form .search-save-form-result {
    display: none;
}

.search-save-form .search-save-form-content {
    display: flex;
}

/*
header .advanced-search-menu .advanced-search-menu-panel input[type="text"],
*/
.search-save-form .search-save-form-content input[type="text"]{
    padding: 12px 12px;
}

.search-save-form.success .search-save-form-result {
    display: block;
}

.filters-panel .search-save-form.success .search-save-form-result {
    padding: 50px 12px;
}

.search-save-form-content > label {
    display: block;
}

.search-save-form-content > label,
.search-save-form-result {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 15px;
    color: var(--grey-textcolor);
}

.search-save-form-result a {
    background: none;
    border: none;
    display: inline;
    color: var(--text-secondary-color);
    font-weight: bold;
    text-decoration: none;
}

.search-save-form-result a:hover {
    color: var(--primary-color);
}

.search-save-form-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-save-form-content > input[type="text"],
.search-save-form-content > a,
.search-save-form-content > label {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 28px!important;
}

.search-save-form-content > input[type="text"] {
    padding: 12px 12px;
}

.search-save-form-content > a:hover {
    background: transparent;
    color: var(--primary-color);
}

.search-save-form-content a:link,
.search-save-form-content a:visited,
.search-save-form-content a {
    margin: 20px 35px 0 0;

    display: inline-block;
    padding: 8px 12px;
    border: 2px solid var(--primary-color);
    background: var(--primary-color);
    color: #FFFFFF;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    text-decoration: none;
    text-transform: uppercase;
}

/* FIN SEARCH DESKTOP */





.apply-facets .reset-search-button.reset-advanced-search:hover,
.filters-panel .apply-filters:hover,
header .advanced-search-menu #search-filters button.search-filter-plus.fa-plus:hover,
header .advanced-search-menu .advanced-search-menu-footer button:hover,
header .advanced-search-menu .advanced-search-menu-footer a:hover,
header .advanced-search-menu .advanced-search-menu-footer button[type=submit]:hover,
header .advanced-search-menu .advanced-search-menu-footer input[type=submit]:hover {
    border: 2px solid var(--secondary-color);
    color: var(--text-secondary-color);
    cursor: pointer;
}

.filters-panel input[type=submit],
header .advanced-search-menu .advanced-search-menu-footer button[type=submit],
header .advanced-search-menu .advanced-search-menu-footer input[type=submit] {
    color:#FFF;
    height: 45px;
}

.filters-panel input[type=submit] {
    border: 2px solid var(--secondary-color);
    background-color: var(--secondary-color);
}

.filters-panel input[type=submit]:hover {
    border: 2px solid var(--primary-color);
    background-color: var(--primary-color);
}

header .advanced-search-menu .advanced-search-menu-footer button[type=submit],
header .advanced-search-menu .advanced-search-menu-footer input[type=submit] {
    border: 2px solid var(--primary-color);
    background-color: var(--primary-color);
    color: #FFFFFF;
}

header .advanced-search-menu .advanced-search-menu-footer button[type=submit]:hover,
header .advanced-search-menu .advanced-search-menu-footer input[type=submit]:hover {
    border: 2px solid var(--secondary-color);
    background-color: var(--secondary-color);
    color: #FFFFFF;
}

/*
   ------------------------------------------------
   ---- RESULTATS DE RECHERCHE ----
   ------------------------------------------------
*/


.filters-and-results-panel {
    display: flex;
    position: relative;
    padding-bottom: 35px;
    border-bottom: 10px solid var(--grey-bordercolor);
}

.search-facets .search-facets-list {
    border-top: 1px solid var(--grey-bordercolor);
}

.search-facets .search-facets-list .chosen-container-single .chosen-single {
    padding: 2px 0 0 8px;
    height: 30px;
    border: 1px solid var(--primary-color);
    border-radius: 0;
    background: #FFF;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.search-facets .search-facets-list .facet-select-range .chosen-container-single .chosen-single {
    padding: 7px 0 7px 8px;
    height: auto;
}


.search-facets .search-facets-list .chosen-container-single .chosen-single span {
    text-transform: capitalize;
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
}

.filters-panel,
.filters-panel.search-facets {
    flex: 0 0 280px;
    padding-right: 40px;
    order: unset;
    min-width: 280px;
}

#form-facets > p:first-of-type,
.filters-panel.search-facets h4 {
    display: none;
}

.results-panel {
    flex: auto;
}

.filters-panel.search-facets > .advanced-search-menu-header > h3 {
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 0 !important;
    padding-bottom: 20px;
    font-size: 32px;
    line-height: 40px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

/* Colonne de gauche : Filtres */


.recherche .advanced-search-menu-header,
.filters-panel-header {
    border-bottom: 10px solid var(--grey-bordercolor);
    margin-bottom: 35px;
}

.recherche .advanced-search-menu-header h1,
.filters-panel-header h2 {
    display: inline-block;

    /* 40 + 20 + 40 = 100 vs 110 pagination*/
    margin-top: 40px;
    padding-bottom: 13px;
    line-height: 40px;

    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
}

.filters-panel-header h2 {
    margin-top: 33px;
}

.recherche .advanced-search-menu-header h1 {
    font-size: 0;
}

.recherche .advanced-search-menu-header h1:before {
    content:'Filtres';
    font-size: 32px;
    line-height: 0px;
}


.advanced-search-menu-contents h2,
.filters-panel h3 label,
.filters-panel h3 {
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 15px !important;

    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
}

.filters-panel h3 {
    color: #000;
}

.filters-panel h3 label {
    margin-bottom: 0 !important;
}

.form-search.advanced-search-menu-panel h1 {
    display: none;
}

.recherche .form-search.advanced-search-menu-panel .advanced-search-menu-header {
    border: none;
}


.filters-panel select,
.filters-panel input[type=text],
.filters-panel input[type=search],
.filters-panel input[type=email],
.filters-panel input[type=submit],
.filters-panel .advanced-search-add-filter,
.filters-panel .save-filters,
.filters-panel .close-filters {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px;
    box-sizing: border-box;
}

.filters-panel .filter .select-parent {
    display: block;
    border: 1px solid var(--primary-color);
    margin-bottom: 20px;

}

.filters-panel .filter .select-parent select {
    width: calc(100% + 20px);
    margin: 0;
    border: none;
}


.filters-panel .advanced-search-add-filter {
    margin: 0 0 26px;
}

.filters-panel-options {
    padding-top: 23px;
    padding-bottom:10px;
}

.filters-panel-options:not(:first-child) {
    margin-top: 8px;
    border-top: 1px solid var(--grey-bordercolor);
}

.filters-panel-buttons {
    text-align: right;
}

.filters-panel-buttons > * {
    box-sizing: border-box;
    height: 39px;
    margin:0;
}

.filters-panel-date select {
    width: 33%;
}

.facet-select-range .select-parent {
    display: inline;
    margin: 0 7px;
}

.facet-select-range .chosen-container {
    width: 38% !important;
    padding: 0 1%;
}

.facet-select-range .chosen-container-single .chosen-single div b {
    background: url(../img/Triangle_deroulant.svg) center right 4px / 15px auto no-repeat;
}

.facet-elements .range-double {
    margin: 0;
}

.facet-elements .range-double .range-numerics .range-numeric input {
    appearance: textfield;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: var(--grey-textcolor);
}

.facet-elements .range-double .range-numerics .range-numeric:last-child input {
    text-align: right;
}

.filters-panel-date span {
    margin: 0 1%;
}

.filters-panel-date span:first-child {
    margin-left: 0;
}

.filters-panel .filter:first-child .search-boolean-label,
.filters-panel .filter:first-child input[name="text[filters][0][join]"] {
    display: none;
}

.filters-panel .save-filters {
    display: block;
    padding: 8px 0;

    background-color:var(--primary-color);
    border: var(--primary-color) solid 2px;
    color:#FFF;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.filters-panel .save-filters:hover {
    background-color:var(--secondary-color);
    border-color: var(--secondary-color);
}

.filters-panel .search-history-delete,
.filters-panel .close-filters {
    border:var(--primary-color) solid 2px;
    color:var(--primary-color);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.filters-panel .search-history-delete {
    color: #FFFFFF;
}

.filters-panel .search-history-delete:hover {
    background: var(--secondary-color);
    border-color:var(--secondary-color);
    color: #FFFFFF;
}

.filters-panel .close-filters {
    display: none;
    padding: 8px 0;
}

.filters-panel .search-history-delete {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 12px;
    height: auto;
}

.filters-panel .search-history-delete.hidden,
.filters-panel .save-filters.hidden {
    display: none;
}

.filters-panel .close-filters:hover {
    border-color:var(--secondary-color);
    color:var(--secondary-color);
}

.filters-panel-options ul,
ul.filter-collections,
ul.filter-document-types  {
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
}

.filters-panel-options li,
ul.filter-collections li,
ul.filter-document-types li {
    /* flex-basis: 50%; */
    margin-bottom: 20px;
}

.filters-panel-options li:not([hidden]) {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    margin-bottom: 5px;
}

/*
.filters-panel-options ul:not(.expanded) li:nth-child(n+10) {
    display: none;
}
*/


.filters-panel-options li a {
    display: flex;
    justify-content: flex-start;
    gap:4px;
    width: 100%;
    margin-bottom: 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 15px;
    color: var(--grey-textcolor);
    text-decoration: none;
}

.facet-select-range .chosen-container ul li {
    flex-basis: 100%;
}

.filters-panel-options label .label,
ul.filter-collections label,
ul.filter-document-types label {
    width: 102px;
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 15px;
}

/*
.filters-panel-options .search-facet-item a::before {
    content: "\f0c8";
}

.filters-panel-options .search-facet-item .active a::before {
    content: "\f14a";
}
 */


/* Colonne de droite : Résultats */

.search-page .contents .search-results-header,
.contents.recherche .search-results-header {
    align-items: center;

    border-bottom: 10px solid var(--grey-bordercolor);
    width: 100%;
    min-height: 30px;
    padding: 30px 0;
    margin-bottom: 20px;
}

.search-page .contents .filters-search-controls,
.contents.recherche .filters-search-controls {
    position: unset;
    margin-top: 0;
}

.search-page .contents .search-view-type,
.contents.recherche .search-view-type {
    display: none;
}

.search-page .contents,
.contents.recherche {
    margin-bottom: 60px;
}

.search-page .contents .search-results-header,
.contents.recherche .search-results-header {
    padding: 30px 0 20px;
}


/* Switch des Filtres et Trier */

.filters-search-controls {
    position: absolute;
    right:0;
    top:0;
    margin-top: 30px;
}

.search-page .contents .filters-search-controls,
.contents.recherche .filters-search-controls {
    position: unset;
    margin-top: 0;
}

.search-page .contents .toggle-filters,
.contents.recherche .toggle-filters {
    display: none;
}

.filters-search-controls .search-sort label {
    display: none;
}

.search-page .contents .parent-pagination.bottom .pagination,
.search-page .contents .pagination.bottom,
.contents.recherche .parent-pagination.bottom .pagination,
.contents.recherche .pagination.bottom {
    border:none;
}

.results-panel .collection-item-cards {
    margin: 0;
}

.search-page .results-panel .collection-item-cards {
    margin-top: 10px;
}

.search-page .contents .collection-item-cards > h3,
.contents.recherche .collection-item-cards > h3 {
    display: none;
}

.search-page .contents .collection-item-cards ul.search-results-list,
.contents.recherche .collection-item-cards ul.search-results-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.results-panel .collection-item-cards .collection-item-card {
    flex: 0 0 33.33333%;
    position: relative;
    margin-bottom: 30px;
}

.results-panel .collection-item-cards .collection-item-card.is-collection .card-image-parent {
    position: relative;
}

.results-panel .collection-item-cards .collection-item-card.is-collection .card-image-parent::after {
    content: 'Collection';
    display: block;
    position: absolute;
    bottom: 32px;
    left: 0;
    padding: 4px 6px;
    background-color: rgba(255, 255, 255, 0.85);

    color: var(--text-secondary-color);
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    text-transform: uppercase;
}


.results-panel .collection-item-cards .collection-item-card:nth-child(4n+1) .card-header-and-contents,
.results-panel .collection-item-cards .collection-item-card:nth-child(4n+2) .card-header-and-contents,
.results-panel .collection-item-cards .collection-item-card:nth-child(4n+3) .card-header-and-contents,
.results-panel .collection-item-cards .collection-item-card:nth-child(4n) .card-header-and-contents {
    padding: 0;
}

.results-panel .collection-item-cards .collection-item-card:nth-child(4n+1) .card-header-and-contents::after,
.results-panel .collection-item-cards .collection-item-card:nth-child(4n+2) .card-header-and-contents::after,
.results-panel .collection-item-cards .collection-item-card:nth-child(4n+3) .card-header-and-contents::after,
.results-panel .collection-item-cards .collection-item-card:nth-child(4n) .card-header-and-contents::after {
    margin: 0;
}

.results-panel .collection-item-cards .collection-item-card:nth-child(3n+1) .card-header-and-contents {
    padding-right:27px;
}

.results-panel .collection-item-cards .collection-item-card:nth-child(3n+2) .card-header-and-contents {
    padding-left: 13px;
    padding-right: 13px;
}

.results-panel .collection-item-cards .collection-item-card:nth-child(3n) .card-header-and-contents {
    padding-left: 27px;
}


.results-panel .collection-item-cards .collection-item-card:nth-child(4n+1) .card-header-and-contents::after,
.results-panel .collection-item-cards .collection-item-card:nth-child(4n+2) .card-header-and-contents::after,
.results-panel .collection-item-cards .collection-item-card:nth-child(4n+3) .card-header-and-contents::after,
.results-panel .collection-item-cards .collection-item-card:nth-child(4n) .card-header-and-contents::after {
    margin: 0;
}

.results-panel .collection-item-cards .collection-item-card:nth-child(3n+2) .card-header-and-contents::after {
    margin-left: 13px;
}

.results-panel .collection-item-cards .collection-item-card:nth-child(3n) .card-header-and-contents::after {
    margin-left: 27px;
}

/* Switch des Filtres et Trier */

.filters-search-controls {
    position: absolute;
    right:0;
    top:0;
    margin-top: 30px;
}

.filters-search-controls .search-sort label {
    display: none;
}

.search-page .contents .toggle-filters,
.contents.recherche .toggle-filters,
.filters-search-controls a.toggle-filters {
    display: none;
    padding: 8px 12px;
    border: 1px solid var(--primary-color);

    background-color: var(--primary-color);
    color: #FFFFFF;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.search-page .contents .toggle-filters:hover,
.contents.recherche .toggle-filters:hover,
.filters-search-controls a.toggle-filters:hover {
    border: 1px solid var(--secondary-color);
    background-color: var(--secondary-color);
}

.filters-search-controls select.sorting-selector {
    padding: 10px 12px 9px;
    border: 1px solid var(--primary-color);
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    width:260px;
    height: 39px;
}

ul.current-filters, ul.current-filters li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.current-filters {
    margin-top: 46px;
    margin-bottom: 26px;
}

ul.current-filters::after {
    content:'';
    /* display: table; */
    clear: both;
    display: none;
}

.results-panel ul.search-facets-active {
    display: none;
    margin: 20px 0;
}

.search-facets.filters-panel ul.search-facets-active {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.search-facets.filters-panel ul.search-facets-active > li {
    flex: calc( 50% - 5px ) 0 0;
}

.search-facets.filters-panel ul.search-facets-active > li,
ul.current-filters li {
    max-width: 140px;
}

ul.search-facets-active > li a::after {
    display: none;
}

ul.current-filters.search-facets-active li .filter-label {
    display: block;
}

ul.current-filters.search-facets-active li .filter-label::after {
    content: ":";
}


ul.current-filters.search-facets-active li {
    position: relative;

    display: block;
    float: left;
    margin: 0;
    padding: 5px 10px 5px 25px;
    background: var(--grey-bordercolor);
    border-radius: 2px;

    color: #666666;
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
}

ul.current-filters.search-facets-active li a::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 50%;
    transform: translateY(-50%);

    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../img/X-fermer_vert.svg) center / 10px 10px no-repeat;
}

ul.current-filters.search-facets-active li a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;

    display: inline-block;
    width: 100%;
    height: 100%;
}

ul.current-filters.search-facets-active li a:hover {
    color: var(--secondary-color)
}

ul.current-filters.search-facets-active li a:hover::before {
    background-image: url(../img/X-fermer_rouge.svg);
}

ul.search-facets-active li a.facet-active,
ul.current-filters li a.filters-search-to-remove {
    color: #666666;
    text-decoration: none;
}


.search-facet-item,
.search-facet-item span.count,
.search-facet-item a:link,
.search-facet-item a:visited,
.search-facet-item a {
    color: var(--grey-textcolor);
    text-decoration: none;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 15px;
}

.search-facet-item a {
    display: flex;
}

.search-facet-item a {
    position: relative;
}

.search-facet-item a::before {
    content:"";
    display:inline-block;
    flex:0 0 15px;
    width:15px !important;
    height:15px !important;
    margin-top: 1px;
    background-color: #FFFFFF;

    border: 1px solid #CCCCCC;
    border-radius: 2px;

    margin-right:8px;
    transition:all .5s ease;
    font-size:.7em;
    text-align:center;
    line-height:1.1;
    color:#fff;
    opacity:1!important
}

.search-facet-item.active a::after {
    position: absolute;
    left: 3px;
    top: 4px;
    background: url(../img/checkmark.svg) center / contain no-repeat;
    content: "";
    width: 11px !important;
    height: 11px !important;
    opacity: 1;
}


/* Bibliographie */

.full-width.site-page-bibliographie .blocks-inner::after,
.full-width.simple-page.site-page-bibliographie .page-type-content > .blocks-inner > * {
    margin-left: calc( 50% - 495px );
    margin-right: calc( 50% - 495px );
}

.site-page-bibliographie .blocks-inner::after {
    width: auto !important;
    left: unset !important;
}

.site-page-bibliographie .blocks-inner > .block-html,
.biblio-header {
    margin: 45px 0;
    font-family: "Montserrat", sans-serif;
}

.site-page-bibliographie .blocks-inner > .block-html:first-child p,
.biblio-header {
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    font-style: italic;
    color: #000000;
    line-height: 30px;
}

.site-page-bibliographie .blocks-inner > .block-html:first-child p a,
.biblio-header a {
    font-weight: 400;
}


.page-type-content .biblio-contents {
    margin-top: 30px;
    margin-bottom: 30px;
}

.page-type-content ul.biblio-contents li {
    list-style-type: none;
}

.page-type-content div.biblio-contents h2 {
    margin-top: 0;
}

.page-type-content .biblio-contents li {
    list-style: none;
    padding: 0;
    margin-left: 0;
}

.page-type-content ul.biblio-contents li details > h2,
.page-type-content ul.biblio-contents li li,
.page-type-content ul.biblio-contents li p,
.page-type-content ul.biblio-contents li p * {
    font-family: "Noto Serif", serif !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #000000;
}

.page-type-content ul.biblio-contents li a,
.page-type-content ul.biblio-contents li p a {
    color: var(--text-secondary-color);
}

.page-type-content ul.biblio-contents li a:hover,
.page-type-content ul.biblio-contents li p a:hover {
    color: var(--dark-primary-color);
}

.page-type-content .biblio-contents details li > ul {
    margin: 10px 0;
}

ul.biblio-contents > li {
    border-top: 1px solid var(--secondary-color);
    border-bottom: 1px solid var(--secondary-color);
    margin-bottom: 28px !important;
    position: relative;
    margin-left: 0;
    font-size: inherit;
}

ul.biblio-contents > li:last-child {
    margin-bottom:10px;
}

.page-type-content div.biblio-contents h2,
ul.biblio-contents > li > details > summary,
ul.biblio-contents > li > details > summary > h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 22px;
}

ul.biblio-contents > li > details > summary > h2 {
    margin: 0;
    padding-right: 40px;
}

.page-type-content ul.biblio-contents > li > details > * {
    display: block;
}

.page-type-content div.biblio-contents > ul > li:not(:last-child),
.page-type-content ul.biblio-contents > li > details > ul > li:not(:last-child),
.page-type-content ul.biblio-contents > li > details > p:not(:last-child) {
    padding-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px;
}

.page-type-content ul.biblio-contents > li > details[open] > summary {
    margin-bottom: 8px;
}

.page-type-content ul.biblio-contents > li > details > summary {
    color: var(--text-secondary-color);
    font-weight: normal;
    text-decoration:none;
    display: block;
    width: 100%;
    cursor: pointer;
}

.page-type-content ul.biblio-contents > li > details > summary:hover {
    color: #22738D;
}

ul.biblio-contents > li > details > summary {
    padding: 15px 0;
    position: relative;
    margin:0;
}

ul.biblio-contents > li > details > summary::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
    width: 14px;
    height: 20px;
    background: url(../img/chevron_bas_rouge_off.svg) center / 17px auto no-repeat;
    transform-origin: 50% 50%;
}

ul.biblio-contents > li > details[open] > summary::after {
    transform: rotate(180deg);
}

ul.biblio-contents > li > details > summary,
ul.biblio-contents > li > details > ul {
    display: none;
}

ul.biblio-contents > li > details > ul::after {
    bottom: 0;
}

ul.biblio-contents > li > details[open] > ul {
    display: block;
}

ul.biblio-contents > li > details[open] > summary {
    display: inline-block;
}

ul.biblio-contents > li > details > ul > li,
ul.biblio-contents > li > details > ul > li p {
    font-family: "Noto Serif", serif;
    font-size: 15px;
    color: #000000;
    line-height: 21px;
    margin-bottom: 20px;
    margin-left: 0;
}

ul.biblio-contents > li > details > ul > li p {
    display: block;
}

.bb-0 {
    border-bottom: 0px !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}


/* Videos (native, iframe) */

.block-simple-file video {
    width: 100%;
}

.block-html iframe {
    display: block;
    width: 100%;
    min-height: 430px;
    margin: 20px 0; /* COLL-2025 */
}


/*
   ------------------------------------------------
   ---- POP UP ----
   ------------------------------------------------
*/

.popup {
    display: none;
}

.popup.is-opening,
dialog.popup[open] {
    display: block;
}

.popup.popup-suscribe-rss {
}

.popup.popup-search-save {
}

.popup.popup-copy-notice {
}

.dialog-background,
.popup-background {
    position: fixed;
    top: 96px;
    left: 0;
    z-index: 5;

    display: block;
    width: 100%;
    height: 100%;
    pointer-events: inherit;

    background-color: rgba(36, 36, 36, 0);

    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.dialog-message .dialog-panel {
    padding: 0 15px 20px 20px;
}

.dialog-search-save .dialog-background,
.dialog-message .dialog-background,
.dialog-2fa-token .dialog-background {
    top: 0;
}

.dialog-message  .dialog-contents,
.dialog-2fa-token  .dialog-contents {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: #4D4D4D;
}

.popup-collection-description.is-opening .dialog-background {
    top: 96px;
    overflow: auto;
    height: calc(100vh - 96px) !important;
}

.with-user-bar .popup-collection-description.is-opening .dialog-background {
    top: 134px;
    height: calc(100vh - 134px) !important;
}

.popup.is-opening .dialog-background,
.popup.is-opening .popup-background,
dialog.popup[open] .popup-background {
    background-color: rgba(36, 36, 36, 0.9);
}

.popup-panel {
    position: relative;
    width: 400px;
    background-color: #FFFFFF;
    margin: 100px auto;
    padding-bottom: 42px;
}

.dialog-header,
.popup-header {
    padding: 20px;
    color: #FFFFFF;
    text-align: center;
}

.dialog-header {
    position: relative;
}


.popup-header.align-left {
    text-align: left;
}

dialog.popup.dialog-2fa-token[open] .dialog-background .dialog-header-close-button,
.dialog-header-close-button,
.popup-header-close-button {
    position: absolute;
    top:20px;
    right:20px;

    display:block;
    width:30px;
    height: 30px;
    background: url(../img/X-fermer_rouge.svg) no-repeat;
}

dialog.popup.dialog-2fa-token[open] .dialog-background .dialog-header-close-button,
.dialog-message .dialog-header-close-button {
    top: 0;
    right: -30px;
}

.popup-contents,
.dialog-messages {
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 15px;
}

.dialog-messages,
.popup.with-message .popup-contents,
.popup.with-message .popup-footer {
    display: none;
}

.popup.with-message .dialog-messages {
    display: block;
    text-align: center;
}

.dialog-messages a {
    text-decoration: none;
    color:var(--secondary-color);
    font-weight: bold;
}

.popup-contents {
    padding: 30px 70px 0;
}

.popup-collection-description .dialog-contents {
    padding: 30px 70px;
}

.dialog-messages {
    padding: 30px 30px 0;
}

.popup-footer {
    padding: 0 70px;
}

.transcription .popup-user .popup-contents > input[type=text],
.transcription .popup-user .popup-contents > input[type=search],
.transcription .popup-user .popup-contents > input[type=email],
.transcription .popup-user .popup-contents > input[type=password],
.popup-contents input[type=password],
.popup-contents input[type=email],
.popup-contents input[type=search],
.popup-contents input[type=text] {
    box-sizing: border-box;
    width: 100%;
    margin: 12px 0 14px 0;
    padding:0 20px;
    border: 1px solid var(--primary-color);
    background-color: #FFFFFF;
    line-height: 32px;
}

.popup-contents input[type=search]::placeholder,
.popup-contents input[type=text]::placeholder,
.popup-contents input[type=email]::placeholder {
    line-height: 32px;
}

.popup-footer input[type=submit] {
    width: 100%;
}

.popup-footer a {
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 12px;
    margin-top: 20px;
    width: 100%;

    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.popup-footer a:link,
.popup-footer a:visited,
.popup-footer a {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    color:#FFF;
    margin-right: 2%;
}

.popup-footer a:hover {
    background-color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
}

.popup-footer a.outlined {
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    background-color: transparent;
}

.popup-footer a.outlined:hover {
    border: 2px solid var(--secondary-color);
    color: var(--text-secondary-color);
}

.popup-footer:first-child ~ .popup-footer a:last-child {
    background-color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    color:#FFF;
}

.popup-footer:first-child ~ .popup-footer a:last-child:hover {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.popup-footer:first-child ~ .popup-footer a.outlined:last-child {
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    background-color: transparent;
}

.popup-footer:first-child ~ .popup-footer a.outlined:last-child:hover,
.popup-footer a.outlined:last-child:hover {
    border: 2px solid var(--secondary-color);
    color: var(--text-secondary-color);
}


a.download-notice-button {
    display: block;
    padding: 8px 12px;
    border: 1px solid var(--primary-color);
    margin-bottom: 20px;

    background-color: var(--primary-color);
    color: #FFFFFF;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

a.download-notice-button:link,
a.download-notice-button:visited {
    color: #FFFFFF;
}

a.download-notice-button:hover {
    border: 1px solid var(--secondary-color);
    background-color: var(--secondary-color);
}

.user-account-downloads {
    margin-top:100px;
}

.user-account-downloads a.download-notice-button {
    display: inline-block;
    margin-right: 20px;
}

.popup-collection-description .dialog-panel,
.popup-collection-description .popup-panel {
    width: auto;
    margin-left: calc( 50vw - 640px );
    margin-right: calc( 50vw - 640px );
    margin-top: 50px;
    background-color: rgba(233,231,227,1);
}

.popup-collection-description .popup-background {
    position: absolute;
}

.full-width .popup-collection-description .collection-header .collection-header-infos {
    padding: 0;
}

.popup-collection-description .collection-header .collection-card-description a.hidden-paragraph-toggle,
.full-width .popup-collection-description .collection-header::after {
    display: none;
}

.popup-collection-description  .collection-header .collection-header-infos {
    width:100%;
}

.popup-collection-description .collection-header .collection-card-description p.hidden-paragraph {
    display: block;
}





/*
   ------------------------------------------------
   ---- Login ----
   ------------------------------------------------
*/

body.login {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: var(--primary-color);
    border: none;
}

body.login .search-panel-menu,
body.login > .header-and-contents > header,
body.login > header,
body.login > footer {
    display: none;
}

body.login main.contents {
}

body.login main.contents .popup-sign-in {
    display: block;
    border: none;
    background: transparent;
}

body.login main.contents .popup-sign-in .popup-panel {
    width: 548px;
    margin: 0 auto;
    padding-top: 125px;
    padding-bottom: 12px;
}

body.login main.contents .popup-sign-in .dialog-header-close-button {
    display: none;
}

/*
   ------------------------------------------------
   ---- POPUP USER : sign-in, mdp oublié ----
   ------------------------------------------------
*/

.popup.dialog-register[open],
.popup.dialog-forgot-password.is-opening,
.popup.dialog-login.is-opening {
    position: fixed;
    left: 0;
    top: 0 !important;

    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    pointer-events: inherit;
    background-color: var(--primary-color);
    border: none;
}

.popup.dialog-register.is-opening,
.popup.dialog-forgot-password.is-opening,
.popup.dialog-login.is-opening {
    z-index: 210;
}

.popup.dialog-register[open] .dialog-background,
.popup.dialog-forgot-password.is-opening .dialog-background,
.popup.dialog-login.is-opening .dialog-background {
    position: relative;
    top: 0 !important;
    z-index: 6;

    width: 546px;
    height: auto;
    margin: 0 auto;
    padding-top: 118px;
    padding-bottom: 15px;
    border: 1px solid #979797;
    background-color: #FFFFFF;
    text-align: left;
}

.popup.dialog-forgot-password.is-opening .dialog-background {
    padding-bottom: 20px;
}

.dialog-register .inputs {
    position: relative;
}

.password-eye-btn {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/eye-password-hide.svg) center / 16px auto no-repeat;
}

.password-eye-btn.password-visible {
    background-image: url(../img/eye-password-show.svg);
}

.dialog-register .inputs .password-eye-btn {
    bottom: 12px;
    right: -30px;
}

.dialog-login .password-eye-btn {
    bottom: 45px;
    right: 55px;
}

.transcription .dialog-login .password-eye-btn {
    bottom: 27px;
}

.popup.dialog-register[open] .dialog-background .popup-panel,
.popup.dialog-forgot-password.is-opening .dialog-background .popup-panel,
.popup.dialog-login.is-opening .dialog-background .popup-panel {
    width: auto;
    background: none;
    margin: 0 auto;
    padding-bottom: 0;
}

body.login .popup.dialog-login .dialog-background::before,
.popup.dialog-register[open] .dialog-background::before,
.popup.dialog-forgot-password.is-opening .dialog-background::before,
.popup.dialog-login.is-opening .dialog-background::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    display: inline-block;
    width:  183px;
    height:  161px;
    background: url(../../asset/img/CArchives-vertical_RVB.svg) top left / 183px auto no-repeat;
}

body.login .popup.dialog-login .dialog-background {
    display: flex;
    flex-direction: column;
}

.popup.dialog-login .messages {
    padding: 50px 50px 0;
    font-size: 14px;
    line-height: 19px;
}

body.login .popup.dialog-login .messages {
    width: 548px;
    margin: 0 auto;
    order: 3;
    background: #FFF;
    padding: 0 84px 20px;
    box-sizing: border-box;
}

.popup .dialog-header-close-button span {
    display: none;
}

.popup.dialog-forgot-password.is-opening .dialog-header-close-button,
.popup.dialog-register[open] .dialog-header-close-button,
.popup.dialog-login.is-opening .dialog-header-close-button {
    transform: translateY(-120px);
}

.popup.dialog-register[open] .dialog-background .dialog-panel > *,
.popup.dialog-login.is-opening .dialog-background .dialog-panel > * {
    padding: 0 84px;
}

.popup-user-panel h1 {
    display: block;
    width: 100%;
    margin-top:22px;
    margin-bottom: 25px;
    padding-bottom: 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    color: var(--grey-textcolor);
    text-align: center;
}

dialog .dialog-contents label,
.popup-user .popup-user-panel .forgotten-email,
.popup-user-panel label {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #4D4D4D;
}

dialog .dialog-contents input[type="text"],
dialog .dialog-contents input[type="email"],
dialog .dialog-contents input[type="password"] {
    height: 45px;
    border-color: #CCCCCC;
}

dialog .dialog-contents .field.required label::after {
    content: "*";
    color: var(--secondary-color);
    margin-left: 3px;
}

dialog .dialog-contents select {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

dialog .dialog-contents button[type="submit"] {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 10px 0;
}

.popup-user .popup-user-panel .popup-contents input[type="text"],
.popup-user .popup-user-panel .popup-contents input[type="password"] {
    margin-bottom: 15px;
}

.popup-user .popup-user-panel .forgotten-email {
    text-align: right;
}

.popup-user .popup-contents {
    position: relative;
    padding: 0 84px;
}

dialog .dialog-contents textarea,
dialog .dialog-contents input[type=text],
dialog .dialog-contents input[type=search],
dialog .dialog-contents input[type=email],
dialog .dialog-contents input[type=password] {
    color: var(--grey-textcolor);
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}

.popup-user .popup-contents input[type=text],
.popup-user .popup-contents input[type=search],
.popup-user .popup-contents input[type=email],
.popup-user .popup-contents input[type=password] {
    margin: 6px 0 25px 0;
}

dialog .dialog-contents textarea,
dialog .dialog-contents input[type=text],
dialog .dialog-contents input[type=search],
dialog .dialog-contents input[type=email],
dialog .dialog-contents input[type=password] {
    margin: 6px 0 0 0;
}

.popup-user .popup-footer {
    margin-top: 40px;
}

.popup.popup-user.dialog-forgot-password.is-opening .popup-footer {
    margin-top: 20px;
}

.transcription .popup-user .popup-footer > input[type=submit] {
    height: 45px;
    padding: 0 20px;
    text-transform: uppercase;
}

.popup-user .popup-footer > input[type=submit],
.popup-user .popup-footer > button,
.popup-user .popup-footer > a {
    display: block;
    width: 180px;
    margin:0 auto 25px;
}

.popup-user .popup-footer > a {
    margin-bottom:10px;
}

.popup-user.popup-sign-in .popup-user-panel .forgotten-email a {
    color: var(--primary-color);
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-decoration: none;
}

.popup-user.popup-sign-in .popup-user-panel .forgotten-email a:hover {
    text-decoration: underline;
}

.popup-user.dialog-forgot-password .popup-panel {
    top: 0 !important;
}

.popup-user.dialog-forgot-password .popup-header {
    padding-bottom: 5px;
}

.popup-user.dialog-forgot-password .popup-contents p {
    padding-bottom: 30px;
}

dialog.popup.popup-contact-us[open],
dialog.popup.dialog-message[open],
dialog.popup.dialog-2fa-token[open] {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(36, 36, 36, 0.9);
}

dialog.popup.popup-contact-us[open] .dialog-background,
dialog.popup.dialog-message[open] .dialog-background,
dialog.popup.dialog-2fa-token[open] .dialog-background {
    position: relative;
    width: 484px;
    height: 257px;
    background: #F8F6F2;
    border: 1px solid #979797;
    padding: 20px 37px;
}

dialog.popup.popup-contact-us[open] .dialog-background {
    width: 546px;
    height: auto;
    padding-bottom: 40px;
    top: unset;
}

dialog.popup-contact-us .dialog-header-close-button {
    margin: 0 !important;
    background-position: right top;
    top: 0;
    right: 0;
}

dialog.popup-contact-us .dialog-contents input[type="text"] {
    margin-bottom: 0;
}

dialog.popup-contact-us fieldset#subject{
    display: none;
}

dialog.popup.dialog-2fa-token[open] .dialog-background .dialog-header {
    min-height: 40px;
}

dialog.popup.dialog-2fa-token .dialog-contents form {
    display: flex;
    align-items: flex-end;
    gap: 17px;
}

dialog.popup.dialog-2fa-token .dialog-contents .login-token-form .field {
    flex-grow: 1;
    min-width: auto;
    margin-bottom: 0;
}

dialog.popup.dialog-2fa-token .dialog-contents .login-token-form .field input {
    width: 100%;
    height: 45px;
    margin-right: 15px;
    font-size: 17px;
    line-height: 20px;
    padding-left: 10px;
}

dialog.popup.dialog-2fa-token .dialog-contents .login-token-form .field .field-meta label {
    display: inline-block;
    font-size: 14px;
    line-height: 21px;
}

dialog.popup.dialog-2fa-token button.resend-code {
    background: none;
    border: none;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    color: var(--primary-color);
    text-transform: none;
}

dialog.popup.dialog-2fa-token button.resend-code:hover {
    text-decoration: underline;
}



/*
   ------------------------------------------------
   ---- USER ACCOUNT ----
   ------------------------------------------------
*/

.user-account {
}

.user-account button {
    background-color: var(--primary-color);
}

.user-account .guest-widget-label {
    display: none;
}

.user-account-content {
    display: flex;
}

.user-account-content .user-account-menu {
    flex: 0 0 420px;
    background-color: var(--primary-color);
    padding: 35px 35px 55px 72px;
}

.user-account-content .user-account-username {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;

    color: #FFFFFF;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
}

.user-account-content .user-account-menu-items {
    border-top: 7px solid var(--expo-color);
    border-bottom: 7px solid var(--expo-color);
}

.user-account-content .user-account-menu-items li {
    display: block;
    padding:20px 54px 20px;
    background-repeat: no-repeat;
    background-position: 15px center;
    border-bottom: 1px solid #83BFBD;
}

.user-account-content .user-account-menu-items li:last-child {
    border-bottom: none;
}

.user-account-content .user-account-menu-items li > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;

    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
}

.user-account-content .user-account-menu-items li {
    list-style-type: none;
}

.user-account-content .user-account-menu-items li.selected {
    background-color: rgba(31, 46, 151, 0.39);
}

.user-account-content .user-account-menu-items .user-account-selection {
    background-image: url(../img/panier_blanc.svg);
}

.user-account-content .user-account-menu-items .user-account-access {
    background-image: url(../img/cadenas.svg)
}

.user-account-content .user-account-menu-items .user-account-search {
    background-image: url(../img/rech_sauv_bla.svg)
}

.user-account-content .user-account-menu-items .user-account-profile {
    background-image: url(../img/parametres.svg);
}

.user-account-content .user-account-menu-items .user-account-email {
    background-image: url(../img/email.svg);
}

.user-account-content .user-account-menu-items .user-account-logout {
    background-image: url(../img/deconnexion.svg)
}

.user-account-search-panel,
.user-account-selection-panel {
    margin: 30px 40px 40px;
    width:100%;
}

.user-account-search-items,
.user-account-selection-resources {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
}

.user-account-search-items > nav {
    flex: 100% 0;

    justify-self: flex-start;
    display: flex;
    justify-content: flex-start;
}

.user-account-search-items > nav.pagination span.button {
    opacity: 0.15;
}

.user-account-selection-resources.selection-count {
    margin-bottom: 30px;
}

.user-account-search-item,
.user-account-selection-resource {
    flex: 0 0 50%;
    margin-bottom: 30px;
}

.user-account-search-item .user-account-search-item-content,
.user-account-selection-resource .user-account-selection-resource-content {
    position: relative;
    margin-right: 40px;
    height: 100%;
}

.user-account-selection-resource .user-account-selection-resource-content {
    padding-top: 30px;
}

.user-account-selection-resource input[type=checkbox] {
    margin-bottom: 10px;
    height: 20px;
    position: absolute;
    top:0;
    left:0;
}

.user-account-selection-resource a {
    display: block !important;
    height: calc( 100% - 20px );
    background-color: #F8F6F2;
    text-decoration: none;
    padding: 12px 50px 10px 10px;
}

.user-account-selection-resource-title {
    color:var(--primary-color);
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 8px;
}

.user-account-selection-resource a:hover .user-account-selection-resource-title {
    color: var(--text-secondary-color);
}

.user-account-selection-resource-description {
    color: var(--grey-textcolor);
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 5px;
}

.user-account-selection-resource-save-date {
    color: var(--grey-textcolor);
    font-family: "Noto Serif", serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.user-account-selection-resource .user-account-selection-resource-delete,
.user-account-search-item-content a.search-history-delete {
    position: absolute;
    padding: 0;
    bottom:12px;
    right:15px;
}

.user-account-selection-resource .user-account-selection-resource-delete button {
    display: block;
    border: none;
    width: 24px;
    height: 30px;
}

.user-account-selection-resource .user-account-selection-resource-delete button.selection-delete,
.user-account-selection-resource .user-account-selection-resource-delete button.selected {
    background: url(../img/poubelle_off.svg) center / 24px 30px no-repeat;
    opacity: 1;
    text-indent: -9999px;
}

.user-account-selection-resource .user-account-selection-resource-delete button.selection-delete:hover {
    background-image: url(../img/poubelle_on.svg);
}

.user-account-selection-resource .user-account-selection-resource-delete button.selection-add,
.user-account-selection-resource .user-account-selection-resource-delete button.unselected {
    background: url(../img/poubelle_off.svg) center / 24px 30px no-repeat;
    opacity: 0.25;
}

.user-account-search-item-content a.search-history-delete {
    display: block;
    background: url(../img/poubelle_off.svg) center / 18px 24px no-repeat;
    font-size: 0;
    width: 18px;
    height: 24px;
}

.user-account-search-item-content a.search-history-delete:hover {
    background-image: url(../img/poubelle_on.svg);
}

.user-account-selection-resource a .card-image-parent {
    width: 25%;
    min-width: 85px;
    margin-bottom:4px;
    overflow: hidden;
    border: 3px solid #F8F6F2;
}

.user-account-selection-resource a:hover .card-image-parent {
    border: 3px solid #E3E3E3;
    /* box-shadow: 0 3px 4px 3px rgba(51,30,29,0.3); */
}

.user-account-selection-resource a .collection-item-card-image {
    width: 100%;
    padding-bottom: 66.66%;

    background-color:rgba(227,227,227,0.25);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.user-account-selection-resource a:hover .collection-item-card-image {
    transform-origin: 50% 50%;
    transform: scale(1.1);
}

.user-account-selection-buttons {
    width: calc( 100% - 40px );
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
}

.user-account-selection-button {
    flex: 0 0 33.333%;
}

.user-account-selection-buttons a {
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 20px;
    width: 100%;
    height: 100%;

    background-color:var(--primary-color);
    border: 2px solid var(--primary-color);
    color:#FFF;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.user-account-selection-buttons .user-account-selection-button:nth-child(1) {
    padding-right: 30px;
}

.user-account-selection-buttons .user-account-selection-button:nth-child(2) {
    padding-left: 15px;
    padding-right: 15px;
}

.user-account-selection-buttons .user-account-selection-button:nth-child(3) {
    padding-left: 30px;
}

.user-account-profile-panel,
.user-account-access-panel {
    margin: 40px 20%;
    width: 100%;
}

.user-account-profile-panel .inputs,
.user-account-access-panel .inputs {
    position: relative;
}

.user-account-profile-panel .inputs .password-eye-btn {
    bottom: 8px;
    right: -27px;
}

.user-account-search-panel .user-account-search-panel-intro,
.user-account-access-panel .user-account-access-panel-intro {
    color: #000000;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 20px;
}

.user-account-access-panel .contact-name-email-fields {
    display: block;
}

.user-account-access-panel .contact-name-email-fields > div {
    padding: 0;
}

.user-account-access-panel .contact-message-fields {
}

.user-account-access-panel .contact-warning {
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 15px;
}

.user-account-access-panel .contact-message-fields > textarea {
    margin-bottom: 15px;
}

.user-account-access-panel .contact-accept-checkbox {
    margin-bottom: 0;
    line-height: 12px;
}

.user-account-access-panel .contact-accept-checkbox input[type=checkbox] {
    float: left;
}

.user-account-access-panel .contact-buttons {
}

.user-account-access-panel .access-response {
    margin-top: 60px;
    padding-top: 130px;
    background: url(../img/CheckBoxAccess.png) top center / 104px 100px no-repeat;
    color: var(--primary-color);
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    font-style: italic;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
}

.user-account-search-items {
}

.user-account-search-item {
    display: inline-block;
}

.user-account-search-item-content {
    background: #F8F6F2 url(../img/Signet.png) 8px 14px / 31px 37px no-repeat;
    padding: 18px 10px 22px 45px;
    margin-right: 40px;
}

.user-account-search-item-content a {
    display: block;
    width: 300px;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 24px;
    text-decoration: none;
}

.user-account-search-item-content a,
.user-account-search-item-content a:link,
.user-account-search-item-content a:visited {
    color: var(--text-secondary-color);
}

.user-account-search-item-content a:hover {
    color: var(--primary-color);
}


.user-account-profile-panel > div {
    margin-bottom: 10px;
}

.user-account-profile-name {
    width: 100%;
    height: 30px;
    padding-bottom: 20px;
    color: #000000;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.user-account-profile-name::after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 30px;
    background: url(../img/crayon.svg) center right / 17px 20px no-repeat;
    padding-left: 15px;
    transform: translateY(8px);
}

.user-account-profile-panel form > div {
    margin-bottom: 25px;
}

.user-account-profile-panel form > div:first-child {
    margin-bottom: 40px;
}

.user-account-profile-panel form .contact-buttons input[type=submit] {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}


/*
   ------------------------------------------------
   ---- ANONYMOUS USER ----
   ------------------------------------------------
*/

.anonymous-user-content > *{
    width:420px;
    margin: 50px auto;
}

.anonymous-user-content .forgot-password a:visited,
.anonymous-user-content .forgot-password a {
    color:var(--secondary-color);
}

.search-forms-content form .field,
.user-account-content form .field,
.anonymous-user-content form .field {
    margin-bottom: 25px;
}

.search-forms-content textarea,
.user-account-content textarea,
.anonymous-user-content textarea {
    width: 100%;
}

.search-forms-content form .collapsible,
.user-account-content form .collapsible,
.anonymous-user-content form .collapsible {
    display: none;
}

.search-forms-content form label,
.user-account-content form label,
.anonymous-user-content form label {
    display: inline-block;
}

.search-forms-content {
    padding-top:50px;
}

.search-forms-content form input[type=number],
.search-forms-content form select {
    height: 45px;
}

.search-forms-content form#advanced-search .inputs .value {
    margin-bottom: 10px;
}

.search-forms-content form#advanced-search button {
    margin: 0 10px;
}

.search-forms-content form [class*="o-icon-"]::before {
    margin: 0 10px 0 0;
}


/*
   ------------------------------------------------
   ---- SCRIPTO ----
   ------------------------------------------------
*/


.transcription,
.transcription * {
    font-family: 'Lato', sans-serif;
}

.transcription a:link, 
.transcription a:visited {
    color: #000000;
}

.popup-user .popup-footer > a {
    color: var(--primary-color);
}

.transcription .header-contents .user {
    display: list-item;
    position: relative;
    margin-right: 0;
}

.header-contents .user::before {
    display: none;
}

.user.open .user-toggle::before {
    display: none;
}

.header-contents li.submenu-opened ul li a {
    white-space: nowrap;
}

.transcription button,
.transcription .button {
    /* min-height: 40px; */
}

.transcription .submenu {
    padding-right: 70px;
}

.transcription .site-header {
    border-top:none;
    margin-top: 20px;
}

.transcription .resource-content .resource-metadata  {
    background-color: #F5F5F5;
    box-sizing: border-box;
    padding: 25px;
}

.transcription table th {
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-bottom-color: transparent;
}

.transcription #wikitext .wikitext-flex.notes-column {
    width: 60%;
}

.transcription .page-content {
    padding-top: 0;
}

.transcription h1 {
    padding:40px 40px;
    margin:0 -40px;
    background-color: #F8F6F2;
    line-height: 1.1;
    text-align: center;
}

.transcription h1,
.transcription h2,
.transcription h3 {
    font-weight: normal;
}

.transcription h1,
.transcription h2,
.transcription h3,
.transcription h4,
.transcription h5,
.transcription h6,
.transcription p,
.transcription blockquote,
.transcription pre,
.transcription ul,
.transcription ol,
.transcription dl,
.transcription figure {
    margin-bottom: 15px;
}

.transcription button,
.transcription input[type=submit] {
    height: auto;
    padding: 3.75px 7.5px;
    text-transform: none;
}

.transcription button {
    background-color: #e8e8e8;
    color: #828282;
}

.transcription button.dialog-header-close-button {
    background-color: transparent;
    height: 50px;
}

.transcription button:disabled,
.transcription button.inactive,
.transcription .button:disabled,
.transcription .button.inactive,
.transcription input[type=submit]:disabled,
.transcription input[type=submit].inactive {
    background-color: #e8e8e8;
    color: #FFFFFF;
}

.transcription .pagination a.button {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: none;
    color: var(--grey-textcolor);
}
.transcription .pagination a.button:hover {
    color: var(--primary-color);
}

.transcription .post-content input[type=password],
.transcription .post-content input[type=email],
.transcription .post-content input[type=search],
.transcription .post-content input[type=text] {
    width: auto;
}

.transcription .pagination > span,
.transcription .pagination a {
    width: auto;
}

.transcription h2.post-subtitle {
    font-size: 1em;
}

.transcription .property h4 {
    font-weight: bold;
    padding-bottom: 6px;
}

.transcription .status-bar {
    margin-top: 5px;
}

.transcription .post-content .project.resource-list h4 {
    font-size: 22px;
}

.transcription .resource-grid {
    border-top: solid 20px var(--secondary-collections-color);
}

.transcription .resource-grid .resource-tile a,
.transcription .resource-grid .resource-tile a:visited,
.transcription .resource-grid .resource-tile a:link {
    font-size: 20px;
    line-height: 24px;
    color: var(--grey-textcolor);
}

.transcription .resource-grid .resource-tile a.edit-link {
    color: var(--text-secondary-color);
}

.transcription .resource-grid .resource-tile a:hover {
    color: var(--primary-color);
}

.transcription .resource-metadata + .resource-list {
    width: calc(70% - 20px);
    margin-left: 15px;
}

.transcription .og-grid {
    display: flex;
    flex-wrap: wrap;
}

.transcription .og-grid > li {
    height: 250px;
    max-width: 250px;
}

.transcription .og-grid .button {
    background-color: #F5F5F5;
    padding: 10px;
    font-size: 16px;
    color: #111111;
}

.transcription .og-expander {
    background: #e8e8e8;
}

.transcription .preview-grid + a {
    display: inline-block;
    background: url(../img/voir_toutes_bleu.svg) center right no-repeat;
    padding-right: 40px;
    margin: 10px 10px 20px;

    color: #004652;
    font-family: "Noto Serif", serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 27px;
    text-decoration: none;
    transform-origin: 0 100%;

    position: relative;
    left: 50%;
    transform: translateX(-50%);
}


/*
   ------------------------------------------------
   ---- TIMELINE ----
   ------------------------------------------------
*/


.block-timelineExhibit {
    margin-left : 0 !important;
    margin-right: 0 !important;
}

.block-timelineExhibit .tl-timeline {
    margin-left: 0;
    margin-right: 0;
    height: auto !important;
}

.block-timelineExhibit .tl-timeline .tl-storyslider {
    height: 420px !important;
}

.block-timelineExhibit .tl-timeline .tl-menubar {
    top: 400px !important;
}

.block-timelineExhibit .tl-timeline .tl-slidenav-next,
.block-timelineExhibit .tl-timeline .tl-slidenav-previous {
    top: 140px !important;
}

.block-timelineExhibit .tl-timeline .tl-headline-date,
.block-timelineExhibit .tl-timeline h3.tl-headline-date,
.block-timelineExhibit .tl-full-color-background .tl-text h3.tl-headline-date {
    font-family: "Lato", sans-serif !important;
    font-size: 12px;
    line-height: 13px;
    color: #676767 !important;
    text-transform: none !important;
    text-shadow: none  !important;
    margin-bottom:5px;
}

.block-timelineExhibit .tl-timeline h2.tl-headline-title,
.block-timelineExhibit .tl-slide.tl-full-image-background h1,
.block-timelineExhibit .tl-slide.tl-full-color-background h1,
.block-timelineExhibit .tl-slide.tl-full-image-background h2,
.block-timelineExhibit .tl-slide.tl-full-color-background h2,
.block-timelineExhibit .tl-timeline .tl-slide-content h2,
.block-timelineExhibit .tl-timeline .tl-slide-content h2 a {
    font-family: "Montserrat", sans-serif;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    color: var(--primary-color) !important;
    text-decoration: none;
    text-transform: none !important;
    text-shadow: none  !important;
}

.block-timelineExhibit .tl-storyslider .tl-slider-container-mask {
    background-color: #FFF !important;
}

.block-timelineExhibit .tl-slidenav-next .tl-slidenav-title,
.block-timelineExhibit .tl-slidenav-previous .tl-slidenav-title {
    line-height: 1.1em !important;
    color: #676767 !important;
    opacity: 0.75 !important;
}

.block-timelineExhibit .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-description,
.block-timelineExhibit .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-description {
    opacity: 0.5 !important;
}

.block-timelineExhibit .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-description,
.block-timelineExhibit .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-description,
.block-timelineExhibit .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-title,
.block-timelineExhibit .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-title {
    font-family: "Lato", sans-serif !important;
    font-size: 12px;
    line-height: 14px !important;
    color: #676767 !important;
    text-transform: none !important;
    text-shadow: none !important;
}

.block-timelineExhibit .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-icon,
.block-timelineExhibit .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-icon {
    transform: scale(1.05, 1.4);
    padding-bottom: 30px;
}

.block-timelineExhibit .tl-slidenav-previous .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-icon,
.block-timelineExhibit .tl-slidenav-next .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-icon,
.block-timelineExhibit .tl-slidenav-previous .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-title,
.block-timelineExhibit .tl-slidenav-next .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-title,
.block-timelineExhibit .tl-slidenav-previous .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-description,
.block-timelineExhibit .tl-slidenav-next .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-description {
    text-shadow: 1px 1px 1px #FFF !important;
    color: #333 !important;
}

.block-timelineExhibit .tl-full-image-background .tl-text,
.block-timelineExhibit .tl-full-color-background .tl-text,
.block-timelineExhibit .tl-full-image-background .tl-text p,
.block-timelineExhibit .tl-full-color-background .tl-text p,
.block-timelineExhibit .tl-slide.tl-full-image-background p,
.block-timelineExhibit .tl-slide.tl-full-color-background p,
.block-timelineExhibit .tl-slide.tl-full-image-background h3,
.block-timelineExhibit .tl-slide.tl-full-color-background h3,
.block-timelineExhibit .tl-slide.tl-full-image-background h4,
.block-timelineExhibit .tl-slide.tl-full-color-background h4,
.block-timelineExhibit .tl-slide.tl-full-image-background h5,
.block-timelineExhibit .tl-slide.tl-full-color-background h5,
.block-timelineExhibit .tl-slide.tl-full-image-background h6,
.block-timelineExhibit .tl-slide.tl-full-color-background h6 {
    color: #000000 !important;
    text-shadow: none !important;
}

.block-timelineExhibit .tl-timeline p,
.block-timelineExhibit .tl-text p {
    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    line-height: 19px !important;
    color: #000000 !important;
}

.block-timelineExhibit .tl-slide.tl-full-image-background .tl-caption,
.block-timelineExhibit .tl-slide.tl-full-color-background .tl-caption,
.block-timelineExhibit .tl-slide.tl-full-image-background .tl-credit,
.block-timelineExhibit .tl-slide.tl-full-color-background .tl-credit,
.block-timelineExhibit .tl-timeline .tl-caption,
.block-timelineExhibit .tl-timeline .tl-credit {
    font-family: "Noto Serif", serif;
    font-size: 14px;
    line-height: 20px;
    text-shadow: none !important;
}

.block-timelineExhibit .tl-timeline .tl-credit {
    color: #999999 !important;
}

.block-timelineExhibit .tl-timeline .tl-caption {
    color: #000000 !important;
}

.block-timelineExhibit .tl-slide .tl-slide-content-container .tl-slide-content {
    max-width: 1100px !important;
    padding-left: calc(50vw - 550px) !important;
    padding-right: calc(50vw - 550px) !important;
    width: auto !important;
}

.block-timelineExhibit .tl-timeline .tl-slide-content h2::after {
    content: "";
    display: block;
    height: 11px;
    width: 108px;
    background-color: var(--secondary-color);
    margin: 16px 0 20px;
}

.block-timelineExhibit .tl-timeline .tl-timenav-slider h2.tl-headline {
    font-family: "Montserrat", sans-serif !important;
    font-size: 11px;
    line-height: 16px !important;
    color: #000000;
}

.block-timelineExhibit .tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick,
.block-timelineExhibit .tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick {
    font-size: 14px !important;
    line-height: 20px !important;
}

.block-timelineExhibit .tl-media .tl-media-content-container .tl-media-content img,
.block-timelineExhibit .tl-media .tl-media-content-container .tl-media-content embed,
.block-timelineExhibit .tl-media .tl-media-content-container .tl-media-content object,
.block-timelineExhibit .tl-media .tl-media-content-container .tl-media-content video {
    max-height: 280px !important;
}

.block-timelineExhibit .tl-timeera.tl-timeera-color4 .tl-timeera-background,
.block-timelineExhibit .tl-timeera.tl-timeera-color3 .tl-timeera-background,
.block-timelineExhibit .tl-timeera.tl-timeera-color2 .tl-timeera-background,
.block-timelineExhibit .tl-timeera.tl-timeera-color1 .tl-timeera-background {
    background-color: #676767;
}


/*
   ------------------------------------------------
   ---- MEDIA QUERIES ----
   ------------------------------------------------
*/


/* Version desktop sans marges extérieures */

@media screen and (max-width:1680px) {

    .exposition-part-content.page-type-content {
        padding-left: 40px;
    }
}


@media screen and (max-width:1320px) {

    header .header-contents nav.menu-main {
        padding-left: calc( 21vw - 158px );
    }

    header .header-contents ul.header-controls {
        margin-left: calc( 25.8vw - 109px );
    }

    .expositions-slider-parent {
        background-position: -55px top;
    }

    .full-width .collections-slider-parent,
    .collections-slider-parent {
        max-width: 100vw;
        overflow: hidden;
    }

    .contents.item .item-services,
    .contents.item .item-navigation {
        padding: 0;
    }

    .contents.item .item-details {
        padding-left: 0;
    }

    .contents.item .item-link {
        padding-right: 0;
    }

    /* Recherche avancée */

    header .advanced-search-menu .advanced-search-menu-form-parent {
        width: calc( 53% + 275px );
    }

    /* Résultats de Recherche */
    .filters-and-results-panel {
        margin:0 20px;
    }

    .filters-search-controls {
        right: 20px;
    }

    /* Full width */

    .full-width .header-and-contents,
    .full-width footer {
        max-width: 100%;
        margin: 0;
    }

    .full-width header .logo {
        left: 20px;
    }

    .full-width header .baseline {
        left: 126px;
    }

    .full-width .collections-slider {
        padding: 52px 12px 0 52px;
    }

    .full-width .resources-slider .resources-slide .slide-text {
        padding: 88px 10% 48px;
    }

    .full-width header .header-contents ul.header-controls {
        padding-right: 0;
        margin-right: 10px;
    }

    .full-width .resources-slider .resources-slide .slide-text {
        padding-left: 10%;
    }

    .full-width .expositions-slider {
        padding: 52px 52px 0 72px;
    }

    .full-width .rss-panel-parent {
        padding: 20px;
    }

    .full-width footer .back-to-top {
        right: 10px;
    }

    .full-width .contents.collection  .collection-item-cards,
    .full-width .collection-cards {
        padding:0 48px;
    }

    .full-width .colloque-cards,
    .full-width .page-ressource-cards,
    .full-width .exposition-cards {
        padding-left:48px;
        padding-right:48px;
    }

    .full-width .collection-header .collection-header-infos {
        padding: 64px 65px 150px 25px;
    }

    .collection-header .collection-header-infos {
        min-height: 520px;
    }

    .full-width .contents.item .item-header::after,
    .full-width .collection-header::after {
        width: calc(100% - 2 * 52px);
        margin: 0 52px;
    }

    .full-width .item-contents {
        margin: 0 52px;
        width: auto;
    }

    .full-width .contents.collection .pagination.bottom {
        margin: 0 48px 70px;
        width: auto;
    }

    .full-width .filters-and-results-panel {
        margin-left: 20px;
        margin-right: 20px;
        width: auto;
    }

    /* Compte Utilisateur */
    .user-account-profile-panel,
    .user-account-access-panel {
        margin: 40px 12%;
    }

    /* PopUp Description Collection */
    .popup-collection-description .dialog-panel,
    .popup-collection-description .popup-panel {
        width: auto;
        margin-left: 8%;
        margin-right: 8%;
    }

    /* Scripto */

    .full-width.transcription footer {
        margin: 0;
    }

}


@media screen and (max-width:1280px) {

    .contents.page-type-content,
    .full-width .footer-contents {
        width: 100%;
        margin: 0;
    }

    .full-width footer .back-to-top {
        right: 40px;
    }

    .full-width.page-ressource.timeline .page-type-content > .blocks-inner > * {
        margin-left : 52px;
        margin-right: 52px;
    }

    .block-timelineExhibit .tl-slide .tl-slide-content-container .tl-slide-content {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

    body.resource .showcase-see-also,
    .see-also-parent-block {
        padding-left: 40px;
        padding-right: 0;
    }

}


@media screen and (max-height:800px) and (min-width:640px) {

    body.login .popup.dialog-login .dialog-background {
        top: 60px !important;
    }

    .with-dialog header::after {
        display:none;
    }

    .with-dialog .logo {
        z-index:1;
    }

    header .advanced-search-menu {
        top:0;
    }

    header .advanced-search-menu .advanced-search-menu-background {
        top: -1px !important;
    }

    header .advanced-search-menu .advanced-search-menu-form-parent {
        top: 10px;
    }

    header .advanced-search-menu .advanced-search-menu-footer {
        margin-top: 10px;
    }

    header .advanced-search-menu .advanced-search-menu-panel h1 {
        margin-bottom: 25px;
    }
}


@media screen and (max-height:950px) and (min-width:640px) {

    .popup.dialog-register[open] {
        display: block;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .popup.dialog-register[open]::after {
        content: "";
        display: block;
        height: 100px;
    }

}


@media screen and (max-width:1100px) {

    .contents.item .item-header {
        padding: 26px 20px 68px;
    }

    .contents.item .item-header::after {
        width: calc(100% - 40px);
        margin:0 20px;
    }

    .full-width .item-contents,
    .item-contents {
        margin: 0 20px;
    }

    .contents.item .item-header .item-view {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .contents.item .item-header .item-view img {
        width: 100%;
    }

    .full-width.site-page-bibliographie .blocks-inner::after,
    .full-width.simple-page.site-page-bibliographie .page-type-content > .blocks-inner > * {
        margin-left: 28px;
        margin-right: 28px;
    }

}


/* Version tablette */

@media screen and (max-width:1024px) {

    #user-bar {
        display: none;
    }

    .with-user-bar .popup.is-opening .dialog-background,
    .with-user-bar .popup.is-opening .popup-background,
    .with-user-bar dialog.popup[open] .popup-background {
        padding-top: 0;
    }

    .with-user-bar header .advanced-search-menu .advanced-search-menu-background {
        margin-top: 0;
    }

    .with-user-bar .popup-collection-description.is-opening .dialog-background {
        top: 96px;
        overflow: auto;
        height: calc(100vh - 96px) !important;
    }

    header {
        position: fixed;
        top:0;
        left:0;
        width:100%;
        z-index:15;
    }

    .full-width header .logo,
    header .logo {
        left: 115px;
        top: 4px;
        height: 88px;
        background-size: auto 88px;
    }

    .full-width header .baseline,
    header .baseline {
        left:205px;
        top: 32px;
    }

    header .header-contents ul.header-controls {
        margin-left: calc( 32.5vw - 104px );
        margin-bottom: 0;
    }

    header .header-contents nav.menu-main {
        position: absolute;
        left:0;
        top:96px;
        z-index:7;

        min-width:250px;
        height: calc( 100vh - 96px );
        margin-top:0;
        padding-left: 0;
        background-color: var(--primary-color);
        box-shadow: 0 4px 6px 0 rgba(0,0,0,0.3);
        transform: translateX(-100%);

        -webkit-transition-duration: 0.75s;
        transition-duration: 0.75s;
    }

    header .header-contents ul.header-menu > li a {
        border-bottom: none;
    }

    header .header-contents.is-opening nav.menu-main {
        transform: none;
    }

    header .header-contents.menu-closed ul.header-menu {
        display: none;
    }

    header .header-contents .header-menus nav.menu-main {
        overflow-y: auto;
    }

    header .header-contents .header-menus-background {
        position: fixed;
        top: 96px;
        left: 0;
        z-index: 5;

        display: block;
        width: 100%;
        height: 100%;
        pointer-events: inherit;

        background-color: rgba(36,36,36,0.5);

        -webkit-animation: submenu-background-animation 0.5s both;
        -moz-animation: submenu-background-animation 0.5s both;
        -o-animation: submenu-background-animation 0.5s both;
        animation: submenu-background-animation 0.5s both;
    }

    header .header-contents.menu-closed .header-menus-background {
        display: none;
    }

    header .header-contents nav.menu-main {
        margin-left: 0;
    }

    header .header-contents ul.header-menu > li {
        display: block;
        float: none;
        margin-right:0;
        padding: 22px 16px;
        text-align: left;
        border-bottom: 1px solid rgba(255,255,255, 0.39);
    }

    header .header-contents ul.header-menu li.submenu-opened ul > li:first-child {
        padding-top: 30px;
    }

    header .header-contents ul.header-menu li.submenu-opened ul > li a {
        padding-bottom: 0;
    }

    header .header-contents ul.header-menu li.submenu-opened ul {
        background-color: transparent;
    }

    header .header-contents ul.header-menu li.submenu-opened ul li a {
        color: #FFF;
    }

    header .header-contents ul.header-menu li.submenu-opened li a:hover {
        color: #FFF;
        text-decoration: underline;
    }

    #scriptologoutform [type=submit]#scriptologoutform [type=submit]:hover,
    header .header-contents ul.header-menu li.submenu-opened ul li a:hover,
    header .header-contents ul.header-menu li > a:hover {
        color:var(--light-primary-color);
    }

    header .header-contents ul.header-menu li.submenu-opened ul li a[target="_blank"]::after {
        background-image: url(../img/external-link-white.svg);
    }

    .transcription #scriptologoutform [type=submit] {
        color: #fff;
    }

    header .header-contents ul.header-menu > li > span,
    header .header-contents ul.header-menu > li > a {
        border-bottom: none;
        padding-bottom: 0;
    }

    header .header-contents ul.header-menu > li > a:hover,
    header .header-contents ul.header-menu > li.selected > a,
    header .header-contents ul.header-menu > li.submenu-opened > a,
    header .header-contents ul.header-menu > li.submenu-opened > span,
    .site-page-bibliographie  header .header-contents ul.header-menu > li > span,
    .page-ressource  header .header-contents ul.header-menu > li > span,
    .page-ressources header .header-contents ul.header-menu > li > span,
    header .header-contents ul.header-menu > li span.with-submenu:hover,
    header .header-contents ul.header-menu > li > span:hover,
    header .header-contents ul.header-menu > li > span.with-submenu:hover {
        border-bottom: none;
        padding-bottom: 0;
    }

    header .header-contents ul.header-menu > li.submenu-opened ul {
        display: block;
        position: static;
        margin-top: 0;
        padding: 0 25px 0 0;
        box-shadow:none;
    }

    header .header-contents ul.header-menu > li.submenu-opened ul li {
        padding: 16px 16px;
    }

    header .header-contents ul.header-menu > li.submenu-opened ul li:first-child {
        padding-top: 32px;
    }

    header .header-contents ul.header-menu > li.submenu-opened ul li:last-child {
        padding-bottom: 16px;
    }

    header .hamburger-parent {
        display: block;
    }

    .footer-contents {
        padding-top: 90px;
    }

    .full-width .header-and-contents {
        min-height: calc( 100vh - 159px );
    }

    .footer-contents a.footer-logo {
        left: calc( 50% - 40px );
    }

    .footer-contents ul.footer-menu {
        margin: 25px 12px;
    }

    .breadcrumbs {
        display: none;
    }

    /*
    .contents.home,
    .contents:first-child {
        margin-top: 96px;
    }
    */

    .header-and-contents .search-panel-menu + .contents,
    header + .contents {
        margin-top: 96px;
    }

    .publication .contents:first-child,
    .colloque .contents:first-child {
        margin-top: 0;
    }

    .search-panel-menu {
        position: fixed;
    }

    .search-panel {
        /*
        width: calc( 100% - 50px );
        margin: 0 25px 52px;
        */
    }

    .with-user-bar .search-panel-menu.opened {
        top: 95px;
    }

    .contents.home .search-panel-with-slider .search-panel-parent {
        height: 100%;
    }

    .contents.home .search-panel-with-slider .search-panel-content {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .search-panel-title-and-form {
        margin: 50px 20px 0;
        padding: 20px 25px;
    }

    .search-panel-menu .search-panel-menu-contents form.search-panel {
        width: calc( 100% - 50px );
        margin: 0 auto;
    }

    .search-panel-menu .search-panel-menu-contents form.search-panel input[type=search],
    .search-panel-menu .search-panel-menu-contents form.search-panel input[type=text] {
        width: calc( 100% - 162px );
    }

    .search-panel-parent h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .search-panel-parent p {
        font-size: 15px;
        line-height: 23px;
    }

    .resources-slider ul.slick-dots {
        height:80px;
    }

    .resources-slider ul.slick-dots {
        padding: 32px 0 0 0;
    }

    .full-width .collections-slider,
    .collections-slider {
        padding: 52px 12px 0 12px;
    }

    .collections-slider.slick-initialized .collections-slide {
        padding-right: 15px;
    }

    .showcase-see-also a.card .card-heading,
    .collections-slider .collections-slide .slide-contents .slide-title {
        font-size: 25px;
        line-height: 30px;
    }

    .showcase-see-also .exposition-card-contents .exposition-card-title,
    .expositions-slider .slide-title {
        font-size: 22px;
        line-height: 27px;
        margin-bottom: 15px;
    }

    .collection-item-cards .collection-item-card {
        flex: 0 0 33.3333%;
        position: relative;
        margin-bottom:74px;
    }

    .collection-item-cards .collection-item-card:nth-child(4n+1) .card-header-and-contents,
    .collection-item-cards .collection-item-card:nth-child(4n+2) .card-header-and-contents,
    .collection-item-cards .collection-item-card:nth-child(4n+3) .card-header-and-contents,
    .collection-item-cards .collection-item-card:nth-child(4n) .card-header-and-contents {
        padding: 0;
    }

    .collection-item-cards .collection-item-card:nth-child(4n+1) .card-header-and-contents::after,
    .collection-item-cards .collection-item-card:nth-child(4n+2) .card-header-and-contents::after,
    .collection-item-cards .collection-item-card:nth-child(4n+3) .card-header-and-contents::after,
    .collection-item-cards .collection-item-card:nth-child(4n) .card-header-and-contents::after {
        margin: 0;
    }

    .collection-item-cards .collection-item-card:nth-child(3n+1) .card-header-and-contents {
        padding-right:27px;
    }

    .collection-item-cards .collection-item-card:nth-child(3n+2) .card-header-and-contents {
        padding-left: 13px;
        padding-right: 13px;
    }

    .collection-item-cards .collection-item-card:nth-child(3n) .card-header-and-contents {
        padding-left: 27px;
    }

    .collection-item-cards .collection-item-card:nth-child(3n+2) .card-header-and-contents::after {
        margin-left: 12px;
    }

    .collection-item-cards .collection-item-card:nth-child(3n) .card-header-and-contents::after {
        margin-left: 27px;
    }

    .collections-slider-parent .see-all {
        margin-top: 40px;
    }

    .resources-slider {
    }

    .resources-slider .resources-slide {
        min-height: 402px;
    }

    .resources-slider button.slick-arrow.slick-prev,
    .resources-slider button.slick-arrow.slick-next {
        top: 160px;
    }

    .resources-slider .resources-slide .slide-text {
        padding: 58px 5%;
    }

    .resources-slider .resources-slide .slide-text .slide-type {
        margin-bottom: 30px;
    }

    .resources-slider .resources-slide .slide-text .slide-description {
        margin-bottom: 30px;
    }

    .expositions-slider-parent, .collections-slider-parent {
        padding: 40px 0 30px;
    }

    .expositions-slider-parent .see-all {
        margin-top: 0;
    }

    .rss-panel-parent {
        padding: 0 20px;
    }

    a.rss-panel {
        padding: 42px 0 42px 125px;
    }

    /* Collections */

    .content-category-and-breadcrumb .content-category {
        font-size: 30px;
        line-height: 37px;
    }

    .search-page .contents > .search-panel-parent,
    .contents.recherche > .search-panel-parent,
    .contents.item-sets .search-panel-parent {
         padding: 40px 0;
    }

    .search-page .contents > .search-panel-parent form,
    .contents.recherche > .search-panel-parent form,
    .contents.item-sets .search-panel-parent form {
        width: calc( 100% - 50px );
        padding: 20px;
        margin: 0 25px;
    }

    .search-panel.form-search input[type="search"] {
        width: calc( 100% - 161px );
    }

    .search-page .contents .search-panel-options,
    .contents.recherche .search-panel-options,
    .contents.item-sets .search-panel-options {
        margin-top: 10px;
    }

    .contents.item-sets.suggestions .search-panel > div {
        width: calc(100% - 40px);
    }

    .pagination.top {
        padding: 40px 0 55px;
    }

    .pagination.bottom {
        padding: 0 0 55px 0;
    }

    .full-width .collection-cards,
    .collection-cards {
        margin: 0 20px;
        padding: 0;
    }

    .collection-cards .collection-card-contents .collection-card-title {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .collection-cards .collection-card-contents .collection-card-category {
        margin-bottom: 10px;
    }

    .collection-cards .collection-card {
        margin-bottom: 54px;
    }

    /* Collection d'items */

    .collection-header .collection-title {
        font-size: 22px;
        line-height: 27px;
    }

    .collection-header .collection-title {
        margin-bottom: 18px;
    }

    .collection-header .collection-category {
        margin-bottom: 18px;
    }

    .collection-header .collection-header-infos {
        padding-bottom: 60px;
    }

    .contents.collection .pagination.bottom,
    .collection-header::after {
        margin-left: 20px;
        margin-right:20px;
    }

    .contents.item .item-header::after,
    .collection-header::after {
        height: 48px;
        bottom: -24px;
    }

    .full-width .contents.collection .collection-item-cards,
    .collection-item-cards {
        margin: 0 20px;
        padding: 0;
        width: auto;
    }

    /* Item */

    .contents.item .item-details h1 {
        font-size: 32px;
        line-height: 36px;
    }

    /* Page-type */

    .page-type-header {
        height: 498px;
    }

    .page-type-header::after {
        bottom: -24px;
        left: 8%;
        width: 84%;
        height: 48px;
    }

    .exposition .exposition-content .page-type-intro p,
    .page-type-content .block-html > p,
    .page-type-content .page-type-intro p,
    .page-type-content .page-type-intro,
    .page-type-content li,
    .page-type-content p {
        font-size: 14px !important;
        line-height: 19px !important;
    }

    .page-type-content > *,
    .full-width.simple-page .page-type-content > .blocks-inner > *,
    .full-width.site-page-contact .page-type-content > .blocks-inner > *,
    .full-width.site-page-mentions-legales .page-type-content > .blocks-inner > *,
    .full-width.site-page-politique-de-confidentialite .page-type-content > .blocks-inner > *,
    .full-width.page-ressource .page-type-content > .blocks-inner > *,
    .full-width.page-ressource.timeline .page-type-content > .blocks-inner > *,
    .full-width .colloque > .page-type-content > .blocks-inner > * {
        margin-left: 8%;
        margin-right: 8%;
    }

    .page-type-content h1 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .page-type-content h2 {
        font-size: 20px;
        line-height: 24px;
        margin-top: 18px;
        margin-bottom: 5px;
    }

    .page-type-content h3 {
        font-size: 16px;
        line-height: 19px;
        margin-top: 12px;
        margin-bottom: 5px;
    }

    .page-type-content {
        color: var(--grey-textcolor);
        font-family: "Noto Serif", serif;
        font-size: 14px;
        line-height: 19px;
    }

    .page-type-content .page-type-intro {
        margin-top: 0;
        margin-bottom: 0;
    }

    .page-type-content a {
        font-weight: 600;
        text-decoration: underline;
    }

    .page-type-content blockquote {
        margin: 30px 0;
    }

    .page-type-content blockquote,
    .page-type-content blockquote p {
        font-size: 15px;
        line-height: 26px;
    }
    .page-type-next-back-navigation {
        padding-left: 0;
        padding-right: 0;
        margin-left: 8%;
        margin-right: 8%;
    }

    .page-type-next-back-navigation::before {
        left:0;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .page-type-content .bloc-encart p,
    .page-type-content .bloc-encart {
        font-size: 16px;
        line-height: 25px;
    }

    /* Archives */

    .archives-header::before,
    .archives-footer::before {
        left: 8%;
        width: 84%;
    }

    .archives-header {
        margin-top: 36px;
        padding-bottom: 44px;
    }

    .archives-footer {
       margin-top: 36px;
       padding-bottom: 52px;
    }


    /* See also */

    body.resource .showcase-see-also,
    .see-also-parent-block {
        padding: 35px 8%;
    }

    .see-also-header {
        font-size: 18px;
        line-height: 24px;
    }

    /* Expositions */

    .exposition-cards {
        padding-top: 35px;
        padding-bottom: 70px;
    }

    .exposition-cards .exposition-card {
        flex: 0 0 50%;
    }

    .exposition-cards .exposition-card .exposition-card-contents {
        padding: 25px 10px 45px 10px;
    }

    .exposition-cards .exposition-card:nth-child(3) .exposition-card-border {
        border-top: none;
        padding-top: 0;
    }

    .exposition-cards .exposition-card:nth-child(3n+1) .exposition-card-contents,
    .exposition-cards .exposition-card:nth-child(3n+2) .exposition-card-contents,
    .exposition-cards .exposition-card:nth-child(3n) .exposition-card-contents {
        padding-left: 0;
        padding-right: 0;
    }

    .exposition-cards .exposition-card:nth-child(2n+1) .exposition-card-contents {
        padding-right: 20px;
    }

    .exposition-cards .exposition-card:nth-child(2n) .exposition-card-contents {
        padding-left: 20px;
    }

    .exposition-cards .exposition-card-contents .exposition-card-title {
        font-size: 20px;
        line-height: 24px;
    }

    /* Exposition */

    .exposition-header {
        height: 498px;
        margin-bottom: 52px;
    }

    .exposition-header-hexagon {
        width: 317px;
        height: 361px;
        padding: 90px 40px;
    }

    .block-heading .exposition-services {
        text-align: center;
        margin-bottom: 25px;
    }

    .exposition .exposition-content p.exposition-header-category,
    .exposition-header-category {
        font-size: 12px;
        line-height: 13px;
        margin-bottom: 8px;
    }

    .exposition .exposition-content .exposition-header .exposition-title,
    .exposition-header .exposition-title {
        font-size: 22px;
        line-height: 28px;
    }

    .exposition .exposition-header {
        margin-bottom: 55px;
    }

    .exposition-header::after {
        bottom: -24px;
        left: 8%;
        width: 84%;
        height: 48px;
    }

    .exposition .exposition-content > h3,
    .exposition .exposition-content > p,
    .full-width .exposition .exposition-content > *,
    .full-width .exposition .exposition-content .exposition-main-menu,
    .full-width .exposition > .page-type-content > .blocks-inner > :not(.block-asset),
    .full-width .exposition > .page-type-content > .blocks-inner > .block-asset > .exposition-services,
    .full-width.histoires .exposition-content .blocks-inner > *,
    .full-width.exhibits .exposition-content .blocks-inner > *
     {
        margin-left: 8%;
        margin-right: 8%;
    }

    .full-width .exposition-content > .exposition-header {
        margin-left: 0;
        margin-right: 0;
    }

    .simple-page .blocks-inner::after,
    .exhibit .exposition .blocks-inner::after,
    .exposition-footer {
        margin-top: 55px;
    }

    .exposition-footer {
        padding-bottom: 65px;
    }

    .simple-page .blocks-inner::after,
    .exhibit .exposition .blocks-inner::after,
    .exposition-footer::before {
        left: 8%;
        width: 84%;
    }

    .exposition .exposition-content h3 {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .exposition .exposition-content a,
    .exposition .exposition-content p {
        font-size: 13px;
        line-height: 22px;
    }

    .exposition .exposition-content p {
        margin-bottom: 25px;
    }

    .exposition .exposition-menu.exposition-main-menu {
        margin-top: 25px;
    }

    .exposition .exposition-parts li {
        height: 105px;
    }

    .exposition .exposition-parts li a {
        font-size: 18px;
        line-height: 27px;
        font-weight: 600;
    }

    .exposition-menu p.exposition-menu-title {
        font-size: 25px;
        margin-bottom: 25px;
    }

    /* Exposition- sous-parties */

    .exposition-part .exposition-menu {
        width: 100%;
    }

    .exposition-part .exposition-menu .exposition-menu-title {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 10px;
    }

    .exposition-part .exposition-parts li {
        margin-bottom: 5px;
    }

    .exposition-part .exposition-parts li a {
        font-size: 13px;
        line-height: 19px;
    }

    .exposition-part .exposition-content {
        display: block;
    }

    .full-width .exposition-content > * {
        margin-left: 0;
        margin-right: 0;
    }

    .exposition-part .exposition-content {
        padding-left: 8%;
        padding-right: 8%;
    }

    .exposition-part .exposition-part-content {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        max-width: 100%;
        margin-top:35px;
    }

    .exposition-part .exposition-menu {
        padding: 15px 50px;
    }

    .exposition-part .exposition-footer {
        padding: 50px 8% 75px;
    }

    .exposition-next-back-navigation.page-type-next-back-navigation {
        padding-left: 0;
        padding-right: 0;
    }

    .exposition-next-back-navigation.page-type-next-back-navigation::before {
        width: 100%;
        left: 0;
    }

    .exposition-see-also .exposition-cards .exposition-card:nth-child(3n) {
        display: none;
    }

    /* Publications + Colloques */

    .colloque-cards,
    .page-ressource-cards {
        padding-top: 50px;
        padding-bottom: 18px;
    }

    .colloque-cards .colloque-card,
    .page-ressource-cards .page-ressource-card {
        flex: 0 0 50%;
        margin-bottom: 32px;
    }

    .colloque-cards .colloque-card:nth-child(3n+1) .colloque-card-contents,
    .colloque-cards .colloque-card:nth-child(3n+2) .colloque-card-contents,
    .colloque-cards .colloque-card:nth-child(3n) .colloque-card-contents,
    .page-ressource-cards .page-ressource-card:nth-child(3n+1) .card-contents,
    .page-ressource-cards .page-ressource-card:nth-child(3n+2) .card-contents,
    .page-ressource-cards .page-ressource-card:nth-child(3n) .card-contents {
        padding-left: 0;
        padding-right: 0;
    }

    .colloque-cards .colloque-card:nth-child(2n+1) .colloque-card-contents,
    .page-ressource-cards .page-ressource-card:nth-child(2n+1) .card-contents {
        padding-right: 20px;
    }

    .colloque-cards .colloque-card:nth-child(2n) .colloque-card-contents,
    .page-ressource-cards .page-ressource-card:nth-child(2n) .card-contents {
        padding-left: 20px;
    }

    .colloque-cards .colloque-card-contents::after {
        width: calc(100% - 20px);
    }

    .colloque-see-also .colloque-cards .colloque-card:nth-child(3n),
    .publication-see-also .page-ressource-cards .page-ressource-card:nth-child(3n) {
        display: none;
    }



    /* Résultats de recherche */

    .search-page .contents .filters-and-results-panel .filters-panel,
    .contents.recherche .filters-and-results-panel .filters-panel {
        display: none;
    }

    .search-page .contents .filters-and-results-panel.filters-panel-opened .filters-panel,
    .contents.recherche .filters-and-results-panel.filters-panel-opened .filters-panel {
        display: block;
        width: 100%;
    }

    .search-page .contents .filters-and-results-panel.filters-panel-opened .filters-panel.search-facets {
        box-sizing: border-box;
        max-width: 100%;
    }

    .filters-and-results-panel.search-results-wrapper {
        display: block;
        position: relative;
        margin-top: 20px;
    }

    .search-page .contents .filters-and-results-panel.filters-panel-opened,
    .contents.recherche .filters-and-results-panel.filters-panel-opened {
        padding-top: 45px;
    }

    .search-page .contents .toggle-filters,
    .contents.recherche .toggle-filters,
    .contents.recherche .filters-and-results-panel .toggle-filters,
    .search-page .contents .filters-and-results-panel .filters-search-controls .select-parent,
    .contents.recherche .filters-and-results-panel .filters-search-controls .select-parent {
        width: calc(48vw - 20px);
    }

    .search-page .contents .filters-and-results-panel.filters-panel-opened .toggle-filters,
    .contents.recherche .filters-and-results-panel.filters-panel-opened .toggle-filters {
        position: absolute;
        left: 20px;
        top: 0;
    }

    .search-page .contents .filters-and-results-panel .filters-search-controls .select-parent,
    .contents.recherche .filters-and-results-panel .filters-search-controls .select-parent {
        position: absolute;
        right: 20px;
        top: 0;
    }

    .filters-search-controls {
        position: static;
        width: auto;
        margin-left:68px;
        margin-right:68px;
        white-space: nowrap;
    }

    .filters-search-controls .search-results-count {
        padding: 15px 0 0;
    }

    .search-page .contents .toggle-filters,
    .contents.recherche .toggle-filters,
    .filters-search-controls a.toggle-filters {
        display: inline-block;
        width:48vw;
        height: 45px;
        box-sizing: border-box;
    }

    .search-page .contents .filters-and-results-panel .filters-search-controls .select-parent,
    .contents.recherche .filters-and-results-panel .filters-search-controls .select-parent {
        height: 43px;
    }

    .search-page .contents .filters-search-controls .toggle-filters,
    .contents.recherche .filters-search-controls .toggle-filters {
        order: 1;
    }

    .search-page .contents .filters-search-controls .search-sort,
    .contents.recherche .filters-search-controls .search-sort {
        order: 2;
    }

    .search-page .contents .filters-search-controls .search-results-count,
    .contents.recherche .filters-search-controls .search-results-count  {
        order: 3;
    }

    .filters-search-controls .search-sort {
        display: inline-block;
        width:45vw;
        margin: 0;
    }

    .filters-search-controls .search-sort select {
        width:100%;
    }

    .results-panel,
    .filters-panel.search-facets,
    .filters-panel {
        flex:unset;
        width:auto;
    }

    .filters-panel.search-facets,
    .filters-panel {
        padding: 20px;
    }

    .results-panel {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .results-panel .parent-pagination.align-left .pagination,
    .results-panel .pagination.align-left {
        text-align: center;
    }

    .search-page .contents .filters-and-results-panel.filters-panel-opened .filters-panel,
    .contents.recherche .filters-and-results-panel.filters-panel-opened .filters-panel {
        background-color:#F8F6F2;
        border-top: var(--primary-color) solid 11px;
    }

    .full-width .filters-and-results-panel {
        margin-left:0;
        margin-right:0;
    }

    .filters-panel-header {
        display: none;
    }

    .search-page .contents .pagination,
    .contents.recherche .pagination {
        min-height: inherit;
    }

    .search-page .contents .parent-pagination.top .pagination,
    .search-page .contents .pagination.top,
    .contents.recherche .parent-pagination.top .pagination,
    .contents.recherche .pagination.top {
        padding: 15px 0;
    }

    .search-page .contents .filters-and-results-panel.filters-panel-opened .filters-search-controls a.toggle-filters,
    .contents.recherche .filters-and-results-panel.filters-panel-opened .filters-search-controls a.toggle-filters {
        padding-bottom: 14px;
    }

    .filters-panel select,
    .filters-panel input[type=text],
    .filters-panel input[type=search],
    .filters-panel .advanced-search-add-filter {
        width: 40%;
    }

    .filters-panel input[type=submit],
    .filters-panel .close-filters,
    .filters-panel .save-filters {
        display: inline-block;
        width: 20%;
        height: auto;
    }

    .filters-panel select {
        margin: 0 10px 20px 0;
    }


    .filters-and-results-panel .search-results-header {
        display: inline-block;
    }

    .filters-and-results-panel .search-results-header.filters-search-controls {
        /*
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        */

        display: block;
        margin-left:auto;
        margin-right:auto;
        white-space: nowrap;
    }

    .filters-and-results-panel .search-results-part.search-results-footer.parent-pagination.bottom {
        justify-content: center;
    }

    .filters-and-results-panel .search-results-header.filters-search-controls {
        /* width: calc( 100% - 30px ); */
    }

    .filters-and-results-panel .search-results-header.filters-search-controls .search-results-header {
        vertical-align: top;
        width: 52%;
    }

    .filters-and-results-panel .search-results-header.filters-search-controls .search-results-header .search-sort {
        width: calc( 100% - 24px );
    }

    .search-sort .select-parent {
        width: 100%;
    }

    .filters-panel button.search-reset,
    .filters-panel a.search-reset,
    .filters-panel button.reset-advanced-search,
    .filters-panel a.reset-advanced-search {
        width: auto;
    }

    .filters-panel .search-boolean {
        text-align: left;
    }

    /*
    .advanced-search-menu-header {
        display: none;
    }
    */

    .popup.dialog-register[open] {
        display: block;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .popup.dialog-register[open]::after {
        content: "";
        display: block;
        height: 100px;
    }


    /* Compte Utilisateur */

    .user-account-content .user-account-menu {
        flex: 0 0 256px;
        padding: 30px 20px 55px 20px;
    }

    .user-account-content .user-account-menu-items a {
        display: block;
        padding: 15px 0 15px 0;
    }

    .user-account-selection-panel {
        margin: 22px 14px 40px;
    }

    .user-account-search-panel  {
        margin: 40px 10px 40px;
    }

    .user-account-search-item:nth-child(2n+1) .user-account-search-item-content,
    .user-account-selection-resource:nth-child(2n+1) .user-account-selection-resource-content {
        margin-right: 14px;
    }

    .user-account-search-item:nth-child(2n) .user-account-search-item-content,
    .user-account-selection-resource:nth-child(2n) .user-account-selection-resource-content {
        margin-right: 0;
    }

    .user-account-search-item,
    .user-account-selection-resource {
        margin-bottom: 40px;
    }

    .user-account-selection-buttons {
        width: 210px;
        padding: 0;
        margin: 27px auto 0;
    }

    .user-account-selection-buttons .user-account-selection-button:nth-child(1),
    .user-account-selection-buttons .user-account-selection-button:nth-child(2),
    .user-account-selection-buttons .user-account-selection-button:nth-child(3) {
        padding: 0 0 18px 0;
    }

    .user-account-selection-buttons .user-account-selection-button:nth-child(3) {
        padding: 0;
    }

    .user-account-selection-buttons {
        display: block;
    }

    .user-account-selection-resource a .card-image-parent {
        display: none;
    }

    .user-account-selection-resource-title {
        font-size: 20px;
    }

    .user-account-selection-resource a {
        padding: 30px 20px 10px 20px;
    }

    .user-account-search-item-content a.search-history-delete,
    .user-account-selection-resource .user-account-selection-resource-delete {
        bottom: 10px;
    }

    .user-account-profile-panel,
    .user-account-access-panel {
        margin: 40px 8%;
    }

    .user-account-search-item-content a {
        font-size: 17px;
        line-height: 20px;
    }

    .user-account-search-item {
        margin-bottom: 20px;
    }

    #reference-headings {
        margin: 30px 8%;
    }

    /* Scripto */

    /*
    .wrapper {
        margin-top: 30px;
    }

    .transcription .wrapper {
        margin-top: 100px;
    }
    */

    .resource-grid .resource-tile {
        width: 33.33%;
    }

    .resource-grid .resource-tile img {
        width: 100%;
    }

    .transcription .submenu {
        padding-right: 0;
    }


    /* NEW SEARCH TABLET */

    .search-save-form-content {
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 90%;
        margin: 0 auto 30px;
    }

    .search-save-form-content label {
        flex: 100% 0 0;
    }

    .search-save-form-content > input[type="text"] {
        padding: 12px 12px;
        width: calc( 100% - 180px );
    }

    .search-save-form-content > label {
        margin-bottom: 10px !important;
    }

    .search-save-form-content > label,
    .search-save-form-content > a {
        margin-right: 0 !important;
    }

    .search-save-form-content > label {
        width: 100%;
        text-align: left;
    }

    .filters-panel a.save-advanced-search {
        display: inline-block;
        margin-left: 20px;
    }

    .filters-panel input[type="submit"] {
        float: right;
    }

    .filters-panel ul.search-facets-active {
        display: none;
    }

    .results-panel ul.search-facets-active {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap:10px;
    }

    .filters-panel-opened .results-panel ul.search-facets-active {
        display: none;
    }

    /* FIN SEARCH TABLET */



}


/* Version mobile : écran large */

@media screen and (max-width:768px) {

    .header-contents ul.header-controls {
        margin-left: calc(22vw - 70px);
    }

    .with-dialog .contents,
    .with-dialog footer {
        display: none;
    }

    header .advanced-search-menu .advanced-search-menu-form-parent {
        max-height: 100vh;
    }

    .min-height-content {
        min-height: calc(100vh - 400px);
    }

    .with-user-bar .min-height-content {
        min-height: calc(100vh - 436px);
    }

    .footer-contents {
        padding: 20px 10px;
    }

    .full-width footer .back-to-top {
        right: 10px;
    }

    .footer-contents ul.footer-menu {
        display: block;
        margin: 0;
        padding: 100px 0 15px;
    }

    .footer-contents ul.footer-menu li {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        padding: 10px 0;
    }

    .footer-contents .back-to-top {
        right: 8px;
        top: unset;
        bottom: 8px;
    }

    .search-panel-parent p {
        display: none;
    }

    .search-panel {
        width: 100%;
        margin: 25px 0 0 0;
        text-align: center;
    }

    form.search-panel {
        width: 100%;
    }

    .search-panel-title-and-form {
        margin: 0;
        padding: 178px 0 0;
        background: none;
    }

    .search-panel-title-and-form > div,
    .contents.home .search-panel-with-slider .search-panel-title-and-form  .search-panel-parent {
        background-color: rgba(248,246,242,0.95);
    }

    .search-panel-parent h2 {
        margin: 0 auto;
        padding-top: 20px;
    }

    .search-panel-description {
        margin: 0 auto;
    }

    .contents.home .search-panel-with-slider .search-panel-title-and-form  .search-panel-parent {
        padding: 15px;
    }

    .contents.home .search-panel-with-slider .search-panel {
        margin: 0;
    }

    .contents.home .search-panel-parent form.form-search > div {
        flex-direction: column;
    }

    .search-panel.form-search input[type="text"],
    .search-panel.form-search input[type="search"] {
        width: 100%;
    }

    .search-panel-parent h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .search-panel-menu .search-panel-menu-contents form.search-panel {
        height: auto;
        padding: 60px 0 35px;
    }

    .search-panel-menu .search-panel-menu-contents form.search-panel input[type="search"],
    .search-panel-menu .search-panel-menu-contents form.search-panel input[type="text"] {
        width: 100%;
    }

    .search-panel-menu .search-panel-menu-contents form.search-panel .advanced-search {
        position: static;
        top: unset;
    }

    .search-panel-menu .search-panel-menu-contents .search-panel-parent .search-mode {
        justify-content: center;
    }

    .search-panel input[type="search"],
    .search-panel input[type="text"] {
        width: 100%;
        float: left;
    }

    .search-panel input[type="submit"],
    .search-panel button[type="submit"] {
        position: static;
        display: inline-block;
        margin: 20px auto 20px;
    }

    .search-page .contents .search-panel,
    .contents.recherche .search-panel,
    .contents.item-sets .search-panel {
        text-align: left;
    }

    .contents.item-sets.suggestions .search-panel > div {
        width: calc(100% - 40px);
    }

    .contents.home .search-panel-with-slider {
        height: auto !important;
    }

    .contents.home > .search-panel-parent form.form-search > div {
        flex-direction: column;
    }

    .contents .search-panel-parent form.form-search > div.search-panel-options {
        width: 100%;
        columns: 1;

        max-width: 95%;
        margin: 20px auto 15px;
        order: 2;
    }

    .contents .search-panel-parent form.form-search > div.search-mode {
        order: 3;
    }

    .search-panel-menu .search-panel-menu-contents form.search-panel .search-panel-options {
        margin-bottom: 16px;
        columns: 1;
    }

    .search-panel-menu .search-panel-menu-contents form.search-panel .search-panel-options > label,
    .contents .search-panel-parent form.form-search > div.search-panel-options > label {
        text-align: left;
        width: 100%;
    }

    .contents.home .search-panel-with-slider .search-panel-content {
        padding-bottom: 40px;
    }

    .search-page .contents .search-panel input[type=search],
    .search-page .contents .search-panel input[type=text],
    .contents.recherche .search-panel input[type=search],
    .contents.recherche .search-panel input[type=text],
    .contents.item-sets .search-panel input[type=search],
    .contents.item-sets .search-panel input[type=text] {
        /* width: calc(100% - 52px);
        float: left; */
    }

    .search-page .contents form.search-panel > div,
    .contents.recherche form.search-panel > div {
        min-height: 50px;
    }

    .search-page .contents form.search-panel > div::after,
    .contents.recherche form.search-panel > div::after {
        clear: both;
    }

    .search-page .contents .search-panel button[type=submit],
    .search-page .contents .search-panel input[type=submit],
    .contents.recherche .search-panel button[type=submit],
    .contents.recherche .search-panel input[type=submit] {
        float: left;
        position: static;
        display: block;
        margin: 0 0 0 2px;
        width: 50px;
        background: var(--primary-color) url(../img/loupe.svg) center no-repeat;
        transform: none;

        font-size: 0;
        text-indent: -9999px;
    }

    .search-page .contents .search-panel button[type=submit]:hover,
    .search-page .contents .search-panel input[type=submit]:hover,
    .contents.recherche .search-panel button[type=submit]:hover,
    .contents.recherche .search-panel input[type=submit]:hover {
        background: var(--secondary-color) url(../img/loupe.svg) center no-repeat;
    }

    .search-panel .advanced-search {
        position: static;
        margin-top: 70px;
        margin-bottom: 10px;
    }

    .search-panel button[type="submit"] {
        position: absolute;
        bottom: 56px;
        left: 50%;
        float: none;
        right: unset;
        z-index: 2;
        margin: 0;
        transform: translateX(-50%);
    }

    body.item.browse .contents > .search-panel-parent .search-panel button[type="submit"] {
        position: absolute;
        bottom: 69px;
    }

    .search-page .contents .search-panel .advanced-search,
    .contents.recherche .search-panel .advanced-search,
    .contents.item-sets .search-panel .advanced-search {
        position: unset;
        margin-top: 0;
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.39);
        text-align: center;
    }

    .contents.item-sets .search-panel .advanced-search,
    .search-panel-menu .search-panel .advanced-search {
        margin-top: 80px;
        margin-bottom: 0;
    }

    .contents.item-sets .search-panel .advanced-search {
        margin-top: 70px;
    }

    .search-panel-menu .search-panel button[type="submit"] {
        bottom: 84px;
    }

    .search-panel-options {
        display: inline-block;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .search-panel-menu .search-panel-menu-contents form.search-panel .search-panel-options {
        margin-top: 20px;
    }

    .search-panel-option {
        display: block;
        text-align: left;
    }

    .resources-slider .resources-slide {
        height: auto;
    }

    .resources-slider .resources-slide .slide-text,
    .resources-slider .resources-slide .slide-image {
        float: none;
        width: 100%;
        height: auto;
    }

    .resources-slider .resources-slide .slide-text::before {
        display: none;
    }

    .resources-slider .resources-slide .slide-image {
        padding-bottom: 66.66%;
    }

    .expositions-slider-parent {
        background: none;
        position: relative;
        padding: 90px 10% 48px;
    }

    .full-width .expositions-slider {
        padding: 52px 32px 40px 52px;
    }

    .expositions-slider-parent::before {
        content: "";
        position: absolute;
        top:0;
        left: 0;
        display: block;
        width: 100%;
        height: 60px;
        background: url(../img/Rectangle_bleu@2x.svg) left bottom no-repeat;
        border-bottom: solid 1px var(--grey-bordercolor);
    }

    .expositions-slider-parent h2, .collections-slider-parent h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .resources-slider .slick-list {
        background-color: var(--secondary-color);
    }

    .resources-slider .resources-slide .slide-text {
        padding: 18px 10%;
    }

    .resources-slider .resources-slide .slide-text .slide-type {
        margin-bottom: 22px;
    }

    .resources-slider .resources-slide .slide-text h2 {
        font-size: 30px;
        line-height: 31px;
    }

    .resources-slider .resources-slide .slide-text h2 {
        margin-bottom: 16px;
    }

    .resources-slider .resources-slide .slide-text .slide-description {
        margin-bottom: 20px;
    }

    .resources-slider .resources-slide .slide-text .slide-link {
        margin-bottom: 14px;
    }

    .collections-slider-parent {
        padding: 32px 10% 48px;
    }

    .collections-slider-parent h2 {
        text-align: left;
    }

    .full-width .collections-slider,
    .collections-slider {
        padding: 34px 0;
        width: 150vw;
    }

    .collections-slider.one-slide .slick-track {
        margin: 0;
    }

    button.slick-arrow.slick-prev,
    button.slick-arrow.slick-next {
        display: none !important;
    }

    .resources-slider button.slick-arrow.slick-prev,
    .resources-slider button.slick-arrow.slick-next {
        display: inline-block !important;
        transform: translateY(-50%);
        top: 0;
    }

    .collection-header::after {
        height: 32px;
        bottom: -16px;
    }

    .see-also-parent-block > .block-heading h3,
    .see-also-parent-block .block-itemSetShowcase h2 {
        font-size: 14px;
    }

    .showcase-see-also .slick-slider.slick-initialized .slick-slide,
    .expositions-slider.slick-initialized .slick-slide {
        padding-right: 0;
    }

    .showcase-see-also a.card .card-heading,
    .collections-slider .collections-slide .slide-contents .slide-title {
        font-size: 15px;
        line-height: 19px;
    }

    .showcase-see-also a.card .card-body,
    .collections-slider .collections-slide .slide-contents .slide-description {
        font-size: 12px;
        line-height: 20px;
    }

    .showcase-see-also .exposition-card-contents .exposition-card-title,
    .expositions-slider .slide-title {
        font-size: 20px;
        line-height: 24px;
    }

    .collections-slider-parent .see-all {
        margin-top: 15px;
    }

    .collections-slider-parent .see-all a {
        font-size: 15px;
    }

    .collections-slider-parent .see-all a:hover {
        text-decoration: underline;
        transform: none;
    }

    .expositions-slider {
        padding: 32px 32px 48px;
    }

    .showcase-see-also .exposition-card-contents .exposition-card-title,
    .expositions-slider .slide-title {
        margin-bottom: 10px;
    }

    .expositions-slider-parent .see-all {
        margin-top: 0;
    }

    .expositions-slider-parent .see-all a {
        font-size: 15px;
    }

    .expositions-slider-parent .see-all a:hover {
        text-decoration: underline;
        transform: none;
    }

    .expositions-slider.slick-initialized .slick-slide {
        padding-right: 0;
        padding-bottom: 0;
    }

    .rss-panel-parent .rss-panel {
        padding: 150px 0 42px 0;
        background: url(../img/rss_bas.svg) center top 30px no-repeat;
        margin: 0 auto;
        width: 80%;
    }

    /* Collections */
    .content-category-and-breadcrumb {
        padding: 18px 0;
    }

    .content-category-and-breadcrumb .content-category {
        font-size: 25px;
        line-height: 30px;
    }

    .search-page .contents > .search-panel-parent,
    .contents.recherche > .search-panel-parent,
    .contents.item-sets .search-panel-parent {
        /* padding: 33px 0 16px 0; */
        padding: 25px;
    }

    .search-page .contents > .search-panel-parent form,
    .contents.recherche > .search-panel-parent form,
    .contents.item-sets .search-panel-parent form {
        width: 100%;
        padding: 20px;
        margin: 0;
    }

    .search-panel .advanced-search {
        text-transform: uppercase;
    }

    .search-page .contents .search-panel .advanced-search,
    .contents.recherche .search-panel .advanced-search {
        padding-top: 15px;
    }

    .contents.item-sets .search-panel .advanced-search {
        padding-top: 0;
    }

    .search-page .contents .search-panel-options,
    .contents.recherche .search-panel-options,
    .contents.item-sets .search-panel-options {
        margin-top: 17px;
    }

    .full-width .collection-cards, .collection-cards {
        margin: 0 12px;
    }

    /* Collection d'items */
    .collection-header .collection-header-infos {
        padding: 25px 25px 50px 25px;
        min-height: 450px;
    }

    .collection-header .collection-title {
        font-size: 16px;
        line-height: 20px;
    }

    .collection-header .collection-category {
        font-size: 14px;
        line-height: 25px;
    }

    .collection-cards .collection-card-contents .collection-card-title,
    .collection-item-cards .collection-item-card-contents .collection-item-card-title {
        font-size: 15px;
        line-height: 19px;
    }

    .collection-item-cards .collection-item-card-contents .collection-item-card-title {
        margin-bottom: 15px;
    }

    .collection-cards .collection-card-contents .collection-card-category {
        margin-bottom: 0;
    }

    .collection-cards .collection-card-contents .collection-card-description,
    .collection-item-cards .collection-item-card-contents .collection-item-card-description {
        font-size: 12px;
        line-height: 20px;
    }

    .collection-item-cards .collection-item-card {
        margin: 0 0 22px 0;
    }

    .full-width .contents.collection .pagination.bottom,
    .contents.collection .pagination.bottom {
        margin-top: 30px;
        margin-bottom: 70px;
        padding: 0 0 45px 0;
    }

    .collection-header .collection-header-image {
        position: relative;
        display: block;
        padding-bottom: 66.66%;
    }

    .collection-header .collection-header-infos {
        position: static;
        width: 100%;
    }

    .collection-header .collection-documents-count {
        font-size: 12px;
        line-height: 13px;
    }

    .collection-header .collection-category {
        margin-bottom: 15px;
    }

    /* Item */
    .contents.item .item-header::after,
    .collection-header::after {
        height: 32px;
        bottom: -16px;
    }

    .contents.item .item-header {
        margin-bottom: 0;
    }

    .contents.item .item-details-columns {
        display: block;
    }

    .contents.item .item-details {
        width: 100%;
        padding: 0;
        border-right: none;
    }

    .contents.item .item-link,
    .contents.item .item-details {
        flex: unset;
    }

    .contents.item .item-link {
        border-top: 1px solid var(--grey-bordercolor);
        padding: 30px 0;
    }

    .contents.item .item-details h1 {
        font-size: 20px;
        line-height: 28px;
    }

    .contents.item .item-services {
        margin: 25px 0;
    }

    .contents.item .item-services a.back-to-collection {
        display: none;
    }


    /* Page-type */
    .page-type-header {
        margin-bottom: 42px;
        height: 300px;
    }

    .page-type-content .page-type-header {
        height:300px
    }

    .page-type-header::after {
        left: 3%;
        width: 94%;
    }

    .page-type-content blockquote,
    .page-type-content > *,
    .full-width.simple-page .page-type-content > .blocks-inner > *,
    .full-width.site-page-contact .page-type-content > .blocks-inner > *,
    .full-width.site-page-mentions-legales .page-type-content > .blocks-inner > *,
    .full-width.site-page-politique-de-confidentialite .page-type-content > .blocks-inner > *,
    .full-width.simple-page.site-page-bibliographie .page-type-content > .blocks-inner > *,
    .full-width.site-page-bibliographie .blocks-inner::after,
    .full-width.page-ressource .page-type-content > .blocks-inner > *,
    .full-width.page-ressource.timeline .page-type-content > .blocks-inner > *,
    .full-width .colloque > .page-type-content > .blocks-inner > * {
        margin-left: 3%;
        margin-right: 3%;
    }

    .page-type-next-back-navigation {
        margin-left: 3%;
        margin-right: 3%;
    }

    .page-type-content-header {
        padding-bottom: 22px;
        margin-bottom: 22px;
    }

    .page-type-content-header .publication-date,
    .page-type-content-header .publication-author,
    .page-type-content-header a.back-to-publications {
        float: none;
        margin-left: 8px;
        margin-bottom: 8px;
        padding-bottom: 15px;
        padding-left: 45px;
    }

    .page-type-content-header .publication-date,
    .page-type-content-header .publication-author {
        font-size:12px;
    }

    .page-type-content-header a.back-to-publications {
        font-size:13px;
    }

    .page-type-content h1 {
        font-size: 23px;
        line-height: 28px;
        margin-bottom: 5px;
    }

    .page-type-content h2 {
        font-size: 18px;
        line-height: 22px;
        margin-top: 18px;
        margin-bottom: 5px;
    }

    .page-type-content h3 {
        font-size: 16px;
        line-height: 19px;
        margin-top: 12px;
        margin-bottom: 5px;
    }

    .page-type-content {
        color: var(--grey-textcolor);
        font-family: "Noto Serif", serif;
        font-size: 14px;
        line-height: 19px;
    }

    .page-type-content a {
        font-weight: 600;
        text-decoration: underline;
    }

    .page-type-content {
        /* margin: 30px 0; */
    }

    .page-type-content,
    .page-type-content li,
    .page-type-content p {
        font-size: 14px;
        line-height: 19px;
    }

    .page-type-content .block-assets.nb-assets-1 .asset,
    .page-type-content .block-assets.nb-assets-2 .asset,
    .page-type-content .block-assets.nb-assets-3 .asset,
    .page-type-content .block-assets.nb-assets-4 .asset  {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .page-type-content .bloc-deux-images {
        display: block;
    }

    .page-type-content .bloc-deux-images > div:first-child {
        padding-right: 0;
    }

    .page-type-content .bloc-deux-images > div:last-child {
        padding-left: 0;
    }

    .page-type-content .bloc-deux-images > div:last-child {
        padding-left: 0;
        padding-top: 0;
    }

    .page-type-content p.image-caption {
        margin-top: 10px;
    }


    /* Archives */

    .archives p.archives-intro {
        font-size: 13px;
        line-height: 19px;
    }

    .archives .page-type-content {
        margin-top: 0;
    }

    .archives-header::before,
    .archives-footer::before {
        left: 3%;
        width: 94%;
    }

    .archives-header {
        margin-top: 28px;
        padding-bottom: 34px;
    }

    .archives-footer {
        margin-top: 28px;
        padding-bottom: 52px;
    }

    /* See also */

    body.resource .showcase-see-also,
    .see-also-parent-block {
        padding: 25px 3%;
    }

    .see-also-header {
        padding-left: 10px;
        font-size: 14px;
        line-height: 22px;
    }


    /* Expositions */


    .exposition-cards .exposition-card-contents .exposition-card-description {
        font-size: 12px;
        line-height: 22px;
    }

    /* Exposition */

    .exposition-header {
        height: 454px;
        margin-bottom: 40px;
    }

    .exposition-header-hexagon {
        width: 302px;
        height: 346px;
        padding: 90px 40px;
    }

    .exposition .exposition-content p.exposition-header-category,
    .exposition-header-category {
        margin-bottom: 8px;
    }

    .exposition .exposition-content .exposition-header .exposition-title,
    .exposition-header .exposition-title {
        font-size: 20px;
        line-height: 25px;
    }

    .exposition-header::after {
        bottom: -24px;
        left: 3%;
        width: 94%;
        height: 48px;
    }

    .full-width .exposition-content > * {
        margin-left: 0;
        margin-right: 0;
    }

    .exposition .exposition-content > h3,
    .exposition .exposition-content > p,
    .full-width .exposition .exposition-content > *,
    .full-width .exposition .exposition-content .exposition-main-menu,
    .full-width .exposition > .page-type-content > .blocks-inner > :not(.block-asset),
    .full-width .exposition > .page-type-content > .blocks-inner > .block-asset > .exposition-services,
    .full-width.histoires .exposition-content .blocks-inner > *,
    .full-width.exhibits .exposition-content .blocks-inner > *
    {
       margin-left: 3%;
        margin-right: 3%;
    }

    .full-width .exposition-content > .exposition-header {
        margin-left: 0;
        margin-right: 0;
    }

    .simple-page .blocks-inner::after,
    .exhibit .exposition .blocks-inner::after,
    .exposition-footer {
        margin-top: 55px;
    }

    .exposition-footer {
        padding-bottom: 65px;
    }

    .simple-page .blocks-inner::after,
    .exhibit .exposition .blocks-inner::after,
    .exposition-footer::before {
        left: 3%;
        width: 94%;
    }

    .exposition .exposition-content h3 {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 20px;
    }

    .exposition .exposition-content p {
        font-size: 12px;
        line-height: 21px;
        margin-bottom: 25px;
    }

    .exposition .exposition-content .exposition-menu p.exposition-menu-title,
    .exposition-menu .exposition-menu-title {
        font-size: 23px;
        margin-bottom: 25px;
    }

    .exposition-parts li {
        height: 97px;
    }

    .exposition .exposition-parts li a,
    .exposition-parts li a {
        font-size: 15px;
        line-height: 21px;
    }

    .exposition-see-also .exposition-cards .exposition-card:nth-child(2),
    .exposition-see-also .exposition-cards .exposition-card:nth-child(3) {
        display: none;
    }

    /* Exposition- sous-parties 768 */

    .exposition-part .exposition-menu .exposition-menu-title {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 5px;
    }

    .exposition-part .exposition-parts li {
        margin-bottom: 5px;
    }

    .exposition-part .exposition-parts li a {
        font-size: 12px;
        line-height: 19px;
    }

    .exposition-part .exposition-content {
        display: block;
    }

    .exposition-part .exposition-content {
        padding-left: 3%;
        padding-right: 3%;
    }

    .exposition-part .exposition-menu {
        padding: 10px 10px;
    }

    .exposition-part .exposition-part-content {
        padding-left: 0;
        margin-top:35px;
    }

    .exposition-part .exposition-footer {
       padding: 50px 3% 60px;
    }

    .exposition-see-also .exposition-cards .exposition-card:nth-child(3n) {
        display: none;
    }

    /* Publications + Colloques */

    .colloque-cards,
    .page-ressource-cards {
        padding-top: 25px;
        padding-bottom: 18px;
    }

    .full-width .colloque-cards,
    .full-width .page-ressource-cards {
        padding-left: 20px;
        padding-right: 20px;
    }



    .colloque-cards .colloque-card-contents .colloque-card-title,
    .page-ressource-cards .card-contents .card-heading {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 12px;
    }

    .colloque-cards .colloque-card-contents .colloque-card-location,
    .page-ressource-cards .card-contents .card-heading-sub {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 0;
    }

    .colloque-cards .colloque-card-contents > div:last-of-type,
    .page-ressource-cards .card-contents > div:last-of-type {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 60px;
    }

    .colloque-cards .colloque-card-contents .card-date {
        margin-bottom: 35px;
    }

    .page-ressource-cards .card-contents .page-ressource-card-description {
        font-size: 12px;
        line-height: 21px;
    }

    .colloque-cards .colloque-card-contents::after {
        width: 100%;
    }

    .colloque-see-also .colloque-cards,
    .publication-see-also .page-ressource-cards {
        padding-left: 0;
        padding-right: 0;
    }


    .colloque-see-also .colloque-cards .colloque-card:nth-child(3),
    .colloque-see-also .colloque-cards .colloque-card:nth-child(2),
    .publication-see-also .page-ressource-cards .page-ressource-card:nth-child(3),
    .publication-see-also .page-ressource-cards .page-ressource-card:nth-child(2) {
        display: none;
    }

    /* Contact */

    .contact form {
        margin: 0;
    }

    .contact-name-email-fields {
        display: block;
    }

    .contact-name-email-fields > div {
        flex: 0 0 100%;
        margin-bottom: 25px;
    }

    .contact-name-email-fields > div:first-child {
        padding-right: 0;
    }

    .contact-name-email-fields > div:last-child {
        padding-left: 0;
    }

    .contact-buttons {
        margin-top: 30px;
    }

    .contact .page-type-content p {
        margin-bottom: 20px;
    }

    /* Résultats de Recherche */

    .search-page .contents,
    .contents.recherche {
        border-bottom: none;
        margin-bottom: 0;
    }

    .filters-search-controls {
        display: flex;
        margin-left:12px;
        margin-right:12px;
        white-space: nowrap;
    }

    .search-page .contents .toggle-filters, .contents.recherche .toggle-filters,
    .contents.recherche .filters-and-results-panel .toggle-filters,
    .search-page .contents .filters-and-results-panel .filters-search-controls .select-parent,
    .contents.recherche .filters-and-results-panel .filters-search-controls .select-parent {
        width: calc(48vw - 12px);
    }

    .search-page .contents .filters-and-results-panel.filters-panel-opened .toggle-filters,
    .contents.recherche .filters-and-results-panel.filters-panel-opened .toggle-filters {
        left: 12px;
    }

    .search-page .contents .filters-and-results-panel .filters-search-controls .select-parent,
    .contents.recherche .filters-and-results-panel .filters-search-controls .select-parent {
        right: 2px;
    }

    .filters-panel select,
    .filters-panel input[type=search],
    .filters-panel input[type=text],
    .filters-panel input[type=submit],
    .filters-panel .advanced-search-add-filter,
    .filters-panel .close-filters,
    .filters-panel .save-filters,
    .filters-panel button.reset-advanced-search,
    .filters-panel a.reset-advanced-search,
    .filters-panel button.search-reset,
    .filters-panel a.search-reset,
    .filters-panel .search-history-delete,
    .filters-panel .apply-filters  {
        width: 100%;
    }

    .search-page .contents .filters-search-controls .toggle-filters,
    .contents.recherche .filters-search-controls .toggle-filters {
        width: 120px;
        box-sizing: border-box;
    }

    .search-page .contents .filters-search-controls .search-sort,
    .contents.recherche .filters-search-controls .search-sort {
        width: calc( 100% - 135px);
    }

    .filters-search-controls select.sorting-selector {
        width: 100%;
    }

    .filters-panel .filters-panel-date select {
        width: 35%;
        margin: 0 2px 20px 0;
    }

    .results-panel {
        padding-left: 12px;
        padding-right: 12px;
    }

    .filters-panel, .filters-panel.search-facets {
        min-width: inherit;
    }

    .filters-panel.search-facets, .filters-panel {
        padding: 3%;
    }

    .filters-panel a.save-advanced-search {
        display: block;
        margin-left: 0;
    }

    .facet-select-range > span {
        display: block;
        margin: 0 0 10px;
    }

    .facet-select-range .chosen-container {
        width: 100% !important;
        padding: 0;
        margin: 10px 0 15px;
    }


    /* Popup */

    .dialog-background,
    .popup-background {
        position: fixed;
        top: 68px;
    }

    .with-user-bar .popup-collection-description.is-opening .dialog-background {
        top: 68px;
        height: calc(100vh - 68px) !important;
    }

    body.login {
        background-color: #FFF;
    }

    body.login main.contents .popup-sign-in .popup-panel,
    body.login .popup.dialog-login .messages,
    .popup-user-panel {
        width: 94%;
        margin: 0 3%;
        padding-bottom: 22px;
    }

    .popup-user.dialog-forgot-password .popup-panel {
        top: 30px !important;
    }

    .popup-user .popup-contents,
    .popup-user .popup-header {
        padding-left: 3%;
        padding-right: 3%;
    }

    .popup-user .popup-footer {
        margin-top: 25px;
        padding: 0 6%;
    }

    .popup-user .popup-footer > a {
        width: 100%;
    }

    .popup-user-panel h1 {
        margin-bottom: 0;
        font-size: 20px;
        line-height: 24px;
    }

    .user-account-panel .password-eye-btn {
        right: 15px;
    }

    .user-account-downloads {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .user-account-selection-panel {
        padding: 22px 14px 40px;
        margin: 0;
    }

    .dialog-login .password-eye-btn {
        right: 40px;
    }

    .dialog-register .inputs .password-eye-btn {
        right: 15px;
    }

    dialog .dialog-contents input[type=text],
    dialog .dialog-contents input[type=search] {
        margin: 6px 0 22px 0;
    }

    dialog .dialog-contents input[type=email],
    dialog .dialog-contents input[type=password] {
        margin: 6px 0 0 0;
    }

    .popup-user.dialog-forgot-password .popup-contents p {
        padding-bottom: 20px;
        padding-top: 10px;
    }

    .popup-user.dialog-forgot-password .popup-footer {
        margin: 20px 0 135px;
    }

    header dialog.advanced-search-menu .dialog-background {
        top: 0;
    }

    /* Compte Utilisateur */

    .user-account-content .user-account-menu-items .guest-widget ul > li {
        display: none;
    }

    body:not(.browse):not(.update-email):not(.update-account) .user-account-content .user-account-menu-items .guest-widget ul > li,
    .user-account-content .user-account-menu-items .guest-widget ul > li.selected {
        display: block;
    }

    .guest-widget ul > li.selected ~ li:not(.selected)  {
        display: none;
    }

    .user-account-content {
        display: block;
    }

    .user-account-content .user-account-menu {
        padding: 30px 0 55px 0;
    }

    .user-account-content .user-account-menu {
        padding: 30px 0 0 0;
    }

    .user-account-content .user-account-menu-items {
        border-bottom: none;
    }

    .user-account-content .user-account-menu-items li.selected {
        /* background-color:transparent; */
        border-bottom: none;
    }

    .user-account-content.opened .user-account-menu-items li.selected {
        background-color: rgba(31, 46, 151, 0.39);
    }

    .user-account-content.opened .user-account-menu-items {
        border-bottom: none;
    }

    .user-account-content.opened .user-account-menu-items a {
        display: none;
    }

    .user-account-content.opened .user-account-menu-items a.selected {
        display: block;
    }

    .user-account-content .user-account-username {
        line-height: 24px;
    }

    body.update-email .user-account-content .user-account-username::before,
    body.update-account .user-account-content .user-account-username::before,
    body.browse .user-account-content .user-account-username::before {
        content: "<";
        font-weight: 400;
        margin-right: 10px;
    }

    .user-account-content .user-account-menu-items a {
        padding: 15px 0 15px 0;
        background-position: 28px 16px;
    }

    .user-account-search-items, .user-account-selection-resources {
        display: block;
    }

    .user-account-search-item:nth-child(2n+1) .user-account-search-item-content,
    .user-account-selection-resource:nth-child(2n+1) .user-account-selection-resource-content {
        margin-right: 0;
    }

    .user-account-search-item-content {
        padding-bottom: 70px;
    }

    .user-account-search-item-content a.search-history-delete,
    .user-account-selection-resource .user-account-selection-resource-delete {
        left: 15px;
        bottom: 10px;
    }

    .user-account-selection-resource-title {
        font-size: 15px;
        line-height: 19px;
    }

    .user-account-selection-resource-save-date,
    .user-account-selection-resource-description {
        font-size: 12px;
        line-height: 17px;
    }

    .user-account-search-item, .user-account-selection-resource {
        margin-bottom: 20px;
    }

    .user-account-selection-resource a {
        padding: 10px 50px 50px 20px;
    }

    .user-account-search-item-content a.search-history-delete,
    .user-account-selection-resource .user-account-selection-resource-delete {
        background-size: 24px 25px;
    }

    .user-account-profile-panel,
    .user-account-access-panel {
        margin: 25px 3%;
        width: auto;
    }

    .user-account-profile-panel .inputs .password-eye-btn {
        bottom: 6px;
        right: 12px;
    }

    .user-account-panel form > div#page-actions {
        text-align: center;
    }

    .user-account-search-item-content a,
    .user-account-access-panel .access-response,
    .user-account-search-panel .user-account-search-panel-intro,
    .user-account-access-panel .user-account-access-panel-intro {
        font-size: 15px;
        line-height: 19px;
    }

    .user-account-search-panel {
        margin: 20px 10px 40px;
    }

    .user-account-profile-name {
        margin-bottom: 10px;
    }

    /* Timeline */

    .tl-menubar,
    .tl-timenav {
        display: none;
    }


    /* Scripto */

    .transcription .resource-content .resource-metadata {
        padding: 15px;
    }

    .resource-grid .resource-tile {
        width: 50%;
    }

}

/* Version mobile : petit écran */

@media screen and (max-width:640px) {

    header,
    header .hamburger-parent,
    header .header-contents::before,
    header .header-contents {
        height: 68px;
    }

    /*
    .contents:first-child {
        margin-top: 68px;
    }
    */

    .header-and-contents .search-panel-menu + .contents,
    header +.contents {
        margin-top: 68px;
    }

    header .hamburger-parent {
        width: 54px;
        padding-left: 0;
        padding-top: 0;
        background: #f14737;
    }

    .c-hamburger {
        width: 30px;
    }

    .c-hamburger span,
    .c-hamburger span::before,
    .c-hamburger span::after {
        background: #FFFFFF;
        height: 4px;
        border-radius: 2px;
    }

    .c-hamburger span::before {
        top: -10px;
    }

    .c-hamburger span::after {
        bottom: -10px;
    }

    header .hamburger-parent::after {
        content: '';
        display: block;
        position: absolute;
        top:0;
        left:54px;
        background: url(../../asset/img/header-bg-reverse.png) top left / contain no-repeat;
        width: 21px;
        height: 100%;
    }

    header .header-contents::before {
        background: none;
    }

    .full-width header .logo,
    header .logo {
        position: absolute;
        top:10px;
        left:79px;

        background: url(../../asset/img/CArchives-mobile_RVB.svg) top left / auto 47px no-repeat;
        width: 158px;
        height: 47px;
    }

    .full-width header .baseline,
    header .baseline {
        left: 135px;
        top: 28px;
    }

    header .baseline .desktop {
        display: none;
    }

    header .baseline .mobile {
        display: inline-block;
    }

    header .header-contents .header-menus {
        position: absolute;
        left:0;
        top:68px;
        z-index:7;

        height: calc( 100vh - 68px );
        margin-top:0;
        box-shadow: 0 4px 6px 0 rgba(0,0,0,0.3);
        background-color: var(--primary-color);

        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);

        -webkit-transition-duration: 0.75s;
        transition-duration: 0.75s;
    }

    header .header-contents.is-opening .header-menus {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        overflow-y: auto;
    }

    .full-width header .header-contents ul.header-controls {
        margin-right: 0;
    }

    header .header-contents ul.header-controls li {
        box-sizing: border-box;
    }

    header .header-contents ul.header-controls li.search button,
    header .header-contents ul.header-controls li.user button {
        background-position: center left;
        text-align: left;
        padding-left: 40px;
        min-height: 30px;
    }

    header .header-contents.menu-closed .header-menus {
        display: none;
    }

    header .header-contents .header-menus-background {
        position: fixed;
        top: 68px;
    }

    header .header-contents.menu-closed .header-menus-background {
        display: none;
    }

    header .header-contents .header-menus::after {
        content:'';
        clear:both;
        display: table;
    }

    header .header-contents nav.menu-main {
        position: static;
        box-shadow: none;
        height: auto;

        transform: none;
    }

    header .header-contents ul.header-menu > li:first-child {
        padding-top: 0;
    }

    header .header-contents ul.header-controls {
        display: block;
        margin: 0;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    header .header-contents ul.header-controls > li {
        float: none;
        padding: 22px 16px 34px;
        text-align: left;
    }

    header .header-contents ul.header-controls > li:first-child {
        border-bottom: 1px solid rgba(255,255,255, 0.39);
    }

    header .header-contents ul.header-controls li span {
        font-size: 12px;
        text-indent: 0;
    }

    header .header-contents ul.header-controls li.user {
        width: 100%;
    }

    header .header-contents ul.header-controls li.search a,
    header .header-contents ul.header-controls li.user a {
        display: block;
        padding-top: 15px;
        padding-left: 45px;
        background-position: top 5px left;
        color: #FFF;
        text-decoration: none;
        transform: none;
    }

    header .header-contents ul.header-controls li.user a:hover {
        transform: none;
        text-decoration: underline;
    }

    header .header-contents ul.header-controls li.rss {
        position: absolute;
        bottom: 5px;

        width: auto;
        height: auto;
        border-right: none;
    }

    header .header-contents ul.header-controls li.rss a {
        display: block;
        padding-top: 15px;
        padding-left: 45px;
        background-position: top 5px left;
        color: #FFF;
        text-decoration: none;
    }

    header .header-contents ul.header-controls li.rss a:hover {
        transform: none;
        text-decoration: underline;
    }

    header .header-contents ul.header-menu > li.submenu-opened ul li:first-child {
        padding-top: 20px;
    }

    .contents.home .search-panel-parent .search-panel-footer {
        display: none;
    }

    .contents.home > .search-panel-parent::after {
        content: '';
        display: block;
        height: 35px;
        background: #fff url(../img/Rectangle_vert_grand@2x.svg) bottom right -880px no-repeat;
    }

    .search-panel .advanced-search a {
        margin: auto;
    }

    .with-user-bar .search-panel-menu.opened,
    .search-panel-menu.opened {
        top: 68px;
    }

    .search-panel-menu .search-panel-menu-contents form.search-panel {
        width: auto;
        margin: 0 10px;
    }

    /* Login */

    .popup.dialog-register[open],
    .popup.dialog-forgot-password.is-opening,
    .popup.dialog-login.is-opening {
        display: block;
        max-width: 100vw;
        background-color: #FFFFFF;
        padding-top: 20px;
    }

    .popup.dialog-forgot-password.is-opening .dialog-header-close-button,
    .popup.dialog-login.is-opening .dialog-header-close-button {
        transform: translateY(-180px);
    }

    .popup.dialog-register[open] .dialog-background .dialog-panel > *,
    .popup.dialog-forgot-password.is-opening .dialog-background .dialog-panel > *,
    .popup.dialog-login.is-opening .dialog-background .dialog-panel > * {
        padding: 0 20px;
    }

    .popup.dialog-register[open] .dialog-background,
    .popup.dialog-forgot-password.is-opening .dialog-background,
    .popup.dialog-login.is-opening .dialog-background {
        max-width: 100vw;
        padding-top: 20px;
        border: none;
    }

    .popup.dialog-register[open] .dialog-background::before,
    .popup.dialog-forgot-password.is-opening .dialog-background::before,
    .popup.dialog-login.is-opening .dialog-background::before {
        content: "";
        position: relative;
        top: 0;
        background: url(../../asset/img/CArchives-vertical_RVB.svg) top left / 183px auto no-repeat;
    }


    /* Advanced search */

    header dialog.advanced-search-menu {
        position: absolute;
        top: 0;
        left:0;
        width: 100%;
    }

    header dialog.advanced-search-menu.popup[open] {
        overflow: hidden;
        height: 100vh;
    }

    header .advanced-search-menu .advanced-search-menu-form-parent {
        width: 100%;
        height: 100vh;
        border: none;
        top:-2px !important;
    }

    header dialog.advanced-search-menu .dialog-background {
        margin: 0;
    }

    header .advanced-search-menu .advanced-search-menu-panel .delete-filter {
        transform: translateY(6px);
    }

    .with-dialog .advanced-search-menu-content {
        overflow-x: hidden;
        overflow-y: auto;
        height: calc( 100vh - 280px ) !important;
        padding-bottom: 60px;
    }

    .with-dialog header .advanced-search-menu .form-search {
        padding-right: 0;
    }

    header .advanced-search-menu .advanced-search-menu-form-parent {
        padding-right: 24px;
    }

    header .advanced-search-menu .advanced-search-menu-panel .cloned-filter {
        display: block;
    }

    .advanced-search-add-filter,
    header .advanced-search-menu .advanced-search-menu-panel .cloned-filter:first-of-type .select-parent,
    header .advanced-search-menu .advanced-search-menu-panel .select-parent {
        width: 100%;
        margin:0 0 10px;
    }

    header .advanced-search-menu .advanced-search-menu-panel input[type=search],
    header .advanced-search-menu .advanced-search-menu-panel input[type=text] {
        width: calc( 100% - 90px );
    }

    header .advanced-search-menu .advanced-search-menu-panel .advanced-search-boolean {
        display: block;
        width: 100px;
        margin: 10px auto 20px;
    }

    header .advanced-search-menu .advanced-search-menu-footer {
        position: fixed;
        bottom: 0;
        left:0;

        display: block;
        width:100%;
        margin-top:0;
        padding:0 20px 60px;
        background-color: #FFFFFF;
        text-align: center;
    }

    header .advanced-search-menu .advanced-search-menu-footer a {
        width: calc( 50% - 40px );
        text-align: center;
    }

    header .advanced-search-menu .advanced-search-menu-footer a:first-child {
        margin-right: 10px;
    }


    /* NEW SEARCH MOBILE */

    .search-save-form-content,
    .search-save-form-result {
        padding: 40px 0;
    }

    .search-save-form-content {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-start;
        width: 80%;
        margin: 0 auto;
    }

    .search-save-form-content > input[type="text"] {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }

    .search-save-form-content > label,
    .search-save-form-result {
        font-size: 13px;
        line-height: 15px;
    }

    header .advanced-search-menu .advanced-search-menu-footer button.search-reset,
    header .advanced-search-menu .advanced-search-menu-footer button[type="submit"],
    header .advanced-search-menu .advanced-search-menu-footer input[type="submit"] {
        left: 50%;
        width: 100% !important;
        margin-right: 0 !important;
    }

    header .advanced-search-menu .advanced-search-menu-footer button,
    header .advanced-search-menu .advanced-search-menu-footer a {
        float: none !important;
        display: block;
        width: auto !important;
        margin-right: 0 !important;
    }


    /* Cards */

    .contents.recherche .collection-item-cards ul.search-results-list,
    .search-page .contents .collection-item-cards ul.search-results-list {
        display: block;
    }

    .results-panel .collection-item-cards .collection-item-card:nth-child(3n+1) .card-header-and-contents,
    .results-panel .collection-item-cards .collection-item-card:nth-child(3n+2) .card-header-and-contents,
    .results-panel .collection-item-cards .collection-item-card:nth-child(3n) .card-header-and-contents {
        padding-left: 0;
        padding-right: 0;
    }

    .results-panel .collection-item-cards .collection-item-card:nth-child(3n+1) .card-header-and-contents::after,
    .results-panel .collection-item-cards .collection-item-card:nth-child(3n+2) .card-header-and-contents::after,
    .results-panel .collection-item-cards .collection-item-card:nth-child(3n) .card-header-and-contents::after{
        margin-left: 0;
    }

    .results-panel .collection-item-cards .collection-item-card {
        margin-bottom: 20px;
    }

    .results-panel .collection-item-cards .collection-item-card:last-child {
        margin-bottom: 74px;
    }

    .collection-cards {
        display: block;
    }

    .collection-cards .collection-card {
        flex: unset;
        position: relative;
        margin-bottom: 64px;
    }


    .collection-cards .collection-card:nth-child(3n+2) .card-header-and-contents::after,
    .collection-cards .collection-card:nth-child(3n+1) .card-header-and-contents::after,
    .collection-cards .collection-card:nth-child(3n) .card-header-and-contents::after {
        position: static;
        margin: 0;
    }

    .collection-cards .collection-card:nth-child(3n+2) .card-header-and-contents,
    .collection-cards .collection-card:nth-child(3n+1) .card-header-and-contents,
    .collection-cards .collection-card:nth-child(3n) .card-header-and-contents {
        padding: 0;
    }

    .collection-cards .collection-card:nth-child(3n+2) .card-header-and-contents::after {
        margin-left: 0;
    }

    .collection-cards .collection-card::after {
        position: static;
    }

    .collection-item-cards {
        display: block;
    }

    .collection-item-cards .collection-item-card {
        flex: unset;
        position: relative;
        margin: 0 0 74px 0;
    }

    .collection-item-cards .collection-item-card:nth-child(3n+1) .card-header-and-contents,
    .collection-item-cards .collection-item-card:nth-child(3n+2) .card-header-and-contents,
    .collection-item-cards .collection-item-card:nth-child(3n) .card-header-and-contents {
        padding: 0;
    }

    .collection-item-cards .collection-item-card:nth-child(3n+1) .card-header-and-contents::after,
    .collection-item-cards .collection-item-card:nth-child(3n+2) .card-header-and-contents::after,
    .collection-item-cards .collection-item-card:nth-child(3n) .card-header-and-contents::after {
        margin: 0;
    }

    /* Hubs */

    .colloque-cards .colloque-card,
    .page-ressource-cards .page-ressource-card {
        flex: 0 0 100%;
        margin-bottom: 22px;
    }

    .colloque-cards .colloque-card:nth-child(2n+1) .colloque-card-contents,
    .colloque-cards .colloque-card:nth-child(2n) .colloque-card-contents,
    .page-ressource-cards .page-ressource-card:nth-child(2n+1) .card-contents,
    .page-ressource-cards .page-ressource-card:nth-child(2n) .card-contents {
        padding-right: 0;
        padding-left: 0;
    }

    .colloque-cards .colloque-card-contents::before {
        margin-bottom: 26px;
    }

    .exposition-cards {
        display: block;
        padding-top: 20px;
        padding-bottom: 35px;
    }

    .exposition-cards .exposition-card {
        flex: 0 0 100%;
    }

    .exposition-cards .exposition-card:nth-child(2) .exposition-card-border {
        border-top: none;
        padding-top: 0;
    }

    .exposition-cards .exposition-card:nth-child(2n+1) .exposition-card-contents,
    .exposition-cards .exposition-card:nth-child(2n) .exposition-card-contents {
        padding-left: 0;
        padding-right: 0;
    }

    .exposition-cards .exposition-card:last-child .exposition-card-contents {
        border-bottom: none;
    }


    /* Bibliographie 640 */

    .biblio-header {
        margin: 0 0 25px;
        font-size: 13px;
        line-height: 19px;
    }

    ul.biblio-contents > li > h2 > a, ul.biblio-contents > li > h2 {
        display: block;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        padding-left: 20px;
        padding-right: 40px;
    }

    ul.biblio-contents > li > h2 a::after {
        top: 15px;
    }


    /* Scripto */

    /*
    .wrapper {
        margin-top: 65px;
    }
    */

    .resource-grid .resource-tile {
        width: 100%;
    }

}


/* Version mobile : écrans peu haut */

@media screen and (max-height:768px) and (max-width:640px) {

    header .header-contents .header-menus {
        padding-top: 15px;
    }

    header .header-contents ul.header-controls > li,
    header .header-contents ul.header-menu > li,
    header .header-contents ul.header-menu > li.submenu-opened ul li {
        padding: 8px 16px;
    }

    header .header-contents ul.header-controls > li:first-child {
        padding: 12px 16px 22px;
    }

    header .header-contents ul.header-menu > li.submenu-opened ul li:first-child {
        padding-top: 5px;
    }

    header .header-contents ul.header-controls li.rss {
        bottom: 0;
    }
}

/* Bloc arboresence */

.block #arborescence .jsl-list-closed {
    margin: 0 4px 0 0px;
}

.block #arborescence li {
    padding-top: 10px;
}

.block #arborescence li span {
    display: inline-block;
    width: calc(100% - 40px);
}

.block #arborescence li[data-type=leaf] {
    list-style: disc;
    margin-left: 16px;
}





/* Correction Téléchargement dans Universal Viewer */

.uv .overlay.download .options .option.single:first-of-type {
   display: none;
}
.uv .overlay.download .options .option.single:nth-of-type(3) {
   display: none;
}



/* Règles CSS COLLECTIONS MAISON de SALINS : surcharge des règles CSS de CARCHIVES */

button {
    background-color: var(--secondary-collections-color);
}

header .logo {
    position: absolute;
    background: url(../../asset/img/logo.svg) top left / 96px 104px no-repeat;
    height: 105px;
}

header .logo::after {
    content: " L’histoire au service de l’avenir coopératif";

    position: absolute;
    top: 35px;
    left: 126px;

    display: inline-block;
    max-width: 140px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    color: #f14737;
    text-align: left;
}

header .header-contents .header-menus {
    background-color: var(--primary-collections-color);
}

header .header-contents::before {
    background-image: url(../img/Rectangle_rouge_grand-collections@2x.svg);
}

header .advanced-search-menu .advanced-search-menu-footer button[type="submit"],
header .advanced-search-menu .advanced-search-menu-footer input[type="submit"] {
    border: 2px solid var(--secondary-color);
    background-color: var(--secondary-color);
}

header .advanced-search-menu .advanced-search-menu-footer button[type="submit"]:hover,
header .advanced-search-menu .advanced-search-menu-footer input[type="submit"]:hover {
    border: 2px solid var(--primary-color);
    background-color: var(--primary-color);
}

.search-panel-title-and-form {
    background-color: transparent;
    width: 100%;
    padding: 0;
}

.contents.home .search-panel-with-slider .search-panel-parent {
    width: 100%;
}

.contents.home .search-panel-with-slider .search-panel-content {
    padding: 55px 0 105px;
}

.search-page main .search-panel-parent form {
    position: relative;
    width: 715px;
    margin: 0 auto;
}

.contents.home .search-panel-with-slider .search-panel-content .search-panel-parent {
    position: relative;
    width: 715px;
    margin: 0 auto;
    padding: 15px;
    background-color: rgba(248,246,242,0.7);
}

.contents.home .search-panel-with-slider .search-panel-background {
    opacity: 0.2;
}

.contents.home .search-panel .advanced-search {
    position: unset;
    margin-right: 0;
}

.contents.home .search-panel-parent form.form-search > div.search-mode .search-panel-options,
.contents.suggestions .search-panel-parent form.form-search > div.search-panel-options,
.contents.suggestions .search-panel-parent form.form-search > div.search-mode {
    display: block;
}

.search-panel-parent h2 {
    width: 60%;
    margin: 0 auto 10px;
    color: #D73526;
    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 43px;
    text-align: center;
}

.contents.home .search-panel.form-search input[type="search"] {
    width: 519px;
}

.search-panel-parent .search-panel-description {
    min-height: 30px;
}

.resources-slider .resources-slide .slide-text {
    background-color: var(--secondary-collections-color);
}

.resources-slider .resources-slide .slide-text::before {
    background-image: url(../img/Rectangle_vert_grand-collections@2x.svg);
}

.contents.home .search-panel-footer {
    background-image: url(../img/Rectangle_rouge_grand-collections@2x.svg);
}

.contents.home .search-panel-footer::after {
    background-color: var(--primary-collections-color);
}

.resources-slider .slick-dots-parent {
    background: url(../img/Rectangle_jaune-collections@2x.svg) top left no-repeat;
}

.resources-slider .resources-slide .slide-text .slide-type {
    color: #FFFFFF;
}

.collection-header::after {
    background-color: var(--secondary-collections-color);
}

.collections-slider-parent {
    background-color: var(--primary-collections-color);
}

.full-width .contents.collection .collection-item-cards {
    padding-left: 0;
    padding-right: 0;
}

.filters-panel.search-facets button.search-history-save,
.filters-panel.search-facets button.search-refine {
    width: 100%;
}

.facets-refine {
    padding-bottom: 25px;
}

.facets-refine input.search-refine {
    width: 100%;
    margin-bottom: 15px;
    height: 40px;
}

.slick-slider button.slick-arrow.slick-prev {
    background-image: url(../img/prec_chevron_off.svg);
}

.slick-slider button.slick-arrow.slick-prev:hover {
    background-image: url(../img/prec_chevron_on.svg);
}

.slick-slider button.slick-arrow.slick-next {
    background-image: url(../img/suiv_chevron_off.svg);
}

.slick-slider button.slick-arrow.slick-next:hover {
    background-image: url(../img/suiv_chevron_on.svg);
}

.expositions-slider-parent {
    background-image: url(../img/Rectangle_bleu-collections@2x.svg);
}

.expositions-slider-parent .see-all a {
    color: var(--expo-color);
}

.exposition-cards .exposition-card:nth-child(1) .exposition-card-border,
.exposition-cards .exposition-card:nth-child(2) .exposition-card-border,
.exposition-cards .exposition-card:nth-child(3) .exposition-card-border {
    padding-top: 25px;
}

.exposition-cards .exposition-card .exposition-card-border {
    width: 100%;
    height: 100%;
    padding-bottom: 25px;
}

.exposition-cards .exposition-card .exposition-card-contents {
    padding: 0 25px 30px 25px;
    box-sizing: border-box;
}

.exposition-cards .exposition-card:nth-child(3n+1) .exposition-card-contents {
    padding-right: 27px;
}

.exposition-menu p.exposition-menu-title,
.exposition .exposition-content p.exposition-header-category,
.exposition-header-hexagon > p:first-child,
.exposition-header-category,
.exposition-header-category {
    color: var(--primary-collections-color);
}

.exposition-main-menu .exposition-parts li:nth-child(4n+1) a {
    background-color: rgba(31, 46, 151, 0.75);
}

.exposition-main-menu .exposition-parts li:nth-child(4n+1) a:hover {
    background-color: rgba(31, 46, 151, 0.85);
}

.collection-item-cards .collection-item-card .card-header-and-contents::after,
.search-page main .search-panel-parent,
.contents.recherche > .search-panel-parent,
.contents.item .item-header,
.contents.item-sets {
    background-color: var(--secondary-collections-color);
}

.search-page main .search-panel-parent,
.contents.recherche > .search-panel-parent {
    padding: 0;
}

.contents.recherche > .search-panel-parent form {
    padding-bottom: 36px;
}

.contents.item-sets .search-panel-parent {
    background: rgba(255, 255, 255, 0.15);
    padding: 2px 0 15px 0;
}

.contents.recherche > .search-panel-parent form {
    background: none;
}

.search-panel button[type="submit"],
.search-panel input[type="submit"] {
    background-color: var(--primary-collections-color);
}

.search-panel button[type="submit"]:hover,
.search-panel input[type="submit"]:hover {
    background-color: #1C716E;
}

.search-panel .advanced-search {
    margin-top: 20px;
    margin-right: 36px;
}

.search-panel-menu .search-panel-menu-contents form.search-panel .advanced-search {
    margin-top: 0;
    margin-right: 0;
}

.search-panel-menu .search-panel-menu-contents form.search-panel .search-panel-options {
    columns: 1;
}

.contents.item-sets .search-panel-parent {
    padding: 2px 0 0 0;
}

.contents.item-sets .search-panel {
    background: transparent;
    min-height: 150px;
}

.search-page .contents .search-panel .advanced-search,
.contents.recherche .search-panel .advanced-search,
.contents.item-sets .search-panel .advanced-search {
    bottom: unset;
    top: 3px;
}

.contents.recherche .search-panel .advanced-search a:hover,
.contents.collections .search-panel .advanced-search a:hover {
    background-image: url(../img/+_turquoise.svg);
    color: #8FD9D7;
}

.contents.recherche .facets-refine input.search-refine,
.contents.recherche .search-refine {
    width: 100%;
    margin-bottom: 20px;
}

.contents.recherche .facets-refine input.search-refine {
    height: 45px;
}

.search-page .contents .toggle-filters,
.contents.recherche .toggle-filters,
.filters-search-controls a.toggle-filters {
    border-color: var(--secondary-collections-color);
    background-color: var(--secondary-collections-color);
}

.search-page .contents .filters-and-results-panel.filters-panel-opened .filters-panel,
.contents.recherche .filters-and-results-panel.filters-panel-opened .filters-panel {
    border-top-color: var(--secondary-collections-color)
}

.search-page main .search-panel label,
.contents.recherche .search-panel label,
.contents.collections .search-panel label {
    color: #FFF;
}

.search-page main .search-panel .advanced-search a,
.contents.recherche .search-panel .advanced-search a,
.contents.collections .search-panel .advanced-search a {
    color: #FFFFFF;
    background-image: url(../img/+_blanc.svg);
}

.search-panel .advanced-search a {
    background-image: url(../img/+_rouge.svg);
    color: var(--primary-collections-color);
}

.search-panel .advanced-search a:hover {
    background-image: url(../img/+_vert.svg);
    color: var(--primary-color);
}

.contents.item .item-services button.selection-update,
.contents.item .item-services button.selection-update.selection-add,
.contents.item .item-services button.selection-update.unselected,
.contents.item .item-services a.selection,
.collection-item-card .collection-item-card-header button.selection-update.selection-add,
.collection-item-card .collection-item-card-header button.selection-update.unselected,
.collection-item-card .collection-item-card-header a.selection,
.search-page .collection-item-card .collection-item-card-header button.selection-update.selection-add,
.search-page .collection-item-card .collection-item-card-header button.selection-update.unselected,
.search-page .collection-item-card .collection-item-card-header a.selection {
    background-image: url(../img/panier_over.svg);
}

.contents.item .item-services button.selection-update:hover,
.contents.item .item-services button.selection-update.selection-add:hover,
.contents.item .item-services button.selection-update.unselected:hover,
.contents.item .item-services a.selection,
.search-page .collection-item-card .collection-item-card-header button.selection-update.selection-add:hover,
.search-page .collection-item-card .collection-item-card-header button.selection-update.unselected:hover,
.search-page .collection-item-card .collection-item-card-header a.selection:hover,
.collection-item-card .collection-item-card-header button.selection-update:hover,
.collection-item-card .collection-item-card-header button.selection-update.unselected:hover,
.collection-item-card .collection-item-card-header a.selection:hover {
    background-image: url(../img/panier_off.svg);
}

.contents.item .item-services .media-hd-item {
    background-image: url(../img/media_hd_on.svg);
}

.contents.item .item-services a.media-hd-item:hover,
.contents.item .item-services button.media-hd-item:hover {
    background-image: url(../img/media_hd_off.svg);
}

.contents.item .item-services .pdf-item {
    background-image: url(../img/pdf_on.svg);
}

.contents.item .item-services a.pdf-item:hover,
.contents.item .item-services button.pdf-item:hover {
    background-image: url(../img/pdf_off.svg);
}

.contents.item .item-services .print-item {
    background-image: url(../img/print_on.svg);
}

.contents.item .item-services .print-item:hover {
    background-image: url(../img/print_off.svg);
}

.contents.item .item-services .contact-us-button {
    background-image: url(../img/contact-us-on.svg);
}

.contents.item .item-services .contact-us-button:hover {
    background-image: url(../img/contact-us-off.svg);
}

.footer-contents a.footer-logo {
    display: none;
}


.colloque .showcase-see-also .entries .entry::before,
.colloque .showcase-see-also .entries .entry h3::after {
    background-color: var(--secondary-collections-color);
}

.user-account-content .user-account-menu {
    background-color: #429D9B;
}

.user-account-selection-resource-title {
    color: var(--text-secondary-color) !important;
}

.user-account-selection-resource-title:hover {
    color: var(--secondary-collections-color) !important;
}

.user-account-selection-resource .user-account-selection-resource-delete button.selection-delete,
.user-account-selection-resource .user-account-selection-resource-delete button.selected {
    background-image:url(../img/poubelle_off.svg);
}

.user-account-selection-resource .user-account-selection-resource-delete button.selection-delete:hover,
.user-account-selection-resource .user-account-selection-resource-delete button.selected:hover {
    background-image:url(../img/poubelle_on.svg);
}

.popup.dialog-login.is-opening .dialog-background::before {
    background: url(../../asset/img/logo.svg) top center / 96px 104px no-repeat;
}

.popup.dialog-login.is-opening .dialog-background::after {
    content : "L'histoire au service de d'avenir coopératif";
    position: absolute;
    top: 70px;
    left: 50%;

    display: inline-block;
    max-width: 140px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    color: #f14737;
    text-align: left;
    transform: translateX(-50%);
}

@media screen and (max-width: 1320px) {
    header .logo::after {
        left: 106px;
    }
}

@media screen and (max-width: 1024px) {
    header .logo::after {
        left: 90px;
        top: 28px;
    }

    .collection-header {
        margin-bottom: 60px;
    }

    .search-panel-parent h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .search-panel-title-and-form {
        margin-top: 0;
    }

    .contents.home .search-panel-with-slider .search-panel-content {
        align-items: flex-start;
    }
}

@media screen and (max-width: 768px) {

    .resources-slider .slick-list {
        background-color: var(--secondary-collections-color);
    }

    .contents.home .search-panel.form-search input[type="search"],
    .search-panel.form-search input[type="search"] {
        width: 100%;
    }

    .expositions-slider-parent {
        background: none;
    }

    .expositions-slider-parent::before {
        background: url(../img/Rectangle_bleu-collections@2x.svg) left bottom no-repeat;
    }

    .search-page .contents .search-panel .advanced-search,
    .contents.recherche .search-panel .advanced-search,
    .contents.item-sets .search-panel .advanced-search {
        border: none;
    }

    .contents.home .search-panel-with-slider .advanced-search,
    .search-panel-menu .search-panel-menu-contents form.search-panel .advanced-search {
        margin-top: 80px;
        margin-bottom: 0;
    }

    .contents.home .search-panel-with-slider .advanced-search {
        margin-bottom: 10px;
    }

    .search-panel-menu .search-panel-menu-contents .search-panel-parent .search-mode {
        justify-content: center;
    }

    .search-panel-menu .search-panel-menu-contents form.search-panel .search-panel-options {
        width: 100%;
        max-width: 100%;
    }

    .contents.home .search-panel-with-slider .search-panel-content {
        padding-bottom: 40px;
    }

    .contents.home .search-panel-with-slider .search-panel-content .search-panel-parent {
        width: 100%;
    }

    .search-panel-parent h2 {
        padding-top: 0;
        font-size: 20px;
        line-height: 24px;
    }

    .search-panel-title-and-form > div{
        background-color: transparent;
    }

    .contents.home .search-panel-parent form.form-search > div.search-mode .search-panel-options {
        align-self: flex-start;
    }

    .search-page .contents .search-panel button[type="submit"] {
        background-color: var(--primary-collections-color)
    }

    .search-page .contents .search-panel button[type="submit"]:hover {
        background-color: var(--primary-color)
    }
}

@media screen and (max-width: 640px) {
    .full-width header .logo,
    header .logo {
        left: 86px;
        background: url(../../asset/img/logo_mobile.svg) top left / 44px 47px no-repeat;
        width: 44px;
        height: 47px;
    }

    header .logo::after {
        content: "Fondation Maison de Salins";
        left: 49px;
        top: 17px;
        max-width: 200px;
        width: 180px;
    }

    header .header-contents nav.menu-main {
        background-color: var(--primary-collections-color);
    }

    .resources-slider .slick-dots-parent {
        background-position: top left -70px;
    }
}