@charset "UTF-8";

/* 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;
}

/* vars */

html {
    --category-1-color: #7BD46D;
    --category-2-color: #27EDE8;
    --category-3-color: #FECA2A;
    --category-4-color: #DACCB5;
    --category-5-color: #E55050;
    --category-6-color: #A2ADF2;
    --category-7-color: #CF8DE5;

    --category-1-color-with-opacity: #7BD46DAA;
    --category-2-color-with-opacity: #27EDE8AA;
    --category-3-color-with-opacity: #FECA2AAA;
    --category-4-color-with-opacity: #DACCB5AA;
    --category-5-color-with-opacity: #E55050AA;
    --category-6-color-with-opacity: #A2ADF2AA;
    --category-7-color-with-opacity: #CF8DE5AA;

    --category-1-svg-filter:  none;
    --category-2-svg-filter:  none;
    --category-3-svg-filter:  none;
    --category-4-svg-filter:  none;
    --category-5-svg-filter:  none;
    --category-6-svg-filter:  none;
    --category-7-svg-filter:  none;

    --home-background: none;
    --publisher-logo: none;
    --publisher-background: none;

    --category-1-icon: url(../img/icone_personnes.6211f02b.svg);
    --category-2-icon: url(../img/icone_groupe_personnes.95018040.svg);
    --category-3-icon: url(../img/icone_evenements.488c63b1.svg);
    --category-4-icon: url(../img/icone_concepts.5dbc6fa6.svg);
    --category-5-icon: url(../img/icone_pratiques.5b3043d4.svg);
    --category-6-icon: url(../img/icone_enquetes.38e5d840.svg);
    --category-7-icon: url(../img/icone_oeuvres_editees.a204b667.svg);

    --font-family-page-content: "Georgia" !important; /* "Lato", sans-serif !important; */
}

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;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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;
}

*.thin-scroll {
    scrollbar-width: thin;
    scrollbar-color: #5E939A #F4F4F4;
}

/* Works on Chrome/Edge/Safari */
*.thin-scroll::-webkit-scrollbar {
    width: 12px;
}
*.thin-scroll::-webkit-scrollbar-track {
    background: #F4F4F4;
}
*.thin-scroll::-webkit-scrollbar-thumb {
    background-color: #5E939A;
    border-radius: 20px;
    border: 3px solid #F4F4F4;
}

.hidden {
    display: none;
}


/* DESKTOP */

@media screen {
    * {
        box-sizing: border-box
    }

    html {
        height: 100%;
        padding: 0;
        margin: 0
    }

    body {
        background-color: #FFFFFF;
        font-family: 'Lato', sans-serif;
        font-size: 20px;
        line-height: 30px;
        margin: 0;
        word-wrap: break-word
    }

    a:link {
        text-decoration: none;
        color: #920b0b
    }

    a:visited {
        color: #920b0b
    }

    a:active, a:hover {
        color: #ed1616
    }

    h1 {
        font-size: 40px;
        line-height: 60px
    }

    h2 {
        font-size: 30px;
        line-height: 45px
    }

    h3 {
        font-size: 25px;
        line-height: 45px
    }

    h4 {
        font-size: 22.5px
    }

    img {
        max-width: 100%;
        height: auto
    }

    input, textarea, button, .button, .resource-list.preview + a, select {
        font-family: "Lato", sans-serif;
        font-size: 20px;
        line-height: 30px;
        margin: 0;
        vertical-align: top
    }

    input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        height: 45px;
        border: 1px solid #dedede;
        padding: 6.5px 1.69492%;
        margin: 0
    }

    textarea {
        height: 90px
    }

    input[type="file"] {
        line-height: 1;
        vertical-align: bottom;
        font-size: 15px
    }

    button, a.button, .resource-list.preview + a, [type="submit"] {
        background-color: #dedede;
        border-radius: 2px;
        padding: 7.5px;
        display: inline-block;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 0;
        cursor: pointer
    }

    select {
        background-color: #fff;
        padding: 7.5px;
        border-color: #dedede;
        height: 45px
    }


    /* Custom checkbox */

    label.radio-label,
    label.checkbox-label {
        display: block;
        position: relative;
        padding-left: 12px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    label.radio-label {
        margin-right: 5px;
    }

    label.radio-label input[type="radio"],
    label.checkbox-label input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
        top:0;
        left:0;
    }

    .checkmark {
        position: absolute;
        top: 0px;
        left: 0;
        height: 14px;
        width: 14px;
        background-color: #FFF;
        border:solid 1px #222;
    }

    label.radio-label .checkmark {
        border-radius: 50%;
        top: 4px;
    }

    .constellation-filters .checkmark,
    .constellation-filters .checkmark:after {
        transform: translate(10px, 16px);
    }

    label.checkbox-label span.checkbox-text-label {
        margin-left: 7px;
        display: inline-block;
    }
    label.checkbox-label span.checkbox-text-label {
        margin-left: 7px;
        display: inline-block;
    }

    label.radio-label span.radio-label-text {
        display: inline-block;
        margin: 0 8px 0 15px;
    }


    label:hover input ~ .checkmark,
    label input:checked ~ .checkmark {
        background-color: #FFF;
    }

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    label input:checked ~ .checkmark:after {
        display: block;
    }

    label.checkbox-label .checkmark:after {
        left: 3px;
        top: -2px;
        width: 6px;
        height: 10px;
        border: solid #222;
        border-width: 0 1px 1px 0;
        transform: rotate(45deg);
    }

    label.radio-label .checkmark:after {
        left: 2px;
        top: 2px;
        width: 8px;
        height: 8px;
        background-color: #333;
        border-radius: 50%;
    }



    /* Default Placeholder */

    ::-webkit-input-placeholder {
        font-style: italic
    }

    :-moz-placeholder {
        font-style: italic
    }

    ::-moz-placeholder {
        font-style: italic
    }

    :-ms-input-placeholder {
        font-style: italic
    }

    .field {
        margin: 30px 0;
        display: flex;
        flex-wrap: wrap
    }

    .field .field-meta {
        width: 30%;
        padding: 7.5px 1.69492% 0 0
    }

    .field .inputs {
        width: 70%;
        padding-left: 1.69492%
    }

    .field .inputs > select, .field .inputs > textarea, .field .inputs > input[type="text"], .field .inputs > input[type="password"], .field .inputs > input[type="email"], .field .inputs > input[type="url"] {
        width: 100%
    }

    .field .inputs input[type="checkbox"] {
        vertical-align: bottom
    }

    .field.required .field-meta:after {
        content: "\f069";
        font-family: "Font Awesome 5 Free";
        font-size: 15px
    }

    .field .value:not(:last-child) {
        margin-bottom: 15px
    }

    .field-description {
        font-size: 15px
    }

    header h1 {
        margin: 0
    }

    header nav {
        position: relative;
        padding: 0
    }

    header nav.closed ul {
        height: 0;
        overflow: hidden;
        margin: 0
    }

    header nav:before {
        font-family: "Font Awesome 5 Free";
        content: "\f0c9";
        display: block;
        width: 37.5px;
        height: 37.5px;
        border: 1px solid #dedede;
        text-align: center;
        border-radius: 2px;
        position: absolute;
        right: 1.69492%;
        top: -48.75px;
        cursor: pointer;
        line-height: 37.5px
    }

    header nav.open {
        margin: 15px 0 -1px
    }

    header nav.open:before {
        content: "\f00d"
    }

    header nav ul {
        padding-left: 0;
        list-style: none;
        position: relative;
        margin: 0 auto
    }

    header nav ul a {
        display: inline-block;
        width: 100%;
        padding: 7.5px
    }

    header nav ul a:hover {
        border-bottom: 0;
        background-color: #dedede
    }

    header nav ul li {
        border-top: 1px solid #dedede;
        position: relative
    }

    header nav ul li li:last-of-type {
        padding-bottom: 0
    }

    header nav ul li.active {
        font-weight: bold
    }

    header nav ul li.parent {
        position: relative
    }

    header nav ul .parent-link {
        display: flex
    }

    header nav ul .parent-link > a {
        width: calc(100% - 60px)
    }

    header nav ul .child-toggle {
        color: #dedede;
        width: 60px;
        text-align: center;
        background-color: #fff;
        border-left: 1px solid #dedede;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    header nav ul .child-toggle:before {
        font-family: "Font Awesome 5 Free";
        content: "\f105"
    }

    header nav > ul > li:last-child {
        border-bottom: 1px solid #dedede;
        padding-bottom: -1px
    }

    header nav > ul ul li {
        height: 0;
        overflow: hidden;
        border: 0
    }

    header nav ul.open > li {
        height: auto;
        border-top: 1px solid #dedede;
        padding-top: -1px
    }

    header nav > ul > li > ul > li.active > a {
        margin-left: -1.5em
    }

    header nav > ul > li > ul > li.active > a:before {
        content: ">";
        display: inline-block;
        width: 1.5em
    }

    header nav > ul > li > ul > li a {
        padding-left: 30px
    }

    header nav > ul > li > ul > li > ul > li a {
        padding-left: 60px
    }

    header nav > ul > li > ul > li > ul > li > ul > li a {
        padding-left: 90px
    }

    .sub-menu ul {
        padding-left: 0;
        list-style-type: none;
        margin-top: 15px
    }

    .sub-menu li {
        font-size: 15px;
        font-weight: bold;
        border-bottom: 1px solid #dedede;
        padding: 7.5px 0 6.5px
    }

    .sub-menu li:first-of-type {
        border-top: 1px solid #dedede;
        padding-top: 6.5px
    }

    nav.pagination {
        margin-bottom: 30px;
        font-size: 20px;
        line-height: 45px
    }

    .pagination input {
        text-align: center
    }

    .resource-list + .pagination {
        border-color: transparent
    }

    .pagination form {
        min-width: 90px
    }

    .pagination form, .pagination .button, .pagination .resource-list.preview + a, .pagination button, .pagination .page-count {
        display: inline-block;
        vertical-align: top;
        height: 45px
    }

    .pagination .button, .pagination .resource-list.preview + a {
        border: 1px solid #dedede;
        background-color: #dedede;
        width: 45px;
        text-align: center;
        padding: 7.5px;
        border-radius: 2px;
        color: #000;
        line-height: 30px
    }

    .pagination .inactive.button, .pagination .resource-list.preview + a.inactive {
        opacity: .5;
        color: #ababab;
        background-color: white
    }

    .pagination form, .pagination .last {
        margin-right: 7.5px
    }

    .pagination input {
        width: 60px
    }

    .site-title h1 {
        font-size: 25px;
        line-height: 30px;
        padding-right: 30px
    }

    header {
        margin: 0 0 75px;
        background-color: #fff;
        border-bottom: 1px solid #dedede;
        position: relative
    }

    header.with-side-menu .hamburger-parent,
    header.with-side-menu .logo {
        position: relative;
        z-index:100;
    }


    header > * {
        max-width: 1700px;
        padding: 0 1.69492%;
        display: block
    }

    .site-title:hover, .site-title:active {
        border-bottom: 0
    }

    .site-title h1 {
        margin: 0
    }

    button.o-icon-search {
        display: none
    }

    #search {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #fff;
        border-bottom: 1px solid #dedede;
        border-top: 1px solid #dedede;
        padding: 7.5px 1.69492%
    }

    #search form {
        display: flex;
        flex-wrap: nowrap
    }

    #search form input[type="text"] {
        width: 100%
    }

    #search form button[type="submit"] {
        height: 45px;
        width: 45px;
        text-indent: -9999px;
        position: relative;
        border-radius: 0 3px 3px 0
    }

    #search form button[type="submit"]:before {
        content: "\f002";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        text-indent: 0;
        line-height: 45px
    }

    footer {
        max-width: 1700px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 1.69492% 30px
    }

    #content {
        max-width: 1700px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 1.69492% 30px
    }

    .resource-list.preview {
        margin: 20px 0;
    }

    .resource-list.preview + a {
        color: #000
    }

    .resource-list.preview + a:hover {
        background-color: #787878;
        border-bottom-width: 0;
        color: #fff
    }

    ul.resource-list {
        list-style-type: none;
        padding-left: 0
    }

    ul.resource-list .resource {
        border-bottom: 1px solid #dedede;
        padding-bottom: 29px;
        margin: 30px 0;
        overflow: hidden;
        position: relative
    }

    ul.resource-list .resource > *:last-child {
        margin-bottom: 0
    }

    ul.resource-list .resource:first-child {
        border-top: 1px solid #dedede;
        padding-top: 29px
    }

    ul.resource-list .resource img {
        height: auto;
        width: 60px;
        float: right;
        margin-left: 15px
    }

    ul.resource-list .resource h4 {
        margin-top: 0
    }

    ul.resource-list.preview li.resource {
        padding: 10px 0 !important;
        margin-top: 0;
        margin-bottom: 0;
    }

    ul.resource-list.preview h4 > a {
        padding: 18px 0;
        font-size: 16px;
        line-height: 20px;
        color: #303030;
        width: 100%;
    }

    ul.resource-list.preview h4 > a:hover {
        color: #467278;
    }

    ul.resource-list .resource .description {
        max-height: 90px;
        overflow: hidden;
        position: relative
    }

    ul.resource-list .resource .description:after {
        content: "";
        position: absolute;
        top: 52.5px;
        left: 0;
        right: 0;
        height: 37.5px;
        background: linear-gradient(to top, #f8f8f8, rgba(248, 248, 248, 0))
    }

    ul.resource-list .resource img ~ * {
        width: calc(100% - 75px)
    }


    .search-filters {
        margin-bottom: 30px
    }

    .filter-label, .filter-value {
        display: inline-block;
        border: 1px solid #dedede;
        padding: 6.5px
    }

    .filter-label {
        background-color: #dedede
    }

    .filter-value {
        margin-left: -5px
    }

    .browse-controls {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .advanced-search {
        line-height: 45px
    }

    body.resource #content > h2:first-of-type + h3 {
        font-size: 15px;
        text-transform: uppercase;
        margin: -30px 0 30px
    }

    .property {
        margin-bottom: 30px
    }

    .property h4 {
        margin-bottom: 0;
        font-size: 15px
    }

    .resource-link img {
        width: auto;
        height: 45px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 7.5px
    }

    .property .value a {
        display: inline-block;
        vertical-align: bottom
    }

    .property .value:not(:last-child) img {
        margin-bottom: 7.5px
    }

    .property .value:not(:last-child) img + a {
        margin-bottom: 7.5px
    }

    .property .value .language {
        background-color: #d1d1d1;
        padding: 3.75px;
        font-size: 10px
    }

    .property .private:after {
        content: "\f070";
        font-family: "Font Awesome 5 Free";
        font-size: 15px
    }

    #content .media.resource {
        display: inline-block;
        text-align: center;
        vertical-align: bottom;
        margin-right: 7.5px
    }

    #content .media.resource:hover {
        border-bottom: 0
    }

    #content .media.resource img {
        vertical-align: top;
        margin-bottom: 15px
    }

    .media-render > * {
        max-width: 100%
    }

    #linked-resources caption {
        text-align: left;
        font-weight: bold;
        border-bottom: 3px solid #ababab;
        padding: 7.5px 15px 4.5px
    }

    #linked-filter h4 {
        margin-bottom: 15px
    }

    #linked-resources .resource-link {
        margin-bottom: 0;
        display: flex;
        align-items: center
    }

    #advanced-search .value:not(:last-child) {
        margin-bottom: 15px
    }

    .remove-value {
        text-indent: -9999px;
        position: relative;
        width: 45px;
        margin-left: 7.5px
    }

    .remove-value:before {
        text-indent: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        line-height: 45px
    }

    a.metadata-browse-link {
        font-size: 15px
    }

    /* ----------------------------------------------- */

    header {
        display: flex;
        justify-content: flex-start;
        align-items: center;

        background-color: #384651;
        padding: 0 calc( 50vw - 640px + 20px ) 0 !important;
        margin-bottom: 0 !important;
        line-height: 25px;
    }

    .home header {
        background-color: rgba(40,50,57, 0.89); /* #283239 */
        border-bottom: none;
        z-index: 3;
    }

    header > div,
    header > div.search-options-panel > div {
        display: inline-block;
        padding: 0;
    }

    header .search-options-panel-header {
        display: none;
    }

    header > a.logo {
        flex: 220px 0 0;

        position: relative;
        display: inline-block;
        height: 62px;
        width: 220px;
        background-repeat: no-repeat;
        background-position: left center;
        margin-right: 30px;
        padding: 0;
    }

    header > a.logo:hover {
        /* cf https://stackoverflow.com/questions/29037023/how-to-calculate-required-hue-rotate-to-generate-specific-colour#72369382 */
        filter: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><defs><filter id="ffa847" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 1.0 0 0 0 0 0.6588 0 0 0 0 0.2784 0 0 0 1 0"/></filter></defs></svg>#ffa847');
        /* background-image: url(./images/logo_on.svg); */
    }

    header a.search-submit-btn {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left: 10px;
        background: url(../img/loupe_off.cad75560.svg) bottom 4px left / 15px 15px no-repeat;
    }

    header div.search-input {
        border-bottom: 1px solid #FFA847;
        line-height: 1;
        margin-right: 35px;
    }

    header > div.search-options-panel div.search-input {
        padding: 0;
    }

    header div.search-input input[type=text] {
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        line-height: 15px;
        color: #FFA847;
        margin: 0;
        padding: 0;
        height: auto;
        border: none;
        background: none;
        box-shadow: none;
    }

    header div.search-input input[type="text"]:focus {
        outline: none;
    }

    header div.search-input input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-family: 'Lato', sans-serif;
        font-style: italic;
        font-size: 13px;
        line-height: 15px;
        color: #FFA847;
    }

    header div.search-input input[type=text]::-moz-placeholder { /* Firefox 19+ */
        font-family: 'Lato', sans-serif;
        font-style: italic;
        font-size: 13px;
        line-height: 15px;
        color: #FFA847;
    }

    header div.search-input input[type=text]:-ms-input-placeholder { /* IE 10+ */
        font-family: 'Lato', sans-serif;
        font-style: italic;
        font-size: 13px;
        line-height: 15px;
        color: #FFA847;
    }

    header div.search-input input[type=text]:-moz-placeholder { /* Firefox 18- */
        font-family: 'Lato', sans-serif;
        font-style: italic;
        font-size: 13px;
        line-height: 15px;
        color: #FFA847;
    }

    header div.advanced-search-link,
    header div.browse-link {
        font-family: 'Lato', sans-serif;
        font-weight: bold;
        font-size: 12px;
        line-height: 25px;
        text-transform: uppercase;
        margin-right: 35px;
        vertical-align: top;
        position: relative;
    }

    header div.browse-link ul.browse-link-menu {
        display: none;
        position: absolute;
        background-color: rgba(231,238,239,1);
        box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.5);
    }

    header div.browse-link ul.browse-link-menu.browse-link-menu-opened {
        display: block;
        z-index: 100;
    }

    header div.browse-link ul.browse-link-menu.browse-link-menu-closed {
        z-index: 98;
    }

    header div.browse-link ul.browse-link-menu > li {
        border-bottom: 1px solid #B5C7CB;
        min-width:195px;
    }

    header div.browse-link ul.browse-link-menu > li a {
        display: inline-block;
        width: 100%;
        padding: 6px 20px;
        text-transform: none;
        color: #384651;
        font-size: 13px;
        font-weight: bold;
        line-height: 31px;
    }

    header div.browse-link ul.browse-link-menu > li a:hover {
        color: #5E939A;
    }

    header div.advanced-search-link a {
        display: inline-block;
        background: url(../img/chevron_orange_bas.e4d17096.svg) center right / 12px 7px no-repeat;
        padding-right: 22px;
        color: #FFA847;
    }

    header div.advanced-search-link a.advanced-search-menu-opened {
        background-image: url(../img/chevron_orange_haut.206b78d1.svg);
    }

    header div.advanced-search-link a:hover {
        color: #FFF;
        background-image: url(../img/chevron_orange_bas_on.1c41bdeb.svg);
    }

    header div.advanced-search-link a.advanced-search-menu-opened:hover {
        background-image: url(../img/chevron_orange_haut_on.4947097e.svg);
    }

    header div.browse-link > a {
        display: inline-block;
        background: url(../img/chevron_orange_droite.4cd2aa54.svg) center right no-repeat;
        padding-right: 20px;
        color: #FFA847;
    }

    header div.browse-link > a:hover {
        color: #FFF;
        background-image: url(../img/chevron_orange_droite_on.1db0e376.svg);
    }

    header > div.header-right {
        display: flex;
        align-items: center;
        height: 25px;
        position: absolute;
        right:calc( 50vw - 640px + 60px );
        top:19px;
        z-index: 101;
    }

    header > div.header-right .language-selector {
        margin-right: 6px;
        transform: translateY(-3px);
    }

    header > div.header-right .language-selector > a {
        color: #FFF;
        vertical-align: center;
        position: relative;
        line-height: 25px;
    }

    header > div.header-right .language-selector > a,
    header > div.header-right .language-selector > ul > li > a {
        font-family: "Lato", sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 13px;
        text-transform: uppercase;
    }

    header > div.header-right .language-selector > a:after {
        content: '';
        display: inline-block;
        width: 17px;
        height: 15px;
        background: url(../img/chevron_orange_droite_on.1db0e376.svg) center bottom / auto 12px no-repeat;
        transform: translateY(2px);
    }

    header > div.header-right .language-selector > ul {
        display: none;
        position: absolute;
        top:28px;
        left:0;
        z-index: 2;
    }

    header.language-menu-opened > div.header-right .language-selector > ul {
        display: block;
    }

    header > div.header-right .language-selector > ul > li {
        display: block;
    }

    header > div.header-right .language-selector > ul > li > a {
        display: inline-block;
        width: 36px;
        height: 30px;
        margin-left: -8px;
        padding: 8px 2px 7px 9px;
        background-color: #B5C7CB;
        color: #384651;
    }

    header > div.header-right .language-selector > ul > li > a:hover {
        color: #5E939A;
    }

    header div.search-mobile-link {
        display: none;
        width: 35px;
        height: 25px;
    }

    header div.search-mobile-link a {
        display: inline-block;
        background: url(../img/loupe_off.cad75560.svg) center / 22px 23px no-repeat;
        width: 35px;
        height: 25px;
        vertical-align: top;
    }

    header div.user.login {
        display: inline-block;
    }

    header div.user.login a {
        display: inline-block;
        background: url(../img/picto_utilisateur.33998640.svg) top right / 25px 26px no-repeat;
        width: 35px;
        height: 25px;
        vertical-align: top;
    }

    header div.user.login a:hover {
        background-image: url(../img/picto_utilisateur_on.c8365966.svg);
    }

    /* Header :animation Hamburger */

    header .hamburger-parent {
        width: 36px;
        height: 36px;
        margin:0 18px 0 42px;
        position: relative;
        border-radius:50%;
        background-color: rgba(255,255,255, 0.23);
    }

    header .hamburger {
        position: absolute;
        top:8px;
        left: 8px;
    }

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

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

    .c-hamburger:hover span::before,
    .c-hamburger:hover span::after,
    .c-hamburger:hover span {
        background: #FFA847;
    }

    .c-hamburger span {
        display: block;
        position: absolute;
        top: 8px;
        left: 0;
        right: 0;
        height: 2px;
        background: #FFFFFF;
        border-radius: 3px;
    }

    .c-hamburger span::before,
    .c-hamburger span::after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 2px;
        background: #FFFFFF;
        border-radius: 3px;
        content: "";
    }

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

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

    .c-hamburger--htx {
    }


    /* ----------------------------------------------- */

    .breadcrumbs-and-title {
        padding: 10px calc( 50vw - 640px + 60px );
        border-bottom: 1px solid #D5D5D5;
    }

    .home .breadcrumbs-and-title {
        display: none;
    }

    .breadcrumbs {
        font-family: "Georgia", serif;
        font-size: 11px;
        font-style: italic;
        line-height: 12px;
        color:#5E939A;
    }

    .breadcrumbs .hide-navigation {
        visibility: hidden;
    }

    .breadcrumbs a {
        color:#7E7E7E;
    }

    .breadcrumbs a:hover {
        color:#5E939A;
        text-decoration: underline;
    }

    .breadcrumbs-and-title h1 {
        color: #384651;
        font-family: 'Lato', sans-serif;
        font-size: 20px;
        font-weight: 900;
        line-height: 23px;
        text-align: center;
        margin: 3px 0 0;
    }

    .loading-animation {
        margin: 20px 10px 10px;
    }

    /* ----------------------------------------------- */

    .side-menu-parent {
        position: absolute;
        top:0;
        left:0;

        padding-left:calc( 50vw - 640px + 20px );
        padding-right: 30px;

        height: 100vh;
        overflow: hidden;
        background-color: rgba(38,48,55,0.96);
        box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.3); /* -110 < shadow */
        transform: translateX(-110%);
        transition-duration: 0.75s;
    }

    header .side-menu-parent,
    header .logo,
    header .hamburger-parent {
        z-index: 100;
    }

    header.menu-opened .side-menu-parent {
        transform: translateX(0);
    }

    .side-menu {
        width: 100%;
        height: 100%;
        padding: 65px 0 0 40px;
    }

    .side-menu ul {
        margin: 0 0 12px;
        padding: 0 30px 18px 0;
    }

    .side-menu ul > li hr {
        border: none;
        border-bottom: solid 2px #F7A448;
    }

    .side-menu ul:last-child {
        border-bottom-width:0;
    }

    .side-menu ul > li {
        margin: 0;
        padding: 0;
    }

    .side-menu ul > li a {
        color: #FFFFFF;
        font-size: 13px;
        font-weight: bold;
        line-height: 15px;
    }

    .side-menu ul > li a:hover {
        color: #FFA847;
    }

    .side-menu ul > li a.ext {
        padding: 3px 24px 1px 0;
        background: url(../img/lien_ext.30a5250a.svg) center right / 16px 15px no-repeat;
    }

    .mobile-language-selector {
        display: none;
    }

    .mobile-language-selector > li {
        text-transform: uppercase;
        margin-right: 10px;
        display: inline-block;
    }

    .side-menu ul.mobile-language-selector > li > a {
        line-height: 13px;
        padding-right: 10px;
        color:#B8CACB;
    }

    .side-menu ul.mobile-language-selector > li > a.current-language {
        color:#FFF;
    }

    .side-menu ul.mobile-language-selector > li:not(:first-child) > a {
        padding-left: 10px;
    }

    .side-menu ul.mobile-language-selector > li:not(:last-child)::after {
        content: "|";
        color:#B8CACB;
        font-size: 14px;
    }

    .user-menu-parent {
        position: absolute;
        top:60px;
        right:calc( 50vw - 640px + 20px );
        z-index: 1500;
        pointer-events: none;
    }

    .user-menu-arrow {
        height: 6px;
        overflow: hidden;
        opacity: 0;
    }

    .user-menu-arrow::before {
        content: "";
        display: inline-block;
        width:12px;
        height:12px;
        transform: rotate(45deg);
        transform-origin: 50% 50%;
        background-color: #E7EEEF;
        position: absolute;
        right:46px;
    }

    .user-menu-content {
        overflow: hidden;
    }

    .user-menu-header {
        position: relative;
        background-color: #E7EEEF;
        color: #384651;
        font-size: 17px;
        font-weight: 900;
        line-height: 31px;
        padding: 10px 25px 12px;
        opacity: 0;
        z-index: 2;
    }

    .user-menu-header .user-last-name {
        text-transform: uppercase;
    }

    .user-menu ul.user-menu-options {
        background-color: #DEEBED;
        padding: 15px 25px;
        position: relative;
        z-index: 1;

        transform: translateY(-150%);
        transition-duration: 0.75s;
        transition-delay: 0.35s;
    }

    .user-menu ul > li {
    }

    .user-menu ul > li a {
        color: #384651;
        font-size: 13px;
        font-weight: bold;
        line-height: 31px;
    }

    .user-menu ul > li a:hover {
        color: #81A1BB;
    }


    header.menu-user-opened .user-menu-parent {
        visibility: visible;
        pointer-events: auto;
    }

    header.menu-user-closed .user-menu-parent {
        pointer-events: none;
    }

    header.menu-user-opened .user-menu-parent .user-menu-content {
        visibility: visible;
    }

    header.menu-user-closed .user-menu-arrow,
    header.menu-user-closed .user-menu-header {
        animation: fade-out-animation 0.25s 0.75s both;
    }

    header.menu-user-opened .user-menu-arrow,
    header.menu-user-opened .user-menu-header {
        animation: fade-in-animation 0.5s both;
    }

    header.menu-user-opened .user-menu ul.user-menu-options {
        transform: translateY(0);
    }

    /* ----------------------------------------------- */

    .connexion-menu-parent,
    .inscription-menu-parent,
    .advanced-search-menu-parent {
        width: 100%;
        position: absolute;
        top:62px;
        left:0;
        overflow: hidden;
        pointer-events: none;
        max-height: calc( 100vh - 66px );
    }

    .inscription-menu-parent,
    .connexion-menu-parent {
        z-index: 98;
    }

    .advanced-search-menu-parent {
        z-index: 97;
    }

    .connexion-menu-parent,
    .inscription-menu-parent {
        visibility: hidden;
    }

    .inscription-confirmation-parent.inscription-confirmation-opened,
    .inscription-menu-parent.inscription-menu-opened,
    .connexion-menu-parent.connexion-menu-opened,
    .advanced-search-menu-parent.advanced-search-menu-opened {
        visibility: visible;
        pointer-events: auto;
    }

    .advanced-search-menu-parent .advanced-search-bg,
    .inscription-menu-parent .inscription-menu-bg,
    .connexion-menu-parent .connexion-menu-bg {
        position: fixed;
        background-color: rgba(33,41,48, 0.93);
        width: 100%;
        height: 100%;
        visibility: hidden;
    }

    .advanced-search-menu-parent.advanced-search-menu-closed {
        z-index: 55;
    }

    .advanced-search-menu-parent.advanced-search-menu-opened .advanced-search-bg {
        visibility: visible;
        animation: fade-in-animation 0.5s both;
    }

    .advanced-search-menu-parent.advanced-search-menu-closed .advanced-search-bg {
        visibility: visible;
        animation: fade-out-animation 0.75s ease-in-out both;
    }

    .inscription-confirmation-parent.inscription-confirmation-opened .inscription-menu-bg,
    .inscription-menu-parent.inscription-menu-opened .inscription-menu-bg,
    .connexion-menu-parent.connexion-menu-opened .connexion-menu-bg {
        visibility: visible;
    }

    .inscription-confirmation-parent.inscription-confirmation-closed .inscription-menu-bg,
    .inscription-menu-parent.inscription-menu-closed .inscription-menu-bg {
        visibility: hidden;
    }

    .connexion-menu-parent.connexion-menu-closed .connexion-menu-bg {
        visibility: visible;
        animation: fade-out-animation 0.1s ease-in-out both;
    }
    @keyframes fade-in-animation {
        0%   { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes fade-out-animation {
        0%   { opacity: 1; }
        100% { opacity: 0; }
    }
    @keyframes fade-in-and-out-animation {
        0%   { opacity: 0; }
        30%  { opacity: 1; }
        70%  { opacity: 1; }
        100% { opacity: 0; }
    }


    .advanced-search-menu {
        width: 100%;
        background-color: #FDFDFD;
        padding: 0 calc( 50vw - 640px + 60px ) 30px;
        margin: 0;
        transform: translateY(-100%);
        transition-duration: 0.75s;
        transition-delay: 0.25s;
    }

    .with-user-popup .advanced-search-menu {
        display: none;
    }

    .advanced-search-menu-parent.advanced-search-menu-opened .advanced-search-menu {
        visibility: visible;
        transform: translateY(0);
    }

    .advanced-search-menu .advanced-search-menu-close {
        text-align: center;
        padding: 22px 0;
    }

    .advanced-search-menu .advanced-search-menu-close-bottom {
        display: none;
    }

    .advanced-search-menu .advanced-search-menu-close a {
        padding-right: 35px;
        background: url(../img/chevron_haut.4df9ae53.svg) top right / 16px 15px no-repeat;
        color: #384651;
        font-size: 18px;
        font-weight: bold;
        line-height: 21px;
        text-transform: uppercase;
    }

    .advanced-search-menu select,
    .search-facets input[type=text],
    .advanced-search-menu input[type=text] {
        height: 34px;
    }

    .search-facets input[type=text].fulltext-search,
    .advanced-search-menu input[type=text].fulltext-search {
        width: 100%;
        padding: 8px 10px 8px 40px;
        background: url(../img/loupe_noir.ec1d8456.svg) center left 15px / 16px 15px no-repeat;
        margin-right: 20px;
        margin-bottom: 22px;

        color: #4E4D4D;
        font-size: 14px;
        line-height: 16px;
    }

    .search-facets input[type=text].fulltext-search {
        margin-right: 0;
        margin-bottom: 0;
    }

    .advanced-search-menu input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-family: 'Lato', sans-serif;
        color: #4E4D4D;
        font-size: 13px;
        font-style: italic;
        font-weight: bold;
        line-height: 18px;
        opacity: 1;
        text-shadow: none;
    }

    .advanced-search-menu input[type=text]::-moz-placeholder { /* Firefox 19+ */
        font-family: 'Lato', sans-serif;
        color: #4E4D4D;
        font-size: 13px;
        font-style: italic;
        font-weight: bold;
        line-height: 18px;
        opacity: 1;
        text-shadow: none;
    }

    .advanced-search-menu input[type=text]:-ms-input-placeholder { /* IE 10+ */
        font-family: 'Lato', sans-serif;
        color: #4E4D4D;
        font-size: 13px;
        font-style: italic;
        font-weight: bold;
        line-height: 18px;
        opacity: 1;
        text-shadow: none;
    }

    .advanced-search-menu input[type=text]:-moz-placeholder { /* Firefox 18- */
        font-family: 'Lato', sans-serif;
        color: #4E4D4D;
        font-size: 13px;
        font-style: italic;
        font-weight: bold;
        line-height: 18px;
        opacity: 1;
        text-shadow: none;
    }

    .advanced-search-panel {
        border-top: 2px solid #B2B2B2;
        padding: 10px 0 30px;
    }

    .advanced-search-menu .advanced-search-panel {
        border-top: 1px solid #B2B2B2;
    }

    .advanced-search-menu .advanced-search-panel.search-panel-closed h3 a {
        background: none;
    }

    .advanced-search-panel.search-panel-closed {
        padding-bottom: 10px;
    }

    .search-facets .facets-panel-closed,
    .search-facets .advanced-search-footer.facets-panel-closed,
    .search-facets .search-panel-closed .list-items-categories,
    .search-facets .search-panel-closed .filters-to-clone-parent {
        height: 0;
        overflow: hidden;
    }

    .search-facets .search-panel-closed .advanced-search-add-filter-parent,
    .search-facets .search-panel-closed input[type="text"].fulltext-search {
        display: none;
    }

    .search-facets .advanced-search-panel > ul {
        margin-left: 5px;
    }

    .advanced-search-panel:first-child {
        border-top: none;
        padding-top: 0;
    }

    .advanced-search-panel h3 {
        color: #4E6273;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        text-transform: uppercase;
        margin: 15px 0;
    }

    .advanced-search-panel h3 a {
        background: url(../img/chevron_haut_recherche.2787de3b.svg) top 2px right / 13px 12px no-repeat;
        color: #4E6273;
        display: inline-block;
        width: 100%;
    }

    .advanced-search-menu .advanced-search-panel h3 a {
        pointer-events: none;
    }

    .advanced-search-panel.search-panel-closed  h3 a {
        background-image: url(../img/chevron_bas_recherche.a0be1dda.svg);
    }

    .advanced-search-filters {
        width: 100%;
    }

    .advanced-search-collections-filters {
        background-color: #F4F4F4;
        padding:5px 20px;
        margin-bottom: 36px;
    }

    .advanced-search-collections-filters .collections-filters {
        display: flex;
        flex-wrap: wrap;
    }

    .collections-filters > * {
        flex-grow:1;
    }

    .advanced-search-filters fieldset .filter-inputs {
        position: relative;
        margin-bottom: 8px;
    }

    .advanced-search-filters fieldset .filter-inputs > * {
        display: inline-block;
        color: #4E4D4D;
        font-size: 13px;
        line-height: 15px;
        border: 1px solid #B1B1B1;
    }

    .search-facets .advanced-search-filters fieldset .filter-inputs > * {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
        font-size: 12px;
        line-height: 13px;
        height: auto;
    }

    .advanced-search-filters fieldset .filter-inputs > select {
        width:15%;
        margin-right: 15px;
    }

    .advanced-search-filters fieldset .filter-inputs > input {
        width:calc( 70% - 85px );
        margin-right: 0;
    }

    .advanced-search-filters fieldset .filter-inputs > input[type=text] {
        padding-left: 12px;
    }

    .advanced-search-filters fieldset .filter-inputs .delete-button {
        margin: 0;
        border: none;
        vertical-align: top;
    }

    .search-facets .advanced-search-filters fieldset .filter-inputs .delete-button {
        position: absolute;
        right: 0;
        bottom: -40px;
        width: auto;
    }

    .advanced-search-menu .advanced-search-filters fieldset:first-child .filter-inputs .delete-button {
        display: none;
    }

    .advanced-search-filters fieldset .filter-inputs button.delete-icon {
        width:30px;
        background: url(../img/suprimer_vert.0bed4470.svg) right center / 21px 21px  no-repeat;
        height: 30px;
    }

    .advanced-search-filters fieldset .advanced-search-boolean {
        margin-bottom: 32px;
    }

    .search-facets .advanced-search-filters fieldset .advanced-search-boolean {
        margin-bottom: 18px;
    }

    .advanced-search-filters fieldset .advanced-search-boolean .advanced-search-boolean-option {
            display: inline-block;
    }

    .advanced-search-filters fieldset .advanced-search-boolean .advanced-search-boolean-option {
        color: #333333;
        font-size: 13px;
        line-height: 15px;
        text-transform: uppercase;
    }

    .advanced-search-filters fieldset .advanced-search-boolean .advanced-search-boolean-option label {
        padding: 5px;
    }

    .advanced-search-filters fieldset .advanced-search-boolean .advanced-search-boolean-option input {
        margin-right: 5px;
    }

    a.advanced-search-add-filter {
        display: inline-block;
        border: 2px solid #5E939A;
        border-radius: 3px;
        background: #FFFFFF url(../img/picto_boutonplus.e459710b.svg) center left 8px / 20px 20px no-repeat;
        padding: 10px 15px 10px 35px;
        color: #5E939A;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
    }

    a.advanced-search-add-filter:hover {
        background-color:  #DEEBED;
    }

    .search-facets .advanced-search-add-filter {
        width: 100%;
    }

    .advanced-search-menu .advanced-search-footer {
        margin-top: 40px;
        text-align: right;
    }

    .advanced-search-footer a,
    .advanced-search-footer input {
        padding: 10px 25px;
        border-radius: 3px;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        text-align: center;
    }

    .advanced-search-footer input[type=submit] {
        border: 2px solid #5E939A;
        background-color: #5E939A;
        color: #FFFFFF;
        margin-right: 20px;
    }

    .advanced-search-footer input[type=submit]:hover {
        background-color: #FFFFFF;
        color: #5E939A;
    }

    .advanced-search-footer a {
        border: 2px solid #5E939A;
        color: #5E939A;
        display: inline-block;
    }

    .advanced-search-footer a:hover {
        background-color: #5E939A;
        color: #FFFFFF;
    }

    .advanced-search-footer .reset-search-button span {
        position: relative;
    }

    .advanced-search-footer .reset-search-button span::before {
        content: "";
        background: url(../img/reset_recherche.59826d0d.svg) center left / 20px 20px no-repeat;
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        left:-30px;
        top:-3px;
    }

    .advanced-search-footer .reset-search-button:hover span::before {
        background-image: url(../img/reset_recherche_on.a927b9ae.svg);
    }

    .search-facets .advanced-search-footer {
        margin-bottom: 20px;
    }

    .search-facets .search-name-form > *,
    .search-facets .advanced-search-footer > input,
    .search-facets .advanced-search-footer > a {
        width: 100%;
        margin: 15px 0 0;
    }

    .search-facets .advanced-search-footer > input[type=submit] {
        margin-top: 0;
    }

    .search-facets .search-name-input {
        display: inline-block;
        padding-left: 12px;
        text-align: left;
        color: #4E4D4D;
        font-size: 13px;
        line-height: 15px;
        border: 1px solid #B1B1B1;
    }

    .search-facets .search-name-form-message {
        color: #4E4D4D;
        font-size: 13px;
        line-height: 18px;
        padding: 6px;
        font-weight: bold;
    }

    /* ----------------------------------------------- */

    .connexion-menu {
        width: 100%;
        padding: 0 calc( 50% - 270px ) 30px;
        margin: 50px 0 0;
        transform: translateY(0%);
        opacity: 1;
        transition-duration: 0.55s;
        transition-delay: 0.25s;
    }

    .connexion-menu-parent.connexion-menu-closed .connexion-menu,
    .inscription-menu-parent.inscription-menu-closed .connexion-menu {
        opacity: 0;
        transition-duration: 0.25s;
        transition-delay: 0s;
    }

    .connexion-menu.inscription-menu {
        padding: 0 calc( 50% - 470px ) 30px;
    }

    .inscription-confirmation-content,
    .connexion-menu .form-parent {
        box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.3);
    }

    .inscription-confirmation-content,
    .connexion-menu form {
        background-color: #DEEBED;
        padding: 25px 74px 66px;
    }

    .connexion-menu h2 {
        color: #384651;
        font-size: 17px;
        font-weight: 900;
        line-height: 19px;
        text-align: center;
        margin-bottom: 20px;
    }

    .connexion-menu .form-fields {
        width: 100%;
        padding: 15px 0 10px;
    }

    .connexion-menu .connexion-menu-close {
        text-align: right;
    }

    .connexion-menu .connexion-menu-close a {
        display: inline-block;
        color: #F7A448;
        font-size: 15px;
        font-weight: bold;
        line-height: 20px;
        text-transform: uppercase;
        padding: 8px 35px 8px 0;
        background: url(../img/croix_fermer_off.411782d1.svg) right center / 20px 20px no-repeat;
    }

    .connexion-menu .forgotten-password {
        text-align: right;
        margin-top: 10px;
    }

    .connexion-menu .forgotten-password a {
        color: #467278;
        font-size: 13px;
        font-weight: bold;
        line-height: 15px;
        text-transform: uppercase;
    }

    .connexion-menu .form-buttons {
        margin-top: 27px;
    }

    .connexion-menu .form-buttons a {
        float: right;
    }

    .connexion-menu .form-buttons input[type=submit],
    .connexion-menu .form-buttons a.button {
        padding-left: 32px;
        padding-right: 32px;
    }

    .inscription-menu-intro {
        color: #4E4D4D;
        font-size: 13px;
        line-height: 17px;
    }

    .inscription-menu-intro span {
        font-weight: bold;
    }

    .inscription-form-fields {
        display: flex;
        margin: 24px 0 48px;
    }

    .inscription-form-fields > div:first-child {
        padding-right: 12px;
    }

    .inscription-form-fields > div:last-child {
        padding-left: 12px;
    }

    .inscription-form-fields p {
        color: #333333;
        font-size: 12px;
        font-style: italic;
        line-height: 13px;
    }

    .connexion-menu ul.connexion-form-errors,
    .inscription-form-fields ul.inscription-form-errors {
        margin: 10px 0 0 7px;
    }

    .connexion-menu ul.connexion-form-errors > li,
    .inscription-form-fields ul.inscription-form-errors > li {
        color: #FF3333;
        font-size: 12px;
        line-height: 13px;
        margin-bottom: 2px;
        list-style-type:disc;
        list-style-position: inside;
    }

    .inscription-form-fields > * {
        flex:50% 0 0;
    }

    .inscription-menu .form-buttons {
        text-align: center;
    }

    .inscription-confirmation-content {
        padding: 210px 40px 120px;
        background-image: url(../img/inscription-checked.f1410dc7.png);
        background-repeat: no-repeat;
        background-position: center top 56px;
    }

    .inscription-confirmation-content p {
        color: #4E4D4D;
        font-size: 13px;
        font-weight: bold;
        line-height: 15px;
        text-align: center;
        margin-bottom: 15px;
    }

    /* ----------------------------------------------- */

    .item-navigation {
        width: 100%;
        padding: 10px 20px;
        background-color: #F4F4F4;
        position: relative;
    }

    .item-navigation.hide-navigation {
        text-align: right;
    }

    .item-navigation.hide-navigation > ul {
        display: none;
    }

    .subject-list-mode > a.close-browser-window,
    .item-navigation > a.close-browser-window {
        display: none;

        position: absolute;
        right: calc( 50vw - 640px + 60px );
        top: 5px;

        color: #467278;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        text-transform: uppercase;
        padding: 5px 27px 5px 0;
        background: url(../img/croix_fermer_vert.77adddb1.svg) right center / 20px 20px no-repeat;
    }

    .subject-list-mode.show-close-browser-button > a.close-browser-window,
    .item-navigation.hide-navigation > a.close-browser-window {
        display: inline;
    }

    .subject-list-mode > a.close-browser-window:hover,
    .item-navigation > a.close-browser-window:hover {
        color: #F7A448;
        background-image: url(../img/croix_fermer_off.411782d1.svg);
    }

    .item-navigation.with-padding {
        width: auto;
        min-height: 38px;
        margin: 0 0 18px;
        display: block;
    }

    .item-navigation.with-padding,
    .contents .item-navigation.with-padding {
        padding: 10px calc( 50vw - 640px + 60px );
    }

    .popup-notice-item .item-navigation.with-padding {
        margin: 14px 0 12px;
    }

    .item-navigation ul {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0 20px;
        list-style-type: none;
        line-height: 14px;
    }

    .item-navigation ul > li {
        flex: 50% 0 0;
    }

    .item-navigation ul > li:first-child {
        text-align: right;
        padding-right: 8px;
    }

    .item-navigation ul > li:last-child {
        position: relative;
        padding-left: 12px;
    }

    .item-navigation ul > li:last-child::before {
        content: '';
        position: absolute;
        top:0;
        bottom: 0;
        left:0;
        display: inline-block;
        width: 1px;
        height: 14px;
        border-left: 1px solid #467278;
        margin: auto;
    }

    .item-navigation a.previous-item,
    .item-navigation a.next-item {
        display: flex;
        align-items: center;
        color: #384651;
        text-decoration: none;
    }

    .item-navigation a.previous-item {
        justify-content: right;
    }

    .item-navigation a.previous-item:hover,
    .item-navigation a.next-item:hover {
        color:#5E939A;
    }

    .item-navigation a .item-navigation-label {
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
        color: #5E939A;
        text-transform: uppercase;
    }

    .item-navigation a.previous-item .item-navigation-label {
        background: url(../img/item_prec_on.2c00c709.svg) top 1px left no-repeat;
        padding-left: 15px;
        margin-left: 10px;
    }

    .item-navigation a.previous-item:hover .item-navigation-label {
        background-image: url(../img/item_prec_on.2c00c709.svg);
        text-decoration: underline;
    }

    .item-navigation a.next-item .item-navigation-label {
        background: url(../img/item_suiv_on.36a98f0c.svg) top 1px right no-repeat;
        padding-right: 15px;
        margin-right: 10px;
    }

    .item-navigation a.next-item:hover .item-navigation-label {
        background-image: url(../img/item_suiv_on.36a98f0c.svg);
        text-decoration: underline;
    }

    .item-navigation a span.item-navigation-title {
        font-style: italic;
        font-size: 12px;
        line-height: 14px;
        color:#666666;
    }

    .item-navigation a:hover span.item-navigation-title {
    }

    /* ----------------------------------------------- */


    .contents {
        position: relative;
        width: 100%;
        min-height: calc( 100vh - 136px );
    }

    .contents > div.contents-wrapper {
        position: absolute;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        width: 100%;
    }

    .with-user-popup {
        height: 100vh;
        overflow: hidden;
    }

    .contents.with-popup {
        height: calc( 100vh - 136px );
        overflow: hidden;
    }

    .contents > div.contents-wrapper.with-visualization {
        background-color: #2f3a43;
        min-height: calc( 100vh - 136px );
    }

    .recherche .contents > div.contents-wrapper.with-visualization.graph-mode,
    .encyclopedie .contents > div.contents-wrapper.with-visualization {
        height: calc( 100vh - 136px );
        overflow: hidden;
    }

    .no-results {
        display: none;
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        line-height: 15px;
        font-style: italic;
        margin: 20px 0 40px;

    }

    .publications .no-results,
    .chronologie .no-results,
    .geographie .no-results {
        display: block;
    }

    .contents > div.contents-wrapper.with-visualization.notice-mode,
    .contents > div.contents-wrapper.with-visualization.list-mode {
        background-color: #FFFFFF;
        overflow: hidden;
        height: auto;
    }

    .contents div.contents-wrapper .bibliographie ,
    .contents > div.contents-wrapper.list-mode {
        height: auto;
        min-height: calc( 100vh - 136px );
    }

    .back-to-top a {
        display: block;
        background-image: url(../img/top.ea7e86ac.svg);
        background-size: cover;
        width: 40px;
        height: 40px;
    }

    .back-to-top a:hover {
        background-image: url(../img/top_over.d2157a45.svg);
        opacity: 0.5;
    }

    .cd-top {
        display: inline-block;
        position: fixed;
        bottom: 10px;
        right: 20px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        visibility: hidden;
        opacity: 0;
        transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
    }

    .popup-notice-item .cd-top {
        right: calc( 50vw - 640px + 32px + 25px );
        bottom: 120px;
    }

    .cd-top.cd-top--show,
    .cd-top.cd-top--fade-out,
    .cd-top:hover {
        transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
    }

    .cd-top.cd-top--show {
        z-index: 10;
        visibility: visible;
        opacity: 1;
    }

    .cd-top.cd-top--fade-out {
    }

    .cd-top:hover {
        opacity: 1;
        cursor: pointer;
    }

    .constellation {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    div.contents-wrapper.with-visualization.notice-mode .constellation  {
        overflow: auto;
    }

    .constellation .svg-parent {
        position: absolute;
        width: 100%;
        height: 100%;
        visibility: visible;
    }

    .constellation .svg-parent,
    .constellation {
        min-height: calc( 100vh - 136px );
    }

    .constellation ul {
        margin: 0;
        padding: 0;
    }

    .contents article {
        position: relative;
    }

    .contents .with-padding {
        padding: 0 calc( 50vw - 640px + 60px );
        width: 100%;
    }

    .home .contents .blocks > * {
        padding: 0 calc( 50vw - 640px + 130px );
        width: 100%;
    }


    /* Page d'accueil */

    .home {
        min-height: 100vh;
        background-color: rgba(41,50,57, 1);
    }

    .home .view {
        margin-top: 0 !important;
    }

    .home .loading-animation {
        position: absolute;
        top: 0;
    }

    .home .contents .article-content {
        margin: -62px 0 0;
    }

    .home .contents .article-background {
        opacity: 0;
        transition: opacity ease-in-out 0.5s;
    }

    .home .contents .article-background.is-loaded {
        opacity: 1;
    }

    .home .contents .article-background {
        position: absolute;
        display: block;
        width: 100%;
        height: 800px;

        background-color: rgba(41,50,57, 0.6);
        background-size: auto 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-image: var(--home-background);
    }

    .home .contents .page.no-header.with-padding {
        padding: 0 !important;
    }

    .home .contents .article-content {
        position: relative;
        z-index: 2;
        text-indent: -9999px;
        line-height: 0;
    }

    .home .contents .article-content > .blocks {
        text-indent: initial;
        line-height: 1.2;
    }

    .home .contents .article-content > *:not(.blocks) {
        display: none;
    }

    .home .page {
        background-color: rgba(41,50,57, 1);
    }

    .home .blocks .block:last-child {
        margin-bottom: 0;
    }

    .home .blocks > h2 {
        margin: 150px 0 0;
        color: #DEEBED;
        font-family: 'Lato', sans-serif;
        font-size: 60px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 69px;
        text-shadow: 1px 1px 1px rgba(41,50,57, 0.5);
        box-shadow: none;
    }

    /* Image située sous le titre de la page d'accueil  ( ex : Signature M.Hallbwachs) */
    .home .blocks > h2 + .block-asset,
    .home .blocks > h2 + .block-asset .asset {
        margin: 0;
    }

    .home .blocks > h2 + .block-asset img {
        max-height: 80px;
    }

    .home .block.links ul {
        list-style-type: none;
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        margin: 0;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .home .block.links ul li {
        margin-left: 0;
    }

    .home .block.links ul li a {
        display: inline-block;
        opacity: 0.89;
        border-radius: 6px;
        background-color: #C5DADF;
        padding: 10px;

        font-family: 'Lato', sans-serif;
        color: #313C42;
        font-size: 14px;
        font-weight: 900;
        text-transform: uppercase;
    }

    .home .block.links ul li a:hover {
        color:#C95B21;
    }

    .home .block.links ul li a[target=_blank] {
        padding-left: 32px;
        background: #C5DADF url(../img/site-externe.b6d83ed3.svg) center left 8px / 18px auto no-repeat;
    }

    .home .block.links ul li a[target=_blank]:hover {
        background-image: url(../img/site-externe-over.68cd13b9.svg);
    }

    /* Lien vers encyclopédie */
    .home .block.links.link-to-encyclopedia {
        height: 274px;
    }

    .home .block.link-to-encyclopedia ul li a {
        padding-right: 36px !important;
        background: rgba(244,244,244, 0.89) url(../img/fleche-aller.80188b1b.svg) center right 5px / 23px auto no-repeat;
    }

    .home .block.link-to-encyclopedia ul li a:hover {
        background-image: url(../img/fleche-aller-over.0e306eea.svg);
    }

    .home .block.item-set-showcase {
        display: flex;
        gap: 20px;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    /* Collections de l'encyclopédie */

    .home .block.links.links-and-item-sets-group,
    .home .block.links.encyclopedie-item-sets-group {
        background-color: rgba(160,178,182, 0.65);
    }

    .home .block.encyclopedie-item-sets-group {
        position: relative;
        border-top: 5px solid #C95B21;
    }

    .home .block.encyclopedie-item-sets-group + .block.links-and-item-sets-group {
        border-bottom: 5px solid #C95B21;
        margin-top: 0;
    }

    .home .block.encyclopedie-item-sets-group + .block.links-and-item-sets-group ul {
        padding-top: 0;
    }

    .home .block.encyclopedie-item-sets-group {
        flex-wrap: wrap;
        position: relative;
        margin-bottom: 0;
        background-color: rgba(160,178,182, 0.65);
        border-top: 5px solid #C95B21;
    }

    .home .block.encyclopedie-item-sets-group > ul > li > a {
        background-color: #283239;
        color: #FFFFFF;
    }

    .home .block.encyclopedie-item-sets-group ul li a[target=_blank] {
        background: #283239 url(../img/site-externe-blanc.bfd561bf.svg) center left 8px / 18px auto no-repeat;
    }

    .home .block.links ul li a[target=_blank]:hover {
        background-image: url(../img/site-externe-over.68cd13b9.svg);
    }

    .home .block.links-and-item-sets-group {
        margin-top: 0;
        margin-bottom: 0;
        background-color: rgba(160,178,182, 0.65);
        border-bottom: 1px solid #C95B21;
    }

    .home .block.links-and-item-sets-group > ul {
        padding-top: 0 !important;
    }

    /* Publisher : HTML block with logo, description */
    .article-content .block.publisher-logo-and-description {
        padding-top: 64px !important;
        padding-bottom: 60px !important;
        margin-top: 0;
        margin-bottom: 0;
        border-bottom: solid 5px #76858A;

        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: 32px;
        position: relative;
    }

    .article-content .block.publisher-logo-and-description > * {
        z-index: 2;
    }

    .article-content .block.publisher-logo-and-description:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        opacity: 0.47;
        background-image: var(--publisher-background);
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        top:0;
        z-index: 1;
    }

    .article-content .block.publisher-logo-and-description > a.publisher-logo {
        display: block;
        height: 172px;
        width: 170px;
        flex: 170px 0 0;
        opacity: 0.94;
        border-radius: 5px;
        background-color: #FFFFFF;
        background-image: var(--publisher-logo);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 2;
    }

    .article-content .block.publisher-logo-and-description p {
        font-family: "Lato", sans-serif !important;
        font-size: 15px;
        line-height: 22px;
        color: #FFFFFF !important;
    }

    .article-content .block.publisher-logo-and-description h2 {
        margin-bottom: 4px;
        font-family: "Lato", sans-serif !important;
        font-size: 20px;
        font-weight: 400;
        line-height: 26px;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        box-shadow: none;
    }

    /* Sélections */

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase {
        position: relative;
        width: 100%;

        display: flex !important;
        flex-direction: column;
        align-items: center;

        margin-top: 0 !important;
        margin-bottom: 0 !important;
        background-color: rgba(41,50,57, 0.96);
        padding-top: 50px !important;
        padding-bottom: 30px !important;
    }

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase > div {
        flex: 100% 0 0;
        width: 100%;

        display: flex;
        justify-content: center;
        gap: 54px;
    }

    .home .block.item-set-showcase > .resource a:hover {
        color:#C95B21 !important;
    }

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase .resource a img,
    .home .article-content .block.item-set-showcase.curated-item-sets-showcase .resource .caption {
        display: inline-block;
        color: #FFFFFF;
    }

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase .resource {
        width: 220px;
        border: 1px solid #B5C7CB;
        padding-bottom: 20px;
    }

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase .resource a:first-child {
        position: relative;
        display: none;
        width: 100%;
        /* height: 100%; */
        height: 105px;
        padding-bottom: 50%;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase .resource a:last-of-type {
        display: block;
        background: none !important;
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        font-weight: bold;
        line-height: 18px;
        color: #FFFFFF;
        text-align: center;
        text-transform: none;
        margin: 20px;
        padding-bottom: 20px;
    }

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase .resource .caption {
        margin: 20px;
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 18px;
        color: #FFFFFF;
        text-align: center;
        text-transform: none;

        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase .items-count {
        margin-top: 3px;
    }

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase .items-count:before,
    .home .article-content .block.item-set-showcase.curated-item-sets-showcase .items-count:after {
        content: "•";
        margin: 0 3px;
    }

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase .resource a img {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase h2 {
        display: block !important;
        width: 100%;
        font-family: 'Lato', sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 27px;
        text-align: center;
        color: #FFFFFF;
        text-transform: uppercase;
        box-shadow: none;
    }

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase > a {
        font-family: "Lato", sans-serif;
        font-weight: 500;
        font-size: 12px;
        color: #FFFFFF;
        text-transform: uppercase;
        text-align: center;
        padding: 20px 0;
        align-self: center;
    }

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase > a:hover {
        color: #FFA847;
    }

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase a.see-all-selections {
        display: inline-block;
        padding-right: 28px;
        background: url(../img/arrow.0b59d4d0.svg) right center / 20px 20px no-repeat;
    }

    .home .article-content .logo-centre-maurice-halbwachs {
        margin: 0 !important;
        background-color: rgba(41,50,57, 1) !important;
        padding-top: 50px !important;
        padding-bottom: 10px !important;
    }

    .home .article-content .logo-centre-maurice-halbwachs p {
        background: transparent !important;
        margin: 0 !important;
    }

    .home .article-content .logo-centre-maurice-halbwachs img {
        width: 100px;
    }

    .home .article-content .home-footer {
        box-sizing: border-box;
        padding: 22px 0 20px !important;
        border-top: solid 1px #76858A;
    }

    .home .article-content .home-footer > * {
        font-family: "Lato", sans-serif;
        font-size: 12px;
        line-height: 17px;
        color: #FFFFFF !important;
        text-align: center;
        white-space: unset;
    }

    .home .article-content .home-footer a {
        text-decoration: underline;
        color: #FFFFFF !important;
    }

    .home .article-content .home-footer a:hover {
        color: #FFA847 !important;
    }


    /* Structure générale des pages */

    .contents .no-header.with-padding,
    .contents .no-header .with-padding {
        padding-top: 40px;
    }

    .contents div.contents-header {
        padding-top: 3px;
        min-height: 48px;
        transform: translateZ(0);
    }

    .contents div.contents-header::after {
        content: "";
        display: block;
        clear: both;
    }

    ul.contents-mode {
        display: inline-block;
        float: left;
    }

    ul.contents-mode li {
        list-style-type: none;
        position: relative;
        display: inline-block;
    }

    ul.contents-mode li a {
        color: #FFFFFF;
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        line-height: 26px;
    }

    ul.contents-mode li.contents-notice-mode a,
    ul.contents-mode li.contents-list-mode a {
        display: inline-block;
        padding-left: 30px;
        padding-right: 6px;
    }

    ul.contents-mode li::after {
        content: "";
        display: inline-block;
        border-right: 1px solid #B1B1B1;
        height: 27px;
        position: absolute;
        right: -10px;
        top:8px;
    }

    ul.contents-mode li {
        margin-left: 20px;
    }

    ul.contents-mode li:first-child {
        margin-left: 0;
    }

    ul.contents-mode li.contents-notice-mode a,
    ul.contents-mode li.contents-gallery-mode a,
    ul.contents-mode li.contents-graph-mode a {
        display: inline-block;
    }

    ul.contents-mode li.contents-gallery-mode a,
    ul.contents-mode li.contents-graph-mode a {
        padding-left: 50px;
    }

    ul.contents-mode li.contents-graph-mode a {
        background: url(../img/picto_graphe_off.3be4dd19.svg) center left / 20px 20px no-repeat;
        padding-left: 28px;
    }

    ul.contents-mode li.contents-list-mode a {
        background: url(../img/picto_liste_off.5c65462b.svg) center left / 20px 15px no-repeat;
    }

    ul.contents-mode li.contents-notice-mode a {
        background: url(../img/picto_notices.0d696749.svg) left top 5px no-repeat;
        padding-left: 40px;
    }

    ul.contents-mode li.contents-gallery-mode a {
        background: url(../img/picto_graphe_bleu_off.45f1e1a5.svg) top -4px left / 43px 42px no-repeat;
    }

    .contents-wrapper ul.contents-mode li a {
        color: #384651;
    }

    .contents-wrapper.categories-graph-mode ul.contents-mode li a,
    .contents-wrapper.graph-mode ul.contents-mode li a {
        color:#FFF;
    }

    .contents-wrapper ul.contents-mode li a:hover {
        border-bottom: 3px solid #F7A448;
    }

    .contents-wrapper.graph-mode ul.contents-mode li a:hover {
        border-bottom: 3px solid #FFF;
    }

    .contents-wrapper.gallery-mode ul.contents-mode li.contents-gallery-mode a,
    .contents-wrapper.list-mode ul.contents-mode li.contents-list-mode a,
    .contents-wrapper.notice-mode ul.contents-mode li.contents-notice-mode a,
    .contents-wrapper.graph-mode ul.contents-mode li.contents-graph-mode a {
        pointer-events: none;
    }

    .contents-wrapper ul.contents-mode li.contents-graph-mode,
    .contents-wrapper.graph-mode ul.contents-mode li.contents-graph-mode {
        border-bottom: 3px solid #FFFFFF;
    }

    .contents-wrapper.graph-mode ul.contents-mode li.contents-list-mode a,
    .constellation ul.contents-mode li.contents-list-mode a {
        background-image: url(../img/picto_liste_off.5c65462b.svg);
    }

    .contents-wrapper.notice-mode .constellation ul.contents-mode li.contents-list-mode a,
    .contents-wrapper.list-mode .constellation ul.contents-mode li.contents-list-mode a,
    ul.contents-mode li.contents-list-mode a {
        background-image: url(../img/picto_liste_bleu_off.3ec021de.svg);
    }

    ul.contents-mode li.contents-gallery-mode a {
        padding-left: 25px;
        background: url(../img/picto_vignettes.36e1bf3b.svg) left top 4px / 18px 20px no-repeat;
    }

    ul.contents-mode li.contents-notice-mode a {
        background: url(../img/picto_notices.0d696749.svg) left top 1px no-repeat;
    }

    .contents-wrapper.categories-graph-mode ul.contents-mode li.contents-notice-mode a,
    .contents-wrapper.graph-mode ul.contents-mode li.contents-notice-mode a {
        background-image: url(../img/picto_notices_blanc.2ed4add2.svg);
    }

    .contents-wrapper.notice-mode ul.contents-mode li.contents-graph-mode a,
    ul.contents-mode li.contents-graph-mode a {
        /* Graphe TD */
        background-image: url(../img/picto_graphe_td.a85acd70.svg);
    }

    .contents-wrapper.graph-mode ul.contents-mode li.contents-graph-mode a {
        /* Graphe TD */
        background-image: url(../img/picto_graphe_td_blanc.991adfda.svg);
    }

    .contents-wrapper.graph-mode .constellation ul.contents-mode li.contents-graph-mode a,
    .constellation ul.contents-mode li.contents-graph-mode a {
        /* Graphe D3 : blanc */
        background: url(../img/picto_graphe_off.3be4dd19.svg) left top / 25px 25px no-repeat;
    }

    .contents-wrapper.notice-mode .constellation  ul.contents-mode li.contents-graph-mode a,
    .contents-wrapper.list-mode .constellation  ul.contents-mode li.contents-graph-mode a {
        /* Graphe D3 : noir */
        background-image: url(../img/picto_graphe_bleu_off.45f1e1a5.svg);
    }

    .chronologie .contents-wrapper.graph-mode ul.contents-mode li.contents-graph-mode a {
        background-image: url(../img/chrono_blanc.00fd02b5.svg);
    }

    .chronologie .contents-wrapper.notice-mode ul.contents-mode li.contents-graph-mode a,
    .chronologie .contents-wrapper.list-mode ul.contents-mode li.contents-graph-mode a {
        background-image: url(../img/chrono_bleue.bb267b52.svg);
    }

    .chronologie .contents-wrapper.list-mode ul.contents-mode li.contents-graph-mode a:hover {
        /* background-image: url(./images/chrono_on.svg); */
    }

    .geographie .contents-wrapper.graph-mode ul.contents-mode li.contents-graph-mode a {
        background: url(../img/carte_off.3f129eb8.svg) top left 5px / 28px auto no-repeat;
        padding-left: 40px;
    }

    .geographie .contents-wrapper.notice-mode ul.contents-mode li.contents-graph-mode a,
    .geographie .contents-wrapper.list-mode ul.contents-mode li.contents-graph-mode a {
        background: url(../img/cartebleue_off.efba23dd.svg) top left 5px / 28px auto no-repeat;
        padding-left: 40px;
    }

    ul.contents-mode li.contents-download-mode,
    ul.contents-mode li.contents-link-mode {
        margin-left: 16px;
    }

    ul.contents-mode li.contents-download-mode a,
    ul.contents-mode li.contents-link-mode a {
        display: inline-block;
        margin-left: 6px;
    }

    ul.list-items-menu-mobile-selector li.contents-download-mode a,
    ul.contents-mode li.contents-download-mode a {
        padding-left: 28px;
        background: url(../img/telecharger_off.d3ee820e.svg) center left / 20px 20px no-repeat;
    }

    ul.list-items-menu-mobile-selector li.contents-link-mode a,
    ul.contents-mode li.contents-link-mode a {
        padding-left: 22px;
        background: url(../img/lien_ext_vert.589818b4.svg) center left / 15px 15px no-repeat;
    }

    .constellation-basket {
        display: inline-block;
        float: right;
    }

    .item-svg-basket a,
    .constellation-basket a {
        display: inline-block;
        width: 62px;
        height: 62px;
        padding: 36px 10px 0 10px;
        background: url(../img/panier_encyclo_off.e51c2784.svg) center / 62px 62px no-repeat;
        text-align: center;
        color: #384651;
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
    }

    .loading-animation {
        max-width: 100px !important;
    }

    .loading-animation-media.loading-animation {
        transform-origin: top left;
        transform: scale(0.8);
    }

    .constellation > .loading-animation,
    .item-svg-parent > .loading-animation {
        position: relative;
        transform: translate(calc( 50vw - 100px ), calc( 50vh - 150px ));
        display: inline-block;
    }

    .item-svg-parent .item-svg-basket a,
    .recherche .contents-wrapper.list-mode .item-svg-basket a {
        background-image: url(../img/panier_encyclo_off.e51c2784.svg);
    }

    .item-svg-parent .item-svg-basket a:hover,
    .recherche .contents-wrapper.list-mode .item-svg-basket a:hover,
    .constellation-basket a:hover {
        background-image: url(../img/panier_encyclo_on_v2.7a976ad4.svg);
    }

    .contents-wrapper.list-mode .item-svg-basket a,
    .contents-wrapper.list-mode .constellation-basket a {
        background-image: url(../img/panier_encyclo_no_background_off.5074b7d6.svg);
    }

    .constellation-footer-background {
        position: absolute;
        width:100vw;
        height:calc( 100vh - 136px );
        background-color:#2f3a43;
        opacity: 0.76;
        bottom: 0;
        right:0;
        display: none;
    }

    .graph-mode .constellation.with-filters .constellation-footer-background {
        display: block;
    }

    .constellation-footer {
        position: absolute;
        bottom:0;
        left:0;
    }

    .constellation-footer > .constellation-filters,
    .constellation-footer > .constellation-filters-toggle {
        display: inline-block;
        vertical-align: bottom;
    }

    .constellation-footer > .constellation-filters-toggle {
        width: 45px;
        height: 45px;
    }

    .constellation-footer > .constellation-filters-toggle a {
        display: inline-block;
        background: #FDFDFD url(../img/bouton_parametres_off.773e915e.svg) center no-repeat;
        width: 45px;
        height: 45px;
    }

    .constellation-footer .constellation-filters > ul {
        display: none;
    }

    .constellation.with-filters .constellation-filters > ul {
        display: flex;
        flex-direction: column;
    }

    .constellation-footer .constellation-filters > ul li {
        display: inline-block;
        height: 45px;
        vertical-align: top;
        margin-top: 3px;
    }

    ul.collections-filters li label {
        display: inline-block;
        padding: 15px 15px 15px 72px;
        margin: 0;
        color: #384651;
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 15px;
        position: relative;
        cursor: pointer;
    }

    ul.collections-filters li input {
        position: absolute;
        left:10px;
    }

    .collection-icon {
        display: inline-block;
        width: 35px;
        height: 35px;
        background-size: cover;
        margin-right: 8px;
    }

    .notice-item-collection-name .collection-icon {
        width: 30px;
        height: 30px;
        background-color: #B5C7CB;
        border-radius: 50%;
    }

    .list-item.list-item-category-1 a.item-title::before,
    .constellation-footer .constellation-filters > ul li.constellation-filter-color-1 {
        background-color: var(--category-1-color);
    }

    ul.collections-filters li label {
        background-position: center left 22px;
        background-size: 50px auto;
        background-repeat: no-repeat;
    }

    .collection-icon.category-1,
    ul.collections-filters li.constellation-filter-color-1 label {
        background-image: var(--category-1-icon);
    }

    .collection-icon.category-1 {
        background-color: var(--category-1-color-with-opacity);
    }

    .list-item.list-item-category-2 a.item-title::before,
    .constellation-footer .constellation-filters > ul li.constellation-filter-color-2 {
        background-color: var(--category-2-color);
    }

    .collection-icon.category-2,
    ul.collections-filters li.constellation-filter-color-2 label {
        background-image: var(--category-2-icon);
    }

    .collection-icon.category-2 {
        background-color: var(--category-2-color-with-opacity);
    }

    .list-item.list-item-category-3 a.item-title::before,
    .constellation-footer .constellation-filters > ul li.constellation-filter-color-3 {
        background-color: var(--category-3-color);
    }

    .collection-icon.category-3,
    ul.collections-filters li.constellation-filter-color-3 label {
        background-image: var(--category-3-icon);
    }

    .collection-icon.category-3 {
        background-color: var(--category-3-color-with-opacity);
    }

    .list-item.list-item-category-4 a.item-title::before,
    .constellation-footer .constellation-filters > ul li.constellation-filter-color-4 {
        background-color: var(--category-4-color);
    }

    .collection-icon.category-4,
    ul.collections-filters li.constellation-filter-color-4 label {
        background-image: var(--category-4-icon);
    }

    .collection-icon.category-4 {
        background-color: var(--category-4-color-with-opacity);
    }

    .list-item.list-item-category-5 a.item-title::before,
    .constellation-footer .constellation-filters > ul li.constellation-filter-color-5 {
        background-color: var(--category-5-color);
    }

    .collection-icon.category-5,
    ul.collections-filters li.constellation-filter-color-5 label {
        background-image: var(--category-5-icon);
    }

    .collection-icon.category-5 {
        background-color: var(--category-5-color-with-opacity);
    }

    .list-item.list-item-category-6 a.item-title::before,
    .constellation-footer .constellation-filters > ul li.constellation-filter-color-6 {
        background-color: var(--category-6-color);
    }

    .collection-icon.category-6,
    ul.collections-filters li.constellation-filter-color-6 label {
        background-image: var(--category-6-icon);
    }

    .collection-icon.category-6 {
        background-color: var(--category-6-color-with-opacity);
    }

    .list-item.list-item-category-7 a.item-title::before,
    .constellation-footer .constellation-filters > ul li.constellation-filter-color-7 {
        background-color: var(--category-7-color);
    }

    .collection-icon.category-7,
    ul.collections-filters li.constellation-filter-color-7 label {
        background-image: var(--category-7-icon);
    }

    .collection-icon.category-7 {
        background-color: var(--category-7-color-with-opacity);
    }

    ul.zoom-buttons {
        position: absolute;
        bottom:60px;
        right:calc( 50vw - 640px + 60px );
    }

    ul.zoom-buttons li {
        list-style-type: none;
        width: 46px;
        height: 28px;
    }

    ul.zoom-buttons li a {
        display: inline-block;
        width: 30px;
        height: 28px;
    }

    ul.zoom-buttons li.constellation-zoom-reload {
        width: 46px;
        height: 46px;
        margin-top: 10px;
    }

    ul.zoom-buttons li.constellation-zoom-plus a {
        background: url(../img/zoom_plus_off.18b38c23.svg) no-repeat;
        margin-left: 5px;
    }

    ul.zoom-buttons li.constellation-zoom-plus.active a {
        background-image: url(../img/zoom_plus_on.7b6721e7.svg);
    }

    ul.zoom-buttons li.constellation-zoom-moins a {
        background: url(../img/zoom_moins_off.dde8c972.svg) no-repeat;
        margin-left: 5px;
    }

    ul.zoom-buttons li.constellation-zoom-moins.active a {
        background-image: url(../img/zoom_moins_on.c2607b4c.svg);
    }

    ul.zoom-buttons li.constellation-zoom-reload a {
        background: url(../img/reload.21b4c793.svg) left -4px top no-repeat no-repeat;
        width: 100%;
        height: 100%;
    }

    ul.zoom-buttons li.constellation-zoom-reload a.active {
        background-image: url(../img/reload.21b4c793.svg);
    }

    ul.zoom-buttons li.constellation-zoom-reload a:hover {
        background-image: url(../img/reload_on_v2.ad48dc96.svg);
    }

    .contents-wrapper.notice-mode ul.zoom-buttons.constellation-zoom-buttons,
    .contents-wrapper.list-mode ul.zoom-buttons.constellation-zoom-buttons {
        display: none;
    }

    /* ----------------------------------------------- */

    .contents-wrapper.notice-mode .constellation .svg-parent,
    .contents-wrapper.list-mode .constellation .svg-parent {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        height: 0;
        overflow: hidden;
    }

    .contents-wrapper.notice-mode .constellation .constellation-footer,
    .contents-wrapper.list-mode .constellation .constellation-footer {
        display: none;
    }

    /* Timeline must be present (masked) to get correct width and height when changing tab to map-graph */
    .contents-wrapper.notice-mode .chronologie .timeline-parent,
    .contents-wrapper.list-mode .chronologie .timeline-parent {
        height: 0;
        overflow: hidden;
    }

    /* Map must be present (masked) to get correct width and height when changing tab to map-graph */
    .contents-wrapper.notice-mode .geographie .map-parent,
    .contents-wrapper.list-mode .geographie .map-parent {
        height: 0;
        overflow: hidden;
    }


    .contents-wrapper .leaflet-popup-content a {
        pointer-events: none;
        color: #467278;
    }

    .contents-wrapper .leaflet-popup-content a {
        display: block;
        color:#5E939A;
        padding: 5px 0 5px 20px;
        background: url(../img/picto_notice_noir_off.a3e17699.svg) center left / 14px 16px no-repeat;
        margin-left: 8px;
    }

    .contents-wrapper .leaflet-popup-content {
        margin-bottom: 4px;
    }

    .contents-wrapper .leaflet-popup-content:hover a {
        background-image: url(../img/notice_bleu_off.b31247d7.svg);
    }

    .contents-wrapper .leaflet-popup-content:hover a,
    .contents-wrapper .leaflet-popup-content:hover h3 {
        color: #666;
    }

    .contents-wrapper .mapping-marker-popup-content {
        font-family: 'Lato', sans-serif;
        cursor: pointer;
    }

    .contents-wrapper .chronologie .timeline-parent h2,
    .contents-wrapper .mapping-marker-popup-content h3 {
        font-family: 'Lato', sans-serif !important;
        font-weight: bold;
        color: #467278;
    }

    .contents-wrapper .mapping-marker-popup-content h3 {
        padding-bottom: 22px;
        margin-top: 15px;
        margin-bottom: 3px;
        border-bottom:solid 1px #B2B2B2;
    }

    .contents-wrapper .chronologie .timeline-parent .tl-storyslider h2.tl-headline {
        font-size: 18px !important;
        line-height: 25px !important;
    }

    .contents-wrapper .mapping-marker-popup-content h3 {
        font-size: 17px;
        line-height: 23px;
    }

    .contents-wrapper .chronologie .timeline-parent .tl-text .tl-headline-date, .tl-text h3.tl-headline-date {
        font-family: 'Lato', sans-serif !important;
        font-size: 14px;
        line-height: 18px;
    }

    .contents-wrapper .chronologie .timeline-parent h2.tl-headline,
    .contents-wrapper .chronologie .timeline-parent img,
    .contents-wrapper .chronologie .timeline-parent h3.tl-headline-date {
        cursor: pointer;
        pointer-events: auto !important;
    }

    .tl-slide .tl-slide-content-container .tl-slide-content {
        display: flex !important;
        align-items: center;
        flex-direction: row-reverse;
    }

    .tl-slide-text-only .tl-slide-content-container .tl-slide-content .tl-text::after {
        content:"";
        display: block;
        border-bottom: 6px solid #F7A448;
        width:82px;
        height: 1px;
        padding-bottom: 8px;
    }

    .contents-wrapper .mapping-marker-popup-content > div > a {
        display: inline-block;
    }

    .contents-wrapper .leaflet-popup-content-wrapper {
        min-width: 160px;
    }

    .contents-wrapper .leaflet-pane {
        z-index: 10;
    }
    .contents-wrapper .leaflet-top,
    .contents-wrapper .leaflet-bottom {
        z-index: 11;
    }

    .contents-wrapper .chronologie .timeline-parent .tl-timeline  {
        /*
        height: 580px !important;
        max-height: calc( 100vh - 250px);
        */
        font-family: "Lato", sans-serif !important;
    }

    .chronologie .timeline-parent .tl-timeline,
    .chronologie .timeline-parent .tl-timeline div.tl-slidenav-title,
    .chronologie .timeline-parent .tl-timeline a,
    .chronologie .timeline-parent .tl-timeline p  {
        font-family: "Lato", sans-serif !important;
    }

    .chronologie .tl-timegroup .tl-timegroup-message {
        font-family: "Lato", sans-serif !important;
        font-size: 14px;
        color: #707070;
    }

    .contents-wrapper .site-page-pagination  {
        display: none;
    }

    .contents-wrapper .chronologie .timeline-parent .tl-storyslider {
        height: 400px !important;
    }

    .contents-wrapper .chronologie .timeline-parent .blocks > h2 {
        display: none;
    }

    .contents-wrapper .chronologie .timeline-parent a,
    .contents-wrapper .chronologie .timeline-parent h2 {
        color: #467278;
        pointer-events: none;
    }

    .contents-wrapper .chronologie .timeline-parent .tl-slide-content:hover  a {
        color: #384651;
    }

    .contents-wrapper .geographie .mapping-map {
        height: calc( 100vh - 220px) !important;
        min-height: 500px !important;
    }

    .contents-wrapper .geographie .map {
        height: 500px !important;
        z-index:10;
    }

    .contents-wrapper.list-mode .contents-header {
        background-color: #FFFFFF;
    }

    .contents-wrapper.list-mode .constellation ul.contents-mode li.contents-graph-mode a:hover,
    .contents-wrapper.gallery-mode ul.contents-mode li.contents-gallery-mode a,
    .contents-wrapper.notice-mode ul.contents-mode li.contents-notice-mode a,
    .contents-wrapper.list-mode ul.contents-mode li.contents-list-mode a {
        border-bottom: 3px solid #F7A448;
    }

    .contents-wrapper.list-mode .constellation ul.contents-mode li.contents-graph-mode a {
        border-bottom: none;
    }

    .contents-list-mode-content {
        display: none;
    }

    .contents-wrapper.list-mode .contents-list-mode-content {
        min-height: calc( 100vh - 215px);
        display: block;
    }

    .recherche .list-mode {
        min-height: calc( 100vh - 135px);
        display: block;
    }

    .parcourir .list-mode .contents-list-mode-content {
        padding-top: 50px;
    }

    .list-items-and-facets,
    .list-items-and-collections {
        display: flex;
        align-items: flex-start;
    }

    .contents-list-mode-content.full-width .list-items {
        margin-left: 10px;
    }

    .contents-list-mode-content.no-sort-options .pagination-sort-options {
        display: none;
    }

    .list-and-filter-panel {
        display: flex;
        margin: 25px 0 50px;
    }

    .list-and-filter-panel .list-items {
        width:100%
    }

    .list-and-filter-panel .filter-panel {
        flex: 180px 0 0;
        border-right: 1px dotted #000;
        padding-right: 20px;
        margin-right: 20px;
    }

    .list-and-filter-panel .filter-panel + .list-items {
        flex: calc( 100% - 200px ) 0 0;
    }

    .list-and-filter-panel .filter-panel li {
        list-style-type:disc;
        list-style-position: inside;
        line-height: 28px;
    }

    .list-and-filter-panel .filter-panel li.selector-previous-button,
    .list-and-filter-panel .filter-panel li.selector-next-button {
        display: none;
    }

    .list-and-filter-panel .filter-panel a {
        font-size: 12px;
        font-weight: 700;
        color: #384651;
        text-transform: uppercase;
    }

    .list-and-filter-panel .filter-panel li.active a {
        box-shadow: 0 1px 0 0 currentColor;
    }

    .search-facets,
    .collections-with-slider {
        display: flex;
        margin-top: 20px;
        padding-right: 20px;
    }

    .search-facets {
        flex-direction: column;
    }

    .collections-with-slider {
        flex: 200px 0 0;
    }

    .list-items-and-facets.without-facets .search-facets {
        display: none;
    }

    .collections-slider {
        flex: 25px 0 0;
        margin: 10px 0;
        border-right: 3px solid #B1B1B1;
        position: relative;
    }

    .collections-slider-handle {
        position: absolute;
        top:4px;
        right:-10px;
        height: 17px;
        width: 17px;
        border: 1px solid #979797;
        background-color: #E9E9E9;
        border-radius: 50%;
        cursor: default;
    }

    ul.list-items-collections {
        flex: 160px 0 0;
        margin-right: 60px;
        padding-left:8px;
        padding-top: 8px;
        border-right: 1px dashed #979797;
    }

    .search-facets {
        border-right: 1px dashed #979797;
        margin-right: 20px;
    }

    .search-facets a.search-facets-global-toggle {
        padding: 16px 0;
        color: #4E6273;
        font-size: 17px;
        font-weight: bold;
        line-height: 17px;
        text-transform: uppercase;
        pointer-events: none;
    }

    .search-facets .advanced-txt-search-field.filter-by-text,
    .search-facets .advanced-search-panel.filter-by-value {
        display: none;
    }

    .search-facets input.search-text {
    }

    .search-facets ul.list-items-collections {
        flex: 210px 0 0;
        border-right: none;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .search-facets ul.list-items-collections .checkmark {
        top: 8px;
    }

    .search-facets li.list-items-category > label {
        display: inline-block;
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        line-height: 15px;
        text-transform: uppercase;
    }

    .search-facets li.list-items-category > label span.collection-title {
        display: inline-block;
        margin-left: 10px;
    }

    .search-facets li.list-items-category > label span.collection-code {
        text-transform: uppercase;
        margin-left: 5px;
    }

    .list-items-and-collections .list-items-collections li {
        padding: 2px 10px 1px 6px;
        margin: 5px 0;
    }

    .list-items-and-facets .list-items-collections li span.collection-title {
        /* padding: 7px 10px 8px 10px; */
        background-position: center left;
        background-repeat:  no-repeat;
        margin: 0 0 0 8px;
    }

    .list-items-collections li label,
    .list-items-collections li a {
        display: inline-flex;
        text-decoration: none;
        color: #384651;
        font-size: 12px;
        font-weight: bold;
        line-height: 13px;
        text-transform: uppercase;
    }

    .list-items-and-facets .list-items-collections li.list-items-collection-default {
        background: none;
    }

    .list-items-and-facets .list-items-collections li.list-items-collection-default span.collection-title {
        padding: 2px 10px 1px 10px;
        margin: 0;
    }

    .list-items-and-facets .list-items-collections li span.collection-title:before,
    .list-items-and-collections .list-items-collections li a:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        flex: 35px 0 0;
        width: 35px;
        height: 35px;
        background-size: 42px auto;
        background-position: center;
        background-repeat:  no-repeat;
        margin-right: 10px;
    }

    .list-items-and-collections .list-items-collections li a:before {
        transform: translateY(-8px);
    }

    .list-items-and-facets .list-items-collections li.list-items-category-1 span.collection-title:before,
    .list-items-and-collections .list-items-collections li.list-items-category-1 a:before {
        background-image: var(--category-1-icon);
    }

    .list-items-and-facets .list-items-collections li.list-items-category-1 span.collection-title:before,
    .list-items-and-collections .list-items-collections li.list-items-category-1 a:before {
        filter: var(--category-1-svg-filter);
    }

    .list-items-and-facets .list-items-collections li.list-items-category-2 span.collection-title:before,
    .list-items-and-collections .list-items-collections li.list-items-category-2 a:before {
        background-image: var(--category-2-icon);
    }

    .list-items-and-facets .list-items-collections li.list-items-category-2 span.collection-title:before,
    .list-items-and-collections .list-items-collections li.list-items-category-2 a:before {
        filter: var(--category-2-svg-filter);
    }

    .list-items-and-facets .list-items-collections li.list-items-category-3 span.collection-title:before,
    .list-items-and-collections .list-items-collections li.list-items-category-3 a:before {
        background-image: var(--category-3-icon);
    }

    .list-items-and-facets .list-items-collections li.list-items-category-3 span.collection-title:before,
    .list-items-and-collections .list-items-collections li.list-items-category-3 a:before {
        filter: var(--category-3-svg-filter);
    }

    .list-items-and-facets .list-items-collections li.list-items-category-4 span.collection-title:before,
    .list-items-and-collections .list-items-collections li.list-items-category-4 a:before {
        background-image: var(--category-4-icon);
    }

    .list-items-and-facets .list-items-collections li.list-items-category-4 span.collection-title:before,
    .list-items-and-collections .list-items-collections li.list-items-category-4 a:before {
        filter: var(--category-4-svg-filter);
    }

    .list-items-and-facets .list-items-collections li.list-items-category-5 span.collection-title:before,
    .list-items-and-collections .list-items-collections li.list-items-category-5 a:before {
        background-image: var(--category-5-icon);
    }

    .list-items-and-facets .list-items-collections li.list-items-category-5 span.collection-title:before,
    .list-items-and-collections .list-items-collections li.list-items-category-5 a:before {
        filter: var(--category-5-svg-filter);
    }

    .list-items-and-facets .list-items-collections li.list-items-category-6 span.collection-title:before,
    .list-items-and-collections .list-items-collections li.list-items-category-6 a:before {
        background-image: var(--category-6-icon);
    }

    .list-items-and-facets .list-items-collections li.list-items-category-6 span.collection-title:before,
    .list-items-and-collections .list-items-collections li.list-items-category-6 a:before {
        filter: var(--category-6-svg-filter);
    }

    .list-items-and-facets .list-items-collections li.list-items-category-7 span.collection-title:before,
    .list-items-and-collections .list-items-collections li.list-items-category-7 a:before {
        background-image: var(--category-7-icon);
    }

    .list-items-and-facets .list-items-collections li.list-items-category-7 span.collection-title:before,
    .list-items-and-collections .list-items-collections li.list-items-category-7 a:before {
        filter: var(--category-7-svg-filter);
    }

    .contents-list-mode-content .list-items-parent {
        flex: calc( 100% - 300px ) 0 0;
        margin-left: 65px
    }

    .contents-list-mode-content .list-items-and-facets.with-facets .list-items-parent {
        flex: calc( 100% - 325px ) 0 0;
        margin:15px 0 15px 25px;
    }

    .list-items-and-facets.without-facets .list-items-parent {
        margin-left: 15px;
        flex: calc(100% - 20px) 0 0;
    }

    a.list-back-btn {
        margin-right: 30px;
        padding-left: 28px;
        background: url(../img/retour-liste_off.94aefe5c.svg) center left / 19px 20px no-repeat;
        font-size: 13px;
        color: #467278;
        text-transform: none;
    }

    a.list-back-btn:hover {
        background-image: url(../img/retour-liste_on.09fab359.svg);
        color:#F7A448;
    }

    .list-pagination-mobile {
        display: none;
    }

    .list-items-menu-mobile-selector {
        display: none;
    }

    .list-item {
        position: relative;
        border-bottom: 1px solid #B1B1B1;
    }

    .list-item a,
    .list-item .item-icons {
        display: inline-block;
        vertical-align: middle;
    }

    .list-item.list-reference,
    .list-item a {
        color: #303030;
        font-size: 14px;
        line-height: 20px;
        padding: 18px 0;
    }

    .list-item.list-reference > p {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 17px;
    }

    .list-item.list-reference > ul > li:last-child {
        border-bottom: none;
    }

    .list-item.list-reference > ul > li:last-child a {
        padding-bottom: 0;
    }

    .references-metadata-o-title .list-item.list-reference,
    .references-metadata-dcterms-title .list-item.list-reference {
        padding: 0;
    }

    .references-metadata-o-title .list-item.list-reference > p,
    .references-metadata-dcterms-title .list-item.list-reference > p {
        display: none;
    }

    .references-metadata-o-title .list-items-and-facets.without-facets > .list-items-parent,
    .references-metadata-dcterms-title .list-items-and-facets.without-facets > .list-items-parent {
        margin-left: 0;
        flex: 100% 0 0;
    }

    .references-metadata-o-title .list-item.list-reference > ul > li:last-child a,
    .references-metadata-dcterms-title .list-item.list-reference > ul > li:last-child a {
        padding-bottom: 18px;
    }

    .references-metadata .list-item.list-reference > ul > li span.item-title-parent {
        display: none;
    }

    .references-metadata .list-item.list-reference > ul > li span.item-title-child {
        display: inline;
    }

    .references-metadata.references-metadata-o-title .list-item.list-reference > ul > li span.item-title-parent {
        display: inline;
    }

    .references-metadata.references-metadata-o-title .list-item.list-reference > ul > li span.item-title-child {
        display: none;
    }

    .reference-block {
        font-family: "Lato", sans-serif;
    }

    .reference-block h3.reference-heading {
       margin: 20px 0 0;
    }

    .reference-block h3:not(.reference-heading) {
       font-size: 18px;
       margin: 10px 0 40px;
       color: #467278;
    }

    .reference-block ul.pagination-list,
    ul.references-abc {
        margin: 0 10px 20px;
    }

    .reference-block ul.pagination-list {
        margin-left: 0;
    }

    .reference-block ul.pagination-list > li,
    ul.references-abc > li {
        display: inline-block;
        margin-right: 12px;
    }

    .reference-block ul.pagination-list > li a,
    .reference-block .reference-heading a,
    .reference-block ul.pagination-list > li > span,
    ul.references-abc > li a {
        display: inline-block;
        font-family: "Lato", sans-serif;
        font-weight: bold;
        font-size: 22px;
        padding:0 4px
    }

    .reference-block ul.pagination-list > li > span {
        color: #DDDDDD;
    }

    .reference-block ul.pagination-list > li a,
    .reference-block .reference-heading a,
    .reference-block .references a,
    ul.references-abc > li a.letter {
        color: #467278;
    }

    .reference-block ul.pagination-list > li a:hover,
    .reference-block .reference-record a,
    ul.references-abc > li a.letter:hover {
        color: #303030;
    }

    .reference-block .reference-record a:hover {
        color: #467278;
    }

    ul.references-abc > li a.active-letter {
        background-color: #DEEBED;
        color: #467278;
        pointer-events: none;
    }

    .reference-block .reference-pagination + div {
        margin: 10px 0 40px;
    }

    .list-item a.item-title {
        position: relative;
        color: #303030;
        padding-right: 100px;
        width: 100%;
    }


    .list-item a.item-title.item-title-disabled {
        pointer-events: none;
    }

    .list-item a.item-title:hover {
        color: #467278;
    }

    .list-item .item-title::before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        border-radius: 50%;
        background-color: #B5C7CB;
        transform: translateY(2px);
    }

    .list-item a.item-title span {
        display: inline-block;
        width: calc( 100% - 60px );
        vertical-align: top;
    }

    .list-item a.item-title span strong {
        font-weight: bold;
    }

    .list-item .item-icons {
        position: absolute;
        top: 0;
        right: 25px;
        padding-top: 12px;
    }

    .treeview .list-item .item-icons {
        top: 6px;
        padding-top: 4px;
    }

    .list-item a.basket-icon {
        background: url(../img/panier_bleu_off.ca4e9d8d.svg) top -2px center / 25px 32px no-repeat;
        width: 30px;
        height: 32px;
        margin-right: 10px;
    }

    .treeview .list-item a.basket-icon {
        background-position: top -4px center;
    }

    .list-item a.basket-icon:hover {
        background-image: url(../img/panier_bleu_on.a0ff2792.svg);
    }

    .list-item a.basket-icon.selected {
        background: url(../img/panier_selection.9e3ff7fa.svg) top center / 30px 42px no-repeat;
    }

    .list-item a.basket-icon.selected:hover {
        background-image: url(../img/panier_selection.9e3ff7fa.svg);
    }

    .list-item a.notice-icon {
        background: url(../img/notice_bleu_off.b31247d7.svg) center / 20px 22px no-repeat;
        width: 25px;
        height: 32px;
        margin-right: 9px
    }

    .list-item a.notice-icon:hover {
        background-image: url(../img/notice_bleu_on.aa8a3ff6.svg);
    }

    .list-item a.notice-graphe {
        background: url(../img/item_encyclopedie_off2.53f6dbc0.svg) center / 22px 22px no-repeat;
        width: 25px;
        height: 32px;
        margin-right: 12px;
    }

    .list-item a.notice-graphe:hover {
        background-image: url(../img/item_encyclopedie_on2.98e7926b.svg);
    }

    .list-item a.download {
        background: url(../img/telecharger_off.d3ee820e.svg) center / 20px 22px no-repeat;
        width: 25px;
        height: 32px;
    }

    .list-item a.download:hover {
        background-image: url(../img/telecharger_on.b97c0715.svg);
    }

    .list-pagination {
        position: relative;
        background-color: #F4F4F4;
        color: #384651;
        font-size: 13px;
        font-weight: bold;
        line-height: 18px;
        text-transform: uppercase;
        min-height: 37px;
        justify-content: center;
    }

    .list-pagination.top-list-pagination {
        display: flex;
    }

    .encyclopedie .contents-list-mode-content .list-pagination {
        padding-left: 195px;
    }

    .encyclopedie .constellation ul.list-items {
        width: 100%;
    }

    .list-item-title {
        margin: 32px 0 15px;
        font-size: 20px;
        font-weight: bold;
        line-height: 23px;
        text-align: center;
    }

    .list-item-description {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 21px;
        font-style: italic;
        color: #4E6273;
        text-align: center;
    }

    .list-item-description > ul {
        padding: 0 10%;
    }

    /* -- */

    .list-pagination .pagination-sort-options {
        position: absolute;
        left:calc( 50vw - 640px + 60px );
    }

    .list-pagination ul.pagination-pages {
        right:calc( 50vw - 640px + 60px );
    }

    .encyclopedie .list-pagination ul.pagination-pages {
        right:20px;
    }

    .parcourir .list-pagination ul.pagination-pages,
    .encyclopedie .list-pagination ul.pagination-pages,
    .recherche .list-pagination ul.pagination-pages {
        top: 8px;
    }

    .contents-list-mode-content .list-pagination .results-count {
        display: none;
    }

    .recherche .contents-list-mode-content .list-pagination {
        padding-left: 311px;
        position: relative;
    }

    .recherche .contents-list-mode-content .list-pagination .results-count {
        display: none; /* inline-block; */
        position: absolute;
        left:10px;
        top:0;
    }

    .list-pagination.bottom-list-pagination {
        margin-top: 30px;
        margin-bottom: 70px;
    }

    .list-pagination > *,
    .pagination-pages > * {
        display: inline-block;
        text-decoration: none;
        vertical-align: middle;
    }

    .list-pagination > * {
        padding: 10px 0;
    }

    .pagination-sort-options {
    }

    .pagination-sort-options > * {
        display: inline-block;
        vertical-align: top;
    }

    .bottom-list-pagination .pagination-sort-options {
        visibility: hidden;
    }

    .pagination-sort-asc-desc {
        background: url(../img/trier_off.b6c7f63d.svg) left center / 17px 15px no-repeat;
        padding-left: 22px;
    }

    a.pagination-sort-by-menu {
        background: url(../img/chevron_Bleu_bas.7408f8ce.svg) center right / 11px 7px no-repeat;
        height: 18px;
        padding:0 20px 0 2px;
        color: #303030;
        position: relative;
    }

    a.pagination-sort-by-menu:hover {
        color:#5E939A;
        background-image: url(../img/chevron_vert_bas.eb572aa7.svg);
    }

    a.pagination-sort-by-menu.sort-modes-menu-opened {
        background-image: url(../img/chevron_Bleu_bas.7408f8ce.svg);
    }

    .list-pagination ul.sort-modes-menu {
        display: none;
        position: absolute;
        background-color: rgba(231,238,239,1);
        box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.5);
        list-style-position: outside;
        padding-left: 20px;
    }

    .list-pagination ul.sort-modes-menu.sort-modes-menu-opened {
        display: block;
        z-index: 21;
    }

    .list-pagination ul.sort-modes-menu > li {
        border-bottom: 1px solid #B5C7CB;
        min-width:195px;
    }

    .list-pagination ul.sort-modes-menu > li.selected {
        list-style-type: disc;
    }

    .list-pagination ul.sort-modes-menu > li a {
        display: inline-block;
        padding: 6px 0;
        text-transform: none;
        color: #384651;
        font-size: 13px;
        font-weight: bold;
        line-height: 31px;
    }

    .list-pagination ul.sort-modes-menu > li a:hover {
        color: #5E939A;
    }

    ul.pagination-pages {
        position: absolute;
        right: 16px;
        top:-2px;
    }

    .with-padding .pagination-pages {
        right:calc( 50vw - 640px + 60px );
    }

    .pagination-page {
        color:#384651;
    }

    .pagination-page a {
        display: inline-block;
        font-weight: bold;
        line-height: 18px;
        padding: 0 10px 2px;
    }

    .pagination-page-etc {
        margin: 0 4px;
    }

    li.pagination-page-etc + li.pagination-page a {
        padding-left: 0;
    }

    .pagination-page a {
        color: #384651;
    }

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

    .pagination-page.pagination-active-page a {
        color:#5E939A;
        text-decoration: underline;
    }

    .pagination-page.pagination-hidden-page {
        display: none;
    }

    .pagination-page.pagination-etc-page::before {
        content: "...";
    }

    .pagination-page.pagination-etc-page a {
        display: none;
    }

    .pagination-first-button a {
        display: inline-block;
        background: url(../img/fleches_gauche_off.e13fff7b.svg) bottom center / 17px 18px no-repeat;
        width: 17px;
        height: 20px;
        padding: 0 15px;
    }

    .pagination-last-button a {
        display: inline-block;
        background: url(../img/fleches_droite.3d0e6636.svg) bottom center / 17px 18px no-repeat;
        width: 17px;
        height: 20px;
        padding: 0 15px;
    }



    /* ----------------------------------------------- */


    /* Visualisation Item */

    .item-svg-parent {
        position: absolute;
        width:100vw;
        height:calc( 100vh - 135px );
        background-color: rgba(47,58,67, 0.98);
        top: 0;
        right:0;
        z-index: 1200;
        visibility: hidden;
    }

    .item-svg-parent.opened {
        visibility: visible;
    }

    .item-svg-tools {
        position: absolute;
        top:20px;
        left:20px;
    }

    /* backup anciennes position des outils de la visualisation des items */
    .item-svg-parent.item-svg-with-padding .item-svg-tools {
        top:58px;
        left:calc( 50vw - 640px + 60px );
    }

    .item-svg-parent-back-button {
        display: inline-block;
    }

    .item-svg-parent-back-button a {
        display: inline-block;
        height: 30px;
        padding-left:36px;
        background: url(../img/fleche_retour_off.b5880729.svg) left center / 29px no-repeat;
        font-size: 15px;
        font-weight: bold;
        line-height: 30px;
        text-transform: uppercase;
        color: #FFFFFF;
        text-decoration: none;
    }

    .item-svg-parent-back-button a:hover {
        background-image: url(../img/fleche_retour_on.660a52b7.svg);
        color: #FFA847;
    }

    ul.item-svg-filters {
        margin: 25px 0 0 10px;
        padding:0;
    }

    ul.item-svg-filters li {
        height: 16px;
        vertical-align: center;
        color: #F8F8F8;
        font-size: 11px;
        line-height: 13px;
        margin-bottom: 8px;
    }

    ul.item-svg-filters li.hidden-link-type {
        display: none;
    }

    ul.item-svg-filters li label > svg {
        margin: 0 10px;
    }

    ul.item-svg-filters li label > * {
        vertical-align: top;
    }

    .item-svg-basket {
        position: absolute;
        right:20px;
        top:17px;
    }

    .item-svg-basket-info {
        width: 150px;
        color: #FFA847;
        font-size: 13px;
        line-height: 15px;
        text-align: right;

        position: absolute;
        right:102px;
        top:35px;
    }

    ul.item-svg-zoom-buttons {
        position: absolute;
        right:25px;
        bottom:30px;
    }

    /* backup anciennes position des outils de la visualisation des items */
    .item-svg-parent.item-svg-with-padding .item-svg-basket {
        right:calc( 50vw - 640px + 60px );
        top:17px;
    }

    .item-svg-parent.item-svg-with-padding .item-svg-basket-info {
        right:calc( 50vw - 640px + 132px );
        top:35px;
    }

    .item-svg-parent.item-svg-with-padding ul.item-svg-zoom-buttons {
        right:calc( 50vw - 640px + 60px );
        bottom:60px;
    }


    .popup-item-notices {
        position: relative;
    }

    /* ----------------------------------------------- */

    .popup-short-notice {
        display: none;
        position: absolute;
        /*
        bottom: calc( -100vh + 290px );
        right: calc( 50vw - 640px + 60px + 30px );
         */
    }

    .popup-item-notices .popup-short-notice.opened,
    .popup-item-notices.opened .popup-short-notice {
        display: block;
    }

    .short-notice-content-wrapper {
        position: relative;
        width: 360px;
        padding: 15px 25px 15px 20px;
        background-color: #DEEBED;
        box-shadow: 4px 2px 4px 0 rgba(0,0,0,0.5);
    }

    .short-notice-content-wrapper::after {
        position: absolute;
        content: "";
        display: block;
        background-color: #DEEBED;
        width: 25px;
        height: 25px;
        transform-origin: 50%;
        transform: rotate(45deg);
    }

    .on-left .short-notice-content-wrapper::after {
        left: -12px;
        top: 100px;
    }

    .on-right .short-notice-content-wrapper::after {
        right: -12px;
        top: 100px;
    }
    .popup-short-notice .short-notice-close {
        display: none;
        text-align: right;
    }

    .popup-short-notice .short-notice-close a {
        color: #F7A448;
        font-size: 12px;
        font-weight: bold;
        line-height: 13px;
        text-transform: uppercase;
        padding-right: 27px;
        background: url(../img/croix_fermer_off.411782d1.svg) right center / 20px 20px no-repeat;
    }

    .short-notice-content {
        /* position: absolute; */
        right: 15px;
        bottom: 15px;

        color: #303030;
        font-size: 14px;
        line-height: 22px;
        /*opacity: 0.96;*/
    }

    .popup-short-notice h2 {
        color: #384651;
        font-size: 16px;
        font-weight: 900;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .short-notice-content .short-notice-description:empty {
        min-height: 90px;
    }

    .short-notice-content .short-notice-description {
        /* min-height: 110px; */
        /* max-height: 180px */;
        overflow: hidden;
        padding-right: 20px;

        color: #303030;
        font-size: 14px;
        line-height: 22px;

        display: -webkit-box;
        -webkit-line-clamp: 6; /* Limit to x lines */
        -webkit-box-orient: vertical;
    }

    .short-notice-link {
        text-align: right;
        margin-top: 15px;
    }

    .short-notice-link a {
        display: inline-block;
        color: #467278;
        font-size: 12px;
        font-weight: bold;
        line-height: 34px;
        text-transform: uppercase;
        padding-right: 27px;
        background: url(../img/fleche_vert_off.ada075ac.svg) right center / 20px 20px no-repeat;
    }

    .short-notice-link a:hover {
        color: #303030;
        background-image: url(../img/fleche_vert_on.544a8cb7.svg);
    }

    /* ----------------------------------------------- */

    .account-title {
        text-align: center;
    }

    .account-title h2 {
        display: inline-block;
        background: url(../img/picto_utilisateur_large.a84218bc.svg) left center / 51px no-repeat;
        padding:20px 0 20px 66px;
        margin: 13px 0;
        color: #4E6273;
        font-size: 29px;
        font-weight: bold;
        line-height: 34px;
    }

    .account-items-panel {
        background-color: #F4F4F4;
        margin-bottom: 25px;
        padding: 0 18px;
    }

    .account-items-panel.account-items-opened {
        padding-bottom: 18px;
    }

    .account-items-panel .account-items-header a {
        display: inline-block;
        padding: 18px 0;
    }

    .account-items-panel h3 {
        color: #467278;
        font-size: 20px;
        font-weight: bold;
        line-height: 23px;
        text-transform: uppercase;
    }

    .account-items-panel.account-search-panel .panel-description {
        color: #4E4D4D;
        font-size: 13px;
        font-style: italic;
        line-height: 15px;
        margin-bottom: 25px;
    }

    .account-search-items {
        display: flex;
        flex-wrap: wrap;
    }

    .account-search-items .account-search-item {
        flex:calc( 50% - 10px ) 0 0;
        margin-right: 20px;
        margin-bottom: 20px;
        background-color: #DEEBED;
        position: relative;
    }

    .account-search-items .account-search-item:nth-child(2n) {
        margin-right: 0;
    }

    .account-search-items .account-search-item .buttons {
        position: absolute;
        top:0;
        right:8px
    }

    .account-search-items .account-search-item a {
        display: inline-block;
        width: 100%;
        padding: 20px 15px;
        color: #4E4D4D;
        font-size: 14px;
        line-height: 16px;
    }

    .account-search-items .account-search-item.visualization-selection-item a {
        background: url(../img/graphe_moncompte.8351212e.svg) top 5px left / 40px 40px no-repeat;
    }

    .account-search-items .account-search-item.search-selection-item a {
        background: url(../img/loupe_mon_compte.442b7c5f.svg) top 12px left 10px  / 25px 25px no-repeat;
    }

    .account-search-items .account-search-item a > * {
        display: block;
    }

    .account-search-items .account-search-item a > *:nth-child(1) {
        font-weight: bold;
        padding-left: 27px;
    }

    .account-search-items .account-search-item a > *:nth-child(2) {
        text-align: right;
        margin-top: 30px;
    }

    .account-items-panel .account-items-header {
        position: relative;
    }

    .account-items-panel .account-items {
        margin-top: 35px;
        display: none;
    }

    .account-items-panel.account-search-panel .account-items.is-empty,
    .account-items-panel .account-items.is-empty {
        margin-top: 0;
    }

    .account-items-panel.account-items-opened .account-items {
        display: block;
    }

    .account-items-panel.account-parameters-panel .account-items,
    .account-items-panel.account-search-panel .account-items {
        margin-top: 10px;
    }

    .account-items-panel .account-items h4 {
        margin-bottom: 12px;
        color: #4E4D4D;
        font-size: 13px;
        font-weight: bold;
        line-height: 15px;
        text-transform: uppercase;
    }

    .account-items-panel .account-items h4:not(:first-child) {
        margin-top: 36px;
    }

    .account-items-panel .account-items-close {
        position: absolute;
        right: 0;
        top: 0;
    }

    .account-items-panel .account-items-close {
        background: url(../img/chevron_bas.130dd9ce.svg) top right / 18px 16px no-repeat;
        display: inline-block;
        width:29px;
        height:21px;
        transform-origin: 50%;
        margin-top: 18px;
    }

    .account-items-panel.account-items-opened .account-items-close {
        background-image: url(../img/chevron_haut.4df9ae53.svg);
    }

    .account-items-panel.account-items-opened .account-items-close:hover {
        background-image: url(../img/chevron_haut_on.ec3c742c.svg);
    }

    .account-columns-items,
    .account-item {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .account-columns-items {
        margin-bottom: 12px;
    }

    .account-column-warning,
    .account-columns-items > div {
        color: #4E4D4D;
        font-size: 13px;
        font-weight: bold;
        line-height: 15px;
    }

    .account-column-warning {
        font-style: italic;
    }

    .account-column-title,
    .account-item-title {
        flex: calc( 100% - 320px ) 0 0;
        display: flex;
    }

    .account-column-date,
    .account-item-date {
        flex: 220px 0 0;
    }

    .account-item-tools {
        flex: 100px 0 0;
    }

    .account-item {
        padding: 2px 0 6px 0;
        margin-bottom: 12px;
        border-bottom: 1px solid #B1B1B1;
    }

    .account-item > div {
        color: #303030;
        font-size: 14px;
        line-height: 20px;
    }

    .account-item-title > a {
        color: #303030;
    }

    .account-item-title > a:hover {
        color: #5E939A;
    }

    .account-item-title.list-item {
        border: none;
    }

    .account-item-title.list-item a {
        padding: 2px 0
    }

    .account-item-title-::before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0 8px 0 4px;
        border-radius: 50%;
        background-color: #B5C7CB;
        transform: translateY(3px);
    }

    .account-item-tools {
        text-align: center;
        margin-right: 20px;
    }

    .account-item .buttons .button {
        display: inline-block;
        padding: 0 10px;
        margin: 0 5px;
    }

    .account-search-item .buttons .button.delete-icon,
    .account-item .buttons .button.delete-icon {
        background: url(../img/suprimer_vert.0bed4470.svg) center / 21px 21px  no-repeat;
        width: 25px;
        height: 25px;
    }

    .account-item .buttons .button.delete-icon:hover {
        background-image: url(../img/suprimer_on.b9909716.svg);
    }

    .account-item .buttons .button.download-icon {
        background: url(../img/telecharger_off.d3ee820e.svg) center / 21px 21px  no-repeat;
        width: 25px;
        height: 25px;
    }

    .account-item .buttons .button.download-icon:hover {
        background-image: url(../img/telecharger_on.b97c0715.svg);
    }

    .account-parameters-panel .account-parameters-fields {
        margin-top: 15px;
        display: flex;
        flex-wrap: wrap;
        padding:10px 0 20px 0;
        border-bottom: 1px solid #B1B1B1;
    }

    .account-parameters-panel .account-parameters-fields:last-child {
        border: none;
    }

    .account-parameters-panel .account-parameters-fields > * {
        flex: calc( 33% - 10px ) 0 0;
        margin-right: 20px;
    }

    .account-parameters-panel .account-parameters-fields > *:nth-child(3n) {
        margin-right: 0;
    }

    .account-parameters-panel .account-parameters-fields label {
        display: block;
        padding-left: 5px;
        color: #4E4D4D;
        font-size: 13px;
        font-weight: bold;
        line-height: 15px;
    }

    .account-parameters-panel .account-parameters-fields input {
        width: 100%;
        height: 35px;
        margin-top: 8px;
        padding: 8px;
        border: 1px solid #B1B1B1;
        background-color: #FFFFFF;
        color: #333333;
        font-size: 13px;
        line-height: 15px;
    }

    .account-parameters-panel .account-parameters-fields .input-description {
        color: #333333;
        font-size: 12px;
        font-style: italic;
        line-height: 13px;
        margin-top: 8px;
    }

    .account-parameters-buttons {
        text-align: center;
        margin: 25px 0 10px 0;
    }

    .account-parameters-buttons a {
        border-radius: 3px;
        background-color: #5E939A;
        border: 2px solid #5E939A;
        padding: 8px 35px;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        text-align: center;
        width: 100%;
        display: inline-block;
        transform: translateY(-2px);
    }

    .contribution .contribution-search  .contribution-new-entry-button {
        display: none;
    }

    .contribution-buttons a:hover,
    .contact-contribution .account-parameters-buttons a:hover,
    .account-parameters-buttons a:hover {
        color: #5E939A;
        background-color: #FFF;
    }

    .contact-contribution .account-parameters-buttons a {
        width: auto;
    }


    /* ----------------------------------------------- */

    .popup-annotation-item {
        position: absolute;
        bottom:60px;
        right:60px;
        z-index: 101;

        width: 560px;
        background-color: #FFFFFF;
        visibility: hidden;
    }

    .popup-annotation-item.popup-parent-opened {
        visibility: visible;
    }

    .popup-annotation-item .annotations {
        padding: 35px 20px 65px 20px;
    }

    .popup-annotation-item .annotations form button {
        margin-right: 0;
        padding: 12px 28px;
    }

    .popup-annotation-item .annotations form button:hover {
        background-color:#F7A448;
    }

    .popup-annotation-item .annotations .annotations-thread-author {
        padding: 20px 0 6px 0;
    }

    .popup-annotation-item .annotations-tools {
        display: flex;
        flex-direction: row;
        justify-content:space-around;
        background-color: #F4F4F4;
        padding: 12px 30px 12px 30px;
    }

    .popup-annotation-item .annotations-tools a {
        display: inline-block;
        padding: 25px 0 5px;
        color: #467278;
        font-size: 12px;
        font-weight: bold;
        line-height: 13px;
    }

    .popup-annotation-item .annotations-tools a:hover {
        color:#F7A448;
    }

    .popup-annotation-item .annotations-tools a.download {
        background: url(../img/telecharger_off.d3ee820e.svg) center top no-repeat;
    }

    .popup-annotation-item .annotations-tools a.download:hover {
        background-image: url(../img/telecharger_on.b97c0715.svg);
    }

    .popup-annotation-item .annotations-tools a.save-for-later {
        background: url(../img/enregistrer_off.1886e212.svg) center top no-repeat;
    }

    .popup-annotation-item .annotations-tools a.save-for-later:hover {
        background-image: url(../img/enregistrer_on.e34f3f11.svg);
    }

    .popup-annotation-item .annotations-tools a.share {
        background: url(../img/partager_off.85be4f3e.svg) center top no-repeat;
    }

    .popup-annotation-item .annotations-tools a.share:hover {
        background-image: url(../img/partager_on.7a23eeb3.svg);
    }

    .popup-annotation-item-edit-title {
        position: absolute;
        width:50vw;
        top:0;
        left:25vw;
        visibility: hidden;
        background-color: #2f3a43;
        opacity: 0.9;
        padding: 0 10px 20px;
    }

    .popup-annotation-item-edit-title.opened {
        visibility: visible;
    }

    .popup-annotation-item-edit-title.popup-parent-opened {
        visibility: visible;
    }

    .popup-annotation-item-edit-title .popup-annotation-item-edit-content {
        margin-top:35px;
    }

    .popup-annotation-item-edit-title .popup-annotation-item-edit-content::before {
        content: '';
        display: inline-block;
        height: 27px;
        width: 1px;
        border: 1px solid #F7A448;
        box-sizing: border-box;
    }

    .popup-annotation-item-edit-title .buttons {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        gap: 10px;
        margin-top: 5px;
    }

    .popup-annotation-item-edit-title button {
        background-color: #FFA847;
        padding: 6px 8px;
        border-radius: 4px;
        font-size: 12px;
        line-height: 1;
        text-transform: uppercase;
    }

    .popup-annotation-item-edit-title button:hover {
        background-color: #FFFFFF;
    }

    .popup-annotation-item-edit-title input {
        width: calc( 100% - 10px );
        background: none;
        height: auto;
        border: none;
        border-bottom: 1px solid #F7A448;
        margin-left: 8px;
        padding: 2px 0 4px;

        color: #FFA847;
        font-size: 17px;
        line-height: 19px;
    }

    .popup-annotation-item-edit-title input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-style: normal;
        opacity: 1;
    }

    .popup-annotation-item-edit-title input::-moz-placeholder { /* Firefox 19+ */
        font-style: normal;
        opacity: 1;
    }

    .popup-annotation-item-edit-title input:-ms-input-placeholder { /* IE 10+ */
        font-style: normal;
        opacity: 1;
    }

    .popup-annotation-item-edit-title input:-moz-placeholder { /* Firefox 18- */
        font-style: normal;
        opacity: 1;
    }

    .popup-annotation-item-edit-title .popup-annotation-item-edit-message {
        color: #FFFFFF;
        font-size: 17px;
        line-height: 19px;
        margin-left: 10px;
    }

    .popup-annotation-item-edit-title .popup-annotation-item-edit-message a {
        display: inline-block;
        color: #FFFFFF;
        font-size: 17px;
        line-height: 19px;
        background-color: #4E6273;
        border-radius: 3px;
        padding: 2px 5px;
        margin-left: 5px;
    }

    .popup-parent-opened {
        display: block !important;
    }

    /* ----------------------------------------------- */

    .popup-parent.with-padding {
        padding: 50px calc( 50vw - 640px + 32px );
        width: 100%;
    }
    .popup-parent.popup-notice-media.with-padding {
        padding: 50px calc( 50vw - 640px + 32px );
    }

    .popup-parent.popup-notice-media .notice-item-quote,
    .popup-parent.popup-notice-media .annotations {
        margin-left:80px;
        margin-right:80px;
    }
    .popup-parent.popup-notice-media .notice-footer-content {
        padding-left:80px;
    }

    .popup-notice-item {
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100vh;
        overflow-y: auto;
        background-color: rgba(33,41,48, 0.93);
        padding: 50px 135px;
        display:none;
        z-index: 1102;
    }

    .popup-notice-item {
        display:block;
    }

    .with-vizualisation-popup .popup-notice-item {
        display:none;
    }

    .popup-notice-item .close-btn {
        text-align: right;
    }

    .popup-notice-item .close-btn a {
        display: inline-block;
        color: #F7A448;
        font-size: 15px;
        font-weight: bold;
        line-height: 18px;
        text-transform: uppercase;
        padding: 12px 27px 12px 0;
        background: url(../img/croix_fermer_off.411782d1.svg) right center / 18px 17px no-repeat;
    }

    .popup-notice-item .close-btn a:hover {
        color: #FFF;
        background: url(../img/croix_fermer_on.afaf683a.svg) right center / 18px 17px no-repeat;
    }

    .notice-tools {
        text-align: right;
        min-height: 70px;
        position: absolute;
    }

    .popup-notice-item .notice-tools {
        top: 50px;
        right: 20px;
    }

    .notice-item-collection-name-code {
        margin-right: 5px;
    }

    .item-collection-name-code,
    .notice-item-collection-name-code {
        text-transform: uppercase; /* capitalize; */
    }

    .item-collection-name-code {
        display: inline !important;
        font-weight: bold;
    }

    a.notice-item-collection-name {
        display: inline-block;
        margin: 4px 0;
        color: #4E6273;
        font-size: 14px;
        font-weight: 900;
        line-height: 34px;
        text-transform: uppercase;
    }

    a.notice-item-collection-name > * {
        display: inline-block;
        line-height: 34px;
        vertical-align: top;
    }

    .extrait a.notice-item-collection-name,
    .article a.notice-item-collection-name {
        display: none;
    }

    .notice-item-content {
        padding: 0;
    }

    .notice-td .notice-item-content .notice-media-title {
        margin-bottom: 20px;
    }

    .notice-td .notice-item-columns {
        padding: 20px 0;
    }

    .notice-td .notice-item-columns > .notice-item-column:first-child {
        flex: calc( 100% - 350px ) 0 0;
    }

    .notice-td .notice-item-columns > .notice-item-column:last-child {
        flex: 350px 0 0;
        position: relative;
        padding-left: 0;
    }

    .notice-td-context-menu {
        width: 340px;
    }

    .notice-td .notice-item-content.notice-td-context-menu .notice-media-title {
        margin-bottom: 5px;
    }

    .notice-td-context-menu a {
        color: #467278;
        font-family: Georgia,serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        display: inline-block;
    }

    .notice-media .article-content {
        margin: 0;
    }

    .notice-media .pdf-content {
        padding-bottom: 10px;
        background-color: rgba(64, 64, 64, 1);
        min-height: 750px;
    }

    .contents div > .article.with-padding .notice-item-content {
        margin-bottom: 30px;
    }

    .contents > .article.with-padding .notice-item-content > * {
        /* padding: 40px calc( 50% - 380px ); */
        padding: 0;
        margin: 0;
    }

    .contents > .article.with-padding  .notice-item-column {
        /* border-bottom: #F4F4F4 1px solid;
        padding-bottom: 40px;
         */
        margin-bottom: 30px;
    }

    .contents > .article.with-padding  .notice-footer {
        margin-top: 50px;
    }



    .notice-media .article-content.notice-media-html {
        background-color: #F7F7F7;
        padding: 30px 10px;
        margin: 25px 0;
        max-height: 600px;
        overflow: auto;
    }

    .notice-media .article-content.notice-media-html > *:last-child {
        margin-bottom: 20px;
    }

    .article-content.notice-media-html h3 {
        font-family: 'Lato', sans-serif !important;
        color: #4E6273;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 35px;
    }

    .article-content.notice-media-html h4,
    .article-content.notice-media-html h5 {
        color: #303030;
        font-size: 14px;
        font-weight: bold;
        line-height: 22px;
    }

    .article-content.notice-media-html h4 {
        text-transform: uppercase;
        margin-bottom: 25px;
    }

    .article-content.notice-media-html > p,
    .article-content.notice-media-html > h5 {
        margin: 0 10px 15px;
        line-height: 20px;
    }

    .popup-notice-item .popup-notice-buttons {
        position: relative;
    }

    .popup-notice-item .notice-item-content {
        padding: 10px 24px 36px;
    }

    .popup-notice-item .notice-back-button {
        position: absolute;
        left:0;
        top:0;
    }

    .popup-notice-item .notice-back-button a {
        background: url(../img/picto_element_back_notice_blanc.34aece44.svg) center left 2px no-repeat;
        font-size: 15px;
        font-weight: bold;
        color: #FFFFFF;
        padding:5px 0 5px 35px;
    }

    .popup-notice-item .notice-back-button a:hover {
        background-image: url(../img/picto_element_back_notice_orange.f9d65139.svg);
        color: #F7A448;
    }

    .notice-item-header {
        position: absolute;
        top:0;
        right: calc( 50vw - 640px + 60px );
        min-height: 50px;
    }

    .popup-notice-item .notice-item-header {
        position: absolute;
        display: flex;
        align-items: center;
        height: 70px;
        width: 100%;
        padding-left: 30px;

        right: unset;
        top:unset;
    }

    .notice-item-content .notice-media-display-mode .notice-media-title {
        text-align: center;
    }

    .notice-item-content .notice-media-display-mode .notice-item-image {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: flex-start;
    }

    .notice-item-content .notice-item-image img {
        border: 1px solid #B5C7CB;
    }

    .notice-item-content .notice-media-display-mode .notice-display-mode-contents {
        display: flex;
        flex-direction: column;
    }

    .notice-item-content .notice-media-display-mode .notice-display-mode-contents .notice-item-columns {
    }

    .notice-item-content .notice-media-display-mode .notice-display-mode-contents .notice-media {
        margin-top: 30px;
    }

    .notice-item-content .notice-media-display-mode .notice-display-mode-contents .notice-item-columns > .notice-item-column:last-child {
        border: none;
    }

    .notice-item-content .notice-media-display-mode .notice-display-mode-contents .notice-item-field.notice-item-references {
        display: none;
    }

    .notice-item {
        position: relative;
    }

    .notice-tools {
        position: absolute;
        right: 0;
    }

    .notice-tools > div {
        display: flex;
    }

    .notice-tools a {
        display: inline-block;
        width: 36px;
        height: 36px;
        margin-left: 10px;

        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        border-radius: 3px;
        background-color: #5E939A;
        border: solid 2px #5E939A;
        color: #FFFFFF;
    }

    .notice-tools a:hover {
        background-color: #FFF;
        color: #5E939A;
    }

    .notice-tools a.notice-plein-ecran {
        background: #5E939A url(../img/picto_notice_blanc_off.934b2776.svg) center / 22px 22px no-repeat;
    }

    .notice-tools a.notice-plein-ecran:hover {
        background: #FFF url(../img/notice_bleu_off.b31247d7.svg) center / 22px 22px no-repeat;
    }

    .notice-tools .user-connected .notice-graphe {
        margin-right: 25px;
    }

    .notice-tools .user-connected .notice-graphe::after {
        content: "";
        display: inline-block;
        border-right: 3px solid #B1B1B1;
        height: 36px;
        transform: translate(21px, -2px);
        pointer-events: none;
    }

    .notice-tools a.notice-graphe {
        /* display: none !important; */
        background: #5E939A url(../img/item_encyclopedie_off3.a3fe5041.svg) center / 22px 22px no-repeat;
    }

    .notice-tools a.notice-graphe:hover {
        background: #FFF url(../img/item_encyclopedie_off2.53f6dbc0.svg) center / 22px 22px no-repeat;
    }

    .notice-tools a.download {
        background: #5E939A url(../img/telecharger_bouton.9e40479b.svg) center no-repeat;
    }

    .notice-tools a.download:hover {
        background: #FFF url(../img/telecharger_bouton_on.8c8f0b53.svg) center no-repeat;
    }

    .notice-tools a.add-to-basket {
        background: #5E939A url(../img/panier_bouton.727e0d9b.svg) center no-repeat;
    }

    .notice-tools a.add-to-basket:hover {
        background: #FFF url(../img/panier_bouton_on.a749d5c0.svg) center no-repeat;
    }

    .notice-tools a.add-to-basket.selected {
        background: #5E939A url(../img/panier_bouton_selection.d9c4fdec.svg) center no-repeat;
    }

    .notice-tools a.add-to-basket.selected:hover {
        background: #FFF url(../img/panier_bouton_selection_on.8c261825.svg) center no-repeat;
    }

    .notice-tools a.edit-notice {
        background: #5E939A url(../img/editer_bouton.057f00ca.svg) center no-repeat;
    }

    .notice-tools a.edit-notice:hover {
        background: #FFF url(../img/editer_bouton_on.a5305711.svg) center no-repeat;
    }

    .notice-tools a.export-article {
        background: #5E939A url(../img/telecharger_bouton.9e40479b.svg) center no-repeat;
    }

    .notice-tools a.export-article:hover {
        background: #FFF url(../img/telecharger_bouton_on.8c8f0b53.svg) center no-repeat;
    }

    .popup-notice-item .notice-item {
        box-shadow: 11px 10px 22px 0 rgba(0,0,0,0.08);
        background-color: #fff;
    }

    .popup-notice-item .notice-item-content {
        background-color: #FFFFFF;
    }

    .notice-item-content h1 {
        margin: 20px 150px 0 0;
        color: #4E6273;
        font-size: 24px;
        font-weight: bold;
        line-height: 29px;
    }

    .notice-item-content .notice-author {
        margin: 5px 0;
        font-size: 15px;
        line-height: 22px;
    }

    .notice-item-columns {
        display: flex;
        margin:  25px 0;
    }

    .notice-item-author .notice-item-columns.document-with-media > .notice-item-column:first-child,
    .notice-item-author .notice-item-columns.document-with-media > .notice-item-column:last-child,
    .notice-item-column {
        flex: 50% 0 0;
        width: 50%;
    }

    .notice-item-columns.document-with-media > .notice-item-column:first-child {
        flex: calc( 100% - 320px ) 0 0 ;
        width: calc( 100% - 320px );
    }

    .notice-item-columns.document-with-media > .notice-item-column:last-child {
        flex: 320px 0 0;
        width: 320px;
    }

    .notice-item-columns > .notice-item-column:first-child {
        padding-right: 25px;
        padding-bottom: 0;
    }

    .notice-item-columns > .notice-item-column:last-child {
        padding-left: 25px;
        border-left:2px solid #B5C7CB;
    }

    .notice-item-columns.document-with-media  {
        margin-bottom: 0;
    }

    .notice-item-columns.document-with-media > .notice-item-column:first-child {
        flex: 0 0 calc( 100% - 320px );
        width: calc( 100% - 320px );
    }

    .notice-item-columns.document-with-media > .notice-item-column:last-child {
        flex: 0 0 320px;
        width: 320px;
    }

    .notice-item-columns.document-with-media > .notice-item-column:first-child div.notice-pdf-viewer,
    .notice-item-columns.document-with-media > .notice-item-column:first-child div.notice-pdf-viewer > div:first-child {
        height: 100%;
    }

    .notice-item-columns.document-with-media > .notice-item-column:first-child div.notice-pdf-viewer .pdf-content {
        margin-bottom: 20px;
    }

    .notice-item-columns .notice-item-field.notice-item-references {
        margin-top:24px;
    }

    .notice-item-columns.document-with-media .notice-item-field.notice-item-references ul.notice-item-field-content {
        border-bottom: none;
    }

    .notice-item-collection a {
        color: #467278;
    }

    .notice-encyclopedie .notice-item-field-content.notice-item-collection {
        display: inline-block;
        margin-top: 8px;
    }

    .notice-item-collection img {
        width: 35px;
        height: 35px;
        vertical-align: middle;
        margin-right: 7px;
    }

    .notice-item-video,
    .notice-item-image {
        margin: 25px 0;
    }

    .notice-item-image-content {
        margin-right: 20px;
        float: left;
    }

    .notice-item-column:after {
        content: '';
        display: block;
        clear: both;
    }

    .notice-item-image img {
        max-height: 250px; /* 380px */
    }

    .notice-item-video iframe {
        width: 100%;
        max-width: 400px;
    }

    .notice-item.notice-item-author .notice-item-image img {
        max-height: 160px;
    }

    .notice-type-media .notice-item-image img {
        max-height: 60vh;
    }

    .article-content p.notice-item-image-caption,
    .notice-item-image-caption {
        color: #808080;
        font-size: 12px;
        line-height: 17px;
        margin: 0;
    }

    .notice-item-short-description {
        font-family: "Georgia", serif;
        font-style: italic;
        color: #303030;
        margin-bottom: 16px;
    }

    .notice-item-field {
        font-family: "Georgia", serif;
        color: #303030;
        margin-bottom: 16px;
    }

    .extrait .notice-item-field {
        padding: 0 10% 10px;
    }

    .extrait .notice-item-quote {
        margin: 0 10%;
    }

    .notice-item-field-title,
    .notice-item-short-description-title {
        font-size: 13px;
        font-weight: bold;
        line-height: 22px;
    }

    .notice-item-short-description-title {
        margin: 0 0 8px 0;
    }

    /*
    .notice-part-4.notice-item-field-array .notice-item-field-title,
    .notice-part-4.notice-item-field-array-of-objects .notice-item-field-title,
     */

    .notice-item-field.notice-part-5 {
        border-top: solid 1px #467278;
        padding-top: 8px;
        margin-top: 32px;
    }

    .extrait .notice-item-field.notice-part-3,
    .extrait .notice-item-field.notice-part-5 {
        margin-top: 30px;
        margin-bottom: 0;
        padding-top: 30px;
        padding-bottom: 0;
    }

    .extrait .notice-item-column {
        padding-bottom: 20px;
        margin-bottom: 50px;
    }

    .extrait .notice-item-column:first-child:empty {
        border: none;
    }

    .extrait .notice-item-field.notice-part-3,
    .extrait .notice-item-field.notice-part-5 {
        border-top: 1px solid #E7E7E7;
    }

    .notice-item-field.notice-part-5 ~ .notice-item-field.notice-part-5 {
        border-top: none;
        margin-top: 32px;
        padding-top: 0;
    }

    .notice-part-5.notice-item-field-array .notice-item-field-title,
    .notice-part-5.notice-item-field-array-of-objects .notice-item-field-title {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-size: 14px;
        text-transform: uppercase;
        color: #4E6273;
        margin-bottom: 4px;
    }

    .notice-item-field.linked-items {
        margin-top: 24px;
    }

    .notice-item-short-description-title {
        margin-bottom: 5px;
    }

    .notice-item-field-content,
    .notice-item-short-description-content {
        margin: 0;
        font-size: 13px;
        line-height: 19px;
    }

    .notice-item-field-content {
        margin-bottom: 10px;
    }

    .notice-item-field-content p {
        margin-bottom: 5px;
    }

    .notice-item-field-content em {
        font-style: italic;
    }

    .notice-item-field-content strong {
        font-weight: bold;
    }

    .notice-item-field-content strong {
        font-weight: bold;
    }

    .notice-item-field-content q,
    .notice-item-field-content blockquote {
        margin: 20px 10px;
        padding: 10px;
        border-left: 1px solid #000000;
    }

    .notice-item-field-content q > br:first-child,
    .notice-item-field-content blockquote > br:first-child,
    .notice-item-field-content p > br:first-child {
        display: none;
    }


    .notice-item-related-items,
    .notice-item-linked-items {
    }

    .notice-item-related-items-title,
    .notice-item-linked-items-title {
        background-color: #DEEBED;
        color: #4E6273;
        font-size: 16px;
        font-weight: 900;
        line-height: 34px;
        text-transform: uppercase;
    }

    ul.notice-item-field-content {
        list-style-type: disc;
        list-style-position: outside;
        margin: 5px 0 0;
        padding-left: 15px;
    }

    .notice-item-field.notice-item-references ul.notice-item-field-content {
        margin: 15px 0;
        padding-bottom: 5px;
        border-bottom: solid 1px #467278;
    }

    ul.notice-item-field-content li {
        margin-bottom: 10px;
    }

    ul.notice-item-field-content.no-bullet {
        margin: 0 0 10px;
        padding: 0;
        list-style-type: none;
        border-bottom: none;
    }

    ul.notice-item-field-content.no-bullet li {
        margin: 0;
        padding: 0;
    }

    .notice-item-field.dcterms-subject ul.notice-item-field-content.no-bullet li {
        display: inline;
    }

    .notice-item-field.dcterms-subject ul.notice-item-field-content.no-bullet li::after {
        content: ', ';
    }

    .notice-item-field.dcterms-subject ul.notice-item-field-content.no-bullet li:last-child::after {
        content: '';
    }

    .notice-item-field-content a:hover {
        text-decoration: underline;
    }

    .traite .notice-item-field-content a,
    .notice-item-field-content a {
        color: #467278 !important;
        font-family: 'Georgia', serif;
        font-weight: 400;
        font-size: 13px;
        line-height: 15px;
    }

    .notice-item-field-content a.external-link {
        padding-right: 20px;
        background: url(../img/lien_ext.30a5250a.svg) center right / 14px 14px no-repeat;
    }

    .notice-item-field-content a.external-link span.link-type {
        color: #333333;
    }

    .notice-item-field.linked-items .notice-item-field-content a.external-link {
        background: none;
    }

    .notice-item-field-content a.external-link:hover {
        background-image: url(../img/lien_ext_vert.589818b4.svg);
    }

    .notice-item-field-title.with-icon {
        padding: 5px 13px;
        margin-bottom: 14px;
        background-color: #DEEBED;
        color: #4E6273;
        font-size: 16px;
        font-weight: 900;
        line-height: 34px;
        text-transform: uppercase;
        font-family: 'Lato', sans-serif;
    }

    .notice-item-field-title.with-icon span {
        padding: 5px 40px;
        font-weight: 900;
    }

    .notice-item-columns > .notice-item-column:first-child ul.notice-item-field-content,
    .notice-item-field.linked-items ul.notice-item-field-content {
        border-bottom: none;
    }

    .linked-items .notice-item-field-title.with-icon span {
        background: #DEEBED url(../img/notice_bleu_off.b31247d7.svg) center left 4px no-repeat;
    }

    .notice-item-field-title.with-icon span.linked-elements {
        padding-left: 40px;
        padding-right: 10px;
        background: #DEEBED url(../img/associe_a.d3db50cb.svg) center left 2px no-repeat;
        display: inline-block;
        line-height: 1.2;
    }

    .notice-item-field-see-all-toggle {
        display: inline-block;
        text-align: right;
        width: 100%;
        margin: 5px 0;
    }

    .notice-item-field-see-all-toggle::after {
        content: '';
        display: inline-block;
        width: 13px;
        height: 12px;
        margin-left:8px;
        background: url(../img/chevron_bas.130dd9ce.svg) top 1px right / 13px 12px no-repeat;
        transform-origin: 50%;
        transition: transform ease-in-out 0.25s;
    }

    .with-see-all-toggle .notice-item-field-value.see-all-hidden-item {
        display: none;
    }

    .with-see-all-toggle .notice-item-field-see-all-toggle,
    .with-see-all-toggle.opened .notice-item-field-value.see-all-hidden-item {
        display: list-item;
    }

    .with-see-all-toggle.opened .notice-item-field-see-all-toggle::after {
        transform: rotate(180deg);
    }

    .with-see-all-toggle .see-all-toggle-parent ~ .notice-item-field-value {
        display: none;
    }

    .with-see-all-toggle.opened .see-all-toggle-parent ~ .notice-item-field-value {
        display: list-item;
    }

    .notice-item-author .notice-part-4 .notice-item-field-title,
    .notice-item-author .notice-part-5 .notice-item-field-title {
        background-color: #DEEBED;
        margin-top: 20px;
        margin-bottom: 10px;
        padding: 10px;
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        font-weight: 900;
        color: #4E6273;
        text-transform: uppercase;
    }

    .notice-item-author .notice-part-4 .notice-item-field-title {
        background: #DEEBED url(../img/redacteur-notices-proposees.8b763adf.svg) center left 10px / 24px auto no-repeat;
        padding-left: 45px;
    }

    .notice-item-author .notice-part-5 {
        border: none;
    }

    .notice-item-author .notice-part-5 .notice-item-field-title {
        background: #DEEBED url(../img/redacteur-articles-publies.f67e6e31.svg) center left 10px / 24px auto no-repeat;
        padding-left: 45px;
    }

    .notice-item-type {
        margin: 15px 10px 0;
        color: #4E6273;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: normal;
        line-height: 17px;
        text-transform: uppercase;
    }

    .notice-item-quote {
        background-color: #F4F4F4;
        padding: 20px 16px;
        margin: 30px 0;
    }

    .notice-item-quote-buttons {
        margin: 25px 0 0;
    }

    .notice-item-quote-buttons.copied {
        position: relative;
    }

    .notice-item-quote-buttons.copied:after {
        content:'Copié dans le presse-papier';
        background-color: #5E939A;
        font-size: 13px;
        padding: 0 15px;
        color: #FFFFFF;
        position: absolute;
        bottom: -40px;
        left:0;
        animation: fade-in-and-out-animation 1s both;
    }

    .notice-item-quote-buttons > a {
        display: inline-block;
        padding: 10px 20px;
        background-color: #ffffff;
        border-radius: 3px;
        border: 2px solid #5E939A;
        color: #5E939A;
        font-family: "Lato", sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        text-align: center;
        margin-right: 30px;
        margin-bottom: 0;
        cursor: pointer;
    }

    .notice-item-quote-buttons > a:hover {
        background-color: #5E939A;
        color: #FFFFFF;
    }

    .notice-item-quote-buttons > a.copy-button {
        background-color: #5E939A;
        color: #FFFFFF !important;
    }

    .notice-item-quote-buttons > a.copy-button:hover {
        background-color: #FFFFFF;
        color: #5E939A !important;
    }

    ul.notice-lang-selector {
        margin-bottom: 18px;
        font-family: 'Lato', sans-serif;
    }

    ul.notice-lang-selector > li {
        display: inline-block;
    }

    ul.notice-lang-selector > li > a {
        border-radius: 1px;
        border: 1px solid #B5C7CB;
        margin-right: 5px;
        padding: 4px 5px;
        color: #4E6273;
        font-size: 12px;
        line-height: 14px;
    }

    ul.notice-lang-selector > li > a.active {
        background-color: #DEEBED;
    }

    .short-notice-content ul.notice-lang-selector {
        text-align: right;
        margin-bottom: 32px;
    }

    .short-notice-content ul.notice-lang-selector > li > a.active {
        background-color: #FFF;
    }

    .notice-footer {
        background-color: #ffffff;
        padding: 16px 0;
        color: #4E4D4D;
        font-size: 13px;
        letter-spacing: 0;
        line-height: 22px;
    }

    .popup-notice-item .notice-footer {
        padding: 16px 24px;
    }

    .notice-footer-content {
        padding-left: 65px;
        padding-top: 15px;
        border-top: 1px solid #B1B1B1;
    }

    .notice-footer-content p.research-title {
        color: #467278;
        font-size: 15px;
        line-height: 25px;
    }

    .notice-item-content .td-content.td-depth-0 {
       margin-left: 0;
    }

    .notice-item-content .td-content.td-depth-1 {
       margin-left: 20px;
    }

    .notice-item-content .td-content.td-depth-2 {
       margin-left: 40px;
    }

    .notice-item-content .td-content.td-depth-3 {
       margin-left: 60px;
    }

    .notice-item-content .td-content.td-depth-4 {
       margin-left: 80px;
    }

    .notice-item-content h2 {
        color: #4E6273;
        font-size: 22px;
        font-weight: bold;
        line-height: 28px;
    }

    .notice-item-content .td-content.td-depth-2 h2 {
        color: #303030;
        font-size: 20px;
        line-height: 26px;
    }

    .notice-item-content .td-content.td-depth-3 h2 {
        color: #303030;
        font-weight: normal;
        font-size: 19px;
        line-height: 22px;
    }

    .notice-item-content .td-content.td-depth-4 h2 {
        color: #303030;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
    }

    .notice-item-content .td-content .notice-media {
        margin-bottom: 40px;
    }


        /* ----------------------------------------------- */

    .popup-notice-item.download-notice-item {
        display: none;
    }

    .popup-notice-item.download-notice-item.opened {
        position: fixed;
        display: block;
    }

    .popup-notice-item.download-notice-item {
        padding-left: calc( 50% - 200px );
        padding-right: calc( 50% - 200px );
    }

    .popup-notice-item.download-notice-item .popup-panel {
        background: #ffffff;
    }

    .popup-notice-item.download-notice-item .popup-panel .popup-contents {
        display: flex;
        flex-direction: column;
        padding: 50px 50px;
    }

    .popup-notice-item.download-notice-item .popup-panel .popup-contents > a {
        display: inline-block;
        border: 2px solid #5E939A;
        background-color: #5E939A;
        color: #FFFFFF;
        padding: 10px 25px;
        border-radius: 3px;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        text-align: center;
        margin-bottom: 20px;
    }

    .popup-notice-item.download-notice-item .popup-panel .popup-contents > a:hover {
        background-color: #FFFFFF;
        color: #5E939A;
    }

    .popup-notice-item.download-notice-item .popup-panel .popup-contents > a.disabled {
        pointer-events: none;
        opacity: 0.5;
    }

    /* ----------------------------------------------- */

    .popup-article {
        z-index: 3;
    }

    .article {
        position: relative;
    }

    .article,
    .extrait {
        background-color: #fff;
    }

    .extrait .notice-item-content h1,
    .article .notice-item-content h1 {
        text-align: center;
        text-decoration: none;
        margin: 0;
    }

    .extrait .notice-item-content h1 {
        margin: 0 180px 0;
    }

    .article .notice-item-content > .notice-media-title {
        width: calc( 100% - 340px );
    }

    .popup-notice-item .article .notice-item-content > .notice-media-title {
        width: 100%;
    }

    .extrait .notice-item-content h1 {
        margin-bottom: 30px;
        font-size: 29px;
        line-height: 34px;
    }

    .extrait .notice-item-field-content,
    .extrait .notice-item-field-title {
        font-size: 14px;
        line-height: 20px;
    }

    .article .notice-item-content .notice-author,
    .article .notice-item-content .notice-publication-date {
        /* display: none; */
    }

    .article .notice-item-content .notice-author {
        margin-bottom: 0;
        text-align: center;
    }

    .article .notice-item-content .notice-publication-date {
        margin-top: 5px;
        color: #767676;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
    }

    .popup-notice-item .article .notice-item-content .notice-publication-date {
        margin: 5px 0 35px;
    }

    .article .notice-item-image {
        display: none;
        /* display: flex; */
        justify-content: center;
    }

    .article .notice-item-image-content {
        display:table;
    }

    .article .notice-item-image-caption {
        display:table-caption;
        caption-side:bottom;
    }

    .page .contents {
        overflow: inherit;
    }

    .page .article-content {
        margin: 15px 0;
    }

    .article-content .Titre,
    .article-content .Rdacteur,
    .article-content .DatePublication {
        display: none;
    }

    .popup-notice-item .article .notice-item-content {
        padding-left: 0;
        padding-right: 0;
    }

    .popup-notice-item .article .notice-item-column:last-child {
        border-top: #F4F4F4 1px solid;
        padding-top: 25px;
        border-left:none;
        display: none;
    }

    .popup-notice-item .article .notice-item-column:first-child {
        padding-right: 0;
    }

    .popup-notice-item .article .notice-item-column:last-child,
    .popup-notice-item .article-content {
        margin: 55px 100px;
    }

    .popup-notice-item .article .notice-item-columns {
        display: block;
    }

    .article-content,
    .article-content span {
        font-family: var(--font-family-page-content);
        color: #303030 !important;
        font-size: 14px;
        line-height: 20px;
    }

    .article-content h1 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .article-content h1 span {
        font-size: inherit;
        line-height: inherit;
    }

    .article-content h2 {
        color: #4E6273;
        font-size: 18px;
        line-height: 21px;
        box-shadow: 0 1px 0 0 currentColor;
        display: inline-block;
        margin-bottom: 25px;
    }

    .article-content .Intertitre,
    .article-content .Intertitre span,
    .article-content h3,
    .article-content h3 span {
        font-family: var(--font-family-page-content);
        color: #303030;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .article-content button,
    .article-content nav,
    .article-content select,
    .article-content input {
        display: inline-block;
        font-size: 12px;
        line-height: 13px;
        height: auto;
    }

    .article-content select {
        padding: 11px 20px;
        border: 1px solid #B1B1B1;
    }

    .article-content input {
        padding: 11px 20px;
        border: 1px solid #B1B1B1;
    }

    .article-content b {
        font-weight: bold;
    }

    .article-content a,
    .article-content a:link {
        color: #EE8820;
    }

    .article-content a:hover {
        color: #ff3333;
    }

    .article-content .preview-block {
        padding-bottom: 30px;
    }

    .article-content .preview-block > a,
    .article-content button,
    .article-content input[type=submit] {
        border: 2px solid #5E939A;
        background-color: #5E939A;
        color: #FFFFFF;
        padding: 10px 25px;
        border-radius: 3px;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        text-align: center;
    }

    .article-content button {
        box-shadow: none;
    }

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

    .article-content p:empty {
        display: none;
    }

    .article-content .Citationarticle {
        margin-bottom: 50px;
    }

    .article-content .Intertitre,
    .article-content p.Intertitre span,
    .article-content .Citationarticle span,
    .article-content p,
    .article-content p span,
    .article-content li,
    .article-content li span {
        color: #303030 !important;
        font-family: var(--font-family-page-content);
        line-height: 21px !important;
        font-size: 16px;
    }

    .article-content .Textearticle span {
        font-size: 14px !important;
        color: #303030 !important;
        line-height: 20px !important;
    }

    .article-content ul {
        list-style: disc;
        margin-left: 15px;
    }

    .article-additional-content {
        margin: 30px 100px 45px;
        padding: 5px 8px;
        border-top: 1px solid #B5C7CB;
        border-bottom: 1px solid #B5C7CB;
    }

    .article-additional-content h3 {
        color: #4E6273;
        font-size: 14px;
        line-height: 34px;
        margin-bottom: 4px;
    }

    .article-notes {
    }

    .article-notes ul {
        list-style-type: none;
    }

    .article-notes ul li {
        display: flex;
        flex-direction: row;
        color: #808080;
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 15px;
    }

    .article-notes ul li div.note-id {
        flex: 32px 0 0;
    }

    .article-content .MsoFootnoteReference  {
        vertical-align: bottom !important;
    }

    .article-content  span.MsoFootnoteReference {
        color: unset !important;
        font-family: Georgia !important;
    }

    .article-content .MsoFootnoteText span {
        font-family: Georgia !important;
    }

    .article-content .MsoFootnoteText a,
    .article-notes ul li div.note-id a {
        text-decoration: none;
        color: #5E939A !important;
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 16px;
    }

    .article-content .MsoFootnoteText a {
        display: inline-block;
        margin-right: 5px;
    }

    .article-notes ul li div.note-id a::before {
        content: "[";
        padding-right:2px;
    }

    .article-notes ul li div.note-id a::after {
        content: "]";
        padding-left:2px;
    }

    .article-biblio {
    }

    .article-biblio ul {
        list-style-type: disc;
        list-style-position:inside;
    }

    .article-biblio li {
        color: #303030;
        font-family: Georgia;
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 12px;
    }

    .article-content .block {
        margin: 25px 0;
    }

    .article-content .block.block-assets {
        margin: 25px 0;
        display: flex;
        flex-wrap: wrap;
    }

    .article-content .block.block-assets h2 {
        flex: 0 0 100%;;
        border: none;
        box-shadow: none;
        margin: 0;
    }

    .article-content .block.block-assets .asset {
        flex: 0 0 33.3333%;
        max-height:450px ;
        margin: 25px 0;
    }

    .article-content .block.block-assets .asset:nth-child(3n+2) {
        padding-right: 15px;
    }

    .article-content .block.block-assets .asset:nth-child(3n) {
        padding-left: 8px;
        padding-right: 8px;
    }

    .article-content .block.block-assets .asset:nth-child(3n+1) {
        padding-left: 15px;
    }

    .article-content .block.block-assets .asset > span {
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #B5C7CB;
    }
    .article-content .block.block-assets .asset img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

    .article-content .block.block-assets .asset .caption p {
        display: block;
        color: #808080 !important;
        font-size: 12px !important;
        line-height: 17px !important;
        padding: 10px 0;
        margin:0;
    }

    /* ----------------------------------------------- */

    .annotations {
        margin: 30px 0;
    }

    .annotations h2 {
        padding: 5px 13px;
        color: #4E6273;
        font-size: 20px;
        font-weight: bold;
        line-height: 34px;
        text-transform: uppercase;
        font-family: 'Lato', sans-serif;
    }

    .annotations form {
        margin-bottom: 30px;
    }

    .annotations form textarea {
        width: 100%;
        border: 1px solid #B1B1B1;
        margin-bottom: 20px;
        padding: 5px 10px;
        font-size: 13px;
        line-height: 18px;
    }

    .annotations form button {
        float: right;
        margin-right: 20px;
        padding: 9px 20px;
        border-radius: 3px;
        border: 2px solid #5E939A;
        background-color: #5E939A;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        text-align: center;
    }

    .annotations form button:hover {
        background-color: #FFF;
        color: #5E939A;
    }

    .annotations form::after {
        content:"";
        clear: both;
        display: block;
    }

    .annotations form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-family: 'Lato', sans-serif;
        color: #4E4D4D;
        font-size: 13px;
        font-style: italic;
        line-height: 22px;
    }

    .annotations form textarea::-moz-placeholder { /* Firefox 19+ */
        font-family: 'Lato', sans-serif;
        color: #4E4D4D;
        font-size: 13px;
        font-style: italic;
        line-height: 22px;
    }

    .annotations form textarea:-ms-input-placeholder { /* IE 10+ */
        font-family: 'Lato', sans-serif;
        color: #4E4D4D;
        font-size: 13px;
        font-style: italic;
        line-height: 22px;
    }

    .annotations form textarea:-moz-placeholder { /* Firefox 18- */
        font-family: 'Lato', sans-serif;
        color: #4E4D4D;
        font-size: 13px;
        font-style: italic;
        line-height: 22px;
    }

    .annotations .annotations-thread {
    }

    .annotations .annotations-thread-item {
    }

    .annotations .annotations-thread-author {
        color: #4E4D4D;
        font-size: 13px;
        font-weight: bold;
        line-height: 22px;
        padding: 20px 16px 6px;
    }

    .annotations .annotations-thread-edit-box {
        width: 100%;
        border: 1px solid #B1B1B1;
        background-color: #F4F4F4;
        position: relative;
    }

    .annotations .annotations-thread-edit-box .annotations-thread-text-content,
    .annotations .annotations-thread-edit-box textarea {
        width: 100%;
        padding: 5px 10px 20px;
        background: none;
        border: none;
        color: #4E4D4D;
        font-size: 13px;
        line-height: 18px;
    }

    .annotations .annotations-thread-item-current-user .annotations-thread-edit-box .annotations-thread-text-content,
    .annotations .annotations-thread-item-current-user .annotations-thread-edit-box textarea {
        padding-bottom: 32px;
    }

    .annotations .annotations-thread-edit-box .buttons {
        position: absolute;
        right:14px;
        bottom:0;
    }

    .annotations .annotations-thread-edit-box .buttons button.edit-icon {
        background: url(../img/editer_vert.ce82c98e.svg) top center / 21px 21px no-repeat;
        width: 25px;
        height: 25px;
        margin-right: 4px;
    }

    .annotations .annotations-thread-edit-box .buttons button.edit-icon:hover {
        background-image: url(../img/editer_jaune.4187563c.svg);
    }

    .annotations .annotations-thread-edit-box .buttons button.delete-icon {
        background: url(../img/suprimer_vert.0bed4470.svg) top center / 21px 21px  no-repeat;
        width: 25px;
        height: 25px;
    }

    .annotations .annotations-thread-edit-box .buttons button.delete-icon:hover {
        background-image: url(../img/suprimer_on.b9909716.svg);
    }

    /* ----------------------------- */

    .selected-items-card {
        background-color: #F4F4F4;
        display: block;
        height: 100%;
    }

    .selected-items-card .selected-items-card-image {
        position: relative;
        padding-bottom: 50%;
        overflow: hidden;
        width: 100%;
        background-color: #fff;
    }

    .selected-items-card .selected-items-card-image.no-thumbnail {
        background: #fff url(../img/vignette_EMH.927b1869.png);
    }

    .selected-items-card .selected-items-card-image > img {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: top left;
           object-position: top left;
    }

    .selected-items-card .selected-items-card-infos {
        height: 100%;
        position: relative;
        padding: 16px 20px 16px;
        min-height: 130px;
    }

    .selected-items-card h3 {
        font-family: "Lato", sans-serif;
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
        color: #384651;
        text-align: center;
        margin-bottom: 10px;
    }

    .selected-items-card .selected-items-card-description {
        font-family: "Lato", sans-serif;
        font-size: 13px;
        line-height: 17px;
        color: #303030;
        margin-bottom: 20px;
    }

    .selected-items-card .selected-items-card-documents-count {
        font-family: "Lato", sans-serif;
        font-weight: bold;
        font-size: 13px;
        line-height: 17px;
        color: #303030;
        width: 100%;
        text-align: center;
    }

    .selected-items-card .selected-items-card-documents-count::before {
        content: '•';
    }

    .home-selections-menu .selected-items-card .selected-items-card-documents-count::before {
        content: '';
    }

    /* ----------------------------- */

    .list-item a.item-title {
        padding-right: 100px;
    }

    .cards {
        background-color: #FFFFFF;
        display: flex;
        flex-wrap: wrap;
        gap:20px;
    }

    .card {
        flex: 0 0 calc( 20% - 16px );
        width: calc( 20% - 16px );
        margin-top: 25px;
    }

    .curated-item-cards .card {
        flex: 0 0 calc( 33.33% - 16px );
        width: calc( 33.33% - 16px );
        margin-top: 40px;
    }

    .card a {
        display: block;
        width: 100%;
    }

    .card .image {
        position: relative;
        width: 100%;
        border: 1px solid #B5C7CB;
        padding-bottom: 145%;
        overflow: hidden;
    }

    .card .image.without-media {
        width: 100%;
        height: 100%;
        background: #e0e0e0 url(../img/vignette_EMH-portrait.a6de1cd0.png) center center / contain no-repeat;
    }

    .card a.item-title:hover .image {
        border: 1px solid #5E939A;
    }

    .card a.item-title:hover .card-title {
        color: #5E939A;
    }

    .card .image img {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        border: 1px solid #B5C7CB;
    }

    .corpus .card .image img {
        -o-object-fit: contain;
           object-fit: contain;
        border: none;
    }

    .card .card-tools  {
        text-align: right;
    }

    .card .card-tools > a {
        display: inline-block;
        padding: 2px 12px 0;
        margin-left: 6px;
    }

    .card .card-tools a.notice-icon {
        background: url(../img/notice_bleu_off.b31247d7.svg) center / 20px 22px no-repeat;
        width: 20px;
        height: 22px;
    }

    .card .card-tools a.notice-icon:hover {
        background-image: url(../img/notice_bleu_on.aa8a3ff6.svg);
    }

    .card .card-tools a.download {
        background: url(../img/telecharger_vert.8ca15c22.svg) center top 2px / 19px 20px no-repeat;
        width: 19px;
        height: 22px;
    }

    .card .card-tools a.download:hover {
        background-image: url(../img/telecharger_on.b97c0715.svg);
    }

    .card .card-tools a.add-to-basket {
        background: url(../img/panier_vert_off.ca4e9d8d.svg) center center / 25px 32px no-repeat;
        width: 30px;
        height: 36px;
        transform: scale(0.9) translateY(4px);
        transform-origin:bottom center;
    }

    .card .card-tools a.add-to-basket:hover {
        background-image: url(../img/panier_bleu_on.a0ff2792.svg);
    }

    .card .card-tools a.add-to-basket.selected {
        background: url(../img/panier_selection.9e3ff7fa.svg) top center / 30px 42px no-repeat;
    }

    .card .card-tools a.add-to-basket.selected:hover {
        background-image: url(../img/panier_selection.9e3ff7fa.svg);
    }

    .card .card-title {
        margin-top: 8px;
        color: #303030;
        font-size: 14px;
        line-height: 18px;
    }

    .cards-count {
        display: inline;
        margin-left: 8px;
        font-size: 12px;
        line-height: 18px;
        font-style: italic;
        color: #4E6273;
        text-transform: none;
    }

    /* ----------------------------- */

    .contents-wrapper.with-visualization .traite .td-graph-parent {
        display: none;
        padding: 0 !important;
    }

    .contents-wrapper.with-visualization.graph-mode .traite .td-graph-parent {
        display: block;
        visibility: visible;
    }

    /* ----------------------------- */

    .treeview {
        margin-top: 10px;
    }

    .treeview h2 {
        color: #303030;
        font-size: 14px;
        line-height: 22px;
        text-transform: uppercase;
    }

    .treeview h2,
    .treeview h3 {
        padding: 4px 0;
        margin: 0;
        font-size: 14px;
        line-height: 40px;
    }

    .treeview > div > h3 {
        display: none;
    }

    .treeview h2 {
        border-top: 2px solid #B5C7CB;
        margin-top: 4px;
        padding-top: 4px;
    }

    .treeview h3 {
        padding: 0;
    }

    .treeview a {
        font-size: 13px;
        font-weight: bold;
        line-height: 22px;
    }

    .treeview h2 a.toggle-parent,
    .treeview h3 a.toggle-parent {
        color: #303030;
        font-size: 14px;
        line-height: 19px;
        padding: 10px 29px;
        background: url(../img/plus_td_off.bddc8a6e.svg) top 10px left / 19px 20px no-repeat;
        min-height: 35px;
    }

    .treeview h2 a.toggle-parent:hover,
    .treeview h3 a.toggle-parent:hover {
        background-image: url(../img/plus_td_on.410925d4.svg);
    }

    .treeview h3 a.toggle-parent.toggle-parent-without-title {
        padding-right: 0;
    }

    .treeview a.tree-group-opened {
        background-image: url(../img/moins_td_off.18ef18e7.svg);
    }

    .treeview a.tree-group-opened:hover {
        background-image: url(../img/moins_td_on.1068472e.svg);
    }

    .treeview .list-item {
        padding: 3px 0 3px 15px;
    }

    .treeview > div > .list-items > .list-item {
        border-bottom: 1px solid #B5C7CB;
    }

    .treeview .list-item a.parent-item-title {
        max-width: calc( 100vw - 200px );
    }

    .treeview .list-item .tree-group-title a.parent-item-title {
        pointer-events: none;
    }

    .treeview .list-item a {
        vertical-align: top;
    }

    .treeview .list-item a {
        padding: 10px 0 6px 0;
    }

    .treeview .list-item a.item-title {
        padding: 10px 100px 6px 0;
    }

    .treeview .list-item a.item-title span {
    }

    .treeview > div > ul {
        margin-left: 0;
    }

    .treeview .list-item a.item-title::before {
        background-color: #B5C7CB;
    }

    .treeview ul {
        margin:0 0 0 25px ;
    }

    .treeview ul {
        display: none;
    }

    .treeview ul.tree-group-opened {
        display: block;
    }

    .treeview > ul {
        display: block;
    }

    .treeview > ul li > a {
        display: block;
        padding-bottom: 15px;
        margin-bottom: 5px;
        color: #303030;
    }

    .treeview a.parent-item-title:hover {
        color: #5E939A;
    }

    .treeview li.list-item:last-child {
        margin-bottom: 15px;
        border-bottom: none;
    }

   /* ----------------------------- */

    .bibliographie {
        background-color: #FFFFFF;
    }

    .biblio-items {
        display: flex;
        flex-wrap: wrap;
        padding: 46px calc( 50% - 378px );
    }

    .biblio-item {
        flex: 50% 0 0;
        margin-bottom: 26px;
    }

    .biblio-item a {
        display: block;
        height: 100%;
        background-color: #F4F4F4;
    }

    .biblio-item a:hover .biblio-item-description h2,
    .biblio-item a:hover .biblio-item-description p {
        color: #467278;
    }

    .biblio-item:nth-child(2n+1) {
        padding-right: 10px;
    }

    .biblio-item:nth-child(2n) {
        padding-left: 10px;
    }

    .biblio-item-image {
        position: relative;
        width: 100%;
        padding-bottom: 40%;
        overflow: hidden;
        background-size: cover;
    }

    .biblio-item-image.biblio1 {
        background-image: url(../img/biblio1.4377ffd5.png);
    }

    .biblio-item-image.biblio2 {
        background-image: url(../img/biblio2.df16dc8b.png);
    }

    .biblio-item-image.biblio3 {
        background-image: url(../img/biblio3.fbf83ef7.png);
    }

    .biblio-item-image.biblio4 {
        background-image: url(../img/biblio4.b18af4f9.png);
    }

    .biblio-item-image img {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

    .biblio-item-description {
        text-align: center;
        padding: 22px 15% 50px;
    }

    .biblio-item-description h2 {
        color: #384651;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px;
    }

    .biblio-item-description p {
        color: #303030;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
    }

    .collection-header .collection-description {
        background-color: #E9EFF0;
    }

    .collection-header p {
        padding: 0 10% 10px;
        color: #4E6273;
        font-size: 16px;
        font-style: italic;
        line-height: 21px;
        text-align: center;
    }

    .collection-header p:first-child {
        padding-top: 30px;
    }

    .collection-header p:last-child {
        padding-bottom: 30px;
    }

    .collection-header a {
        color: #467278;
    }

    .collection-header a:hover {
        color: #F7A448;
    }

    a.back-to-list-button {
        display: inline-block;
        padding: 10px 0 10px 35px;
        background: url(../img/retour-liste_off.94aefe5c.svg) center left / 19px 20px no-repeat;
        color: #467278;
        font-size: 15px;
        font-weight: bold;
        line-height: 17px;
    }

    .back-to-list-button:hover {
        background-image: url(../img/retour-liste_on.09fab359.svg);
        color:#F7A448;
    }

    .collection-header a.back-to-list-button {
        margin-bottom: 20px;
    }

    .collection-header .collection-description {
        display: none;
        padding-top: 15px;
        padding-bottom: 20px;
        font-family: "Lato", sans-serif;
        font-style: italic;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        color: #333333;
    }

    .collection-header .collection-description ul {
        padding: 0 5%;
    }

    .collection-header .collection-description > ul > li:not(:last-child) {
        padding-bottom: 10px;
    }

    .collection-header .collection-description.opened {
        display: block;
    }

    a.collection-description-toggle {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #B5C7CB url(../img/info.2021d4f5.svg);
        vertical-align: bottom;
        margin-left:5px;
    }

    /* -------------------- */

    .post-content {
        margin: 45px auto;
        max-width: 785px;
    }

    .post-header-image {
        color: #808080;
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 20px;
    }

    .post-content .post-images-row {
        display: flex;
    }

    .post-content .post-images-row > div {
        margin-right: 40px;
    }

    .post-content .post-images-row img {
        -o-object-fit: contain;
           object-fit: contain;
        height: 100%;
    }

    .post-content .post-images-row > div:last-child {
        margin-right: 0;
    }

    .post-content h2 {
        color: #4E6273;
        font-size: 18px;
        line-height: 21px;
        display: inline-block;
        border-bottom: 1px solid #4E6273;
        padding-bottom: 5px;
        margin: 25px 0;
    }

    .post-content p {
        color: #303030;
        font-family: Georgia;
        font-size: 14px;
        line-height: 20px;
    }

    /* -------------------- */

    form .required label {
        color:#4A4A4A;
    }

    form .required label {
        color:#000000;
    }

    form .required label:after,
    .form-parent form .required label:after {
        content:' *';
        display: inline;
        color:#F14737;
    }

    .contact form {
        margin: 60px auto;
        max-width: 785px;
    }

    .contact-name-email-fields {
        display: flex;
        width: 100%;
    }

    .contact-contribution input,
    .contact-name-email-fields.connected input {
        pointer-events: none;
        opacity: 0.5;
        background-color: #FFF;
    }

    .contact-name-email-fields > div {
        flex: 0 0 50%;
        margin-bottom: 25px;
    }

    .form-parent .form-fields label,
    .contact-message-fields > *,
    .contact-name-email-fields > div label {
        display: block;
        color: #4E4D4D;
        font-size: 13px;
        font-weight: bold;
        line-height: 15px;
    }

    .form-parent form input[type="checkbox"] {
        vertical-align: baseline;
        margin-right: 3px;
        outline: 1px solid #979797 !important;
    }

    .form-parent form input[type="checkbox"] span {
        display: inline-block;
        width: calc( 100% - 20px);
        vertical-align: top;
        padding-left: 3px;
    }

    .form-parent form div label {
        margin-left: 8px;
        margin-bottom: 8px;
    }

    .form-parent form input[type="text"],
    .form-parent form input[type="password"] {
        width: 100%;
        height: auto;
        font-size: 13px;
        line-height: 15px;
    }

    .form-parent form ::-webkit-input-placeholder {
        color: #808080;
        font-size: 13px;
        line-height: 15px;
    }

    .form-parent form :-moz-placeholder {
        color: #808080;
        font-size: 13px;
        line-height: 15px;
    }

    .form-parent form ::-moz-placeholder {
        color: #808080;
        font-size: 13px;
        line-height: 15px;
    }

    .form-parent form :-ms-input-placeholder {
        color: #808080;
        font-size: 13px;
        line-height: 15px;
    }

    .form-parent form input[type=submit] {
        border-radius: 3px;
        background-color: #5E939A;
        border: 2px solid #5E939A;
        padding:10px 43px;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        text-align: center;
    }

    .form-parent form input[type=submit]:hover {
        background-color: #FFFFFF;
        border: 2px solid #5E939A;
        color: #5E939A;
    }

    .form-parent form a.button {
        border-radius: 3px;
        background-color: #FFFFFF;
        border: 2px solid #5E939A;
        padding:10px 33px;
        color: #5E939A;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        text-align: center;
    }

    .form-parent form a.button:hover {
        background-color: #5E939A;
        border: 2px solid #5E939A;
        color: #FFFFFF;
    }

    .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-warning {
        color: #333333;
        font-size: 12px;
        line-height: 13px;
        margin-bottom: 15px;
    }

    .contact-accept-checkbox {
        font-size: 12px;
        line-height: 13px;
        color: #333333;
    }

    .contact-buttons {
        text-align: center;
        margin-top: 60px;
    }

    /* --------------- */

    .contribution {
        width: 780px;
        margin: 0 auto;
    }

    .contribution h3 {
        color: #467278;
        font-size: 20px;
        font-weight: bold;
        line-height: 23px;
        text-transform: uppercase;
        margin: 25px 0 18px;
    }

    .contribution h4 {
        color: #4E4D4D;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
    }

    .form-parent form.contribution input[type=text] {
        width: auto;
        color: #808080;
        font-size: 13px;
        font-style: italic;
        line-height: 15px;
    }

    .contribution .contribution-search {
        margin-bottom: 25px;
    }

    .contribution .contribution-search > * {
        display: block;
    }

    .contribution .contribution-search > label {
        margin-bottom: 8px;
        font-weight: bold;
    }

    .form-parent form.contribution .contribution-search input[type=text] {
        display: block;
        margin-bottom: 20px;
        width: 50%;
    }

    .contribution p,
    .contribution label {
        margin-left: 8px;
        margin-bottom: 8px;
        color: #4E4D4D;
    }
    .contribution label {
        font-size: 13px;
        line-height: 15px;
    }

    .contribution p {
        font-size: 14px;
        line-height: 17px;
        margin: 20px 0 40px;
    }

    .contact-message-fields textarea {
        padding: 10px 6px;
    }

    .contribution .buttons a {
        border-radius: 3px;
        border: solid 2px #5E939A;
        background-color: #5E939A;
        padding: 10px 35px;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        text-align: center;
    }

    .contribution .buttons a:hover {
        background-color: #FFFFFF;
        color: #5E939A;
    }

    .contribution-upload-panel {
        background-color: #F4F4F4;
        padding: 12px 12px;
        margin-bottom: 25px;
    }

    .contribution-upload-panel > * {
        display: block;
    }

    .contribution .contribution-upload-control {
        margin: 12px 0 20px 0;
    }

    .contribution .fields.upload-field {
        margin-top: 23px;
        margin-bottom: 22px;
    }

    .contribution .fields.contribution-submit {
        margin-top: 45px;
    }

    .contribution label.contribution-upload {
        display: inline-block;
        position: relative;
        box-sizing: border-box;
        padding: 10px 45px;

        border: 2px solid #5E939A;
        border-radius: 3px;
        background-color: #FFFFFF;
        color: #5E939A;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        text-align: center;
    }

    .contribution label.contribution-upload:hover {
        background-color: #5E939A;
        color: #FFFFFF;
        cursor: pointer;
    }

    .contribution input[type="file"] {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .contribution label.contribution-upload input[type=file] {
        position: absolute;
    }

    .contribution .contribution-upload-path {
        display: inline-block;
        margin-left: 15px;
        color: #4A4A4A;
        font-size: 13px;
        font-weight: 500;
        line-height: 23px;
    }

    .contribution .contact-name-email-fields {
        margin-top: 20px;
    }

    .contribution .contact-name-email-fields > div:first-child {
        padding-right: 10px;
    }

    .contribution .contact-name-email-fields > div:last-child {
        padding-left: 10px;
    }

    .contribution .contact-name-email-fields > div {
        margin-bottom: 0;
    }

    .form-parent form.contribution .contact-name-email-fields input[type="text"] {
        width: 100%;
    }

    .form-parent form.contribution .account-parameters-buttons {
        margin: 36px 0;
    }
}

@media screen and (max-width: 1920px) {

    /* Home : image de fond */
    .home .contents .article-background {
        height: 700px;
    }

    .home .block.links.link-to-encyclopedia {
        height: 344px;
    }
}

@media screen and (max-width: 1720px) {

    /* Home : image de fond */
    .home .contents .article-background {
        height: 630px;
    }

    .home .block.links.link-to-encyclopedia {
        height: 274px;
    }
}

@media screen and (max-height: 1070px) {

    .home-selections-menu {
        position: unset;
    }

}

@media screen and (max-width: 1360px) {

    .home .contents .blocks > * {
        padding: 0 calc( 50vw - 640px + 20px + 96px ) 0;
    }

}

@media screen and (max-width: 1240px) {

    header {
    }

    header > div.header-right {
        right: 60px;
    }

    header > a.logo {
        margin-right: calc( 27vw - 290px );
    }

    .breadcrumbs-and-title,
    .contents .with-padding {
        padding-left: 40px;
        padding-right: 40px;
    }

    .home .contents .blocks > * {
        padding: 0 95px;
    }

    .item-navigation {
        width: 100%;
    }

    .subject-list-mode > a.close-browser-window,
    .item-navigation > a.close-browser-window {
        right: 15px;
    }

    .notice-item-header {
        right: 40px;
    }

    .cd-top {
        right:40px;
        bottom: 20px;
    }

    .user-menu-parent {
        right:0;
    }

    .notice-tools {
        right:0;
    }

    ul.zoom-buttons {
        right:20px;
    }

    .list-pagination ul.pagination-pages,
    .with-padding .pagination-pages {
        right:40px;
    }

    .list-pagination .pagination-sort-options {
        left: 40px;
    }

    .contents-list-mode-content.with-padding .pagination-pages {
        right:10px;
    }

    .item-svg-tools {
        left:40px;
    }

    .item-svg-basket {
        right:40px;
    }

    .item-svg-basket-info {
        right:112px;
    }
}

@media screen and (max-width: 1230px) {

    .advanced-search-menu {
        padding-left:42px;
        padding-right:42px;
    }

    .advanced-search-menu .collections-filters > * {
        flex: 25% 0 0;
        flex-grow: 0;
    }

    .advanced-search-menu .advanced-search-filters fieldset .filter-inputs > select {
        width:20%;
    }

    .advanced-search-menu .advanced-search-filters fieldset .filter-inputs > input {
        width:calc( 60% - 85px );
    }

    .advanced-search-menu .advanced-search-filters fieldset .filter-inputs button.delete-icon {
        width:30px;
    }

    .popup-parent.with-padding {
        padding: 10px 40px;
    }

    .popup-notice-item .cd-top {
        right: 60px;
        bottom: 80px;
    }

    .account-parameters-panel .account-parameters-fields > * {
        flex: calc( 45% - 10px ) 0 0;
    }

    .account-parameters-panel .account-parameters-fields > *:nth-child(3n) {
        flex: calc( 45% - 10px ) 0 0;
    }

}

@media screen and (max-width: 1024px) {

    header {
        position: fixed;
        top:0;
        left:0;
        width: 100%;
        z-index: 95;
    }

    .home .contents .article-content {
        margin: 0 0 0; /* cf fixed above */
    }

    header .hamburger-parent {
        margin: 0 15px 0 35px;
        background: none;
    }

    header > a.logo {
        margin-right: 0;
    }

    .view {
        margin-top:62px;
    }


    .side-menu ul:first-child {
        border-top: solid 2px #F7A448;
        padding-top: 10px;
    }

    .side-menu ul:nth-child(2) {
        border-bottom: solid 2px #F7A448;
    }

    .home-selections-menu > ul.home-selections {
        max-width: 100%;
        width: 100%;
    }

    .advanced-search-menu {
        padding: 0 20px;
    }

    .advanced-search-menu .advanced-search-menu-close-bottom {
        display: block;
        padding-bottom: 18px;
    }

    .advanced-search-menu .advanced-search-filters fieldset .filter-inputs > select {
        width:30%;
    }

    .advanced-search-menu .advanced-search-filters fieldset .filter-inputs > input {
        width:calc( 40% - 85px );
    }

    .popup-parent.with-padding {
        padding: 10px 20px;
    }

    .popup-notice-item .cd-top {
        right: 40px;
        bottom: 80px;
    }

    .post-content {
        margin: 45px 8%;
    }

    .post-content .post-images-row > div {
        margin-right: 20px;
    }

    .connexion-menu.inscription-menu {
        padding:0 20px;
    }

    .connexion-menu.inscription-menu form {
        padding: 25px 20px 36px;
    }

    .inscription-form-fields > div:first-child {
        padding-right: 6px;
    }

    .inscription-form-fields > div:last-child {
        padding-left: 6px;
    }

    .article-content .block.block-assets .asset {
        flex: 0 0 50%;
        max-height:500px ;
        margin: 25px 0;
    }

    .article-content .block.block-assets .asset:nth-child(3n),
    .article-content .block.block-assets .asset:nth-child(3n+1),
    .article-content .block.block-assets .asset:nth-child(3n+2) {
        padding-right: 0;
    }

    .article-content .block.block-assets .asset:nth-child(2n+1) {
        padding-left: 15px;
    }

    .article-content .block.block-assets .asset:nth-child(2n) {
        padding-right: 15px;
    }

    /* notice des medias */

    .notice-item-image-content {
        margin-right: 0;
        float: none;
    }

    .notice-item-columns.document-with-media > .notice-item-column:first-child {
        flex: 0 0 calc( 100% - 300px );
        width: calc( 100% - 300px );
    }

    .notice-item-columns.document-with-media > .notice-item-column:last-child {
        flex: 0 0 300px;
        width: 300px;
    }

    .popup-parent.popup-notice-media .notice-item-quote,
    .popup-parent.popup-notice-media .annotations {
        margin-left:60px;
        margin-right:60px;
    }
    .popup-parent.popup-notice-media .notice-footer-content {
        padding-left:60px;
    }

    .popup-notice-item .article-content {
        margin: 0;
    }

    .popup-notice-item .article .notice-item-header {
        padding-left: 0;
    }

    .popup-notice-item .article .notice-tools {
        right: 0;
    }

    .popup-notice-item .article .notice-item-content {
        padding-top: 0;
    }

    .popup-notice-item .article .notice-item-content + .article-content,
    .popup-notice-item .article .notice-item-content {
        padding-left: 24px;
        padding-right: 24px;
    }

    .notice-media .pdf-content {
        min-height: 500px;
    }

    .lg-hide-items.lg-toolbar {
        opacity: 1 !important;
        transform:none !important;
    }

    /* Home : image de fond */
    .home .contents .article-background {
        height: 590px;
    }

    .home .contents .blocks > * {
        padding: 0 86px;
    }

    /* Lien vers encyclopédie */
    .home .block.links:nth-child(3) {
        height: 110px;
    }

}

@media screen and (max-width: 980px) {

    #content {
        padding: 0 3.38983% 30px
    }

    table {
        margin: 30px 0;
        border-collapse: collapse
    }

    th, td {
        text-align: left;
        padding: 7px 15px 6px 15px;
        border-bottom: 1px solid #ababab
    }

    header {
        padding: 15px 0 0;
        margin-bottom: 60px;
    }

    header.search-menu-opened {

    }

    header > * {
        padding: 0 3.38983%
    }

    header .hamburger-parent {
        margin: 0 17px 0 10px;
    }


    header > h1 {
        margin: 7px auto
    }

    header div.search-mobile-link {
        display: inline-block;
    }

    header .search-options-panel-header {
        display: none;
        width: 100%;
        height: 8px;
        margin-top: 10px;
        overflow:hidden;
        position: relative;
    }

    header .search-options-panel-header::before {
        content: "";
        display: inline-block;
        width:12px;
        height:12px;
        transform: rotate(45deg);
        transform-origin: 50% 50%;
        background-color: rgba(33,41,48, 0.75);
        position: absolute;
        right:94px;
        top:2px;
    }

    header .search-options-panel {
        position: absolute;
        left:0;
        top:0;

        width:100%;
        background-color: rgba(33,41,48, 0.95);
        padding: 0 20px;
        opacity: 0;

        transition: all 0.15s ease-out;
    }

    header.search-menu-opened .search-options-panel {
        opacity: 1;
        transform: translateY(62px);
    }

    header .search-options-panel.overflow-unset {
        overflow-y: unset;
    }

    header.search-menu-opened .search-options-panel {
        max-height: 82px;
    }

    header.with-search-panel .search-options-panel,
    header.with-search-panel .search-options-panel-header {
        display: block;
    }

    header div.search-input {
        margin-bottom: 11px;
    }

    header div.search-input input[type="text"] {
        margin-top: 26px;
    }

    header div.advanced-search-link,
    header div.browse-link {
       margin-top: 23px;
       margin-bottom: 14px;
    }

    footer {
        padding: 0 3.38983% 30px
    }

    header nav {
        margin: 0 auto !important;
        position: static;
        padding: 0 3.38983%
    }

    header nav:before {
        content: "";
        border: 0;
        display: none
    }

    header nav ul a {
        padding: 0
    }

    header nav ul li {
        position: static
    }

    header nav.closed ul, header nav ul ul li {
        height: auto;
        overflow: visible
    }

    header nav ul a:hover {
        background-color: transparent
    }

    header nav ul li, header nav > ul li:last-child, header nav > ul ul:hover > li {
        border: 0
    }

    header nav ul.navigation {
        margin-left: -7.5px;
        position: static;
        display: flex;
        align-items: flex-end;
    }

    header nav ul.navigation li ul:before {
        display: none
    }

    header nav ul.navigation > li:not(:last-child) {
        margin-right: 15px
    }

    header nav ul.navigation > li > ul {
        position: absolute;
        top: 100%;
        left: -9999px;
        background-color: #fff;
        list-style: none;
        width: 100%;
        padding: 14px 0 6px;
        display: flex;
        flex-direction: row;
        flex-flow: row wrap;
        z-index: 1
    }

    header nav ul.navigation > li:hover > ul {
        max-width: 1700px;
        margin-left: auto;
        margin-right: auto;
        padding: 15px 3.38983%;
        left: 0;
        right: 0;
        border-bottom: 0;
        border-color: #dedede
    }

    header nav ul.navigation > li:hover > ul:after {
        content: "";
        left: -9999px;
        right: -9999px;
        background-color: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        border-bottom: 1px solid #dedede;
        border-top: 1px solid #dedede;
        z-index: -1
    }

    header nav ul.navigation > li > ul > li {
        width: 25%;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 30px
    }

    header nav ul.navigation > li > ul > li ul {
        font-weight: normal;
        padding: 0;
        list-style-type: none;
        height: auto
    }

    header nav ul.navigation li.parent {
        position: static
    }

    header nav > ul > li > a {
        margin: 7.5px
    }

    header nav > ul > li > .parent-link {
        display: inline-block;
        width: 100%
    }

    header nav > ul > li > .parent-link > a {
        margin: 7.5px;
        width: 100%
    }

    header nav > ul > li > .parent-link a:after {
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        display: inline-block;
        margin-left: 7.5px
    }

    header nav > ul li:hover ul li {
        height: auto;
        padding: 0
    }

    .child-toggle {
        display: none
    }

    header .parent ul a {
        padding-left: 0
    }

    header .parent .parent .parent ul a {
        padding-left: 15px
    }

    header > div.header-right {
        right: 25px;
    }

    .sub-menu ul {
        border-bottom: 1px solid #dedede;
        padding-bottom: 14px
    }

    .breadcrumbs-and-title {
        padding: 9px 25px;
    }

    .breadcrumbs-and-title h1 {
        font-size: 20px;
        line-height: 22px;
        margin:9px 0;
    }

    .breadcrumbs-and-title {
        border-bottom: 1px solid #D5D5D5;
    }

    .breadcrumbs-and-title,
    .contents .with-padding,
    .home .contents .blocks > * {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-selections-menu > ul.home-selections {
        gap: 50px;
    }

    .home-selections-menu > ul.home-selections > li {
        flex: calc( 50% - 25px ) 0 0;
    }

    .home-selections-menu > ul.home-selections > li:nth-child(3) {
        display: none;
    }

    .sub-menu li {
        display: inline-block;
        border: 0;
        padding: 0;
        margin-right: 15px
    }

    .sub-menu li:first-of-type {
        border: 0;
        padding: 0
    }

    #search {
        left: 75%;
        border-left: 1px solid #dedede;
        padding: 7px
    }

    #search form input[type="text"], #search form button[type="submit"] {
        height: 30px;
        font-size: 15px;
        line-height: 30px
    }

    #search form button[type="submit"] {
        width: 30px;
        height: 30px;
        padding: 0
    }

    #search form button[type="submit"]:before {
        line-height: 30px
    }

    .advanced-search-menu-parent {
        top:124px;
        max-height: calc( 100vh - 124px );
    }

    header .hamburger-parent {
        padding-left: 20px;
    }

    .side-menu-parent {
        padding-left: 0;
        padding-right: 40px;
    }

    .side-menu {
        padding-left: 20px;
    }

    ul.resource-list .resource img {
        width: 120px;
        height: auto;
        float: right;
        margin-left: 15px
    }

    ul.resource-list .resource img ~ * {
        width: calc(100% - 135px)
    }

    body.item-set.item #content {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-end
    }

    body.item-set.item #content > h2, body.item-set.item #content > h3 {
        width: 100%
    }

    body.item-set .metadata {
        width: 32.20339%;
        border-left: 5px solid #dedede;
        padding-left: 1.69492%;
        margin-right: 1.69492%
    }

    body.item-set .metadata h4:first-of-type {
        margin-top: 0
    }

    body.item-set #content .metadata ~ * {
        width: 66.10169%;
        border-left: 1px solid #dedede;
        padding-left: 1.69492%
    }

    body.item-set .item-set-items h3 {
        margin-top: 0
    }

    body.item-set .metadata ~ nav.pagination:first-of-type {
        margin-bottom: 0
    }

    .preview-block {
        clear: both
    }

    ul.preview.resource-list li:first-of-type {
        border-top: 1px solid #dedede;
        padding-top: 29px
    }

    /* ------------------- */

    .contents .constellation .with-padding {
        padding-left: 0;
        padding-right: 0;
    }

    .contents .constellation .list-pagination {
        padding-left: 20px;
    }

    .contents .constellation .with-padding,
    .contents .contents-header.with-padding {
        padding-left: 20px;
        padding-right: 20px;
    }

    ul.zoom-buttons,
    .item-svg-basket {
        right:20px;
    }

    .item-svg-basket-info {
        right: 92px;
    }

    .svg-parent .collection-title {
        /* font-size: 12px !important; */
    }

    .contents-header.with-padding > .constellation-basket {
        display: inline-block;
        padding-top: 0;
        position: relative;
        z-index: 1;
    }

    .contents .constellation .top-list-pagination .pagination-pages,
    .collections-with-slider {
        display: none;
    }

    .top-list-pagination .pagination-pages {
        display: none;
    }

    .bottom-list-pagination {
        background: none;
        text-align: center;
    }

    .bottom-list-pagination .pagination-sort-options {
        display: none;
    }

    .bottom-list-pagination .pagination-pages {
        display: inline-block;
        position: unset;
    }

    .encyclopedie .constellation ul.list-items {
        flex: calc( 100% - 35px ) 0  0;
        margin-left: 20px;
        margin-top: 0;
    }

    .list-item .item-icons {
        right: 20px;
    }

    .encyclopedie .list-items-menu-mobile-selector {
        display: block;
        text-align: center;
        height: 50px;
    }

    .selector-previous-button,
    .selector-next-button,
    .list-items-menu-mobile {
        display: inline-block;
        vertical-align: middle;
    }

    .selector-previous-button a {
        display: inline-block;
        background: url(../img/fleches_gauche_off.e13fff7b.svg) center / 17px 15px no-repeat;
        width: 17px;
        height: 50px;
        padding: 0 20px;
    }

    .selector-next-button a {
        display: inline-block;
        background: url(../img/fleches_droite.3d0e6636.svg) center / 17px 15px no-repeat;
        width: 17px;
        height: 50px;
        padding: 0 20px;
    }

    .item-navigation.with-padding, .contents .item-navigation.with-padding {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .item-navigation-title {
        display: none;
    }

    .list-items-menu-mobile li {
        display: none;
        padding: 0 10px;
        background-position: center left;
        background-repeat:  no-repeat;
        color: #384651;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        vertical-align: top;
        min-width: 128px;
    }

    .encyclopedie .list-items-menu-mobile li {
        padding: 0 10px;
        vertical-align: middle;
    }

    .list-items-menu-mobile li.selected {
        display: inline-block;
        margin-top: -8px;
    }

    .list-items-menu-mobile li a {
        color: #384651;
    }

    .list-items-menu-mobile li a:hover {
        color: #467278;
    }

    .recherche .contents-list-mode-content .list-pagination .results-count {
        right:10px;
        left: unset;
    }

    .recherche .contents > div.contents-wrapper.with-visualization.graph-mode,
    .encyclopedie .contents > div.contents-wrapper.with-visualization {
        height: auto;
        overflow: hidden;
    }

    .contents .chronologie .timeline-parent.with-padding {
        padding-left: 0;
        padding-right: 0;
    }

    .contents-list-mode-content.full-width .list-items {
        margin-left: 0;
    }

    .contents-list-mode-content .list-item {
        padding-left: 15px;
        padding-right: 0;
    }

    .list-items-menu-mobile li {
        display: none;
    }

    .list-items-menu-mobile li:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        height: 40px;
        background-size: 50px auto;
        background-position: center;
        background-repeat: no-repeat;
        margin-right: 12px;
        transform: translateY(-2px);
    }

    .list-items-menu-mobile li.selected {
        display: inline-block;
    }

    .list-items-menu-mobile li.list-items-category-1.selected:before {
        background-image: var(--category-1-icon);
    }

    .list-items-menu-mobile li.list-items-category-1.selected:before {
        filter: var(--category-1-svg-filter);
    }

    .list-items-menu-mobile li.list-items-category-2.selected:before {
        background-image: var(--category-2-icon);
    }

    .list-items-menu-mobile li.list-items-category-2.selected:before {
        filter: var(--category-2-svg-filter);
    }

    .list-items-menu-mobile li.list-items-category-3.selected:before {
        background-image: var(--category-3-icon);
    }

    .list-items-menu-mobile li.list-items-category-3.selected:before {
        filter: var(--category-3-svg-filter);
    }

    .list-items-menu-mobile li.list-items-category-4.selected:before {
        background-image: var(--category-4-icon);
    }

    .list-items-menu-mobile li.list-items-category-4.selected:before {
        filter: var(--category-4-svg-filter);
    }

    .list-items-menu-mobile li.list-items-category-5.selected:before {
        background-image: var(--category-5-icon);
    }

    .list-items-menu-mobile li.list-items-category-5.selected:before {
        filter: var(--category-5-svg-filter);
    }

    .list-items-menu-mobile li.list-items-category-6.selected:before {
        background-image: var(--category-6-icon);
    }

    .list-items-menu-mobile li.list-items-category-6.selected:before {
        filter: var(--category-6-svg-filter);
    }

    .list-items-menu-mobile li.list-items-category-7.selected:before {
        background-image: var(--category-7-icon);
    }

    .list-items-menu-mobile li.list-items-category-7.selected:before {
        filter: var(--category-7-svg-filter);
    }


    .bibliographie .contents-list-mode-content.full-width .list-items {
        padding: 0;
    }

    .bibliographie .contents-list-mode-content.full-width .list-pagination.top-list-pagination {
        display: none;
    }

    .bibliographie .list-items.with-padding {
        padding-right: 20px;
    }

    .collection-header p {
        font-size: 14px;
        line-height: 21px;
    }

    .back-to-list-button {
        font-size: 13px;
        line-height: 15px;
    }

    .post-content {
        max-width: 100%;
        margin: 45px 0;
    }


    /* Contact */

    .contact form {
        margin-top:70px;
    }

    .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-message-fields {
        margin: 35px 0;
    }

    .contact-buttons {
        margin-top: 30px;
    }

    .contact .page-type-content p {
        margin-bottom: 20px;
    }

    .contact-buttons input[type=submit] {
        margin-top: 30px;
    }

    /* --------------- */

    .account-title h2 {
        font-size: 24px;
        line-height: 34px;
        background-size: 40px 40px;
        padding-left: 55px;
    }

    .account-items-panel {
        padding: 0 12px;
    }

    .account-items-panel.account-items-opened {
        padding-bottom: 12px;
    }

    .account-items-panel h3 {
        font-size: 15px;
        line-height: 17px;
    }

    /* --------------- */

    .contribution .contact-name-email-fields > div:first-child {
        padding-right: 0;
    }

    .contribution .contact-name-email-fields > div:last-child {
        padding-left: 0;
        margin-top: 20px;
    }

    /* --------------- */

    .home .contents .blocks > * {
        padding-left: 30px;
        padding-right: 30px;
    }

    .home .contents .blocks > h2,
    .home .block.links:nth-child(3) {
        padding-left: 58px;
        padding-right: 58px;
    }

    .home .contents .article-content {
    }

    /* Accueil : image de fond */
    .home .contents .article-background {
        background-color: rgba(41,50,57, 1);
        height: 450px;
    }

    .home .blocks {
        padding-top: 60px;
    }

    /* Accueil : lien vers encyclopédie */
    .home .block.links:nth-child(3) {
        height: 150px;
    }

    .home .blocks > h2 {
        margin-top: 70px;
        font-size: 43px;
        line-height: 55px;
    }

    .home .blocks > h2 + .block-asset img {
        max-height: 60px;
    }
}

@media screen and (max-width: 820px) {

    .contribution {
        width: 100%;
        margin: 0;
    }

    /* notice des medias */

    .notice-item-columns.document-with-media {
        flex-direction: column;
        border-color: #F4F4F4;
    }

    .notice-item-columns.document-with-media > .notice-item-column:first-child {
        flex: 0 0 100%;
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }

    .notice-item-columns.document-with-media > .notice-item-column:last-child {
        flex: 0 0 100%;
        width: 100%;
        border-left: none;
        padding-left: 0;
        max-width: 320px;
    }

    .popup-parent.popup-notice-media .notice-item-quote,
    .popup-parent.popup-notice-media .annotations {
        margin-left:0;
        margin-right:0;
    }
    .popup-parent.popup-notice-media .notice-footer-content {
        padding-left:44px;
    }

    .article .notice-item-content > .notice-media-title {
        width: 100%;
        padding-top: 60px;
    }

    .popup-notice-item .article .notice-item-content > .notice-media-title {
        padding-top: 0;
    }

    /* */

    .article-content .block.publisher-logo-and-description {
        padding-top: 40px !important;
        padding-bottom: 34px !important;
    }

    .article-content .block.publisher-logo-and-description > a.publisher-logo {
        height: 120px;
        width: 120px;
        flex: 120px 0 0;
    }

}

@media screen and (max-width: 720px) {

    .view {
        margin-top: 62px;
    }

    header .search-options-panel-header {
        display: none;
    }

    header .search-options-panel .search-input {
        display: block;
        margin-bottom: 40px;
        margin-right: 0;
    }

    header .search-options-panel .browse-link {
        position: absolute;
        right: 0;
        margin-right: 25px
    }

    header div.advanced-search-link,
    header div.browse-link {
        margin-top: 0;
        margin-bottom: 11px;
    }

    header.search-menu-opened .search-options-panel {
        max-height: 150px;
        padding-bottom: 0;
    }

    header > div.header-right {
        right: 25px;
    }

    header div.search-mobile-link a {
        background-size: 20px 21px;
        height: 21px;
    }

    header div.user.login a {
        background-size: 20px 21px;
        height: 21px;
    }

    header div.browse-link ul.browse-link-menu > li {
        min-width:112px;
    }

    .breadcrumbs-and-title {
        background: #FFFFFF;
    }

    .breadcrumbs {
        display: none;
    }

    .breadcrumbs-and-title h1 {
        font-size: 16px;
        line-height: 18px;
    }

    .loading-animation {
        margin: 20px 10px 10px;
    }

    .contents {
        min-height: calc( 100vh - 121px );
    }

    .contents.with-popup {
        height: calc( 100vh - 121px );
        overflow: hidden;
    }

    .contents .list-items-and-facets.with-padding {
        padding-left: 0;
        padding-right: 0;
    }

    .user-menu-parent {
        /* top:50px; */
        top:65px;
    }

    .user-menu-arrow {
        display: none;
    }

    .user-menu-header {
        padding: 10px 25px 10px 20px;
    }

    .user-menu ul.user-menu-options {
        padding: 15px 25px 15px 20px;
    }

    .advanced-search-menu-parent {
        top:181px;
        max-height: calc( 100vh - 181px );
    }

    .advanced-search-menu-parent.advanced-search-menu-opened {
        height: calc( 100vh - 181px );
        overflow: auto;
    }

    .advanced-search-menu .advanced-search-menu-close a {
        padding-right: 25px;
        font-size: 16px;
        line-height: 18px;
    }

    .advanced-search-menu input[type="text"].fulltext-search {
        margin-bottom: 12px;
    }

    .advanced-search-menu .advanced-search-collections-filters {
        padding: 5px 10px;
        margin-bottom: 26px;
    }

    .advanced-search-menu .collections-filters > * {
        flex: 50% 0 0;
    }

    .advanced-search-menu .advanced-search-filters fieldset .filter-inputs > select {
        width: calc( 50% - 8px );
        margin-bottom: 15px;
    }

    .advanced-search-menu .advanced-search-filters fieldset .filter-inputs > select:nth-child(1) {
        margin-right: 5px;
    }

    .advanced-search-menu .advanced-search-filters fieldset .filter-inputs > select:nth-child(2) {
        margin-left: 5px;
        margin-right: 0;
    }

    .advanced-search-menu .advanced-search-filters fieldset .filter-inputs > input {
        display: block;
        width: 100%;
    }

    .advanced-search-menu .advanced-search-filters fieldset .filter-inputs .delete-button {
        margin-top: 10px;
        display: block;
        text-align: center;
    }

    .advanced-search-menu .advanced-search-filters fieldset .advanced-search-boolean,
    .advanced-search-menu .advanced-search-add-filter-parent,
    .advanced-search-menu .advanced-search-footer {
        display: block;
        text-align: center;
    }

    .advanced-search-menu .advanced-search-footer a {
        margin-right: 0;
    }

    .home-selections-menu {
        position: unset;
    }

    .home-selections-menu > ul.home-selections {
        padding: 0 25px 10px;
        flex-wrap: wrap;
    }

    .home-selections-menu > ul.home-selections > li {
        flex: 100%;
    }

    .home-selections-menu > ul.home-selections > li:nth-child(2) {
        display: none;
    }

    .list-items-menu-mobile-selector {
        display: block;
        text-align: center;
        height: 50px;
    }

    .list-and-filter-panel {
        flex-direction: column;
    }

    .list-and-filter-panel .filter-panel {
        border: none;
        margin-right: 0;
        padding-right: 0;
    }

    /* Notices */

    .popup-parent.with-padding {
        padding: 10px 10px;
    }

    .cd-top {
        right:20px;
        bottom: 20px;
    }

    .popup-notice-item .cd-top {
        right: 20px;
        bottom: 60px;
    }

    .popup-short-notice {
        position: absolute;
        left:10px;
        width: calc( 100vw - 20px );
        /* height: 100vh; */
        background-color: rgba(31,39,47, 0.95);
    }

    .popup-short-notice .short-notice-close {
        display: block;
        height: 50px;
    }

    .popup-short-notice .short-notice-content {
        width:100%;
        height: calc( 100% - 50px );
    }

    .popup-short-notice h2 {
        font-size: 14px;
        line-height: 18px;
    }

    .short-notice-content .short-notice-description {
        max-height: 450px;
        padding-right: 10px;
        font-size: 12px;
        line-height: 18px;
    }

    .popup-parent.popup-notice-media.with-padding {
        padding: 15px 10px;
    }

    .popup-notice-item .notice-item-content {
        padding: 24px 10px;
    }

    .popup-notice-item .notice-item-header {
        padding-left: 10px;
    }

    .popup-notice-item .close-btn a {
        display: inline-block;
        font-size: 12px;
        line-height: 15px;
        padding: 5px 25px 4px 0;
        margin-bottom: 5px;
        background-size: 14px 13px;
    }

    .notice-item-header {
        top:-5px;
    }

    .notice-item-columns {
        display: block;
        margin-top:15px;
    }

    .notice-item-columns > .notice-item-column:first-child {
        padding-right: 0;
    }

    .notice-item-columns > .notice-item-column:last-child {
        padding-left: 0;
        border-left: none;
    }

    .notice-item-quote-buttons > a {
        margin-right: 15px;
    }

    .popup-notice-item .notice-footer {
        padding: 16px 10px;
    }

    .notice-item-content h1 {
        font-size: 22px;
        line-height: 27px;

        width: 100%;
        padding-top: 45px;
        margin: 0;
    }

    .notice-item-header {
        top:0;
        right: 20px;
    }

    .popup-notice-item h1 {
        color: #384651;
        font-size: 16px;
        line-height: 20px;
        font-weight: 900;
    }

    .extrait .notice-item-content h1,
    .article .notice-item-content h1 {
        margin: 0;
    }

    .notice-item-field.notice-description {
        display: block;
        color: #303030;
        font-family: Georgia;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .notice-item-field.notice-item-references {
        margin: 32px 0;
    }

    .popup-notice-item .notice-tools > a {
        margin-bottom: 10px;
    }

    .popup-notice-item .notice-tools > a:last-child {
        margin-bottom: 0;
    }

    .notice-media > div > div {
        min-width: unset;
        max-width: 100%;
    }

    .notice-media .article-content.notice-media-html {
        padding: 20px 20px;
    }
    .annotations h2,
    .annotations .annotations-thread-author,
    .notice-footer-content {
        padding-left: 5px;
    }

    .notice-footer-content {
        padding-bottom: 25px;
    }


    /* Encyclopedie - version mobile */

    .contents > div.contents-wrapper.with-visualization,
    .contents > div.contents-wrapper {
        height: auto;
        overflow: auto;
    }

    .encyclopedie .constellation ul.list-items {
        flex: 100% 0 0;
        margin: 0;
    }

    .constellation .list-item {
        padding: 10px 18px 10px  15px !important;
    }

    .constellation .list-item a.item-title {
        padding: 0;
    }

    .list-item > a {
        padding-bottom: 5px;
    }

    .list-item .item-icons {
        position: unset;
        display: block;
        text-align: right;
        padding: 10px 20px 5px 0;
    }

    .list-item a.item-title {
        padding-right: 20px;
    }

    .constellation .list-item .item-icons {
        padding-right: 10px;
    }


    .contents-wrapper .constellation .svg-parent,
    .contents-wrapper .constellation .constellation-footer {
        display: none;
    }

    .contents-wrapper .constellation ul.zoom-buttons {
        display: none;
    }

    .constellation,
    .contents-wrapper .constellation .contents-header {
        background-color: #FFFFFF;
    }

    .contents-wrapper ul.contents-mode li.contents-list-mode a {
        /* border-bottom: 3px solid #F7A448; */
    }

    .contents-wrapper.constellation ul.contents-mode li.contents-graph-mode a {
        border-bottom: none;
    }

    .contents-wrapper ul.contents-mode li.contents-list-mode a {
        background-image: url(../img/picto_liste_bleu_off.3ec021de.svg);
    }

    .contents-wrapper .constellation ul.contents-mode li.contents-graph-mode a {
        background-image: url(../img/picto_graphe_bleu_off.45f1e1a5.svg);
    }

    .contents-wrapper .constellation ul.contents-mode li a {
        color: #384651;
    }

    .contents-wrapper .item-svg-basket a,
    .contents-wrapper .constellation-basket a {
        background-image: url(../img/panier_encyclo_no_background_off.5074b7d6.svg);
    }

    .contents-list-mode-content {
        display: none;
    }
    .contents-list-mode-content .list-item {
        padding-left: 0;
        padding-right: 0;
    }

    .contents-wrapper .contents-list-mode-content {
        background-color: #FFFFFF;
        min-height: calc( 100vh - 215px);
        /* display: block; */
    }

    .curated .list-item-title {
        margin-top: 60px;
    }

    .contents-wrapper .contents-list-mode-content .treeview.with-padding {
        padding-left: 0;
        padding-right: 0;
    }


    .contents .constellation .list-pagination.bottom-list-pagination {
        padding-left: 0;
    }

    ul.pagination-pages {
        padding: 14px 0 14px;
    }

    .pagination-page a {
        padding-left: 12px;
    }

    .list-pagination .pagination-sort-options {
        left: 20px;
    }


    .popup-notice-item .notice-tools > a {
        margin-bottom: 10px;
    }

    .popup-notice-item .notice-tools > a:last-child {
        margin-bottom: 0;
    }

    .notice-item-quote-buttons > a {
        display: block;
        margin-bottom: 15px;
        margin-right: 0;
    }

    .cards {
        gap: 20px;
    }

    .card {
        flex: 0 0 calc( 50% - 10px );
        width:calc( 50% - 10px );
    }

    .card .card-title {
        font-size: 12px;
        line-height: 18px;
    }

    .traite .contents-header.with-padding {
        position: unset;
        display: block;
        padding: 20px 0 20px 20px;
        background-color: #FFFFFF;
    }

    .traite .contents-header.with-padding > * {
        display: block;
    }

    .traite .contents-header.with-padding li.contents-graph-mode {
        display: none;
    }

    .traite ul.contents-mode li:nth-child(4)::before,
    .traite ul.contents-mode li:nth-child(5)::before {
        display: none;
    }

    .traite ul.contents-mode li:nth-child(3),
    .traite ul.contents-mode li:nth-child(4),
    .traite ul.contents-mode li:nth-child(5) {
        margin-left: 10px;
    }

    .traite ul.contents-mode li:nth-child(3) a {
        margin-left: 6px;
    }

    .traite ul.contents-mode li:nth-child(4),
    .traite ul.contents-mode li:nth-child(5),
    .traite ul.contents-mode li:nth-child(6) {
        display: none;
    }

    .traite ul.contents-mode li a {
        color:#384651;
    }

    .contents div.contents-list-mode-content.with-padding {
        padding: 0;
    }

    .treeview a {
        line-height: 18px;
    }

    .treeview h3 {
        display: flex;
        flex-direction: column;
        padding-right: 20px;
    }

    .treeview h3 > span {
        display: flex;
    }

    .treeview h3 > span:first-child {
        display: flex;
    }

    .treeview h3 > span:last-child {
        position: unset;
        align-self: flex-end;
    }

    .treeview h3 a.toggle-parent {
        width: 30px;
    }

    .treeview .list-item a.parent-item-title {
        width: calc( 100% - 30px ) !important;
        max-width: unset;
    }

    .treeview .list-item {
        display: flex;
        flex-direction: column;
    }

    .treeview .list-item a.item-title {
        padding-right: 0;
    }

    .treeview .list-item > .item-icons {
        position: unset;
        align-self: flex-end;
        padding-top: 10px;
        padding-right: 20px !important;
    }

    .treeview ul {
        margin: 0 0 0 10px;
    }

    .treeview .list-item {
        padding: 5px 0 5px 20px;
    }

    .treeview li.list-item:last-child {
        margin-bottom: 0;
    }

    .parcourir .list-mode .contents-list-mode-content {
        padding-top: 0;
    }

    .list-and-filter-panel .filter-panel {
        flex: unset;
        margin-bottom: 20px;
        text-align: center;
    }

    .list-and-filter-panel .filter-panel li {
        display: none;
    }

    .list-and-filter-panel .filter-panel li.selector-previous-button,
    .list-and-filter-panel .filter-panel li.selector-next-button,
    .list-and-filter-panel .filter-panel li.active {
        display: inline-block;
    }

    .list-and-filter-panel .filter-panel li.active {
        margin-top: -5px;
    }

    .list-and-filter-panel .filter-panel li.active a {
        box-shadow: none;
        vertical-align: top;
    }

    .contents-wrapper .traite .contents-list-mode-content,
    .contents-wrapper .chronologie .contents-list-mode-content,
    .contents-wrapper .geographie .contents-list-mode-content {
        min-height: calc( 100vh - 121px);
    }

    .geographie .contents-header,
    .chronologie .contents-header {
        display: none;
    }

    .geographie .contents > div.contents-wrapper.with-visualization,
    .chronologie .contents > div.contents-wrapper.with-visualization {
        background-color: #FFF;
    }

    .list-mode .constellation .contents-list-mode-content,
    .graph-mode .constellation .contents-list-mode-content,
    .graph-mode .traite .contents-list-mode-content,
    .geographie .contents-list-mode-content,
    .chronologie .contents-list-mode-content {
        display: block !important;
    }

    /*  */
    .traite .td-graph-parent,
    .contents-wrapper.with-visualization.graph-mode .traite .td-graph-parent,
    .constellation .contents-graph-mode {
        display: none !important;
    }

    .contents-wrapper .traite ul.contents-mode li.contents-list-mode a,
    .contents-wrapper .constellation ul.contents-mode li.contents-list-mode a {
        background-image: url(../img/picto_liste_bleu_off.3ec021de.svg);
    }

    .contents-wrapper.graph-mode .traite ul.contents-mode li.contents-notice-mode a,
    .contents-wrapper.graph-mode .constellation ul.contents-mode li.contents-notice-mode a {
         background-image: url(../img/picto_notices.0d696749.svg);
     }

    .contents-wrapper.graph-mode ul.contents-mode li.contents-list-mode a {
        border-bottom: 3px solid #F7A448;
    }

    .contents-wrapper.graph-mode .traite ul.contents-mode li a {
        color: #384651;
    }

    .traite .treeview {
        margin-top: 0;
    }

    .timeline-parent,
    .map-parent {
        /* display: none; */
    }

    .contents .map-parent.with-padding {
        padding-left: 0;
        padding-right: 0;
    }

    .tl-slide .tl-slide-scrollable-container {
        width: 100%;
    }

    .tl-skinny .tl-slide.tl-slide-media-only .tl-slide-content-container .tl-slide-content {
        flex-direction: column;
        width: 100% !important;
    }

    .collection-header {
        text-align: center;
    }

    .collection-header p {
        font-size: 12px;
        line-height: 19px;
        padding: 20px 0 0;
    }

    .collection-header p:last-child {
        padding: 20px 0;
    }

    .biblio-items {
        display: flex;
        flex-wrap: wrap;
        padding: 16px 0;
    }
    .biblio-item {
        flex: 100% 0 0;
    }

    .biblio-item:nth-child(2n+1) {
        padding-right: 0;
    }

    .biblio-item:nth-child(2n) {
        padding-left: 0;
    }

    .list-item {
        padding: 0 18px 0 15px;
    }

    .curated_itemsets .contents-list-mode-content .list-items-parent {
        margin-left: 0;
    }

    /* --------------- */

    .post-content {
        margin: 20px 0;
    }

    .post-header-image {
        font-size: 11px;
        margin-bottom: 0;
    }

    .post-content .post-images-row {
        flex-wrap: wrap;
    }

    .post-content .post-images-row > div {
        flex:30% 0 0;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .post-content .post-images-row > div:nth-child(3) {
        margin-right:0;
    }

    .post-content h2 {
        font-size: 15px;
        line-height: 17px;
    }

    .post-content p {
        font-size: 12px;
        line-height: 18px;
    }

    .contact form {
        margin-top:30px;
    }

    .contact-warning {
        color: #333333;
        font-size: 11px;
        line-height: 13px;
    }

    .contact-accept-checkbox {
        display: block;
        font-size: 11px;
        line-height: 13px;
        color: #333333;
    }

    .contact-buttons input[type=submit] {
        padding:12px 30px;
    }

    .connexion-menu .connexion-menu-close a {
        display: inline-block;
        margin-bottom: 12px;
        margin-right: 10px;
        margin-top: 30px;
        font-size: 12px;
        line-height: 13px;
        padding: 2px 22px 0 0;
        background: url(../img/croix_fermer_off.411782d1.svg) right center / 13px 13px no-repeat;
    }

    .connexion-menu form {
        background-color: #DEEBED;
        padding: 25px 27px 5px;
    }

    .connexion-menu h2 {
        font-size: 14px;
        font-weight: 900;
        line-height: 16px;
    }

    .connexion-menu .form-parent {
        margin: 0 10px;
    }

    .connexion-menu .form-parent .form-fields label {
        font-size: 12px;
        line-height: 13px;
    }

    .form-parent form ::-moz-placeholder {
        font-size: 12px;
        line-height: 20px;
    }

    .form-parent form ::placeholder {
        font-size: 12px;
        line-height: 20px;
    }

    .connexion-menu .forgotten-password a {
        font-size: 12px;
        line-height: 13px;
    }

    .connexion-menu .form-buttons {
        text-align: center;
        width: 160px;
        margin: 44px auto 8px;
    }

    .connexion-menu .form-buttons input[type="submit"],
    .connexion-menu .form-buttons a.button {
        width: 100%;
        font-size: 13px;
        padding-left: 12px;
        padding-right: 12px;
        margin-bottom: 26px;
        float: none;
    }

    .connexion-menu h2 {
        margin-bottom: 30px;
    }

    .inscription-form-fields {
        display: block;
        margin: 10px 0 25px;
    }
    .inscription-form-fields p {
        font-size: 11px;
        line-height: 14px;
    }

    .connexion-menu.inscription-menu form {
        padding: 20px 20px 5px;
    }

    .inscription-form-fields > div:first-child {
        padding-right: 0;
    }

    .inscription-form-fields > div:last-child {
        padding-left: 0;
    }

    .connexion-menu .contact-warning,
    .connexion-menu .contact-accept-checkbox {
        font-size: 12px;
        line-height: 14px;
    }

    .connexion-menu .form-buttons {
        margin-top: 30px;
    }


    /* Recherche */

    .list-items-and-facets {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .list-items-and-facets.without-facets .list-items-parent {
        margin-left: 0;
    }

    .contents-list-mode-content .list-items-and-facets.with-facets .list-items-parent {
        margin: 0;
        padding: 0;
        border-top: 1px solid #B1B1B1;
    }

    .recherche .list-items-and-facets .list-items-parent .list-pagination-mobile {
        display: block;
    }

    .contents-list-mode-content .list-items-and-facets.with-facets li.list-item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .search-facets > * {
        padding: 0 3%;
    }

    .search-facets > .advanced-txt-search-field {
        padding: 0;
    }

    .advanced-search-panel {
        margin: 0 30px;
        padding: 10px 0 30px;
    }

    .advanced-search-panel:first-child {
        padding-top: 10px;
    }

    .search-facets a.search-facets-global-toggle {
        text-align: center;
        background-color: #DEEBED;
        font-size: 15px;
        color: #467278;
        cursor: pointer;
        pointer-events: auto;
    }

    .search-facets a.search-facets-global-toggle:hover {
        color: #467278;
    }

    .search-facets a.search-facets-global-toggle::after {
        content: "";
        background: url(../img/chevron_bas_recherche.a0be1dda.svg) top 1px right / 13px 12px no-repeat;
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-left: 5px;
    }

    .search-facets .search-facets-global-toggle.opened::after {
        background-image: url(../img/chevron_haut_recherche.2787de3b.svg);
    }

    .search-facets .advanced-search-panel {
        border-top: none;
    }

    .search-facets .facets-panel-closed {
        border: none;
        margin: 0;
        padding: 0;
    }

    .contents-header.with-padding > .constellation-basket {
        display: none;
    }

    .search-facets {
        margin: 0;
        border: none;
        padding: 0;
    }

    .recherche .no-results {
        display: block;
    }

    .recherche .contents .constellation .top-list-pagination {
        display: none;
    }

    ul.pagination-pages.search-mobile-pagination {
        display: block;
        position: unset;
    }

    .pagination-sort-options a.list-back-btn {
        position: absolute;
        bottom: -32px;
        width: 300px;
        left: 0;
    }



    /* --------------- */

    .account-items-panels.with-padding {
        padding: 0;
    }

    .account-title h2 {
        font-size: 18px;
        line-height: 34px;
        background-size: 30px 30px;
        padding: 8px 0 10px 38px;
        margin: 0;
    }

    .account-items-panel {
        padding: 0 12px;
    }

    .account-items-panel.account-items-opened {
        padding-bottom: 12px;
    }

    .account-item {
        flex-wrap: wrap;
    }

    .account-item {
        flex-wrap: wrap;
    }

    .account-column-title, .account-item-title {
        flex: calc( 100% - 110px ) 0 0;
    }

    .account-column-date, .account-item-date {
        flex: 100px 0 0;
        text-align: center;
    }

    .account-item-tools {
        flex: 100% 0 0;
        padding-right: 25px;
        text-align: right;
        margin: 8px 0;
    }

    .account-parameters-panel .account-parameters-fields,
    .account-search-items {
        display: block;
    }

    .account-parameters-panel .account-parameters-fields > div,
    .account-search-items .account-search-item {
        display: block;
        margin: 0 0 20px 0;
    }

    .account-parameters-buttons {
        margin-top: 40px;
    }

    .account-columns-items > div {
        font-size: 12px;
        line-height: 13px;
    }

    .account-item {
        padding-bottom: 10px;
        align-items:flex-start;
    }

    .account-item > div {
        font-size: 12px;
        line-height: 15px;
    }

    .account-parameters-panel .account-parameters-fields label,
    .account-parameters-panel .account-parameters-fields input {
        font-size: 12px;
        line-height: 13px;
    }

    .account-parameters-buttons a {
        font-size: 13px;
        line-height: 15px;
    }

    .contribution h3 {
        font-size: 15px;
        line-height: 17px;
        text-align: center;
        margin: 25px 0;
    }

    .form-parent form.contribution .contribution-search input[type="text"] {
        width: 100%;
    }

    .contribution .contribution-search > .contribution-buttons {
        text-align: center;
    }

    .contribution .buttons a {
        font-size: 13px;
        line-height: 15px;
    }

    .contribution label {
        font-size: 12px;
        line-height: 13px;
    }

    .contribution h4 {
        font-size: 13px;
        line-height: 15px;
    }

    .contribution label.contribution-upload {
        font-size: 13px;
        line-height: 15px;
    }

    .contribution p {
        font-size: 12px;
        line-height: 13px;
    }

    .contribution-upload-panel > label {
        font-size: 11px;
        line-height: 12px;
    }

    .form-parent .form-fields label,
    .contact-message-fields > *,
    .contact-name-email-fields > div label {
        font-size: 12px;
        line-height: 13px;
    }

    ul.references-abc {
        margin: 20px 3% 15px 0;
    }

    ul.references-abc > li {
        margin: 5px 10px;
    }

    /* */

    .article-content .block.publisher-logo-and-description {
        flex-direction: column-reverse;
    }

    .home .article-content .block.item-set-showcase.curated-item-sets-showcase > div {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 30px;
    }

    .home .contents .blocks > .home-footer {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

}

@media screen and (max-width: 480px) {

    .mobile-language-selector {
        display: block;
    }

    header {
        background-color: #384651;
    }

    header .hamburger-parent {
        margin: 0 12px 0 5px;
    }

    header > div.header-right .language-selector {
        display: none;
    }

    .home .contents .article-content {
    }

    .home .contents .article-background {
        position: relative;
        height: 210px;
        margin: 62px 0 0;
    }

    .home .blocks {
        padding-top: 0;
    }

    .home .contents .blocks > *,
    .home .contents .blocks > h2,
    .home .block.links:nth-child(3) {
        background-color: #384651;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0;
    }

    .home .contents .blocks > h2 {
        padding-top: 10px;
        font-size: 34px;
        color: #DEEBED;
    }

    .home .blocks > h2 + .block-asset img {
        max-height: 45px;
    }

    .home .block.links:nth-child(3) {
        height: auto;
        padding-bottom: 10px;
    }

    .home .block.links ul,
    .home .block.item-set-showcase {
        gap: 15px 9px;
    }

    .home .block.item-set-showcase:nth-child(3) {
        margin-top: 0;
    }

    .home .block.links ul li a,
    .home .block.item-set-showcase > .resource a:not(:first-of-type) {
        font-size: 13px;
        padding: 9px;
    }

    .home .block.item-set-showcase:nth-child(6) {
        padding-top: 95px !important;
    }

    .home .article-content .block.item-set-showcase:nth-child(6) h2,
    .home .article-content .block.item-set-showcase.curated-item-sets-showcase h2 {
        top: 36px;
        font-size: 18px;
        font-weight: 600;
    }

    .home .article-content .block.item-set-showcase:nth-child(6) > .resource:not(:first-of-type),
    .home .article-content .block.item-set-showcase.curated-item-sets-showcase > .resource:not(:first-of-type) {
        display: none;
    }

    .home .article-content .logo-centre-maurice-halbwachs img {
        width: 60px;
    }

    .article-content .block.publisher-logo-and-description {
        padding-top: 30px !important;
        padding-bottom: 24px !important;
    }

    .article-content .block.publisher-logo-and-description h2 {
        font-size: 16px;
        line-height: 20px;
    }

    .article-content .block.publisher-logo-and-description p {
        font-size: 13px;
        line-height: 16px;
    }

    .card {
        flex: 0 0 100%;
        width: 100%;
    }

}

/* loading spinner */

.ispinner {
    position:relative;
    width:40px;
    height:40px;
}
.ispinner .ispinner-blade {
    position:absolute;
    left:44.5%;
    top:37%;
    width:8%;
    height:25%;
    border-radius:50%/20%;
    animation:ispinner-fade 1s linear infinite;
    animation-play-state:paused
}
.ispinner .ispinner-blade:nth-child(1) {
    animation-delay:-1.66667s;
    transform:rotate(30deg) translate(0,-150%)
}
.ispinner .ispinner-blade:nth-child(2) {
    animation-delay:-1.58333s;
    transform:rotate(60deg) translate(0,-150%)
}
.ispinner .ispinner-blade:nth-child(3) {
    animation-delay:-1.5s;
    transform:rotate(90deg) translate(0,-150%)
}
.ispinner .ispinner-blade:nth-child(4) {
    animation-delay:-1.41667s;
    transform:rotate(120deg) translate(0,-150%)
}
.ispinner .ispinner-blade:nth-child(5) {
    animation-delay:-1.33333s;
    transform:rotate(150deg) translate(0,-150%)
}
.ispinner .ispinner-blade:nth-child(6) {
    animation-delay:-1.25s;
    transform:rotate(180deg) translate(0,-150%)
}
.ispinner .ispinner-blade:nth-child(7) {
    animation-delay:-1.16667s;
    transform:rotate(210deg) translate(0,-150%)
}
.ispinner .ispinner-blade:nth-child(8) {
    animation-delay:-1.08333s;
    transform:rotate(240deg) translate(0,-150%)
}
.ispinner .ispinner-blade:nth-child(9) {
    animation-delay:-1s;
    transform:rotate(270deg) translate(0,-150%)
}
.ispinner .ispinner-blade:nth-child(10) {
    animation-delay:-.91667s;
    transform:rotate(300deg) translate(0,-150%)
}
.ispinner .ispinner-blade:nth-child(11) {
    animation-delay:-.83333s;
    transform:rotate(330deg) translate(0,-150%)
}
.ispinner .ispinner-blade:nth-child(12) {
    animation-delay:-.75s;
    transform:rotate(360deg) translate(0,-150%)
}
.ispinner.animating .ispinner-blade {
    animation-play-state:running
}

.ispinner .ispinner-blade {
    background-color:#8c998c;
}

.contents-wrapper.graph-mode .ispinner .ispinner-blade {
    background-color:#fff;
}

.ispinner.large {
    width:35px;
    height:35px
}
.ispinner.large .ispinner-blade {
    width:8.57143%;
    height:25.71429%;
    border-radius:50%/16.67%
}
@keyframes ispinner-fade {
    0% {
        opacity:.85
    }
    50% {
        opacity:.25
    }
    100% {
        opacity:.25
    }
}

div[data-v-1edc872d] {
    height: 70vh;
    min-width: 400px;
}