@charset "UTF-8";

/*
 * En cas de personnalisation via les paramètres du thème pour la couleur principale et les liens,
 * ne pas oublier de reporter les modifications dans view/layout/css.phtml.
 */


/* Vars */

html {
    --primary-color: #FFE8F7;
    --primary-link-color: #000000;
    --primary-link-hover-color: #ed342b;
    --title-color: #353535;
    --header-title-color: #611313;
    --footer-bg-color: #611313;
    --metadata-link-color: #611313;
    --link-hover-color: #611313;
    --border-color: #9CA19F;
    --bg-color: #EAEFED;
    --body-bg-color: #FBFBFB;
}


/* 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,form.search-form,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

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

body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    max-width: 100vw;
    overflow-x: hidden;
}

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

a {
    color: var(--primary-link-color);
    text-decoration: underline;
}


a:hover,
a:hover > span {
    color: var(--link-hover-color);
}

/* Fix ckeditor */

p:empty {
    display: none;
}

/* DESKTOP GENERAL */

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

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

    body {
        background-color: var(--body-bg-color);
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        line-height: 30px;
        margin: 0;
        word-wrap: break-word;
        position: relative;
    }

    a:link {
        text-decoration: underline;
        color: #222;
    }

    header a:link {
        text-decoration: none;
    }

    a:visited {
        color: #222;
    }

    a:active {
        color: #222;
    }

    main ul.resources-list > li.resources-list-more-link a:hover,
    main ul.navigation a:hover,
    main ul.navigation button:hover,
    main a:hover {
        text-decoration: underline;
        color: var(--link-hover-color);
    }

    main ul.resources-list > li a:hover {
        text-decoration: underline;
        text-decoration-style: solid;
        color: var(--link-hover-color);
    }

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

    h1, h2 {
        font-family: 'Roboto Slab', serif;
        color: var(--title-color);
    }

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

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

    h4 {
        font-size: 22.5px
    }

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

    strong {
        font-weight: 700;
    }

    input,
    textarea,
    button,
    .button,
    .resources-list.preview + a {
        font-size: 20px;
        line-height: 30px;
        margin: 0;
        vertical-align: top
    }

    .range-double-submit {
        font-size: 14px;
        padding: 0 6px;
        text-transform: lowercase;
    }

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

    input[type="search"]::-webkit-search-cancel-button {
        display: none;
    }

    textarea {
        height: 90px;
    }

    main.depot-content .page-layout-normal > form input[type="text"],
    main.depot-content .page-layout-normal > form textarea {
        border: 1px solid #9CA19F;
        border-radius: 2px;
        padding: 3px 10px;

        font-size: 13px;
        line-height: 20px;
    }

    select,
    textarea {
        scrollbar-width: thin;
        scrollbar-color: #cbcecd #FFF;
    }

    /* Works on Chrome/Edge/Safari */
    select::-webkit-scrollbar,
    textarea::-webkit-scrollbar {
        width: 12px;
    }

    select::-webkit-scrollbar-track,
    textarea::-webkit-scrollbar-track {
        background: #FFF;
    }

    select::-webkit-scrollbar-thumb,
    textarea::-webkit-scrollbar-thumb {
        background-color: #cbcecd;
        border-radius: 20px;
        border: 3px solid #FFF;
    }

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

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

    .navigation button {
        background: none;
        border: none;
    }

    select {
        font-family: 'Open Sans', sans-serif;
        font-size: 1em;
        background-color: #fff;
        padding: 7.5px;
        border-color: #dedede;
    }

    select {
        width: 100%;
        border: 1px solid #9CA19F;

    }

    .select-parent {
        display: inline-block;
        overflow-x: hidden;
    }

    .select-parent > select {
        width: calc(100% + 20px);
        border: none;
        background: url(../img/triangle_deroulant.svg) right 26px top 12px / 9px auto no-repeat;
        padding: 10px;

        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;

        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 15px;
    }

    .select-parent > select option {
        font-weight: normal;
    }


    /* Custom checkbox */

    label {
        display: block;
        cursor: pointer;
    }
    [type="checkbox"] {
        border:0;
        clip:rect(0 0 0 0);
        height:1px;
        margin:-1px;
        overflow:hidden;
        padding:0;
        position:absolute;
        width:1px
    }

    [type="checkbox"][disabled] + .label,
    [type="checkbox"][disabled] + label {
        opacity:.35
    }

    [type="checkbox"][disabled] + .label:hover,
    [type="checkbox"][disabled] + label:hover {
        cursor:default
    }

    [type="checkbox"] + .label,
    [type="checkbox"] + label {
        display:flex;
        position:relative
    }

    [type="checkbox"] + .label a,
    [type="checkbox"] + label a {
        text-decoration:underline
    }

    [type="checkbox"] + .label::before,
    [type="checkbox"] + label::before {
        content:"";
        display:inline-block;
        flex:0 0 15px;
        width:15px;
        height:15px;
        margin-top: 1px;
        background-color: #FFFFFF;

        border: 1px solid #CCCCCC;
        border-radius: 2px;

        margin-right:8px;
        transition:all .5s ease;
        font-size:.7em;
        text-align:center;
        line-height:1.1;
        color:#fff;
        opacity:1!important
    }

    [type="checkbox"]:focus:not([disabled]) + .label::after,
    [type="checkbox"]:hover:not([disabled]) + .label::after,
    [type="checkbox"]:focus:not([disabled]) + label::after,
    [type="checkbox"]:hover:not([disabled]) + label::after {
        content:"";
        display:inline-block;
        position:absolute;
        left:0;
        top:0;
        width:15px;
        height:15px
    }

    [type="checkbox"]:checked + .label::before,
    [type="checkbox"]:checked + label::before {
        background:#fff url(../img/checkmark.svg) center / cover no-repeat;
        content: "";
        opacity:1
    }

    [type="checkbox"]:active + .label::before,
    [type="checkbox"]:active + label::before {
        opacity:1
    }


    /* Default Placeholder */
    ::-webkit-input-placeholder {
        font-style: italic;
        font-size: 0.75em;
        color: #222;
    }

    :-moz-placeholder {
        font-style: italic;
        font-size: 0.75em;
        color: #222;
    }

    ::-moz-placeholder {
        font-style: italic;
        font-size: 0.75em;
        color: #222;
    }

    ::placeholder {
        font-style: italic;
        font-size: 0.75em;
        color: #222;
    }

    :-ms-input-placeholder {
        font-style: italic;
        font-size: 1em;
        color: #222;
    }

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

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

    .field .inputs > select,
    .field .inputs > textarea,
    .field .inputs > input[type="text"],
    .field .inputs > input[type="search"],
    .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: "*";
        font-size: 15px
    }

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

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

    /* -- screen --------------------------------------------- */

    .body-inner {
        overflow-x: hidden;
    }

    #user-bar {
        /* display: none; */
        z-index: 1250;
    }

    .wrap {
        width: 85%;
    }

    .wrap {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }

    .is-flex {
        display: flex;
        justify-content: space-between;
    }

    .is-flex.flex_v_align {
        align-items: center;
    }

}


/* DESKTOP */

@media screen {

    /* Header */

    header {
        background-color: var(--body-bg-color);
    }

    .header-top,
    .header-bottom {
        display: flex;
        align-items: center;
        /* border-bottom: 1px solid #dcdcdc; */
    }

    .header-top {
        justify-content: space-between;
    }

    .header-top a.advanced-search-link {
        padding: 0 0 0 10px;
        color: #565A59;
        font-family: 'Open Sans', sans-serif;
        font-size: 11px;
        font-weight: 600;
        line-height: 15px;
        text-transform: uppercase;
    }

    .header-top a.advanced-search-link:hover {
        color:var(--primary-link-color);
    }

    .header-top-links {
        display: flex;
        align-items: center;
        align-self: stretch;
    }

    .header-top a.contact-link {
        min-width: 30px;
        min-height: 30px;
        margin: 0 10px;
    }

    .header-top a.contact-link:before {
        content: '';
        display: block;
        width: 30px;
        height: 30px;
        background: url(../img/mail_fonce.svg) center no-repeat;
        transition: transform ease-in-out 0.05s;
    }

    .header-top a:hover.contact-link:before {
        transform: scale(1.15);
    }

    .header-top a.contact-link span {
        display: none;
    }

    .header-top a.search-menu-toggle {
        display: none;
        background: url(../img/loupe_champ.svg) center no-repeat;
        min-width: 30px;
        min-height: 30px;
        margin: 0 10px;
    }

    .header-top a.search-menu-toggle span {
        display: none;
    }

    .header-top a.support-link {
        display: flex;
        align-items: center;

        padding: 10px 5px;
        margin: 0 10px;
        min-height: 30px;

        color: #565A59;
        font-family: 'Open Sans', sans-serif;
        font-size: 11px;
        font-weight: 600;
        line-height: 15px;
    }

    .header-top a.login-link:hover span,
    .header-top a.support-link:hover span {
        color: #000;
    }

    .header-top a.support-link::before {
        content: '';
        display: block;
        width: 27px;
        height: 30px;
        background: url(../img/aide.svg) center left no-repeat;
        transition: transform ease-in-out 0.05s;
        transform-origin: 50% 50%;
    }

    .header-top a:hover.support-link:before {
        transform: scale(1.15);
    }

    .header-top a.login-link {
        align-self: stretch;
        position: relative;
        padding: 36px 18px 13px;
        background-color: var(--bg-color);

        display: flex;
        flex-direction: column;

        color: #565A59;
        font-family: 'Open Sans', sans-serif;
        font-size: 11px;
        font-weight: 600;
        line-height: 15px;
        text-transform: uppercase;
        text-align: center;
    }

    .header-top a.login-link::before {
        content: '';
        display: block;
        width: 100%;
        height: 30px;
        background: url(../img/user.svg) center top / 25px auto no-repeat;
        transition: transform ease-in-out 0.05s;
        transform-origin: 50% 50%;
    }

    .header-top a:hover.login-link:before {
        transform: scale(1.1);
    }

    .header-top a.login-link:hover {
        color: #565A59 !important;
    }

    .header-bottom {
        background-color: var(--primary-color);
    }

    .header-bottom > ul {
        display: flex;
        justify-content: center;
        padding: 10px;
    }

    .header-bottom > ul > li:not(:last-child){
        margin-right: 36px;
    }

    .header-bottom a {
        padding-left: 13px;
        color: var(--header-title-color);
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 22px;
        text-align: center;
        text-transform: uppercase;
    }

    .header-bottom li.active a,
    .header-bottom a:hover {
        color: var(--header-title-color);
        background: url(../img/triangle-header-title.svg) top 6px left / 8px auto no-repeat;
    }

    .header-bottom a:hover {
        text-decoration: underline;
    }

    a.logo-header {
        flex: 222px 0 0;
        width: 222px;
        height: 103px;
        background: url(../img/logo_UTTheme-desktop1.svg) left center / 222px auto no-repeat;
        text-indent: -9999px;
    }

    /* Header :animation Hamburger */

    header .hamburger-parent {
        padding:0;
        display: none;
    }

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

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

    .c-hamburger:hover span::before,
    .c-hamburger:hover span::after,
    .c-hamburger:hover span {
    }

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

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

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

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

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

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

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

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

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

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

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

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

    /* */

    .search-form-parent {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 40px;
    }

    form.search-form {
        width: 390px;
    }

    form.search-form .form-input-and-buttons {
        display: flex;
        align-items: center;
        padding: 6px 12px;
    }

    .form-button,
    form.search-form .form-input-and-buttons {
        border: 1px solid #9CA19F;
        border-radius: 28px;
        padding: 0 12px;
    }

    form.search-form .form-input-and-buttons > input {
        height: 40px;
    }

    form.search-form .form-buttons {
        margin-bottom: 0;
    }

    form.search-form .form-buttons button {
        display: inline-block;
        box-sizing: border-box;
        background: none;
        padding: 0;
        width: 28px;
        height: 25px;
    }

    form.search-form .form-buttons button span {
        display: block;
        width: 100%;
        height: 100%;
    }

    form.search-form .form-buttons button.icon-search-btn span.icon-loupe {
        background: url(../img/loupe_champ.svg) center no-repeat;
    }

    input[type="tel"],
    input[type="email"],
    input[type="search"],
    input[type="text"] {
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        line-height: 20px;
        color: #000;
    }

    form.search-form input[type="search"],
    form.search-form input[type="text"] {
        padding-left: 18px;
        background: none;
        border: none;
        box-shadow: none;

        outline: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        width: 100%;
    }

    form.search-form input[type="search"],
    form.search-form input[type="text"],
    main.depot-content .content > form input[type="search"]::-webkit-input-placeholder,
    main.depot-content .content > form input[type="text"]::-webkit-input-placeholder,
    form.search-form input[type="search"]::-webkit-input-placeholder,
    form.search-form input[type="text"]::-webkit-input-placeholder {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 12px;
        opacity: 1;
        color:#474948;
    }

    main.depot-content .content > form input[type="search"]::-moz-placeholder,
    main.depot-content .content > form input[type="text"]::-moz-placeholder,
    form.search-form input[type="search"]:-moz-placeholder,
    form.search-form input[type="text"]:-moz-placeholder {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 12px;
        opacity: 1;
        color:#474948;
    }

    main.depot-content .content > form input[type="search"]::-moz-placeholder,
    main.depot-content .content > form input[type="text"]::-moz-placeholder,
    form.search-form input[type="search"]::-moz-placeholder,
    form.search-form input[type="text"]::-moz-placeholder {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 12px;
        opacity: 1;
        color:#474948;
    }

    main.depot-content .content > form input[type="search"]::-ms-input-placeholder,
    main.depot-content .content > form input[type="text"]::-ms-input-placeholder,
    form.search-form input[type="search"]:-ms-input-placeholder,
    form.search-form input[type="text"]:-ms-input-placeholder {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 12px;
        opacity: 1;
        color:#474948;
    }

    /* Search autocompletion */

    .autocomplete-suggestions {
        border: 1px solid #999999;
        background: #ffffff;
        overflow: auto;
    }
    .autocomplete-suggestion {
        padding: 2px 5px;
        white-space: nowrap;
        overflow: hidden;
        /* Fix safari */
        cursor: pointer;
    }
    .autocomplete-selected {
        background: #f0f0f0;
    }
    .autocomplete-suggestions strong {
        font-weight: normal;
        color: #3399FF;
    }
    .autocomplete-group {
        padding: 2px 5px;
    }
    .autocomplete-group strong {
        display: block;
        border-bottom: 1px solid #000;
    }

    /* */

    form + .form-buttons {
        margin: 40px 0;
    }

    .document-edition .document-status-infos,
    .form-buttons {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .form-buttons > li:not(:last-child) {
        margin-right: 10px;
    }

    .document-edition {
        display: flex;
    }

    .document-edition.document-parts {
        flex-direction: column;
    }

    .document-edition.document-parts + .document-edition {
        padding-left: 20px;
    }

    .document-edition.document-parts > li {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #CDDAD5;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    .document-edition.document-parts li span.document-part-name {
        margin-right: 20px;
    }

    .document-parts span.document-part-name {
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 20px;
        color: #474948;
    }

    .document-version {
        margin-bottom: 16px;
    }

    .document-edition.document-parts li .form-buttons .form-button {
        margin-right: 0;
    }

    .form-buttons .form-button[class*="o-icon-"] {
        display: flex;
        gap:8px;
        align-items: center;
        width: auto;
        height: 20px;
        background: transparent !important;
        border: none;
        padding: 0;
        font-weight: 700;
        color: var(--primary-link-color);
        text-transform: uppercase;
    }

    .form-buttons .form-button[class*="o-icon-"]::before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        transition: transform ease-in-out 0.05s;
        transform-origin: 50% 50%;
    }

    .form-buttons .form-button.o-icon-clear::before {
        background: url(../img/poubelle.svg) left center / contain no-repeat;
    }

    .form-buttons .form-button.o-icon-delete::before {
        background: url(../img/supprimer.svg) left center / contain no-repeat;
    }

    .form-buttons .form-button.o-icon-add:hover::before,
    .form-buttons .form-button.o-icon-delete:hover::before {
        transform: scale(1.15);
    }

    .document-edition .form-buttons {
        justify-content: flex-start;
        align-items: center;
    }

    main aside.aside-document-parts .aside-content > ul {
        padding: 5px 0 20px;
    }

    main aside.aside-document-parts li.document-parts {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 1px solid #9CA19F;
        padding-bottom: 6px;
        margin-bottom: 20px;
    }

    main aside.aside-document-parts span.document-part-name {
        margin-bottom: 15px;
    }

    .login main .content form input[type="submit"]:hover,
    .form-buttons .form-button:hover {
        color:var(--primary-link-color);
        background-color: rgba(234,239,237, 0.5);
        cursor: pointer;
    }

    .login main .content form input[type="submit"] {
        text-decoration: none;
    }

    .login main .content form input[type="submit"],
    .form-buttons .form-button {
        padding: 9px 25px 11px;
        display: inline-block;
        background-color: #fff;
        text-transform: uppercase;

        color: #333333;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        line-height: 14px;
        text-align: center;

        border: 1px solid #9CA19F;
        border-radius: 28px;
    }

    .login main .content form input[type="submit"] {
        padding: 9px 20px 11px;
    }

    .form-button.edit-button  {
        padding-left: 40px;
        background: url(../img/crayon.svg) center left 22px / auto 17px no-repeat;
    }

    .form-button.delete-button  {
        padding-left: 40px;
        background: url(../img/poubelle.svg) top 7px left 18px / auto 19px no-repeat;
    }

    .form-button.preview-button  {
        padding-left: 45px;
        background: url(../img/oeil-rouge.svg) center left 18px / auto 14px no-repeat;
    }

    .form-button.ask-copy-button {
        padding-left: 45px;
        background: url(../img/mail_rouge.svg) center left 18px / auto 16px no-repeat;
    }

    .form-button.clear-button  {
        padding-left: 40px;
        background: url(../img/effacer.svg) center left 12px / auto 17px no-repeat;
    }

    .form-button.submit-button {
        padding-left: 45px;
        background: url(../img/loupe_champ.svg) center left 12px / auto 17px no-repeat;
    }

    .form-button.edit-button:hover,
    .form-button.clear-button:hover,
    .form-button.submit-button:hover,
    .form-button.delete-button:hover,
    .form-button.submit-button:hover,
    .form-button.download-button:hover,
    .form-button.preview-button:hover,
    .form-button.ask-copy-button:hover {
        text-decoration: underline;
    }

    .form-button.download-button  {
        padding-left: 35px;
        background: url(../img/telecharger.svg) center left 18px / auto 16px no-repeat;
    }

    .form-button.reset-button,
    .form-button.filter-button {
        padding: 7px 25px;
        font-size: 12px;
    }

    .form-button.export-button {
        padding: 7px 20px;
        font-size: 12px;
    }

    ul.resources-list > li .document-edition  a {
        margin-right: 5px;
    }

    .user-account .document-edition {
        margin-top: 8px;
    }

    .user-account .document-parts + .document-edition {
        margin-top: 0;
    }

    .document-edition .form-buttons .form-button {
        border: none;
        background-color: transparent !important;
    }

    .document-edition .form-button.edit-button  {
        padding-left: 20px;
        padding-right: 10px;
        background-position: center left 2px;
    }

    .document-edition .form-button.delete-button  {
        padding-left: 20px;
        padding-right: 10px;
        background-position: center left;
    }

    .document-edition .form-button.preview-button  {
        padding-left: 25px;
        padding-right: 10px;
        background-position: center left;
    }

    .document-edition .form-button.download-button  {
        padding-left: 18px;
        padding-right: 10px;
        background-position: center left;
    }

    .document-edition-status {
        margin-right: 10px;
        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-style: italic;
        font-weight: 600;
        line-height: 20px;
    }

    .document-edition-date {
        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        letter-spacing: 0;
        line-height: 20px;
    }

    /* */

    .file-upload-button {
        display: inline-block;
        margin-top: 10px;
        background: url(../img/telecharger.svg) left center / 14px auto no-repeat;
        padding: 9px 0 2px 22px;

        color: var(--primary-link-color);
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
    }

    .file-upload-button:hover {
        color: #000;
    }

    .file-upload-button input[type="file"] {
        display: none;
    }

    .file-upload-button > span.no-file {
        display: block;
        margin: 4px 0 0;
    }

    .file-to-upload {
        color: #000 !important;
        margin: 0 8px;
    }

    /* */

    .field-copy {
        margin-top: 20px;
    }

    .field-copy input,
    .field-template input {
        margin-bottom: 22px;
    }

    .add-values {
        text-align: center;
        height: 20px;
        margin-top: 20px;
    }

    button.add-value {
        font-size: 0;
    }

    button.add-value,
    a.add-value {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../img/ajouter.svg) center / contain no-repeat;
        transition: transform ease-in-out 0.05s;
        transform-origin: 50% 50%;
    }

    button.add-value:hover,
    a.add-value:hover {
        transform: scale(1.15);
    }

    .fields-date {
        display: flex;
        gap: 18px;
        max-width: 360px;
    }

    .fields-date > input {
        text-align: center;
    }

    .fields-date > input:not(:last-child) {
        margin-right: 10px;
    }

    main.depot-content .content > form input.depot-page-count {
        max-width: 115px;
    }

    main.depot-content .content .add-document-to-depot-btn {
        display: block;
        width: 100%;
        background-color: var(--bg-color);
        padding: 14px 0;
        margin-top: 30px;

        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        color: var(--primary-link-color);
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
    }

    main.depot-content .content .add-document-to-depot-btn span {
        position: relative;
        padding-right: 28px;
    }

    main.depot-content .content .add-document-to-depot-btn span::after {
        content: '';
        position: absolute;
        right:0;
        top:-1px;
        bottom: 0;
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../img/ajouter.svg) center / contain no-repeat;
        transition: transform ease-in-out 0.05s;
        transform-origin: 50% 50%;
    }

    .warning,
    main.depot-content .content .depot-admin-message {
        background-color: var(--bg-color);
        margin: 25px 10px 5px;
        padding: 10px 25px;

        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-style: italic;
        font-weight: 600;
        line-height: 19px;
        text-align: justify;
    }

    .warning {
        margin: 5px 10px 25px;
    }

    main.depot-content .content ul.bilan-depot {
        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        letter-spacing: 0;
        line-height: 20px;
        text-align: justify;
        padding: 10px 20px 10px 10px;
    }

    main.depot-content .content ul.bilan-depot li {
        margin-bottom: 4px;
    }

    main.depot-content .content ul.bilan-depot label {
        display: inline;
        font-weight: 700;
    }

    main.depot-content .content ul.bilan-depot label::after {
        content: ' : ';
    }

    .remove-value {
        background-color: transparent;
    }

    form.readonly .inputs,
    form.readonly .actions button,
    form.readonly .actions input {
        display: none;
    }

    /* */

    .content-with-margin {
        margin-left:auto;
        margin-right: auto;
    }

    .content-with-margin {
        width: 1216px;
    }

    .content-with-padding {
        padding-left: calc( 50% - 608px );
        padding-right: calc( 50% - 608px );
    }

    .breadcrumbs {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
        margin-bottom: 10px;

        font-family: 'Open Sans', sans-serif;
        font-size: 11px;
        line-height: 15px;
        color: #575B59;
    }

    .breadcrumbs > .breadcrumbs {
        margin: 0 !important;
        width: 100% !important;
    }

    .breadcrumbs ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }

    .breadcrumbs ul > *:not(:last-child):after {
        content: '/';
        margin: 0 5px;
    }

    .breadcrumbs a {
        color: #575B59;
        text-decoration: none;
    }

    .breadcrumbs a:hover {
        color: var(--link-hover-color);
        text-decoration: underline;
    }

    main {
        min-height: calc( 100vh - 247px );
        display: flex;
    }

    main > .page-layout-normal {
        display: flex;
    }

    body.site-page-mentions-legales main > .page-layout-normal,
    body.site-page-conditions-de-reutilisation main > .page-layout-normal {
        display: block;
    }

    main.simple-page > .page-layout-normal {
        display: initial;
    }

    main.home-content {
        margin-top: 34px;
    }

    main .block.aside,
    main .block > aside,
    main > .aside,
    main > aside {
        flex: 390px 0 0;
        align-self: flex-start;
    }

    main.aside-page .block-blockGroup > .aside {
        margin-right: 18px;
    }

    main aside {
        padding-top: 40px;
        margin-bottom: 20px;
        position: relative;
    }

    main.aside-page aside {
        width: 300px;
        padding-top: 0;
    }

    main.depot-content .block > aside,
    main.depot-content > aside {
        margin-top: 15px;
    }

    main aside::before {
        /* content: ''; */
        display: block;
        height: 75px;
        width: 100%;
        position: absolute;
        top:0;
        z-index: 2;
    }

    .aside-exclamation:before,
    .aside-interrogation:before,
    main.depot-content .block > aside::before,
    main .block.aside > aside::before,
    main aside.aside-document-parts::before,
    main .aside > aside::before,
    main.depot-content > aside::before {
        content: '';
    }

    main aside .aside-content {
        background-color: var(--bg-color);
        padding: 45px 22px 20px;
        position: relative;
        z-index: 1;

        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        line-height: 21px;
        text-align: justify;
    }

    main aside .aside-content p {
        margin-bottom: 6px;
    }

    main aside .aside-content p.aside-contact-link {
        text-align: left;
    }

    main aside .aside-content h4 {
        display: inline-block;
        width: 100%;
        padding: 0 20px;
        font-family: 'Roboto Slab', serif;
        font-size: 25px;
        font-weight: 700;
        line-height: 33px;
        color: #474948;
        text-transform: uppercase;
        text-align: center;
    }

    aside.aside-exclamation::before {
        background: url(../img/information-rouge.svg) top center no-repeat;
    }

    aside.aside-interrogation::before {
        background: url(../img/aide-rouge.svg) top center no-repeat;
    }

    aside.aside-document-parts::before {
        background: url(../img/document.svg) top center no-repeat;
    }

    aside.aside-interrogation .aside-content {
        background-color: var(--bg-color);
    }

    aside.aside-interrogation .aside-content ul {
        list-style-position: outside;
        list-style-type: disc;
        margin-left: 12px;
    }

    main.depot-content aside {
        margin-bottom: 40px;
    }

    main.depot-content aside ul {
        list-style-type: '◆';
        list-style-position: outside;
        margin: 20px 12px;
    }

    main.depot-content aside ul > li {
        color: #474948;
        margin-bottom: 4px;
    }

    main.depot-content aside ul > li > span {
        display: inline-block;
        vertical-align: top;
        margin-left: 10px;
    }

    main.depot-content aside strong {
        font-weight: 700;
    }

    main aside p.aside-contact-link {
        margin-top: 20px;
        padding-left: 30px;
        padding-top: 8px;
        background: url(../img/asterisque.svg) left center no-repeat;
    }

    main aside p.aside-contact-link a {
        display: inline-block;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-style: italic;
        font-weight: 800;
        line-height: 18px;
        color: #000;
    }

    main aside p.aside-contact-link a span {
        color: var(--primary-link-color);
    }

    main aside p.aside-contact-link a:hover span,
    main aside p.aside-contact-link a:hover {
        color: #000;
    }

    main aside p.aside-download-link {
        border-top: solid 1px var(--title-color);
        border-bottom: solid 1px var(--title-color);
        padding: 10px 0;
        margin: 20px 0 12px;
    }

    main aside p.aside-download-link a {
        display: inline-flex;
        gap: 4px;
        align-items: flex-end;

        padding: 5px 0 6px 22px;
        text-transform: uppercase;

        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 800;
        line-height: 15px;
        color: var(--title-color);
    }

    main aside p.aside-download-link a::before {
        content: '';
        display: block;
        background: url(../img/telecharger.svg) left center no-repeat;
        width: 20px;
        height: 20px;
        transition: transform ease-in-out 0.05s;
        transform-origin: 50% 50%;
    }

    main aside p.aside-download-link a:hover::before {
        transform: scale(1.15);
    }

    main aside p.aside-more-link a:hover,
    main aside p.aside-download-link a:hover {
        color: #000;
        text-decoration: none;
    }

    main aside p.aside-more-link {
        text-align: center;
        margin-top: 20px;
    }

    main aside p.aside-more-link a {
        display: inline-flex;
        gap: 2px;
        padding-right: 32px;
        font-weight: 700;
        color: var(--title-color);
        text-transform: uppercase;
    }

    main aside p.aside-more-link a::after {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        background: url(../img/fleche-suivant.svg) right center / 12px auto no-repeat;
        transition: transform ease-in-out 0.05s;
        transform-origin: 0 50%;
    }

    main aside p.aside-more-link a:hover::after {
        transform: scale(1.15);
    }

    main aside.aside-interrogation .aside-content {
        color: #474948;
    }

    main .block.aside + .content,
    main .block.aside + .block,
    main > aside + .content {
        flex: calc( 100% - 390px ) 0 0;
        padding-left: 20px;
    }

    main .page-layout-normal h1,
    main .content h1 {
        width: 100%;
        text-align: center;
        text-transform: uppercase;

        font-size: 31px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 36px;
    }

    main.item-content .content h1 {
        font-size: 25px;
        font-weight: 700;
        line-height: 33px;
        text-transform: none;
        color: var(--header-title-color);
    }

    main.home-content .content h1 {
        margin-left: 30px;
        text-align: left;
        text-transform: none;
        font-size: 25px;
        font-weight: 700;
        line-height: 33px;
    }

    main.depot-content .content h2 {
        width: 100%;
        padding-bottom: 4px;
        margin: 23px 0 13px;

        color: var(--title-color);
        font-size: 22px;
        font-weight: 700;
        line-height: 33px;
        text-transform: uppercase;
        text-align: left;
    }

    main.depot-content .content > form {
        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        letter-spacing: 0;
        line-height: 20px;
        text-align: justify;
        margin-bottom: 35px;
    }

    main.depot-content.depot-form-1 .content > form {
        margin-bottom: 20px;
    }

    main.depot-content .content > form > .etape-1,
    main.depot-content .content > form > .etape-2,
    main.depot-content .content > form > .etape-3,
    main.depot-content .content > form > .etape-4 {
        display: none;
    }

    main.depot-content.depot-form-1 .content > form > .etape-1,
    main.depot-content.depot-form-2 .content > form > .etape-2,
    main.depot-content.depot-form-3 .content > form > .etape-3,
    main.depot-content.depot-form-4 .content > form > .etape-4 {
        display: block;
    }

    main.depot-content .content > form div.form-content.document-parts-forms > div.document-part-fields > div,
    main.depot-content .content > form div.form-content {
        padding-bottom: 22px;
        margin-bottom: 12px;
    }

    main.depot-content .content > form div.document-parts-forms > div.document-part-fields > div > label:first-child,
    main.depot-content .content > form div.form-content > label:first-child {
        margin-bottom: 4px;
    }

    main.depot-content.depot-form-3 .content > form div.form-content.document-parts-forms > div.document-part-fields > div:first-of-type,
    main.depot-content.depot-form-3 .content > form div.form-content:first-of-type {
        padding-bottom: 15px;
    }

    main.depot-content.depot-form-3 .content > form div.form-content.document-parts-forms {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        border: none;
    }

    main.depot-content .content > form div.form-content.document-parts-forms > div.document-part-fields > div > ul > li:not(:last-child),
    main.depot-content .content > form div.form-content > ul > li:not(:last-child) {
        margin-bottom: 4px;
    }

    main.depot-content .content > form div.form-content.document-parts-forms > div.document-part-fields > div,
    main.depot-content .content > form div.form-content:not(:last-child),
    main.depot-content .content h2 {
        border-bottom: 1px solid #9CA19F;
    }

    main.depot-content .content > form div.form-content.document-parts-forms > div.document-part-fields:not(:last-child) {
        /* display: none; */
        margin-bottom: 30px;
    }

    main.depot-content .content > form div.form-content.document-parts-forms > div.document-part-fields:last-child {
        display: block;
    }

    main.depot-content .content > form a.document-preview {
        display: block;
        margin: 5px 0 20px 12px;
        height: 70px;
        background: url(../img/document.svg) left 10px top no-repeat;
        padding-left: 70px;
        padding-top: 20px;
        text-decoration: none;
    }

    main.depot-content .content > form a.document-preview label {
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 600;
        line-height: 16px;
        text-transform: uppercase;
        color: #474948;
    }

    main.depot-content .content > form a.document-preview .document-preview-filename {
        color: var(--primary-link-color);
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 5px;
    }

    main.depot-content .content > form a.document-preview:hover .document-preview-filename {
        text-decoration: underline;
    }

    main.depot-content .content > form a.document-preview .document-access {
        margin-left: 0;
    }

    main.depot-content .content > form textarea {
        padding: 10px;
        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 17px;
    }

    main.depot-content .content > form .form-radio-buttons.flex-direction-column label {
        margin-bottom: 0;
    }

    /* Corrections Omeka */

    main.depot-content .content > form div.form-content.multivalues .values .value.textarea-value.email-value textarea,
    main.depot-content .content > form div.form-content > ul.values >.value > .chosen-container {
        width: calc( 100% - 40px ) !important;
        max-width: 500px;
        float: left;
    }

    main.depot-content .content > form ul.actions {
        margin-left: 10px;
    }

    main.depot-content .content > form div.form-content.multivalues .values .value.textarea-value.email-value textarea + ul.actions,
    main.depot-content .content > form div.form-content > ul.values >.value > .chosen-container + ul.actions {
        float: left;
        transform: translateY(-5px);
    }

    main.depot-content .content > form div.form-content.multivalues .values .value.textarea-value.email-value::after,
    main.depot-content .content > form div.form-content > ul.values >.value::after {
        content: '';
        display: block;
        clear: both;
    }

    main.depot-content .content > form div.form-content.multivalues .values .value:not(:last-child) {
        padding-bottom: 20px;
        border-bottom: 1px solid #CDDAD5;
        margin-bottom: 10px;
    }

    main.depot-content .content > form div.form-content.multivalues .values .value.textarea-value {
        border: none !important;
        margin-bottom: 0;
    }

    main.depot-content .content > form div.form-content.multivalues .values .value.textarea-value.email-value textarea {
        height: 36px;
        resize: none;
        overflow: hidden;
    }

    main.depot-content .content > form div.form-content .group-input-part,
    main.depot-content .content > form div.form-content .group-input-part .input-body {
        display: flex;
        align-items: center;
    }

    main.depot-content .content > form div.form-content .group-input-part .input-body {
        flex: calc( 100% - 40px );
        float: left;
    }

    body.without-delete-button main.depot-content .content > form div.form-content .group-input-part .input-body {
        flex: 100%;
    }

    main.depot-content .content > form div.form-content .group-input-part .input-body.with-2-children > div {
        flex: calc( 50% - 12px )  0 0;
    }

    body.without-delete-button main.depot-content .content > form div.form-content .group-input-part .input-body.with-2-children > div {
        flex: calc( 50% - 5px )  0 0;
    }


    main.depot-content .content > form div.form-content .group-input-part .input-body.with-3-children {
        max-width: 502px;
    }

    main.depot-content .content > form div.form-content .group-input-part .input-body.with-3-children > div {
        flex: calc( 30% - 10px ) 0 0;
    }

    main.depot-content .content > form div.form-content .group-input-part ul.actions {
        align-self: flex-end;
    }

    main.depot-content .content > form div.form-content .group-input-part .input-body .input:not(:last-child) {
        margin-right: 20px;
    }

    main.depot-content .content > form div.form-content .group-input-part .input-body .input-container > input {
        display: block;
        margin-top: 4px;
    }

    main.depot-content .content > form div.form-content input {
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        line-height: 28px;
        color: #000;
        padding-left: 6px;
        padding-right: 6px;
    }

    main.depot-content .content > form div.form-content .group-input-part .chosen-container-single {
        margin-top: 4px;
    }

    main.depot-content .content > form .chosen-container-single .chosen-single {
        background: #FFFFFF !important;
        border: 1px solid #9CA19F !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        height: 36px !important;
    }

    main.depot-content .content > form .chosen-container-single .chosen-single span {
        color: #000;
        line-height: 36px;
    }

    main.depot-content .content > form .chosen-container-single .chosen-single div b {
        transform: translateY(5px);
    }

    main.depot-content .content > form .chosen-container-single .chosen-single abbr {
        top: 11px !important;
    }

    main.depot-content .content > form [class*="o-icon-"]::before {
        font-size: 0;
    }

    main.depot-content .content > form [class*="o-icon-delete"]::before {
        font-size: 0;
        background: url(../img/poubelle.svg) center no-repeat;
        display: inline-block;
        width: 20px;
        height: 20px;
    }

    main.depot-content .content > form div.form-content ul.actions button {
        padding: 0 0 10px 0;
        font-size: 15px;
        line-height: 15px;
    }

    /* Fix required select hidden with chosen. https://stackoverflow.com/questions/25717842/how-i-can-highlight-as-required-field-with-chosen-plugin/52978520 */
    select.chosen-select:invalid {
        height: 0 !important;
        opacity: 0 !important;
        position: absolute !important;
        display: flex !important;
    }
    select.chosen-select:invalid[multiple] {
        margin-top: 15px !important;
    }

    /* Compte utilisateur */

    main.user-account .content {
        width: 100%;
        padding: 0 120px;
    }

    main.user-account .content ul.user-tabs {
        display: flex;
        border-bottom: 4px #cddad5 solid;
        margin-top: 32px;
    }

    main.user-account .content ul.user-tabs > li {
        margin-right: 2px;
        background-color: var(--bg-color);
    }

    main.user-account .content ul.user-tabs > li > a {
        display: inline-block;
        padding: 5px 15px 1px 15px;
        min-width: 140px;
        text-decoration: none;
        text-transform: uppercase;

        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 33px;
    }

    main.user-account .content ul.user-tabs > li.active {
        background-color: #CDDAD5;
    }

    main.user-account .content ul.user-infos {
        display: none;
    }

    main.user-account.user-infos .content ul.user-infos {
        display: block;
        padding: 40px 0 40px 165px;
        background: url(../img/utilisateur_couleur.svg) left center / 110px 106px no-repeat;

        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        line-height: 21px;
        text-align: justify;
        margin-top: 10px;
    }

    main.user-account .content ul.user-infos li {
        display: flex;
        gap: 5px;
        margin-bottom: 3px;
    }

    main.user-account .content ul.user-infos li > label {
        font-weight: 700;
    }

    main.user-account .content ul.user-infos li > label:after {
        content:" : ";
    }

    .guest.accept-terms input[type=checkbox] {
        border: 1px;
        clip: unset;
        min-height: 15px;
        min-width: 15px;
        height: initial;
        margin: auto;
        overflow: hidden;
        padding: initial;
        position: initial;
        width: initial;
    }

    main.user-account.user-infos .form-buttons {
        margin-top: 20px;
        padding-top: 22px;
        border-top: 4px solid #EAEFED;
        justify-content: center;
    }

    main.user-account.user-infos .form-buttons a {
        text-decoration: none;
    }

    /* Footer */

    footer {
        position: relative;
        background-color: var(--footer-bg-color);
        height: 70px;
    }

    footer ul {
        display: flex;
        justify-content: center;
        align-items: center;
        gap:10px;
        height: 100%;
    }

    footer ul > li:not(:last-child)::after {
        content: '-';
        display: inline-block;
        margin-left: 5px;
    }

    footer ul > li > a:visited,
    footer ul > li > a:link,
    footer ul > li > a {
        display: inline-block;
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 15px;
        text-align: center;
        text-decoration: none !important;
        color: #FFFFFF;
    }

    footer ul > li > a:hover {
        text-decoration: underline !important;
        color: var(--primary-color);
    }


    /* Header dépôt */

    ul.navigation.etapes-depot {
        list-style: none;
        display: block;
        margin: 15px auto 15px;
        padding-top: 15px;
        white-space: nowrap;

    }

    ul.navigation {
        border-top: 4px solid var(--bg-color);
        padding-top: 10px;
    }

    /* Sous le formulaire (cf etape 4) */
    main.depot-content .content > form + .form-buttons {
        border-top: 4px solid var(--bg-color);
        margin-top: 20px;
        padding-top: 25px;
    }

    main.depot-content.depot-form-1 .content .form-buttons.bottom-form-buttons li {
        display: none;
    }

    main.depot-content .form-buttons.bottom-form-buttons li {
        display: none;
    }

    main.depot-content.depot-form-2 .form-buttons.bottom-form-buttons li.form-button-etape2,
    main.depot-content.depot-form-3 .form-buttons.bottom-form-buttons li.form-button-etape3,
    main.depot-content.depot-form-4 .form-buttons.bottom-form-buttons li.form-button-etape4 {
        display: list-item;
    }


    .depot-form-1 ul.navigation.precedent-suivant li:first-child {
        visibility: hidden;
    }

    .depot-form-4 ul.navigation.precedent-suivant li:last-child {
        visibility: hidden;
    }

    ul.navigation.precedent,
    ul.navigation.precedent-suivant,
    ul.navigation.suivant {
        padding-top: 5px;
    }

    form + ul.navigation.precedent,
    form + ul.navigation.precedent-suivant,
    form + ul.navigation.suivant {
        margin-top: 20px;
    }

    ul.navigation.precedent:last-child,
    ul.navigation.suivant:last-child,
    ul.navigation.precedent-suivant:last-child {
        margin-bottom: 40px;
    }

    ul.navigation.precedent + .form-buttons,
    ul.navigation.precedent-suivant + .form-buttons,
    ul.navigation.suivant + .form-buttons {
        margin: 25px 0 40px;
    }

    ul.navigation.etapes-depot li {
        display: inline-block;
        vertical-align: top;
    }

    ul.navigation.etapes-depot li:nth-child(2) {
        transform: translateX(-14px);
    }

    ul.navigation.etapes-depot li:nth-child(3) {
        transform: translateX(-28px);
    }

    ul.navigation.etapes-depot li:nth-child(4) {
        transform: translateX(-42px);
    }

    ul.navigation.etapes-depot li button,
    ul.navigation.etapes-depot li a {
        display: inline-block;
        position: relative;
        height: 40px;
        padding:0 5px;
        margin:0 22px;

        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 40px;

        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        background-color: var(--bg-color);
        opacity: 0.5;
    }

    ul.navigation.etapes-depot li button,
    ul.navigation.etapes-depot li a {
        pointer-events: none;
    }

    .depot-content ul.navigation.etapes-depot li:nth-child(1) > *,
    .depot-content.depot-form-2 ul.navigation.etapes-depot li:nth-child(2) > *,
    .depot-content.depot-form-3 ul.navigation.etapes-depot li:nth-child(2) > *,
    .depot-content.depot-form-4 ul.navigation.etapes-depot li:nth-child(2) > *,
    .depot-content.depot-form-3 ul.navigation.etapes-depot li:nth-child(3) > *,
    .depot-content.depot-form-4 ul.navigation.etapes-depot li:nth-child(3) > *,
    .depot-content.depot-form-4 ul.navigation.etapes-depot li:nth-child(4) > *,
    ul.navigation.etapes-depot li.active a {
        background-color: var(--bg-color);
        opacity: 1;
        pointer-events: auto;
    }

    .depot-content ul.navigation.etapes-depot li:nth-child(1) > *:hover,
    .depot-content.depot-form-2 ul.navigation.etapes-depot li:nth-child(2) > *:hover,
    .depot-content.depot-form-3 ul.navigation.etapes-depot li:nth-child(2) > *:hover,
    .depot-content.depot-form-4 ul.navigation.etapes-depot li:nth-child(2) > *:hover,
    .depot-content.depot-form-3 ul.navigation.etapes-depot li:nth-child(3) > *:hover,
    .depot-content.depot-form-4 ul.navigation.etapes-depot li:nth-child(3) > *:hover,
    .depot-content.depot-form-4 ul.navigation.etapes-depot li:nth-child(4) > *:hover,
    ul.navigation.etapes-depot li button:hover,
    ul.navigation.etapes-depot li a:hover {
        background-color: #CDDAD5;
    }

    ul.navigation.etapes-depot li > *::before {
        content: '';
        display: block;
        position: absolute;
        left:-22px;
        top:0;
        background-position: top left;
        background-size: 23px 40px;
        background-repeat: no-repeat;
        background-image: url(../img/nav_g_off.svg);
        width:23px;
        height: 40px;
    }

    ul.navigation.etapes-depot li > *:hover::before {
        background-image: url(../img/nav_g_on.svg);
    }

    ul.navigation.etapes-depot li:first-child > * {
        padding: 0 15px 0 20px;
        margin-left: 0;
    }

    ul.navigation.etapes-depot li:first-child > *::before {
        display: none;
    }

    ul.navigation.etapes-depot li > *::after {
        content: '';
        display: block;
        position: absolute;
        right:-25px;
        top:0;
        background-position: top left;
        background-size: 26px 40px;
        background-repeat: no-repeat;
        background-image: url(../img/nav_d_off.svg);
        width:26px;
        height: 40px;
    }

    ul.navigation.etapes-depot li > *:hover::after {
        background-image: url(../img/nav_d_on.svg);
    }
    ul.navigation li.active > * {
        text-decoration: none;
    }

    ul.navigation.precedent,
    ul.navigation.precedent-suivant,
    ul.navigation.suivant {
        display: flex;
        width: 100%;
    }

    ul.navigation.precedent-suivant {
        justify-content: space-between;
    }

    ul.navigation.precedent {
        justify-content: flex-start;
    }

    ul.navigation.suivant {
        justify-content: flex-end;
    }

    ul.navigation.precedent button,
    ul.navigation.precedent-suivant button,
    ul.navigation.suivant button,
    ul.navigation.precedent a,
    ul.navigation.precedent-suivant a,
    ul.navigation.suivant a {
        color: var(--title-color);
        font-family: 'Open Sans', sans-serif;
        font-size: 11px;
        font-weight: 700;
        line-height: 12px;
        text-decoration: underline;
        text-transform: uppercase;
    }

    ul.navigation.precedent button:hover,
    ul.navigation.precedent-suivant button:hover,
    ul.navigation.suivant button:hover,
    ul.navigation.precedent a:hover,
    ul.navigation.precedent-suivant a:hover,
    ul.navigation.suivant a:hover {
        color: var(--link-hover-color);
        text-decoration: none;
    }

    ul.navigation.precedent li:first-child button,
    ul.navigation.precedent li:first-child a,
    ul.navigation.precedent-suivant li:first-child button,
    ul.navigation.precedent-suivant li:first-child a {
        padding-left: 19px;
        background: url(../img/fleche-precedent.svg) center left / auto 12px no-repeat;
    }

    ul.navigation.precedent-suivant li:last-child button,
    ul.navigation.precedent-suivant li:last-child a,
    ul.navigation.suivant button,
    ul.navigation.suivant a {
        padding-right: 18px;
        background: url(../img/fleche-suivant.svg) center right / auto 10px no-repeat;
    }

    /* Formulaire Dépôt */

    .form-radio-buttons.flex-direction-column {
        display: flex;
        gap:15px;
    }

    .form-radio-buttons {
        padding-left: 8px;
    }

    .form-radio-buttons label {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    /* Accueil */

    ul.resources-list {
    }

    .home-content ul.resources-list {
        margin: 25px 0 25px -8px;
    }

    .user-account ul.resources-list {
        margin-top: 25px;
    }

    .user-account .document-count-parent {
        line-height: 24px;
    }

    .user-account .document-count {
        margin-top: 15px;
        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
    }

    .user-account .document-count strong {
        font-weight: 400;
    }

    ul.resources-list.opened > li.displayed-with-toggle,
    ul.resources-list > li {
        display: flex;
    }

    ul.resources-list > li.displayed-with-toggle {
        display: none;
    }

    ul.resources-list > li a {
        display: inline-block;
        margin-right: 20px;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        line-height: 20px;
        color: #000000;
        text-decoration: none;
        vertical-align: top;
    }

    ul.resources-list > li a:hover,
    ul.resources-list > li a:hover span {
        color: var(--link-hover-color);
    }

    ul.resources-list > li a span.document-title {
        font-style: italic;
    }

    ul.resources-list > li.resources-list-more-link {
        text-align: center;
        justify-content: center;
        text-transform: uppercase;
    }

    ul.resources-list > li.resources-list-more-link a {
        display: flex;
        align-items: center;
        gap:10px;

        padding: 30px 25px;
        margin-right: 0;
        color: var(--primary-link-color);
        font-size: 13px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 30px;
        text-decoration: underline;

        transition: transform ease-in-out 0.05s;
        transform-origin: 0 50%;
    }

    ul.resources-list > li.resources-list-more-link a:hover {
        color: var(--link-hover-color);
        text-decoration: none !important;
    }

    ul.resources-list > li.resources-list-more-link a:hover::after {
        transform: rotate(0deg) scale(1.15);
    }

    ul.resources-list > li.resources-list-more-link a::after {
        content: '';
        display: block;
        width: 12px;
        height: 8px;
        background: url(../img/chevron_bas.svg) right center / 12px auto no-repeat;
        transition: transform ease-in-out 0.05s;
        transform-origin: 50% 50%;
        transform: rotate(0deg);
    }

    ul.resources-list.opened > li.resources-list-more-link a::after {
        transform: rotate(180deg);
    }

    ul.resources-list.opened > li.resources-list-more-link a:hover::after {
        transform: rotate(180deg) scale(1.15);
    }

    ul.resources-list .document-index {
        min-width: 38px;
        margin-top: 22px;
        margin-right: 12px;

        font-family: "Roboto Slab", serif;
        font-weight: 700;
        font-size: 25px;
        line-height: 33px;
        text-align: right;
        color: var(--title-color);
    }

    ul.resources-list .document-details {
        width: 100%;
        border-bottom: solid 1px var(--border-color);
        margin-bottom: 16px;
        padding-bottom: 8px;
    }

   .document-type-and-access {
        display: flex;
        margin-bottom: 10px;
    }

    .document-type {
        background-color: var(--bg-color);
        margin-right: 5px;
        padding: 4px 10px;
        align-self: flex-start;
        min-height: 16px;
        min-width: 50px;

        color: #474948;
        font-family: 'Open Sans', sans-serif;
        font-size: 11px;
        font-weight: 700;
        line-height: 12px;
        text-align: center;
        text-transform: uppercase;
    }

    .document-link {
        text-decoration: none;
    }

    .document-link:hover {
        text-decoration: underline;
    }

    .document-link:hover span {
        color:#000;
    }

    .document-title {
        font-style: italic;
    }

    .document-access {
        margin-left: 10px;
        color: #575B59;
        font-family: 'Open Sans', sans-serif;
        font-size: 11px;
        font-weight: 600;
        line-height: 18px;
    }

    .document-access.access-free {
        background: url(../img/oeil.svg) left center / 21px auto no-repeat;
        padding-left: 27px;
    }

    .document-access.access-reserved {
        background: url(../img/cadenas.svg) left center / 12px auto no-repeat;
        padding-left: 20px;
    }

    .document-access.access-protected,
    .document-access.access-forbidden {
        background: url(../img/oeil-barre.svg) left center / 21px auto no-repeat;
        padding-left: 27px;
    }

    /* User account */

    main.user-account {
        min-height: calc( 100vh - 300px );
        margin-bottom: 50px;
    }

    /* Collection - aside */

    main.resources-list-and-filters {
        margin-top: 34px;
    }

    main.resources-list-and-filters aside {
        flex: 300px 0 0;
    }

    main.resources-list-and-filters > .block.aside + .content,
    main.resources-list-and-filters > aside + .content {
        flex: calc( 100% - 300px ) 0 0;
        padding-left: 48px;
        padding-bottom: 40px;
    }

    .resources-list-and-filters ul.resources-list {
        margin: 25px 0 15px 0;
    }

    main.resources-list-and-filters .content h1 {
        margin-left: 30px;
        text-align: left;
        text-transform: none;
        font-size: 22px;
        font-weight: 700;
        line-height: 33px;
    }

    main.resources-list-and-filters ul.resources-list .document-index {
        display: none;
    }

    main.resources-list-and-filters .content h1 {
        margin-left: 0;
    }

    main.resources-list-and-filters aside {
        padding: 0;
    }

    main.resources-list-and-filters aside form {
        height: auto;
    }

    main.resources-list-and-filters aside .facets-refine input.search-refine {
        width: 100%;
        margin-bottom: 0;
    }

    main.resources-list-and-filters aside .facets-refine,
    main.resources-list-and-filters aside .resources-filters > li {
        border-radius: 1px;
        background-color: rgba(234,239,237, 0.5);
        padding: 12px 14px;
        margin-bottom: 10px;
    }

    main.resources-list-and-filters aside .facets-refine > h4,
    main.resources-list-and-filters aside .resources-filters > li > h4,
    main.resources-list-and-filters aside .resources-filters > li > .toggle {
        position: relative;
        display: block;
        padding-right: 20px;
        color: #333333;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
        text-decoration: none;
        border: none;
    }

    main.resources-list-and-filters aside .resources-filters > li.opened > .toggle {
        margin-bottom: 10px;
    }

    main.resources-list-and-filters aside .resources-filters > li.opened > .toggle::after {
        transform: rotate(0deg);
    }

    main.resources-list-and-filters aside .resources-filters > li > .toggle::after {
        content: '';
        display: block;
        width: 22px;
        height: 11px;
        background: url(../img/chevron_bas.svg) center no-repeat;
        position: absolute;
        right: 0;
        top: 2px;
        transform-origin: 50%;
        transition: transform ease-in-out 0.1s;
        transform: rotate(180deg);
    }

    li.facet-item [type="checkbox"] + label {
        font-size: 12px;
        line-height: 19px;
    }

    li.facet-item [type="checkbox"] + label span {
        display: contents;
    }

    main.resources-list-and-filters aside .resources-filters > li > .facet-items li.toggle-parent label {
        position: relative;
    }

    main.resources-list-and-filters aside .resources-filters > li > .facet-items li.toggle-parent label .search__label {
        width: 100%;
    }

    main.resources-list-and-filters aside .resources-filters > li > .facet-items li.toggle-parent label a {
        display: block;
        text-decoration: none;
        font-weight: 700;
    }

    main.resources-list-and-filters aside .resources-filters > li > .facet-items li.toggle-parent > label::after {
        content: '';
        display: block;
        width: 22px;
        height: 11px;
        background: url(../img/chevron_bas.svg) right center no-repeat;
        position: absolute;
        right: 22px;
        top: 2px;
        transform-origin: 72% 50%;
        transition: transform ease-in-out 0.1s;
        transform: rotate(180deg);
        pointer-events: none;
    }

    main.resources-list-and-filters aside .resources-filters > li > .facet-items li.toggle-parent.opened > label::after {
        transform: rotate(0deg);
    }

    main.resources-list-and-filters aside .resources-filters > li > .facet-items li.toggle-parent:not(.opened) > ul {
        display: none;
    }

    main.resources-list-and-filters aside .resources-filters > li > .facet-items li:not(.facet-see-more) {
        margin-bottom: 5px;
    }

    main.resources-list-and-filters aside .resources-filters > li > .facet-items {
        display: none;
    }

    main.resources-list-and-filters aside .resources-filters > li.opened > .facet-items {
        display: block;
    }

    main.resources-list-and-filters aside .resources-filters > li > .facet-items > li label {
        color: #313232;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        line-height: 18px;
    }

    main.resources-list-and-filters aside .resources-filters > li > .facet-items > li > .facet-items {
        margin: 10px 20px;
    }

    main.resources-list-and-filters aside .form-buttons {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 20px 0;
        gap: 10px;
    }

    main.resources-list-and-filters aside .form-buttons button {
        display: block;
        width: 100%;
    }

    a.resources-list-toggle-page-menu {
        background: url(../img/menu-so.svg) left center / 18px auto no-repeat;
    }

    a.resources-list-toggle-filters {
        background: url(../img/filtres.svg) left center / 18px auto no-repeat;
    }

    a.resources-list-toggle-page-menu,
    a.resources-list-toggle-filters {
        width: auto;
        padding: 5px 5px 5px 22px;

        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 15px;
        text-decoration: none;
        text-transform: uppercase;
    }

    a.resources-list-close-page-menu,
    a.resources-list-close-filters {
        position: absolute;
        right: 20px;
        width: 18px;
        height: 18px;
        background: url(../img/fermer_noir.svg) left center / 18px auto no-repeat;
    }

    a.resources-list-close-filters {
        top: 82px;
    }

    a.resources-list-close-page-menu {
        top: 70px;
    }

    aside a.resources-list-toggle-page-menu {
        transform: translateY(-15px);
    }

    aside a.resources-list-toggle-page-menu,
    aside a.resources-list-toggle-filters {
        display: inline-block;
        pointer-events: none;
    }

    a.resources-list-close-page-menu,
    aside a.resources-list-close-filters,
    .content a.resources-list-toggle-page-menu,
    .content a.resources-list-toggle-filters {
        display: none;
    }

    ul.resources-list-selected-filters {
        margin: 12px 0 8px 0;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    ul.resources-list-selected-filters > li {
        display: inline-block;
    }

    ul.resources-list-selected-filters > li > a {
        display: inline-block;
        padding: 2px 24px 2px 10px;
        border: 1px solid #CCCCCC;
        border-radius: 3px;
        background: #fff url(../img/fermer_noir.svg) center right 10px / 6px 7px no-repeat;

        font-family: "Open Sans", sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #313232;
        text-decoration: none;
    }

    .facet-items > li > .toggle {
        font-weight: 700;
        text-decoration: none;
    }

    .facet-items li.facet-see-more a,
    .facet-elements .facet-see-more button {
        display: block;
        width: 100%;
        color: var(--primary-link-color);
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        text-align: right;
        text-decoration: underline;
    }

    .facet-items li.facet-see-more a:hover,
    .facet-elements .facet-see-more button:hover {
        text-decoration: none;
    }

    .facet-see-more-or-less.expand::after,
    .facet-see-more-or-less::after {
        display: none;
    }


    ul.facets-active > li,
    ul.resources-list-selected-filters > li {
        display: inline-block;
    }

    ul.facets-active .facet-active {
        background: none;
        margin: 0;
        border-radius: 0;
    }

    ul.facets-active .facet-active .facet-active-value {
        padding: 2px 24px 2px 10px;
    }

    .facets .facets-refine h4 {
        margin-bottom: 5px;
    }
    .facets .facets-refine .search-refine {
        width: 100%;
        margin-bottom: 15px;
    }

    .search-results-display,
    .facets form > h4,
    ul.facets-active .facet-active .facet-active-value::after,
    ul.facets-active .facet-active .facet-active-label,
    ul.facets-active .facet-active-label {
        display: none;
    }

    ul.facets-active > li a,
    ul.resources-list-selected-filters > li a {
        display: inline-block;
        padding: 2px 24px 2px 10px;
        border: 1px solid #CCCCCC;
        border-radius: 3px;
        background: #fff url(../img/fermer_noir.svg) center right 10px / 6px 7px no-repeat;

        font-family: "Open Sans", sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #313232;
        text-decoration: none;
    }

    .facet-items > li > .toggle {
        font-weight: 700;
        text-decoration: none;
    }

    .facet-items li.facet-see-more a,
    .facet-elements .facet-see-more button {
        display: block;
        width: 100%;
        color: #000;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 18px;
        text-align: right;
        text-decoration: underline;
    }

    .facet-see-more-or-less.expand::after,
    .facet-see-more-or-less::after {
        display: none;
    }

    .search-results-wrapper .mobile-facets-toggle,
    main.aside-page .mobile-aside-menu-toggle {
        display: none;
    }

    /* */

    .search-results-tools,
    .resources-list-tools {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .resources-list-tools {
        border-top: 2px solid #CDDAD5;
        border-bottom: 2px solid #CDDAD5;
        padding: 13px 10px;
        margin: 15px 0 40px;
    }

    .resources-list-tools .resources-list-selects {
        display: flex;
    }

    .search-list-tools .select-parent > select,
    .resources-list-tools .select-parent > select {
        padding: 6px 20px 2px 6px;
    }

    .search-results-tools .select-parent.export-select {
        margin-right: 20px;
    }

    .search-results-tools .select-parent.export-select > select {
        padding: 6px 20px 2px 8px;
    }

    .search-results-tools .select-parent.syndication-select > select {
        padding: 6px 0 2px 12px;
    }

    .search-results-tools .select-parent.syndication-select > select {
        width: calc(100% + 13px);
    }

    .resources-list-tools .sort-list-select {
        background: url(../img/trier.svg) left center / 20px auto no-repeat;
        padding-left: 15px;
        margin-right: 20px;
    }

    .resources-list-tools .pagination-count-select {
        background: url(../img/liste.svg) left center / 26px auto no-repeat;
        padding-left: 25px;
    }

    .search-results-tools {
        background-color: #F2F5F4;
        padding: 10px 9px 9px 9px;
        margin-top: 10px;
    }

    .search-results-tools .export-select {
        background: url(../img/export.svg) left center / 17px auto no-repeat;
        padding-left: 10px;
    }

    .search-results-tools .syndication-select {
        background: url(../img/rss.svg) left center / 20px auto no-repeat;
        padding-left: 10px;
    }

    .search-results-tools .form-buttons .form-button {
        text-decoration: none;
    }

    .search-results-wrapper {
        display: block;
    }

    .search-filters-filter .filter-label,
    .search-results-wrapper h3,
    .search-results-details {
        color: #000000;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        line-height: 20px;
        padding: 8px 0 6px;
    }

    ul.resources-list-selected-filters > li {
        display: flex;
        gap: 10px;
        margin-bottom: 10px;
    }

    .search-filters-filter .filter-label {
        font-size: 13px;
    }

    .search-results-wrapper h3 {
        font-weight: 700;
    }

    .search-results-tools,
    .search-results-tools > li,
    .resources-list-tools {
        display: flex;
    }

    .search-results-tools + .resources-list-tools {
        margin-top: 0;
    }

    .resources-list + .resources-list-tools {
        justify-content: flex-end;
    }

    .search-results-tools > li {
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
    }

    .search-results-tools > li.search-results-tools-separator {
        width: 2px;
        height: 25px;
        border-right: 1px solid #000;
    }

    .search-results-tools > li > a {
        color: var(--primary-link-color);
        font-family: "Open Sans", sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        text-transform: uppercase;
        text-decoration: none;
    }

    .search-results-tools > li > a:hover {
        color: var(--link-hover-color);
    }


    /* */

    .resources-pagination-footer .resources-pagination {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .resources-pagination {
        display: flex;
        align-items: center;
    }

    .resources-pagination > * {
        display: inline-block;
        vertical-align: top;

        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
    }

    .resources-pagination a {
        text-decoration: none;
    }

    .resources-pagination .pagination-previous,
    .resources-pagination .pagination-next {
        display: inline-block;
        line-height: 1;
    }

    .resources-pagination .pagination-previous {
        padding: 0;
    }

    .resources-pagination form input {
        width: 40px;
        height: 28px;
        outline: none;
        background: none;
        text-align: center;
        background-color: #fff;
        border: 1px solid #CFCFCF;
        font-size: 14px;
        font-weight: 700;
    }

    .resources-pagination form input:focus {
        border: 1px solid var(--primary-color);
    }

    .resources-pagination form input,
    .resources-pagination .pagination-total {
        color: #000;
    }

    .resources-pagination .pagination-total-by {
        display: inline-block;
        margin:0 6px 0 8px;
    }

    .resources-pagination .pagination-previous::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 30px;
        background: url(../img/chevron_gauche.svg) center / 9px auto no-repeat;
        margin-right: 5px;
    }

    .resources-pagination a.pagination-previous:hover::before {
        background-image: url(../img/chevron_gauche.svg);
    }

    .resources-pagination .pagination-next::after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 30px;
        background: url(../img/chevron_droite.svg) center / 9px auto no-repeat;
        margin-left: 5px;
    }

    .resources-pagination a.pagination-next:hover::after {
        background-image: url(../img/chevron_droite.svg);
    }


    /* */


    /* Back to top */

    .cd-top {
        display: inline-block;
        width: 30px;
        height: 45px;
        position: absolute;
        bottom: 90px;
        right: 10px;
        /* image replacement properties */
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        background: url(../img/top.svg) no-repeat;
        background-size: 30px 45px;
        -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
        transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
    }

    .cd-top,
    .cd-top.cd-top--show,
    .cd-top.cd-top--fade-out {
        opacity: 0.5;
        transition: all .3s 0s;
    }

    .cd-top:hover {
        opacity: 1;
        transform: scale(1.15);
    }

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

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

    /* POPUP de RECHERCHE AVANCÉE */

    .limited-access-popup,
    .advanced-search-popup {
        position: fixed;
        z-index: 1200;
        top:0;
        background-color: rgba(205,218,213, 0.95);
        width: 100%;
        height: 100vh;
        display: none;
    }

    .popup-scroll-content {
        padding: 30px 60px 30px;
        overflow: auto;
        height: calc( 100vh - 0px );
    }

    body.limited-access-popup-opened,
    body.advanced-search-popup-opened {
        height: 100%;
        overflow: hidden;
    }

    body.limited-access-popup-opened .limited-access-popup,
    body.advanced-search-popup-opened .advanced-search-popup {
        display: block;
    }

    .limited-access-popup-content,
    .advanced-search-popup-content {
        position: relative;
        display: flex;
        flex-direction: column;
        margin: 0 auto 42px;
        padding: 62px 0 ;
        border-radius: 3px;
    }

    .advanced-search-popup-content .search-by-keyword {
        margin-bottom: 30px;
    }

    .advanced-search-popup-content .search-by-keyword label {
        display: none;
    }

    .advanced-search-popup-content input[type="search"],
    .advanced-search-popup-content input[type="text"] {
        border: 1px solid #9CA19F !important;
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 20px;
        color: #474948;
    }

    .limited-access-popup-content {
        max-width: 620px;
    }

    .advanced-search-popup-content {
        max-width: 930px;
    }

    .limited-access-popup .close-popup-btn,
    .advanced-search-popup .close-popup-btn {
        position: absolute;
        top:22px;
        right:15px;
        text-transform: uppercase;
        font-size: 0.875em;
        font-weight: 700;
    }

    .limited-access-popup .close-popup-btn a,
    .advanced-search-popup .close-popup-btn a {
        display: inline-block;
        width: 17px;
        height: 17px;
        background: url(../img/fermer_noir.svg) center right / 17px 17px no-repeat;
    }

    .limited-access-form-parent,
    .advanced-search-form-parent {
        background-color: #fff;
        padding: 64px 60px 50px;
    }

    .limited-access-form-parent {
        padding-top: 130px;
        background: #fff url(../img/cadenas_demande.svg) center top 19px / 64px 99px no-repeat;
    }

    .advanced-search-popup h1 {
        display: block;
        border-bottom: 2px solid #CDDAD5;
        padding-bottom: 25px;
        margin-bottom: 25px;

        font-size: 31px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 36px;
        text-align: center;
        text-transform: uppercase;
    }

    .limited-access-form-parent h1 {
        margin: 6px;
        font-size: 31px;
        font-weight: 900;
        line-height: 36px;
        text-align: center;
    }

    .limited-access-form-parent p {
        margin: 10px 0 20px;
        color: #474948;
        font-family: 'Open Sans', sans-serif;
        font-size: 20px;
        font-style: italic;
        line-height: 31px;
        text-align: center;
    }

    .limited-access-form-parent > form > div {
        margin-bottom: 15px;
    }

    form label {
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        line-height: 20px;
        color: #000;
        margin-bottom: 2px;
    }

    form label.required::after {
        content: '*';
        color: var(--primary-link-color);
        margin: 0 5px;
    }

    .limited-access-form-parent input[type="text"] {
        border: 1px solid #9CA19F;
    }

    .limited-access-form-parent textarea {
        border: 1px solid #9CA19F;
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        line-height: 20px;
        color: #000;
    }

    .limited-access-popup .form-buttons,
    .advanced-search-popup .form-buttons {
        justify-content: center;
        margin-bottom: 30px;
    }

    .limited-access-popup .form-buttons {
        margin-top: 30px;
    }

    .limited-access-popup .form-buttons .form-button {
        font-size: 12px;
        line-height: 13px;
    }

    .advanced-search-form-parent form.search-form {
        width: 100%;
    }

    .advanced-search-form {
        padding: 0 12px;
    }

    .advanced-search-text-input {
        width: 100%;
    }

    .advanced-search-popup-content fieldset legend,
    .advanced-search-popup-content input.range-numeric-from,
    .advanced-search-popup-content .range-numeric,
    .advanced-search-popup-content label {
        display: block;
        padding: 5px 0 10px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-size: 1em;
        color: #515151;
    }

    #search-filters .filter select:nth-of-type(1) {
        min-width: 42px;
    }

    #search-filters.search-filters-advanced {
        margin-top: 20px;
    }

    #search-filters.search-filters-advanced legend.hidden,
    #search-filters.search-filters-advanced legend {
        padding: 0;
    }

    #search-filters.search-filters-advanced button.search-filter-plus {
        width: 20px;
        margin: 20px 12px 20px 0;
    }

    .advanced-search-popup-content .search-filters > li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 30px;
    }

    .advanced-search-form .search-filters > li input[type="search"],
    .advanced-search-form .search-filters > li input[type="text"] {
        border: 1px solid #9CA19F;
        width: calc( 100% - 290px );
        margin-right: 0;
    }

    .advanced-search-form fieldset.search-filters-advanced fieldset.filter {
        display: flex;
        gap: 6px;
        margin-bottom: 12px;
    }

    .advanced-search-form fieldset.search-filters-advanced fieldset.filter select {
        max-width: 20%;
    }
    .advanced-search-form fieldset.search-filters-advanced fieldset.filter select:nth-child(1) {
        width: 60px;
    }
    .advanced-search-form fieldset.search-filters-advanced fieldset.filter input {
        min-width: 50%;
    }

    .advanced-search-more {
        text-align: center;
        height: 42px;
    }

    .advanced-search-more a {
        display: inline-block;
        background: url(../img/ajouter.svg) center no-repeat;
        margin-left: 6px;
        width: 42px;
        height: 42px;
    }

    .advanced-search-more a:hover {
        background-image: url(../img/ajouter.svg);
    }

    .advanced-search-form ul.search-filters > li > .advanced-search-more {
        display: none;
    }

    .advanced-search-form .more-filters > ul.search-filters > li:last-child > .advanced-search-more {
        display: block;
    }

    .advanced-search-form .select-parent select {
        padding: 11px 30px 11px 3px;
        font-family: "Open Sans", sans-serif;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 20px;
        color: #474948;
    }

    .advanced-search-form .search-filters > li .select-parent {
        border: 1px solid #9CA19F;
        margin-right: 12px;
    }

    .advanced-search-form .search-filters > li .select-parent:nth-child(1) {
        flex: 95px 0 0;
    }

    .advanced-search-form .search-filters > li .select-parent:nth-child(2) {
        flex: 122px 0 0;
    }

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

    /* Item */

    main.item-content {
        min-height: calc( 100vh - 247px );
        padding: 0 80px 50px;
    }

    main.item-content .content {
        width: 100%;
        padding-bottom: 45px;
        border-bottom: 4px solid var(--bg-color);
    }

    .item-content-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 3px solid var(--primary-color);
        margin-top: 5px;
        padding-bottom: 8px;
    }

    .item-content-header h1 {
        margin-bottom: 5px;
    }

    .authors-and-date {
        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        line-height: 33px;
        text-align: center;
    }

    .item-content-header > div {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    main.item-content .document-edition {
        padding: 8px 0;
    }

    ul.resource-metadata {
        padding: 14px 2px;
        color: #000;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        line-height: 21px;
        border-top: 1px solid #CDDAD5;
    }

    ul.resource-metadata label {
        cursor: initial;
    }

    ul.resource-metadata > li,
    ul.resource-metadata .property {
        margin-bottom: 4px;
    }

    ul.resource-metadata label,
    ul.resource-metadata dl dt {
        display: inline;
        font-weight: 700;
    }

    ul.resource-metadata label::after,
    ul.resource-metadata dl dt::after {
        content: ":";
        margin: 0 0 0 2px;
    }

    ul.resource-metadata > li > ul,
    ul.resource-metadata dl dd {
        display: inline;
    }

    ul.resource-metadata > li > ul > li > a,
    ul.resource-metadata .property a {
        color: var(--metadata-link-color);
        font-weight: 700;
        text-decoration: none;
    }

    ul.resource-metadata > li > ul > li > a:hover,
    ul.resource-metadata > li > ul > li > a:hover span,
    ul.resource-metadata .property a:hover,
    ul.resource-metadata .property a span:hover {
        color: var(--link-hover-color);
        text-decoration: underline;
    }

    ul.resource-metadata > li > ul > li,
    ul.resource-metadata dl dd + dd {
        display: inline;
    }

    ul.resource-metadata > li > ul > li + li::before,
    ul.resource-metadata dd + dd::before {
        content: ",";
    }

    ul.resource-metadata > li.subjects > ul > li + li::before,
    ul.resource-metadata .property.subjects dd + dd::before {
        content: ";";
    }

    /* Force une nouvelle ligne quand deux dd à la suite ont une langue différente (titre, résumé, etc.). */
    /* Supprime également la virgule/le point-virgule ajouté. */
    /* Ne fonctionne pas quand les langues sont mélangées. */
    ul.resource-metadata > li > ul > li[lang=en] + li:not(i[lang=en])::before,
    ul.resource-metadata > li > ul > li[lang=fr] + li:not(i[lang=fr])::before,
    ul.resource-metadata > li > ul > li[lang=eng] + li:not([lang=eng])::before,
    ul.resource-metadata > li > ul > li[lang=fra] + li:not([lang=fra])::before,
    ul.resource-metadata > li > ul > li[lang=und] + li:not([lang=und])::before,
    ul.resource-metadata dl dd[lang=en] + dd:not([lang=en])::before,
    ul.resource-metadata dl dd[lang=fr] + dd:not([lang=fr])::before,
    ul.resource-metadata dl dd[lang=eng] + dd:not([lang=eng])::before,
    ul.resource-metadata dl dd[lang=fra] + dd:not([lang=fra])::before,
    ul.resource-metadata dl dd[lang=und] + dd:not([lang=und])::before {
        content: "\A";
        white-space: pre;
    }

    ul.resource-metadata > li.uri,
    ul.resource-metadata dd.uri {
        margin-top: 30px;
    }

    ul.resource-metadata li.value .language,
    ul.resource-metadata dd.value .language {
        font-weight: 200;
        font-style: italic;
        font-size: 13px;
    }

    .resource-metadata-and-document-parts {
        display: flex;
        gap: 80px;
        margin-top: 30px;
    }

    .resource-metadata-and-document-parts ul.resource-metadata {
        flex: calc( 100% - 380px ) 0 0;
        width: calc( 100% - 380px );
        border: none;
    }

    .resource-metadata-and-document-parts .aside-document-parts {
        flex: 300px 0 0;
    }

    .item-reference {
        margin-top: 15px;
        padding: 15px 20px;
        border-radius: 1px;
        background-color: var(--bg-color);
        font-family: 'Open Sans', sans-serif;
        color: #000000;
    }

    .item-reference h3 {
        font-weight: 700;
        font-style: italic;
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 1px;
    }

    .item-reference p {
        font-size: 14px;
        line-height: 21px;
    }

    /* Science ouverte : accueil  */

    main.open-science-content .content,
    main.open-science-home-content .content,
    main.aside-page .content,
    main.simple-page .page-layout-normal,
    main.simple-page .content {
        margin-top: 10px;
    }

    main.open-science-home-content .content,
    main.simple-page .page-layout-normal,
    main.simple-page .content {
        width: 100%;
        padding: 0 15%;
    }

    .open-science-content-header h1,
    .aside-page-header h1 {
        font-size: 31px;
        font-weight: 900;
        line-height: 36px;
        text-align: center;
    }

    .open-science-content-intro,
    .aside-page-intro {
        border-bottom: 4px solid var(--bg-color);
        padding-bottom: 30px;
        margin-top: 16px;
        color: #000000;
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        line-height: 20px;
    }

    .open-science-item-cards {
        display: flex;
        flex-wrap: wrap;
        gap:0 58px;
        margin-bottom: 50px;
    }

    .open-science-item-card {
        flex: calc( 33.33% - 2 / 3 * 58px ) 0 0;
        border-bottom: 4px solid #CDDAD5;
        padding-bottom: 30px;
        margin-top: 30px;
    }

    .open-science-item-card a {
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 900;
        line-height: 22px;
        color: var(--primary-link-color);
        text-decoration: none;
    }

    .open-science-item-card a:hover {
        color: #000;
    }

    .open-science-item-cards .card-image-parent {
        width: 100%;
        overflow: hidden;
        margin:0 0 15px;
        border-bottom: 4px solid #CDDAD5;
    }

    .open-science-item-cards .open-science-item-card-image {
        width: 100%;
        padding-bottom: 60%;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: rgba(233,231,227,0.75);

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

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

    /* Page Science ouverte : navigation */

    .search-results-wrapper .mobile-facets-toggle,
    main.aside-page .mobile-aside-menu-toggle {
        display: none;
    }

    main.open-science-content .content,
    main.aside-page .content {
        padding-bottom: 40px;
    }

    main.open-science-content .aside::before,
    main.open-science-content aside::before,
    main.aside-page .aside::before,
    main.aside-page aside::before {
        display: none;
    }

    main.open-science-content .block.aside,
    main.open-science-content > aside,
    main.aside-page .block.aside,
    main.aside-page > aside {
        flex: 300px 0 0;
        padding-top: 18px;
    }

    main.open-science-content .block.aside + .content,
    main.open-science-content > aside + .content,
    main.aside-page .block.aside + .content,
    main.aside-page > aside + .content {
        flex: calc(100% - 300px) 0 0;
    }

    main.open-science-content .block.aside > nav,
    main.open-science-content .block > aside > nav,
    main.open-science-content > aside > nav,
    main.aside-page .block.aside > nav,
    main.aside-page .block > aside > nav,
    main.aside-page > aside > nav {
        background-color: var(--bg-color);
        padding: 15px 15px;
    }

    main aside .open-science-menu-header {
        display: none;
    }

    main aside > nav > .back-to-list {
        display: flex;
        align-items: center;
        gap: 10px;
        border-bottom: 1px solid #CDDAD5;
        padding-bottom: 13px;
        margin-bottom: 8px;
    }

    main aside > nav > .back-to-list::before {
        content: '';
        display: inline-block;
        background: url(../img/mosaique-on.svg) left center / 20px auto no-repeat;
        width: 20px;
        height: 20px;
    }

    main aside > nav > .back-to-list:hover::before {
        background-image: url(../img/mosaique.svg);
    }

    main aside > nav > .back-to-list > a {
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 900;
        line-height: 20px;
        color: var(--primary-link-color);
        text-transform: uppercase;
        text-decoration: none;
    }

    main aside > nav > .back-to-list:hover > a {
        color: var(--primary-link-hover-color);
    }

    main.open-science-content .block > aside > nav > ul,
    main.aside-page .block > aside > nav > ul,
    main.open-science-content > aside > nav > ul,
    main.aside-page > aside > nav > ul {
        margin-top: 10px;
    }

    main.open-science-content .block > aside > nav > ul > li,
    main.aside-page .block > aside > nav > ul > li,
    main.open-science-content > aside > nav > ul > li,
    main.aside-page > aside > nav > ul > li {
        line-height: 19px;
        margin-top: 10px;
    }

    main.open-science-content .block > aside > nav > ul > li > a,
    main.aside-page .block > aside > nav > ul > li > a,
    main.open-science-content > aside > nav > ul > li > a,
    main.aside-page > aside > nav > ul > li > a {
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 900;
        color: #333333;
        text-transform: uppercase;
        text-decoration: none;
    }

    main.open-science-content .block > aside > nav > ul > li > ul,
    main.aside-page .block > aside > nav > ul > li > ul,
    main.open-science-content > aside > nav > ul > li > ul,
    main.aside-page > aside > nav > ul > li > ul {
        list-style-position: outside;
        list-style-type: square;
        margin: 5px 0 15px 12px;
    }

    main.open-science-content .block > aside > nav > ul > li > ul > li,
    main.aside-page .block > aside > nav > ul > li > ul > li,
    main.open-science-content > aside > nav > ul > li > ul > li,
    main.aside-page > aside > nav > ul > li > ul > li {
        line-height: 16px;
        margin-bottom: 5px;
    }

    main.open-science-content .block > aside > nav > ul > li > ul > li a,
    main.aside-page .block > aside > nav > ul > li > ul > li a,
    main.open-science-content > aside > nav > ul > li > ul > li a,
    main.aside-page > aside > nav > ul > li > ul > li a {
        color: #313232;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
    }

    main.open-science-content .block > aside > nav > ul > li > a:hover,
    main.open-science-content .block > aside > nav > ul > li > ul > li a:hover,
    main.aside-page .block > aside > nav > ul > li > a:hover,
    main.aside-page .block > aside > nav > ul > li > ul > li a:hover,
    main.open-science-content > aside > nav > ul > li > a:hover,
    main.open-science-content > aside > nav > ul > li > ul > li a:hover,
    main.aside-page > aside > nav > ul > li > a:hover,
    main.aside-page > aside > nav > ul > li > ul > li a:hover {
        color: var(--primary-link-hover-color);
    }


    /* Page blocks */

    main .content .page-block h1 {
        font-size: 25px;
        font-weight: bold;
        line-height: 33px;
        text-align: left;
        text-transform: none;
    }

    main.simple-page .page-layout-normal .page-block h1,
    main.simple-page .content .page-block h1 {
        font-size: 31px;
        line-height: 36px;
        font-weight: 900;
        text-align: center;
        text-transform: uppercase;
    }

    main .content .page-block h2 {
        color: #000000;
        font-size: 22px;
        letter-spacing: 0;
        line-height: 22px;
        margin-bottom: 12px;
    }

    main .content .page-block h2 img {
        margin-right: 30px;
        padding-bottom: 10px;
    }

    main .content .page-block h3 {
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
    }

    .page-block {
        font-family: "Open Sans", sans-serif;
        margin-bottom: 20px;
    }

    .page-block p,
    .page-block ol,
    .page-block ul {
        color: #000000;
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 8px;
    }

    .page-block ol,
    .page-block ul {
        list-style: disc;
        list-style-position: outside;
        margin-left: 22px;
    }

    .page-block h2 {
        border-top: 4px solid var(--bg-color);
        padding-top: 25px;
        margin-top: 30px;
    }

    .block-pageTitle + .block-html h2,
    .page-block.block-title + .page-block h2 {
        border: none;
        padding-top: 0;
        padding-bottom: 10px;
        margin-top: 0;
    }

    .page-block strong {
        font-weight: 700;
    }

    .page-block a {
        font-weight: 700;
        text-decoration: none;
        color: var(--primary-link-color);
    }

    .page-block a:hover {
        color: var(--link-hover-color);
    }

    .page-block iframe,
    .page-block a > img {
        width: 100%;
    }

    .page-block iframe {
        margin-top: 15px !important;
    }

    .page-block.block-html .image-caption,
    .page-block.page-block-image-with-caption {
        padding: 5px 0 10px;
        margin-bottom: 20px;
    }

    .page-block.block-html .image-caption a,
    .page-block.page-block-image-with-caption a {
        font-size: 13px;
        font-weight: 600;
        color: #000000;
        text-decoration: none;
    }

    .page-block.block-html .image-caption a:hover,
    .page-block.page-block-image-with-caption a:hover {
        color: var(--link-hover-color);
    }

    .page-block.block-html .image-caption,
    .page-block.page-block-image-with-caption .image-caption {
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        font-style: italic;
        font-weight: 600;
        line-height: 20px;
    }

    .page-block-encadre-image {
        display: flex;
        gap: 20px;
        padding: 30px 22px;
        background-color: var(--bg-color);
        margin: 25px 0;
    }

    .page-block-encadre-image > div:first-child {
        display: block;
        flex: 157px 0 0;
        width: 157px;
        height: auto;
    }

    .page-block-encadre-image > div:last-child {
        flex: calc( 100% - 157px - 20px ) 0 0;
    }


    /* Login */

    .login main .content h1 {
        margin-bottom: 42px;
    }

    .login main .content > .page-block:last-child {
        padding: 20px 30%;
        border-top: 1px solid var(--primary-color);
        border-bottom: 1px solid var(--primary-color);
    }

    .login main .content form {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .login main .content form .field {
        width: 100%;
        padding-bottom:15px;
    }

    .login main .content form .field .inputs {
        width: 100%;
        padding-left: 0;
    }

    .login main .content form .field .inputs input {
        padding: 7px 10px;
        border: 1px solid #9CA19F;
        border-radius: 2px;
        color: #000000;
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        letter-spacing: 0;
        line-height: 20px;
        text-align: justify;
    }

    .login main .content form .field .field-meta {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .login main .content form .field .field-meta::after {
        margin-left: 5px;
        margin-top: -5px;
    }

    .login main .content form input[type="submit"] {
        align-self: center;
        margin: 20px 0 25px;
    }

    /* Se connecter via Shibboleth */
    .login main .content h1 + .page-block .forgot-password {
        text-align: left;
    }

    .login main .content h1 + .page-block .forgot-password a {
        padding-right: 18px;
        background: url(../img/fleche-suivant.svg) center right / auto 10px no-repeat;
        color: var(--primary-link-color);
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        line-height: 20px;
        text-transform: uppercase;
    }

    /* Mot de passe oublié */
    .login main .content p.forgot-password {
        text-align: center;
    }

    .login main .content .page-block p.forgot-password a {
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 20px;
    }

    .account .logout.form-buttons {
        margin: 30px 0;
    }

    /* Contacts */

    main.contact-content .content {
        width: 100%;
    }

    main.contact-content .content  .content-header {
        text-align: center;
    }

    main.contact-content .content  h1 {
    }

    .content-form-parent {
        display: flex;
        margin-top: 18px;
    }

    .content-form-parent > div:first-child {
        flex:300px 0 0;
        background-color: var(--bg-color);
        padding: 40px;
        display: flex;
        flex-direction: column;
    }

    .content-form-parent > div:first-child img {
        width: 120px;
        height: auto;
        margin: 50px auto;
    }

    .content-form-parent > div:first-child > p {
        color: #474948;
        font-family: 'Open Sans', sans-serif;
        font-style: italic;
        font-size: 20px;
        line-height: 31px;
        text-align: center;
    }

    .content-form-parent > form {
        flex:calc( 100% - 300px ) 0 0;
        border: 3px solid var(--bg-color);
        padding: 20px 30px 20px 25px;
    }

    .content-form-parent > form#contact-us > div:first-child > p {
        font-size: 14px;
        line-height: 21px;
    }

    .content-form-parent > form > div {
        margin-bottom: 15px;
    }

    .content-form-parent input[type="search"],
    .content-form-parent input[type="email"],
    .content-form-parent input[type="text"] {
        border: 1px solid #9CA19F;
        border-radius: 2px;
    }

    .content-form-parent textarea {
        border: 1px solid #9CA19F;
        border-radius: 2px;
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        line-height: 20px;
        color: #000;
    }

    .content-form-parent .form-buttons {
        padding-top: 20px;
        justify-content: center;
    }

    .content-form-parent .form-buttons .form-button {
        font-size: 12px;
    }

}

@media screen and (max-width: 1300px) {

    #user-bar.fixed {
        position: fixed;
        width: 100%;
    }

    .content-with-margin {
        width: calc(100% - 80px);
        margin-left: 40px;
        margin-right: 40px;
    }

    .header-top.content-with-margin {
        margin-right: 0;
        width: calc(100% - 40px);
    }

    .header-top a.login-link {
        padding: 27px 10px 4px;
    }

    /* Accueil - dépôt */
    /* 1300 --> 390px - padding 72px */
    /* 1024 --> 300px - padding 12px */
    main .block.aside + .content,
    main .block.aside + .block,
    main > aside + .content {
        flex: calc(100% - 32vw + 34px) 0 0;
        padding-left: calc(9.78vw - 55px);
    }

    main .block.aside,
    main .block > aside,
    main > .aside,
    main > aside {
        flex: calc(32vw - 34px) 0 0;
        align-self: flex-start;
    }

    /* Consulter - recherche + science ouverte */
    /* 1300 --> 300px - padding 45px */
    /* 1024 --> 236px - padding 12px */
    main.open-science-content .aside,
    main.open-science-content aside,
    main.resources-list-and-filters .aside,
    main.resources-list-and-filters aside,
    main.aside-page .aside,
    main.aside-page aside {
        flex: calc(23vw - 2px) 0 0;
    }

    main.open-science-content .block.aside + .content,
    main.open-science-content > aside + .content,
    main.resources-list-and-filters .block.aside + .content,
    main.resources-list-and-filters > aside + .content,
    main.aside-page .block.aside + .content,
    main.aside-page > aside + .content {
        flex: calc(100% - 23vw + 2px) 0 0;
        padding-left: calc(12vw - 110px);
    }


    /* User account */
    main.user-account .content {
        padding-left: calc(30vw - 270px);
        padding-right: calc(30vw - 270px);
    }

    main.user-account .content .user-content {
        border-bottom: 4px solid #CDDAD5;
    }

    ul.resources-list > li:last-child .document-details {
        border-bottom: none;
    }

    main.open-science-content .content,
    main.aside-page .content {
        padding: 0 calc(20vw - 180px);
    }

    .open-science-item-cards {
        gap: 0 calc(5.75vw - 17px);
    }

    .open-science-item-card {
        flex: calc(33.33% - 2 / 3 * (5.75vw - 17px)) 0 0;
    }

}

@media screen and (max-width: 1024px) {

    #user-bar {
        display: none;
    }

    #user-bar + header {
        /* margin-top: 62px; */
    }

    a.logo-header {
        flex: 150px 0 0;
        width: 150px;
    }

    .header-bottom a {
        font-size: 14px;
    }

    .header-bottom li.active a,
    .header-bottom a:hover {
        background-position: top 5px left;
    }

    .header-bottom > ul > li:not(:last-child){
        margin-right: 10px;
    }

    .search-form-parent {
        padding-left: 15px;
    }

    form.search-form {
        width: auto;
    }

    .search-form-parent form.search-form {
        width: 80%;
    }

    /* Accueil - dépôt */
    /* 1024 --> 300px - padding 12px */

    main .block.aside + .content,
    main .block.aside + .block,
    main > aside + .content {
        flex: calc( 100% - 300px ) 0 0;
        width: calc( 100% - 300px );
        padding-left: calc( 8.5vw - 62px );
    }

    main .block.aside,
    main .block > aside,
    main > .aside,
    main > aside {
        flex: 300px 0 0;
    }

    /* Consulter - recherche + science ouverte */
    /* 1024 --> 236px - padding 12px */
    main.open-science-content .aside,
    main.open-science-content aside,
    main.resources-list-and-filters .aside,
    main.resources-list-and-filters aside,
    main.aside-page .aside,
    main.aside-page aside {
        flex: 236px 0 0;
    }

    main.open-science-content .block.aside + .content,
    main.open-science-content > aside + .content,
    main.resources-list-and-filters .block.aside + .content,
    main.resources-list-and-filters > aside + .content,
    main.aside-page .block.aside + .content,
    main.aside-page > aside + .content {
        flex: calc( 100% - 236px ) 0 0;
        padding-left: 12px;
    }

}

@media screen and (max-width: 900px) {

    .content-with-margin {
        width: calc( 100% - 24px );
        margin-left: 12px;
        margin-right: 12px;
    }

    .header-top.content-with-margin {
        justify-content: space-between;
        margin-right: 0;
        width: calc( 100% - 12px );
    }

    .header-top a.support-link span {
        display: none;
    }

    main .block.aside + .content,
    main .block.aside + .block,
    main > aside + .content {
        padding-left: 12px;
    }

    main aside .aside-content {
        padding-left: 45px;
        padding-right: 45px;
    }

    /* */

    main.depot-content {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 35px;
    }

    /* Sur mobile, l'encart n'apparaît que sur le premier écran */
    main.depot-content aside {
        display: none;
    }

    main.depot-content aside.depot-admin-message,
    main.depot-content.depot-form-1 aside {
        display: block;
        flex: unset;
    }

    main.depot-content .content ul.bilan-depot,
    main.depot-content .content > form a.document-preview,
    main.depot-content .content .depot-admin-message {
        margin-left: 30px;
    }

    main.depot-content .content ul.bilan-depot {
        padding-left: 0;
    }

    main.depot-content .block > aside,
    main.depot-content > aside {
        margin-top: 0;
        margin-bottom: 25px;
    }

    main.depot-content .block.aside,
    main.depot-content .block > aside,
    main.depot-content .block.aside + .content,
    main.depot-content > aside,
    main.depot-content > aside + .content {
        width: 100%;
        padding-left: 0;
    }

    main.depot-content .block.aside + .content,
    main.depot-content > aside + .content {
        padding: 0 45px;
    }

    main.depot-content .content h2 {
        font-size: 18px;
        line-height: 26px;
    }

    main.depot-content .content ul.bilan-depot,
    main.depot-content .content > form a.document-preview,
    main.depot-content .content .depot-admin-message {
        margin-left: 10px;
    }

    form + .form-buttons:last-child,
    ul.navigation.precedent-suivant:last-child {
        margin-bottom: 0;
    }

    /* */

    ul.resources-list > li a {
        margin-right: 5px;
    }

    /* */

    .search-results-tools .select-parent.export-select {
        margin-right: 3px;
    }

    .form-button.export-button {
        padding: 7px 15px;
        font-size: 11px;
    }

    .search-results-tools > li:first-child {
        margin-left: 0;
    }

    .search-results-tools > li:last-child {
        margin: 0;
    }

    .popup-scroll-content {
        max-width: 100vw;
        padding: 0 15px 30px;
    }

    .advanced-search-form-parent {
        padding: 60px 20px 10px;
    }

    .advanced-search-form {
        padding: 0;
    }

    /* */

    main.item-content {
        padding-left: calc( 50vw - 370px );
        padding-right: calc( 50vw - 370px );
    }

    main.item-content .content {
        border: none;
    }

    .resource-metadata-and-document-parts {
        gap: 40px;
    }

}

/* Menu Mobile */

@media screen and (max-width: 740px) {

    header {
        width: 100vw;
        height: 52px;
        position: fixed;
        top:0;
        left:0;
        z-index: 3;
        border-bottom: 4px solid var(--primary-color);
    }

    a.logo-header {
        width: 144px;
        height: 50px;
        padding: 0;
        margin-left: 36px;
        background: url(../img/logo_UTTheme-mobile1.svg) left center / 144px auto no-repeat;
    }

    .header-bottom a {
        font-size: 14px;
    }

    .header-bottom > ul > li:not(:last-child){
        margin-right: 0;
    }

    .header-top-links,
    a.logo-header {
        position: relative;
        z-index: 10;
    }

    .header::before {
        content: '';
        position: relative;
        z-index: 9;
        display: block;
        width: 100%;
        height: 100%;
        background-color: rebeccapurple;
    }

    .search-form-mask {
        overflow: hidden;
        position: absolute;
        width: 100vw;
        height: 500px;
        left: 0;
        top: 52px;
        pointer-events: none;
    }

    .search-form-parent {
        width: 100vw;
        background-color: #F4F7F6;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
        padding: 27px;

        flex-direction: column;
        gap: 15px;

        transform: translateY(-150%);
        transition: transform ease-in-out 0.5s;
        pointer-events: none;
    }

    .search-form-parent.opened {
        transform: translateY(0%);
        pointer-events: auto;
    }

    .header-top a.contact-link {
        display: none;
        margin: 0 5px;
    }

    .header-top a.support-link {
        margin: 0 5px;
        background-position: center;
        background-size: 20px auto;
    }

    .header-top a.support-link span {
        display: none;
    }

    .header-top a.login-link {
        align-self:center;
        height: 25px;
        padding: 0 16px 0 2px;
        background-color: transparent;
        background-position: center;
    }

    .header-top a.login-link::before {
        width: 25px;
        height: 22px;
        background-size: 21px auto;
        background-position: center bottom;
    }

    .header-top a.login-link span {
        display: none;
    }

    .header-top a.search-menu-toggle {
        margin: 0 3px;
        display: block;
    }

    .header-bottom {
        position: relative;
        z-index: 4;

        align-items: flex-start;
        width: 282px;
        height: calc( 100vh - 50px );
        background-color: var(--primary-color);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);

        transform: translateX(-110%);
        transition: transform ease-in-out 0.5s;
    }

    .header-bottom ul.content-with-margin {
        margin: 0;
    }

    .header-bottom.opened {
        transform: translateX(0%);
    }

    .header-bottom > ul {
        flex-direction: column;
        padding: 22px 0 0 10px;
    }

    .header-bottom > ul > li {
        padding: 10px 0;
    }

    header .hamburger-parent {
        position: absolute;
        z-index: 10;

        padding:0;
        display: block;
        top:13px;
        left:12px;
    }

    /* */

    footer {
        padding: 38px 10px 30px;
        height: auto;
    }

    footer::before {
        content: '';
        display: block;
        width: 166px;
        height: 46px;
        margin-bottom: 14px;
        background: url(../img/logo_UT-pieddepage.svg) center / 166px auto no-repeat;
        transform: translateX(-50%);
        left: 50%;
        position: relative;
    }

    footer ul {
        flex-direction: column;
        height: auto;
        gap: 3px;
    }

    footer ul > li {
        height: 20px;
    }

    footer ul > li:not(:last-child)::after {
        display: none;
    }

    footer ul > li > a {
        font-size: 12px;
        font-weight: 700;
        line-height: 23px;
    }

    .cd-top {
        bottom: 68px;
    }

    /* */

    .breadcrumbs {
        display: none;
    }

    main {
        min-height: calc( 100vh - 205px );
    }

    /* Colonnes Accueil */

    main.home-content,
    main .page-layout-normal {
        flex-direction: column;
    }

    main.depot-content,
    main.home-content {
        margin-top: 72px !important; /* header's height */
    }

    main.depot-content .content > form div.form-content .group-input-part,
    main.depot-content .content > form div.form-content .group-input-part .input-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        flex: 100%;
    }

    main.depot-content .content > form div.form-content .group-input-part .input-body .input-container > input,
    main.depot-content .content > form div.form-content .group-input-part .input-body > * {
        width: 100%;
        margin-bottom: 10px;
    }

    main.depot-content .content > form div.form-content .group-input-part .input-body.with-3-children {
        max-width: 100%;
    }

    main.depot-content .content > form div.form-content .group-input-part .input-body .input:not(:last-child) {
        margin-right: 0;
    }

    main.depot-content .content > form div.form-content .group-input-part .input-body.with-3-children > div {
        flex: 100%;
    }

    main.home-content .content h1 {
        margin-left: 0;
    }

    main aside {
        flex: auto;
        padding-top: 20px;
        margin-bottom: 15px;
    }

    main .block.aside + .content,
    main .block.aside + .block,
    main > aside + .content {
        width: auto;
        padding-left: 0;
    }

    main aside::before {
        height: 40px;
        background-size: 40px auto !important;
    }

    main aside .aside-content {
        padding-top: 28px;
        font-size: 12px;
        line-height: 19px;
    }

    main.item-content aside {
        padding-top: 32px;
        margin-bottom: 50px;
    }

    main.item-content aside::before {
        height: 64px;
        background-size: 64px auto !important;
    }

    main.item-content aside .aside-content {
        padding-top: 48px;
    }

    main.item-content .item-reference {
        margin: 0 0 15px;
    }

    main aside p.aside-contact-link {
        padding-top: 2px;
    }

    main aside p.aside-contact-link a {
        font-size: 12px;
        line-height: 17px;
    }

    main aside .aside-content h4 {
        font-size: 14px;
    }

    main.depot-content aside .aside-content h4 {
        font-size: 12px;
    }

    main aside ul,
    main.home-content aside .aside-more-link {
        display: none;
    }

    main aside p.aside-download-link {
        border: none;
        padding: 5px 0;
        margin-top: 0;
        text-align: center;
    }

    main aside p.aside-download-link a {
        font-size: 12px;
        font-weight: 900;
        line-height: 13px;
    }

    main.depot-content aside p.aside-download-link a {
        font-size: 11px;
    }

    main.home-content aside.aside-interrogation {
        margin-bottom: 35px;
    }

    main.depot-content aside.aside-interrogation .aside-content {
        padding-top: 25px;
    }

    main.depot-content .block > aside,
    main.depot-content > aside {
        margin-bottom: 10px;
    }

    main.depot-content aside .aside-more-link {
        margin-bottom: 0;
    }

    main.depot-content aside .aside-more-link a {
        background: none;
        padding: 0;
        font-size: 11px;
    }

    main.depot-content .block.aside + .content,
    main.depot-content > aside + .content {
        padding: 0;
    }

    main aside.aside-interrogation .aside-content {
        padding: 28px 22px 10px;
    }

    main .content h1 {
        font-size: 20px;
        line-height: 33px;
    }

    main.depot-content .content h1 {
        font-size: 23px;
        line-height: 27px;
    }

    ul.navigation.etapes-depot {
        padding-top: 5px;
        margin-bottom: 8px;
    }

    ul.navigation.etapes-depot li {
        height: 28px;
        vertical-align: top;
    }

    ul.navigation.etapes-depot li button,
    ul.navigation.etapes-depot li a {
        height: 28px;
        margin: 0 16px;
        font-size: 9px;
        font-weight: 700;
        line-height: 28px;
    }

    ul.navigation.etapes-depot li button::before,
    ul.navigation.etapes-depot li a::before {
        left: -14px;
    }

    ul.navigation.etapes-depot li button::before,
    ul.navigation.etapes-depot li button::after,
    ul.navigation.etapes-depot li a::before,
    ul.navigation.etapes-depot li a::after {
        height: 28px;
        background-size: auto 28px;
    }

    main.depot-content .content .fields-date,
    main.depot-content .content .add-document-to-depot-btn {
        margin-left: 12px;
        margin-right: 12px;
    }

    main.depot-content .content .fields-date {
        margin-top: 6px;
    }


    /* */

    .document-edition {
        display: block;
    }

    .document-edition .document-status-infos,
    .form-buttons {
        justify-content: flex-start;
        margin-bottom: 16px;
    }

    .depot-content .form-buttons {
        justify-content: center;
        margin-bottom: 26px;
    }

    .document-edition .document-status-infos {
        display: block;
    }

    .form-buttons .form-button {
        font-size:12px;
        line-height: 13px;
        padding-bottom: 9px;
    }

    ul.navigation.precedent + .form-buttons,
    ul.navigation.precedent-suivant + .form-buttons,
    ul.navigation.suivant + .form-buttons {
        margin: 22px 0 0;
    }

    /* */

    main.resources-list-and-filters aside .form-buttons {
        gap: 5px;
    }

    ul.resources-list .document-index {
        min-width: 30px;
        margin-right: 6px;
        margin-top: 25px;
        font-size: 20px;
        line-height: 22px;
    }

    ul.resources-list > li a {
        font-size: 13px;
        line-height: 17px;
    }

    ul.resources-list > li.resources-list-more-link a {
        padding: 10px 0 8px 0;
    }

    aside a.resources-list-close-page-menu,
    aside a.resources-list-close-filters,
    .content a.resources-list-toggle-page-menu,
    .content a.resources-list-toggle-filters {
        display: block;
    }

    .content a.resources-list-toggle-page-menu,
    .content a.resources-list-toggle-filters {
        display: inline-block;
        width: auto;
        padding: 11px 8px 10px 28px;
        border-radius: 2px;
        background-color: var(--bg-color);
        background-position: left 6px center;
        margin-bottom: 16px;
    }

    /* User account */

    main.user-account {
        margin-top: 62px !important; /* header's height */
    }

    main.user-account.user-infos .content .user-content {
        padding-bottom: 20px;
    }

    main.user-account .content ul.user-tabs {
        margin-top: 15px;
    }

    main.user-account .content ul.user-tabs {
        align-items: center;
    }

    main.user-account .content ul.user-tabs > li {
        min-height: 36px;
    }

    main.user-account .content ul.user-tabs > li > a {
        padding: 3px 15px 0 15px;
        font-size: 11px;
        line-height: 15px;
        vertical-align: middle;
        min-width: unset;
    }

    main.user-account.user-infos .content ul.user-infos {
        background: none;
        padding: 16px 0 20px 12px;
    }

    .user-account .document-count {
        padding: 16px 12px 0 15px;
        margin-top: 0;
    }

    ul.resources-list .document-details {
        padding-bottom: 0;
    }

    ul.resources-list .document-link {
        margin-bottom: 8px;
    }

    .form-buttons {
        margin-bottom: 10px;
    }

    .form-buttons .form-button {
        font-size: 12px;
        line-height: 13px;
    }

    .form-button.delete-button,
    .form-button.edit-button {
        background-size: 12px auto;
    }

    .document-edition-date,
    .document-edition-status {
        font-size: 11px;
        line-height: 15px;
        margin-bottom: 7px;
    }

    .document-edition.document-parts > li {
        flex-direction: column;
        align-items: flex-start;
    }

    .document-edition.document-parts > li .form-buttons {
        margin-bottom: 2px;
    }

    .document-edition.document-parts + .document-edition {
        padding-left: 0;
    }

    .document-edition.document-parts + .document-edition .form-buttons {
        margin-bottom: 0;
    }

    main.user-account ul.resources-list .document-link {
        margin-bottom: 10px;
    }

    /* User account */

    main.user-account {
        min-height: calc( 100vh - 260px );
    }

    /* Consulter */

    main.open-science-content,
    main.resources-list-and-filters,
    main.aside-page {
        flex-direction: column;
        margin-top: 72px;
    }

    main.open-science-content .block.aside,
    main.open-science-content > aside, main.aside-page .block.aside,
    main.aside-page > aside {
        flex: unset;
    }

    main.open-science-content aside,
    main.resources-list-and-filters aside,
    main.aside-page aside {
        position: fixed;
        top: 0;
        left: 0;

        width: 250px;
        height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 78px 12px 12px 12px;
        background-color: #CDDAD5;

        transform: translateX(-100%);
        transition: transform ease-in-out 0.35s;
    }

    main.resources-list-and-filters aside {
        background-color: #CDDAD5;
    }

    main.open-science-content aside.opened,
    main.resources-list-and-filters aside.opened,
    main.aside-page aside.opened {
        transform: translateX(0%);
    }

    main.open-science-content .aside ul,
    main.open-science-content aside ul,
    main.resources-list-and-filters .aside ul,
    main.resources-list-and-filters aside ul,
    main.aside-page .aside ul,
    main.aside-page aside ul {
        display: block;
    }

    main.open-science-content .block.aside + .content,
    main.open-science-content > aside + .content,
    main.resources-list-and-filters .block.aside + .content,
    main.resources-list-and-filters > aside + .content,
    main.aside-page .block.aside + .content,
    main.aside-page > aside + .content {
        padding-left: 0;
    }

    main.resources-list-and-filters .content h1 {
        font-size: 20px;
        font-weight: 700;
        line-height: 33px;
    }

    main.resources-list-and-filters ul.resources-list {
        margin-top: 22px;
    }

    .search-results-details {
        font-size: 13px;
        line-height: 18px;
    }

    .search-results-wrapper .mobile-facets-toggle {
        background: #F2F5F4 url(../img/filtres.svg) left 6px center / 18px auto no-repeat;
    }

    main.aside-page .mobile-aside-menu-toggle {
        background: #F2F5F4 url(../img/menu-so.svg) left 6px center / auto 14px no-repeat;
    }

    main.aside-page .items-list-toggle-page-menu {
        padding-left: 33px;
        font-weight: 600;
        text-transform: uppercase;
        background: url(../img/menu-so.svg) left 6px center / auto 14px no-repeat;
    }

    .open-science-menu-header {
        position: relative;
        margin-bottom: 10px;
    }

    .open-science-menu-header a.items-list-close-page-menu {
        position: absolute;
        top: 7px;
        right: 2px;
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url(../img/fermer_noir.svg) left center / 18px auto no-repeat;
    }

    /* */

    .advanced-search-popup h1 {
        font-size: 20px;
        line-height: 33px;
        padding-bottom: 23px;
        margin-bottom: 19px;
    }

    .advanced-search-form-parent {
        padding: 42px 20px 0;
    }

    .advanced-search-form fieldset.search-filters-advanced fieldset.filter {
        display: block;
    }
    .advanced-search-form fieldset.search-filters-advanced fieldset.filter input,
    .advanced-search-form fieldset.search-filters-advanced fieldset.filter select {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .advanced-search-form ul.search-filters > li {
        flex-wrap: wrap;
    }

    .advanced-search-form .search-filters > li .select-parent select {
        height: 31px;
        padding: 2px 30px 2px 3px;
    }

    .advanced-search-form .search-filters > li .select-parent:nth-child(1) {
        flex: 40% 0 0;
        margin-right: 18px;
    }

    .advanced-search-form .search-filters > li .select-parent:nth-child(2) {
        flex: calc( 60% - 18px ) 0 0;
        margin-right: 0;
    }

    .advanced-search-form .search-filters > li input[type="search"],
    .advanced-search-form .search-filters > li input[type="text"] {
        flex: 100% 0 0;
        height: 31px;
        margin-top: 15px;
    }

    .advanced-search-popup-content .search-filters > li {
        margin-bottom: 38px;
    }

    .advanced-search-form .more-filters > ul.search-filters > li:last-child > .advanced-search-more {
        width: 100%;
    }

    /* Limited access popup */

    .limited-access-popup-content {
        padding: 42px 0;
    }

    .limited-access-popup .close-popup-btn {
        top: 12px;
    }

    .limited-access-form-parent {
        background-size: auto 40px;
        padding: 62px 12px 10px;
    }

    .limited-access-form-parent p {
        width: 75%;
        margin: 15px auto 20px;

        font-size: 16px;
        font-style: italic;
        line-height: 23px;
        color: #474948;
        text-align: center;
    }

    .limited-access-form-parent h1 {
        font-size: 23px;
        line-height: 27px;
    }

    /* Item */

    main.item-content {
        margin-top: 62px !important; /* header's height */
    }

    main.item-content .content h1 {
        font-size: 18px;
        line-height: 26px;
    }

    .authors-and-date {
        font-size: 15px;
        line-height: 33px;
    }

    main.item-content .document-edition {
        padding: 4px 0;
    }

    main.item-content .document-edition .form-buttons {
        flex-wrap: wrap;
        justify-content: center;
    }

    main.item-content .document-edition .form-buttons {
        flex-wrap: wrap;
        justify-content: center;
    }

    main.item-content .document-edition .form-buttons li {
        display: flex;
    }

    main.item-content .document-edition .form-buttons .form-button {
        padding-bottom: 5px;
    }

    main.item-content {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 35px;
    }

    main.item-content .content {
        padding-bottom: 0;
    }

    ul.resource-metadata {
        padding-top: 20px;
    }

    .resource-metadata-and-document-parts {
        flex-direction: column;
        margin-top: 25px;
        gap:30px;
    }

    .resource-metadata-and-document-parts .aside-document-parts,
    .resource-metadata-and-document-parts ul.resource-metadata {
        flex: 100%;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .resource-metadata-and-document-parts ul.resource-metadata {
        padding-top: 0;
    }

    .resource-metadata-and-document-parts .aside-document-parts ul {
        display: block;
    }


    /* Science ouverte */

    main.open-science-home-content,
    main.open-science-content,
    main.contact-content,
    main.aside-page,
    main.simple-page {
        margin-top: 65px !important; /* header's height */
    }

    main.contact-content {
        margin-bottom: 52px;
    }

    main.open-science-home-content .content,
    main.simple-page .page-layout-normal,
    main.simple-page .content {
        padding: 0;
    }

    main.open-science-content .content h1,
    main.aside-page .content h1 {
        font-size: 23px;
        line-height: 27px;
    }

    .open-science-content-intro,
    .aside-page-intro {
        margin-top: 12px;
    }

    main.aside-page .items-list-toggle-page-menu,
    .search-results-wrapper .mobile-facets-toggle,
    main.aside-page .mobile-aside-menu-toggle {
        align-self: flex-start;
        display: inline-block;
        width: auto;
        padding: 7px 7px 7px 30px;
        background: #F2F5F4 url(../img/menu-so.svg) left 6px center / auto 14px no-repeat;

        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 15px;
        text-decoration: none;
        text-transform: uppercase;
        border-radius: 2px;
        margin: 10px 0 12px;
    }

    /* Page Science ouverte */

    main aside .open-science-menu-header {
        display: block;
    }

    main.open-science-content .content,
    main.aside-page .content {
       margin-top: 0;
    }

    main.open-science-content .content h1,
    main.aside-page .content h1 {
        font-size: 18px;
        line-height: 26px;
    }

    main .content .page-block h2 {
        font-size: 16px;
        line-height: 19px;
    }

    .page-block-encadre-image {
        flex-direction: column;
    }

    /* Contact */

    .content-form-parent {
        flex-direction: column;
    }

    .content-form-parent > div:first-child {
        flex: auto 0 0;
        padding: 30px 12px 20px;
    }

    .content-form-parent > div:first-child img {
        margin: 20px auto;
        width: calc( 10vw );
        min-width: 50px;
    }

    .content-form-parent > div:first-child > p {
        font-size: 16px;
        line-height: 20px;
    }

}

@media screen and (max-width: 500px) {

    .resources-list-tools {
        flex-direction: column;
        padding: 14px 30px 14px;
        margin: 12px -12px;
    }

    .resources-list-tools > li {
        width: 100%;
    }

    .search-results-tools {
        flex-wrap: wrap;
        justify-content: space-around;
        margin-left: -12px;
        margin-right: -12px;
    }

    .search-results-tools > li:last-child {
        flex: 100% 0 0;
        margin-top: 12px;
        margin-bottom: 4px;
    }

    .search-results-tools > li:nth-child(1),
    .search-results-tools > li:nth-child(3) {
        margin: 0;
    }

    .search-results-tools > li:nth-child(1) {
        padding-right: 10px;
        border-right: 1px solid #000;
    }

    .search-results-tools > li:nth-child(3) {
        padding-left: 5px;
    }

    .search-results-tools > li:nth-child(1) {
        padding-right: 0;
        border-right: none;
    }

    .search-results-tools > li:nth-child(3) {
        padding-left: 5px;
    }

    .search-results-tools > li.search-results-tools-separator {
        display: none;
    }

    .resources-list-tools .resources-list-selects {
        justify-content: space-between;
        margin-bottom: 10px;
    }

    main.resources-list-and-filters .resources-pagination {
        justify-content: center;
    }

    .etapes-depot + ul.navigation.precedent,
    .etapes-depot + ul.navigation.precedent-suivant,
    .etapes-depot + ul.navigation.suivant,
    ul.navigation.etapes-depot {
        padding-left: 12px;
        padding-right: 12px;
        width: 100vw;
        margin-left:-12px;
        margin-right:-12px;
    }

    /* Science ouverte */

    .open-science-item-cards {
        display: block;
        padding: 0 45px;
    }

    .open-science-item-card {
        margin-top: 36px;
    }

}

@media screen and (max-width: 340px) {

    .search-results-tools {
        flex-direction: column;
    }

    .search-results-tools > li:nth-child(1) {
        padding-right: 0;
        border-right: none;
    }

}