/******CG14*****/
@import url("https://unpkg.com/@phosphor-icons/web@2.1.1/src/duotone/style.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/******Font*********/

/* urbanist-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Urbanist';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/urbanist-v18-latin-regular.eot');
    /* IE9 Compat Modes */
    src: url('fonts/urbanist-v18-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/urbanist-v18-latin-regular.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/urbanist-v18-latin-regular.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/urbanist-v18-latin-regular.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/urbanist-v18-latin-regular.svg#Urbanist') format('svg');
    /* Legacy iOS */
}

/* urbanist-500 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Urbanist';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/urbanist-v18-latin-500.eot');
    /* IE9 Compat Modes */
    src: url('fonts/urbanist-v18-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/urbanist-v18-latin-500.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/urbanist-v18-latin-500.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/urbanist-v18-latin-500.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/urbanist-v18-latin-500.svg#Urbanist') format('svg');
    /* Legacy iOS */
}

/* urbanist-600 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Urbanist';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/urbanist-v18-latin-600.eot');
    /* IE9 Compat Modes */
    src: url('fonts/urbanist-v18-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/urbanist-v18-latin-600.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/urbanist-v18-latin-600.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/urbanist-v18-latin-600.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/urbanist-v18-latin-600.svg#Urbanist') format('svg');
    /* Legacy iOS */
}

/* urbanist-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Urbanist';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/urbanist-v18-latin-700.eot');
    /* IE9 Compat Modes */
    src: url('fonts/urbanist-v18-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/urbanist-v18-latin-700.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/urbanist-v18-latin-700.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/urbanist-v18-latin-700.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/urbanist-v18-latin-700.svg#Urbanist') format('svg');
    /* Legacy iOS */
}

/* urbanist-800 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Urbanist';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/urbanist-v18-latin-800.eot');
    /* IE9 Compat Modes */
    src: url('fonts/urbanist-v18-latin-800.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/urbanist-v18-latin-800.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/urbanist-v18-latin-800.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/urbanist-v18-latin-800.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/urbanist-v18-latin-800.svg#Urbanist') format('svg');
    /* Legacy iOS */
}

/* urbanist-900 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Urbanist';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/urbanist-v18-latin-900.eot');
    /* IE9 Compat Modes */
    src: url('fonts/urbanist-v18-latin-900.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/urbanist-v18-latin-900.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/urbanist-v18-latin-900.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/urbanist-v18-latin-900.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/urbanist-v18-latin-900.svg#Urbanist') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: "Phosphor-Duotone";
    src: url("https://unpkg.com/@phosphor-icons/web@2.1.1/src/duotone/Phosphor-Duotone.woff2") format("woff2"),
        url("https://unpkg.com/@phosphor-icons/web@2.1.1/src/duotone/Phosphor-Duotone.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.ph-duotone {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "Phosphor-Duotone" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:root {
    /************General*****************/
    --panel-front-padding: var(--spacer-16) 0;
    /*****Colors********/
    --color-white: #fff;
    --color-black: #000;
    --color-neutral: #FFF;
    --color-text-light: #fff;
    --color-text-medium: #61779E;
    --color-text-dark: var(--color-text);
    --color-text: var(--color-black);
    --color-primary: #D3254C;
    --color-primary-light: #F5F1F0;
    --color-primary-highlight: #fafafa;
    --color-secondary: #EBF2FB;
    --color-secondary-light: var(--color-white);
    --color-tertiary: #FEC210;
    --color-dark-blue: #0E3B7A;
    --color-accent-primary: #D3254C;
    --color-accent-secondary: #D5E6F5;
    --color-accent-tertiary: #FFF;
    --color-on-accent-secondary: var(--color-black);
    --color-danger: #FC3D3D;
    --color-available: #008000;

    /****Fonts****/
    --font-family: 'Urbanist';
    --font-size: 1.125rem;
    --line-height: 1.4;
    --h1-font-size: 2.25rem;
    --h2-font-size: 1.75rem;
    --h3-font-size: 1.5rem;
    --h4-font-size: 1.375rem;
    --h5-font-size: 1.25rem;
    --h6-font-size: 1.125rem;
    --p-font-size: 1.125rem;

    --h1-font-weight: bold;
    --h2-font-weight: bold;
    --h3-font-weight: bold;
    --h4-font-weight: bold;
    --h5-font-weight: bold;
    --h6-font-weight: bold;

    --h1-margin: 0 0 var(--spacer-20);
    --font-size-xxs: 0.75rem;
    --font-size-xs: 0.875rem;
    --font-size-sm: 1.125rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.25rem;
    --btn-font-size: 1.125rem;
    --btn-font-weight: bold;
    --heading-margin: 0 0 var(--spacer-20);
    --btn-text-transform: none;

    /******Bouttons****/
    --btn-border-radius: 4px;
    --btn-color: var(--color-black);
    --btn-background-color-over: var(--color-white);
    --btn-background-color-focus: var(--color-white);
    --btn-background-color-active: var(--color-white);
    --btn-border-color-over: var(--color-black);
    --btn-border-color-focus: var(--color-black);
    --btn-border-color-active: var(--color-black);

    --btn-primary-background-color-over: var(--color-white);
    --btn-primary-background-color-focus: var(--color-white);
    --btn-primary-background-color-active: var(--color-white);
    --btn-primary-border-color-over: var(--color-black);
    --btn-primary-border-color-focus: var(--color-black);
    --btn-primary-border-color-active: var(--color-black);
    --btn-primary-color-over: var(--color-black);
    --btn-primary-color-active: var(--color-black);
    --btn-primary-color-focus: var(--color-black);


    --btn-secondary-background-color: var(--color-accent-secondary);
    --btn-secondary-background-color-over: var(--color-white);
    --btn-secondary-background-color-focus: var(--color-white);
    --btn-secondary-background-color-active: var(--color-white);
    --btn-secondary-border-color: var(--color-accent-secondary);
    --btn-secondary-border-color-over: var(--color-black);
    --btn-secondary-border-color-focus: var(--color-black);
    --btn-secondary-border-color-active: var(--color-black);
    --btn-secondary-color: var(--color-black);
    --btn-secondary-color-over: var(--color-black);
    --btn-secondary-color-active: var(--color-black);
    --btn-secondary-color-focus: var(--color-black);

    /*****Header******/
    --container-width: 1232px;
    --header-body-container-width: var(--container-width);
    --header-top-nav-container-width: var(--container-width);
    --header-main-nav-container-width: var(--container-width);
    --breadcrumb-container-width: 1232px;
    --footer-body-container-width: 1332px;
    --main-content-padding-xl: 0;

    /***Recherche****/
    --header-search-scenario-background-color: var(--color-white);
    --header-search-scenario-background-color-over: var(--color-white);
    --header-search-scenario-background-color-focus: var(--color-white);
    --header-search-scenario-background-color-active: var(--color-white);
    --header-search-scenario-border-radius: 50px 0 0 50px;
    --header-search-scenario-border-color: #535353;
    --header-search-scenario-border-color-over: #535353;
    --header-search-scenario-border-color-active: #535353;
    --header-search-scenario-border-color-focus: #535353;
    --header-search-scenario-color: var(--color-black);
    --header-search-scenario-color-over: var(--color-black);
    --header-search-scenario-color-focus: var(--color-black);
    --header-search-scenario-color-active: var(--color-black);
    --header-search-scenario-font-size: var(--font-size-xs);
    --header-search-scenario-height: 2.25rem;
    --header-search-height: 2.25rem;
    --header-search-border-color: #535353;
    --header-search-color: var(--color-black);

    --header-search-submit-background-color: var(--color-white);
    --header-search-submit-background-color-over: var(--color-white);
    --header-search-submit-background-color-focus: var(--color-white);
    --header-search-submit-background-color-active: var(--color-white);
    --header-search-submit-border-radius: 0 50px 50px 0;
    --header-search-submit-border-color: #535353;
    --header-search-submit-border-color-over: #535353;
    --header-search-submit-border-color-active: #535353;
    --header-search-submit-border-color-focus: #535353;
    --header-search-submit-color: var(--color-black);
    --header-search-submit-color-over: var(--color-primary);
    --header-search-submit-color-active: var(--color-primary);
    --header-search-submit-color-focus: var(--color-primary);

    --header-search-link-color: var(--color-black);
    --header-search-link-color-over: var(--color-primary);
    --header-search-link-color-focus: var(--color-primary);
    --header-search-link-color-active: var(--color-primary);
    --header-search-link-font-size: var(--font-size-xs);

    --link-color: var(--color-black);
    --breadcrumb-font-weight-active: bold;
    --breadcrumb-font-size: 1rem;

    /******Menu********/
    --header-body-padding: 1.125rem var(--spacer-50) 0 var(--spacer-50);
    --header-body-right-flex: 0;
    --header-main-nav-height: 2.188rem;
    --header-main-nav-padding-v: 0.375rem;
    --header-main-nav-padding-h: 0.75rem;
    --header-main-nav-text-transform: none;
    --header-main-nav-spacing: 25px;
    --header-main-nav-background-color: var(--color-white);
    --header-main-nav-color: var(--color-black);
    --header-main-nav-color-over: var(--color-primary);
    --header-main-nav-color-focus: var(--color-primary);
    --header-main-nav-color-active: var(--color-primary);
    --header-main-nav-dropdown-menu-item-color-active: var(--color-black);
    --header-main-nav-dropdown-menu-item-text-decoration-over: none;
    --header-main-nav-list-padding: var(--spacer-4) var(--spacer-16) var(--spacer-16) var(--spacer-16);

    --header-top-nav-item-font-size: var(--font-size-xs);
    --header-top-nav-gap: var(--spacer-16);

    /********Input******/
    --input-color: var(--color-black);
    --input-font-size: var(--font-size-xs);
    --input-border-color: #535353;
    --input-height: 2.25rem;
    --input-placeholder-color: #535353;
    --input-placeholder-font-weigh: normal;

    /*****dropdown********/
    --dropdown-menu-background-color: var(--color-white);
    --dropdown-menu-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    --header-main-nav-dropdown-menu-border-radius: 0 0 4px 4px;
    --dropdown-menu-item-background-color: var(--color-white);
    --dropdown-menu-item-border-color: var(--color-white);
    --dropdown-menu-border-color: var(--color-white);
    --dropdown-menu-border-radius: 0 0 4px 4px;
    --dropdown-menu-item-padding: 0.375rem var(--spacer-8);

    /*******/
    --panel-front-background-color: transparent;
    --panel-front-background-color: transparent;
    --panel-group-heading-border-color: transparent;
    --panel-background-color: transparent;
    --search-facets-heading-font-weight: bold;
    --search-facets-controls-color: var(--color-black);
    --search-facets-heading-color: var(--color-dark-blue);

    /**********/

    --search-facets-item-font-size: 1rem;
    --search-facets-item-badge-color: var(--color-dark-blue);
    --search-facets-item-badge-font-size: 1rem;
    --search-facets-controls-font-size: 1rem;
    --search-facets-controls-text-decoration: underline;

    --search-results-item-background-color: var(--color-white);
    --search-results-item-availability-background-color: var(--color-white);
    --search-results-item-availability-color: var(--color-black);
    --search-availability-font-size: var(--font-size-xs);
    --main-margin-top: 0;
    --carousel-arrow-background-color: var(--color-white);
    --carousel-arrow-color: var(--color-black);
    --carousel-arrow-border-radius: 0;
    --carousel-arrow-height: 2.5rem;
    --carousel-arrow-width: 2.5rem;
    --carousel-bullet-background-color: var(--color-primary);
    --carousel-bullet-border-width: 4px;
    --carousel-bullet-background-color-selected: var(--color-white);
    --carousel-bullets-margin-top: var(--spacer-12);

    --bs-nav-link-background-color-active: var(--color-white);
    --bs-nav-link-border-color-active: var(--color-black);
    --bs-nav-link-border-color-active: var(--color-black);
    --bs-nav-tabs-link-border-radius: 5px;
    --btn-cta-font-weight: bold;


    --footer-body-grid-template-column: 1fr;
    --footer-background-color: var(--color-secondary);
    --footer-color: var(--color-black);
    --footer-body-padding: 0;
    --footer-margin: 0;
    --footer-product-infos-background-color: var(--color-black);
    --footer-product-infos-font-size: var(--font-size-xxs);

    --search-metadata-actions-margin: var(--spacer-8);
    --search-detail-holdings-abstract-background-color: var(--color-secondary);
    --color-new-stroke: var(--color-primary);
    --search-comments-star-color: var(--color-primary);
    --table-color-striped-odd: var(--color-black);
    --table-background-color-striped-odd: var(--color-secondary);
    --table-cell-padding: var(--spacer-16) var(--spacer-8);
    --table-cell-vertical-align: center;
    --table-background-color-striped-even: var(--color-white);
    --table-color-striped-even: var(--color-black);
    --holdings-header-padding: var(--spacer-8) var(--spacer-12);
    --search-detail-section-spacing: var(--spacer-32);
    --header-brand-image-spacing: 1rem;

    --pagination-color-active: var(--color-primary);
    --cookies-button-background-color: var(--color-white);
    --input-checkbox-checked-background-color: var(--color-accent-primary);
    --input-checkbox-checked-border-color: var(--color-accent-primary);
    --user-account-subscriptions-color: var(--color-dark-blue);
    --input-checkbox-size: 1rem;
    --panel-footer-padding: var(--spacer-12);
    --search-floating-selection-color: var(--color-black);
    --search-floating-selection-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    --panel-border-radius: 5px;
    --input-border-radius: 5px;
    --dropdown-menu-font-size: 1rem;
    --panel-group-title-color: var(--color-black);
    --input-checkbox-border-radius: 2px;
    --search-facets-content-padding: 0;
    --link-decoration-over: underline;
    --form-help-text-color: var(--color-black);
    --header-top-nav-item-font-weight: 600;
    --header-main-nav-font-weight: 800
}


/*********Fin root**************/

.icon-search:before {
    content: "\f002";
    font-family: var(--fa-family-classic);
    font-weight: 900;
}

.icon-comment:before {
    content: "\F268";
    font-family: "bootstrap-icons";
    font-weight: bold;
}

.icon-comment-edit:before {
    content: "\F249";
    font-family: "bootstrap-icons";
    font-weight: bold;
}

.glyphicon-share-alt:before {
    content: "\f14d";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

.icon-check:before {
    content: "\F271";
    font-family: "bootstrap-icons";

}

.icon-chevron-right:before {
    content: "\F285";
    font-family: "bootstrap-icons";
    font-weight: bold;
}

.icon-chevron-left:before {
    content: "\F284";
    font-family: "bootstrap-icons";
    font-weight: bold;
}

.syr-header__top-nav .btn.syr-accessibility-widget__button::before {
    content: "\F825";
    font-family: "bootstrap-icons";
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1;
}

a {
    text-decoration-thickness: 1px !important;
}

a:hover,
a:focus,
a:active {
    text-decoration-thickness: 2px !important;
}

.btn-default {
    --btn-primary-background-color: var(--color-white);
    --btn-primary-background-color-over: var(--color-black);
    --btn-primary-background-color-focus: var(--color-black);
    --btn-primary-background-color-active: var(--color-black);
    --btn-primary-border-color: var(--color-black);
    --btn-primary-border-color-over: var(--color-black);
    --btn-primary-border-color-focus: var(--color-black);
    --btn-primary-border-color-active: var(--color-black);
    --btn-primary-color: var(--color-black);
    --btn-primary-color-over: var(--color-white);
    --btn-primary-color-active: var(--color-white);
    --btn-primary-color-focus: var(--color-white);

}

.see_all_results.btn-default {
    display: flex;
    align-items: center;
    gap: var(--spacer-8);
}

.common-view-action-container .see_all_results.btn-default::before {
    content: '\f0a9';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 100%;
    transform: rotate(-45deg);
}

.syr-main-search__clear {
    display: none;
}

.syr-main-search__wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 643px;
}

.syr-main-search__input {
    --input-border-radius: 0
}

.syr-header__search-wrapper {
    width: 100%;
}

.syr-header__body__container {
    align-items: center;

}

.syr-main-search__links {
    justify-content: flex-end;
}

.syr-header__body__right .btn-primary {
    --btn-padding-v: 0.625rem;
    --btn-padding-h: 1.25rem;
    --btn-primary-background-color-over: var(--color-white);
    --btn-primary-background-color-focus: var(--color-white);
    --btn-primary-background-color-active: var(--color-white);
    --btn-primary-border-color-over: var(--color-black);
    --btn-primary-border-color-focus: var(--color-black);
    --btn-primary-border-color-active: var(--color-black);
    --btn-line-height: 100%;
    font-weight: 500;
}

.syr-account-nav__button__icon--authenticated::before {
    content: "";
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    background-image: url("images/icons/user-authentificated.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.syr-account-auth__button__icon--anonymous::before {
    content: "";
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    background-image: url("images/icons/user-non-authentificated.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.site-footer__actions .btn-primary:hover img,
.site-footer__actions .btn-primary:focus img,
.site-footer__actions .btn-primary:active img,
.syr-account-auth__button:hover i::before,
.syr-account-auth__button:focus i::before,
.syr-account-auth__button:active i::before,
.syr-account-nav__button:hover i::before,
.syr-account-nav__button:focus i::before,
.syr-account-nav__button:active i::before {
    filter: brightness(0);
}


.syr-main-nav__list {
    justify-content: flex-end;
}

.syr-main-nav__link {
    display: block;
}

.syr-main-nav__dropdown-link.syr-main-nav__dropdown-link--level-2.btn.dropdown-toggle:hover,
.syr-main-nav__dropdown-link.syr-main-nav__dropdown-link--level-2.btn:hover {
    color: var(--color-primary);
}

.syr-header__container {
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.25);
}

.syr-header__top-nav {
    height: 2.625rem;
    place-content: center;
    --header-top-nav-background-color: var(--color-black)
}

.syr-site-nav {
    display: none;
}

.syr-header__top-nav__container {
    justify-content: flex-end;
}

.syr-header__spacer {
    flex-grow: 0;
}

.syr-top-nav__list-item.contact-icon .syr-top-nav__link {
    display: flex;
    align-items: center;
    gap: var(--spacer-4);
}

.syr-top-nav__list-item.contact-icon .syr-top-nav__link::before {
    content: '\F264';
    font-size: var(--font-size-xxs);
    font-weight: bold;
    font-family: "bootstrap-icons";
}

.syr-main-nav__list-item.Home .syr-main-nav__link__integration-icon::before {
    content: "\f015";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: bold;
}

.syr-main-nav__list-item.Home .syr-main-nav__link__label {
    display: none;
}

.syr-breadcrumb__text {
    text-decoration: underline;
    text-underline-offset: 0px;
    text-underline-position: under;
}

.syr-breadcrumb__label {
    font-size: 1rem;
}

#aside {
    padding: 20px;
    background: var(--color-secondary);
    border-radius: 20px;
}

#facet_container h3 button .panel .panel-heading {
    text-transform: none;
    font-weight: bold;
    font-size: var(--font-size-lg);
}

.panel-heading .icon-resize-small::before {
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: bold;
}

.panel-heading .icon-resize-full::before {
    content: "\f077";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: bold;
}

#documents_memorises #resultats>ul>li,
#resultats_recherche #resultats>ul>li {
    border: 1px solid var(--color-accent-primary);
    --search-results-item-margin-bottom: var(--spacer-16);
    border-radius: 8px;
    overflow: hidden;
    --search-results-item-padding: 0 var(--spacer-20) var(--spacer-20) 0
}

#resultats>ul>li .template-content {
    padding-top: var(--spacer-16);
}

#documents_memorises #resultats .obtain-document-link,
#resultats_recherche #resultats .obtain-document-link {
    --btn-color: var(--color-black);
    font-weight: bold;
}

#documents_memorises #resultats .search-item .notice_courte .notice_metadata,
#resultats_recherche #resultats .search-item .notice_courte .notice_metadata {
    place-content: center;
}

#documents_memorises #resultats>ul>li .actions,
#resultats_recherche #resultats>ul>li .actions {
    padding-left: var(--spacer-16);
}

.frame .vignette_document_new_wrapper,
.searchContainer .vignette_document_new_wrapper {
    clip-path: none;
    transform: none;
    padding: 4px 8px;
    background: var(--color-white);
    border-radius: 0 0 0 4px;
    border: 1px solid #FFF;
    align-items: center;
    justify-content: center;
    --search-item-new-icon-shape-size: auto;
    top: 0;
    bottom: auto;
}

.icon-new-modern:before {
    content: 'Nouveau';
    font-family: var(--font-family);
    font-weight: 900;
    color: var(--color-primary);
    font-size: var(--font-size-xs);
    line-height: 100%;
}

.holding.is-available,
.indicator.available,
.indicator.exposition {
    border-left: 0;
    border: none;
    background: url(images/dispo.svg) no-repeat left center;
    background-size: 0.9375rem;
    background-position: 0.5rem center;
}

.indicator.no-existing,
.holding.not-available,
.indicator.all-loaned,
.indicator.available-elsewhere,
.indicator.loaned-elsewhere,
.indicator.not-available,
.indicator.not-available-here {
    border-left: 0;
    border: none;
    background: url(images/indispo.svg) no-repeat left center;
    background-size: 0.9375rem;
    background-position: 0.5rem center;
}

.indicator .label-holding {
    margin-left: var(--spacer-12);
    --search-availability-font-size: var(--font-size-xs);
    font-weight: 600;
}

.indicator {
    align-items: center;
}

.spotlightpersonalized .syr-spotlight__figure {
    border-radius: 20px;
    overflow: hidden;
    aspect-ratio: 3 / 1;
}

.spotlightpersonalized img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.syr-carousel .syr-carousel__bullets button:not(.is-active) {
    --carousel-bullet-width: 0.625rem;
    --carousel-bullet-height: 0.625rem;
    --carousel-bullet-border-width: 0
}

.splide__pagination li {
    display: flex !important;
    align-items: center;
}

.resource-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacer-12);
}

.resource-menu li a {
    padding: var(--spacer-8) var(--spacer-12);
    background: var(--color-accent-secondary);
    border-radius: 5px;
    display: block;
    font-size: var(--font-size-xl);
    font-weight: bold;
    text-decoration: none;
}

.resource-menu li a:hover,
.resource-menu li a:focus,
.resource-menu li a:active {
    background: var(--color-primary);
    color: var(--color-white);
}

.resource-menu li a:hover img,
.resource-menu li a:focus img,
.resource-menu li a:active img {
    filter: brightness(0) invert(1);
}

.nav-tabs {
    display: flex;
    flex-direction: row;
    gap: var(--spacer-16);
    flex-wrap: wrap;
}

.nav.nav-tabs:after,
.nav.nav-tabs:before {
    display: none !important;
}

.nav-tabs>li>a {
    text-align: center;
}

.nav-tabs+.tab-content {
    --bs-nav-tabs-content-border-color: var(--color-white);
    --bs-nav-tabs-content-margin: 0;
}


.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    border-bottom: 1px solid transparent;
}

.site-footer__social {
    width: 100%;
    background: var(--color-tertiary);
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: var(--spacer-16);
    align-items: center;
    gap: var(--spacer-8);
}

footer nav {
    height: 100%;
}

.site-footer__social p {
    margin: 0;
    font-size: 1rem;
    font-weight: bold;
}

.site-footer__social ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacer-8);
}

.syr-footer__body>div {
    display: block;
    max-width: 100%;
}

.syr-footer__section--logo {
    gap: 1rem;
    align-items: flex-start;
    padding-top: var(--spacer-16);
}

.syr-footer__body__container {
    display: flex;
    justify-content: space-between;
    padding-top: var(--spacer-24);
}

.syr-footer__section--contact {
    text-align: start;
}

.syr-footer__section-body {
    --footer-section-body-padding: 0 0 1rem 0;

}

.syr-footer__section-title {
    margin: 0 0 var(--spacer-12);
}

#portal .frame .webframe-ermes-rss .rsContent .rss-thumbnail-div {
    --frame-rss-item-thumbnail-float: none;
    --frame-rss-item-thumbnail-margin: 0;
}

.rss-container .rsItem {
    display: flex;
    flex-direction: row;
    gap: var(--spacer-16);
}

#portal .frame .webframe-ermes-rss .rsContent .infoEncart {
    text-transform: none;
    font-size: var(--font-size);
    margin-bottom: var(--spacer-8);
}

.rss-description {
    font-size: var(--font-size-xs);
    margin: 0;
}

.recrutement .rss-sourceInfo {
    display: none;
}

.recrutement .rsContent {
    --frame-rss-item-border-bottom: 0;
    --frame-rss-item-margin: 0
}

ul.rss-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-24);
}

.syr-spotlight--horizontal {
    align-items: center;
    border-radius: 20px;
}

.article-selection .syr-carousel--single-slide .syr-carousel__description {
    --carousel-content-description-text-align-single: left;
}

.article-selection .syr-carousel__slide img {
    --carousel-content-thumbnail-small-max-height: 250px;
    border-radius: 20px !important;
}


/****Styles**********/
.afterheaderseparation.frame-standard::before {
    content: '';
    background: var(--color-primary);
    width: 10000%;
    height: 140px;
    position: absolute;
    z-index: -1;
    left: -1000%;
    top: 0;
}

.afterheaderseparation-color-yellow.frame-standard::before {
    content: '';
    background: var(--color-tertiary);
    width: 10000%;
    height: 140px;
    position: absolute;
    z-index: -1;
    left: -1000%;
    top: 0;
}

.beforefooterseparation.frame-standard::before {
    content: '';
    background: var(--color-secondary);
    width: 10000%;
    height: 190px;
    position: absolute;
    z-index: -1;
    left: -1000%;
    bottom: -50px;
}

.frame:has(.beforefooterseparation) {
    margin-bottom: 0;
}

.p-lead {
    font-weight: bold;
}

.titre-h1-center h1,
.titre-h2-center h2,
.titre-h3-center h3 {
    text-align: center;
}

.enc-bg-tertiary.frame-standard {
    padding: var(--spacer-24);
    background: var(--color-tertiary);
    border-radius: 20px;
}

.background-border-pink.panel-front {
    border: 2px solid var(--color-primary);
    padding: var(--spacer-24);
    border-radius: 5px;
}

.background-baby-blue.panel-front {
    background: var(--color-accent-secondary);
    padding: var(--spacer-24);
    border-radius: 5px;
}

.background-light-blue.panel-front {
    background: var(--color-secondary);
    padding: var(--spacer-24);
    border-radius: 5px;
}

.syr-spotlight.background-black {
    background: var(--color-black);
    gap: 0;
    overflow: hidden;
}

.syr-spotlight.background-black .syr-spotlight__content {
    --spotlight-content-color: var(--color-white);
    padding: 0 var(--spacer-20);
}

.syr-spotlight.background-black .syr-spotlight__title {
    --spotlight-title-color: var(--color-white)
}

.syr-spotlight.background-black .syr-spotlight__content {
    padding-right: var(--spacer-20);
}

.frame-embed.frame {
    --frame-spacing: 0
}

.frame-embed .panel-front {
    --panel-spacing: 0
}

.frame-embed .panel-front {
    --panel-front-padding: 0
}

#documents_memorises,
#resultats_recherche {
    padding-left: var(--spacer-32);
}

.frame .vignette_container img.ermes-thumb,
.searchContainer .vignette_container img.ermes-thumb {
    border-radius: 5px;
}

.avis>p {
    color: var(--color-primary)
}

.holdings-holding-header {
    white-space: normal !important;
}

.item-typedoc {
    padding: var(--spacer-4) var(--spacer-8);
    background: var(--color-secondary);
    display: inline-block;
    border-radius: 5px;
    color: var(--color-dark-blue);
    font-weight: bold;
    font-size: var(--font-size-xs);
}

.table-sm>thead>tr>th {
    font-size: var(--font-size-xs);
    padding: var(--spacer-8);
}

.detail-holdings-class .category_header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    --holdings-header-background-color: var(--color-primary);
    --holdings-header-color: var(--color-white);
    border-radius: 4px 4px 0 0;
}

.category_header>span {
    width: auto !important;
    padding: 0 !important;
}

.category_header .holdings-component .clear {
    display: none !important;
}

.detail-holdings-class .holdings-component .category_header button {
    font-size: 1rem;
}

.detail-holdings-class .holdings-component .category_header:has(button) {
    padding: var(--holdings-header-padding);
}

.category_header .trigger {
    display: block !important;
}

.holdings_container_desktop.table-striped {
    --table-spacing: 0;
    border: 1px solid var(--color-primary);
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}

#FormSearchLibrary.panel-front {
    background: var(--color-primary);
    padding: var(--spacer-28) 0;
    position: relative;
}

#FormSearchLibrary.panel-front::before {
    content: '';
    position: absolute;
    height: 100%;
    right: -100%;
    top: 0;
    background: var(--color-primary);
    width: 100%;
    transform-origin: 0;
    z-index: -1;
}

#FormSearchLibrary.panel-front::after {
    content: '';
    position: absolute;
    height: 100%;
    right: 100%;
    top: 0;
    background: var(--color-primary);
    width: 100%;
    transform-origin: 0;
    z-index: -1;
}

.frame.frame-portalsearchlibrarywebframefactory {
    background: var(--color-secondary);
    padding: var(--spacer-24) 0 var(--spacer-32) 0;
    position: relative;
    margin: 0;
}

.frame-portalsearchlibrarywebframefactory::before {
    content: '';
    position: absolute;
    height: 100%;
    right: -100%;
    top: 0;
    background: var(--color-secondary);
    width: 100%;
    transform-origin: 0;
    z-index: -2;
}

.frame-portalsearchlibrarywebframefactory::after {
    content: '';
    position: absolute;
    height: 100%;
    right: 100%;
    top: 0;
    background: var(--color-secondary);
    width: 100%;
    transform-origin: 0;
    z-index: -2;
}

.frame.frame-portalsearchlibrarywebframefactory .common-view-action-container {
    display: flex;
    justify-content: var(--frame-see-all-results-align);
    margin-top: var(--frame-see-all-results-margin-top);
    margin-right: var(--frame-see-all-results-margin-end);
    margin-right: 0;
}

.btn-section {
    margin-top: var(--spacer-24) !important;
}

#DivSearchLibrary input,
#DivSearchLibrary select {
    --input-height: 2.938rem;
    --input-border-radius: 5px
}

.geosearch-app {
    color: var(--color-black) !important;
    border: 2px solid var(--color-black);
    border-radius: 5px;
}

.container_oEFXO .notice_OtAbY .thumbnail_FoM4p {
    width: 100% !important;
    max-width: 186px !important;
}

.container_oEFXO .notice_OtAbY {
    display: flex;
}

.syr-leaflet-map .leaflet-popup-content,
.syr-leaflet-map .leaflet-tooltip {
    width: 500px !important;
}

p.original_query,
.criteres_recherche_main p,
.criteres_recherche_main .label-facet span {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    max-width: 100%;
}

.Syr-footer-info-Section {
    padding-left: var(--spacer-50);
    padding-right: var(--spacer-50);
}

.site-footer__actions {
    display: flex;
    gap: var(--spacer-12);
    flex-wrap: wrap;
}

.syr-footer__section--logo {
    flex-wrap: wrap;
}

.syr-footer__section {
    text-align: left;
}

#ermes_main_menu>.syr-main-nav__list-item--level-1:nth-last-child(-n+2)>.syr-main-nav__dropdown-list {
    left: auto;
    right: 0;
}

#ermes_main_menu>.syr-main-nav__list-item--level-1:nth-last-child(-n+2) .dropdown-submenu>.syr-main-nav__dropdown-list {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 0;
}

#lien button.btn-cta {
    width: 5rem !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
    text-align: left !important;
    display: flex;
    align-items: center;
    justify-content: center;
    --btn-primary-background-color: var(--color-white);
    --btn-border-color: var(--color-black);
    text-transform: none;
    color: var(--color-black);
    font-size: 1rem;
}

#lien button.btn-cta span {
    overflow: hidden !important;
}

.label-facet .btn-action {
    --btn-primary-background-color: var(--color-tertiary);
    --btn-primary-border-color: var(--color-tertiary);
    --btn-primary-color: var(--color-black)
}

#documents_memorises .navigation .btn-group>.btn,
#resultats_recherche .navigation .btn-group>.btn {
    float: none;
    color: var(--color-primary);
    font-weight: bold;
}

.description_resultats>span>span:not(.additional-infos) {
    font-weight: bold;
}

.user-account-pairings-container #new-pairing-form legend {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    height: auto !important;
    margin: 0 !important;
}

.user-account-pairings-container #new-pairing-form {
    margin: 0 !important;
}

.user-account-pairings-container #new-pairing-form .form-group {
    padding: 10px !important;
    margin: 0 !important;
}

.user-account-pairings-container #new-pairing-form {
    min-height: 100% !important;
    height: 100% !important;
}

.syr-scroll-top.btn {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 45px;
    height: 45px;
}

.syr-scroll-top.btn .fa-caret-up {
    margin-right: 5px;
}

.syr-scroll-top.btn span.fa-caret-up:before {
    content: "\e066";
    color: var(--color-white);
    opacity: 0.2;
    font-family: "Phosphor-Duotone" !important;
    font-size: var(--spacer-28);
}

.syr-scroll-top.btn span.fa-caret-up:after {
    content: "\e067";
    margin-left: -1em;
    font-family: "Phosphor-Duotone" !important;
    color: var(--color-primary);
    font-size: var(--spacer-28)
}

.syr-header__top-nav-mobile__container {
    justify-content: space-between;
    flex-direction: row-reverse;
}


.select-frequency {
    flex-wrap: wrap;
}

#documents_memorises #resultats .search-item .notice_courte .notice_corps .actions .more-info .icon-info {
    display: block;
}

#documents_memorises #resultats .select {
    width: 100%;
}

#documents_memorises #resultats .select {
    width: 40px;
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

#documents_memorises #resultats .search-item .notice_courte,
#documents_memorises #resultats .statut,
#documents_memorises #resultats .statut-disabled,
#documents_memorises #resultats .statut-primaryDoc {
    margin-right: var(--search-results-item-select-width);
}

#documents_memorises a.view-document,
#documents_memorises button.more-info {
    gap: var(--spacer-8);
    display: flex;
    align-items: center;
    padding: 0.3125rem 0.75rem 0.3125rem 0.875rem;
}

.vue-js-switch.toggled .v-switch-core {
    background-color: var(--input-switch-color-checked) !important;
}

#global_basket_actions {
    margin-top: var(--spacer-40);
}

.basket-search-notice {
    margin-bottom: var(--spacer-40);
}

#multi_selection .panel-body {
    --panel-body-padding: var(--spacer-12)
}

#multi_selection .panel-body li {
    display: flex;
    align-items: center;
}

/*** BTN-DEFAULT : plein primary → survol blanc / bordure noire / texte noir ***/
.submit-and-reset:has(.btn-default):has(.btn-primary) .btn-default,
.modal-footer:has(.btn-default):has(.btn-primary) .btn-default,
.form-group:has(.btn-default):has(.btn-primary) .btn-default,
.modal-footer:has(.btn-default):not(:has(.btn-primary)) .btn-default,
.UserSubscriptionEdit .footer:has(.btn-default):has(.btn) .btn-default {
    --btn-primary-background-color: var(--color-primary);
    --btn-primary-border-color: var(--color-primary);
    --btn-primary-color: var(--color-white);
    --btn-primary-background-color-over: var(--color-white);
    --btn-primary-background-color-focus: var(--color-white);
    --btn-primary-background-color-active: var(--color-white);
    --btn-primary-border-color-over: var(--color-black);
    --btn-primary-border-color-focus: var(--color-black);
    --btn-primary-border-color-active: var(--color-black);
    --btn-primary-color-over: var(--color-black);
    --btn-primary-color-focus: var(--color-black);
    --btn-primary-color-active: var(--color-black);
}

/*** BTN-ACTION : même rendu que btn-default ***/
.modal-footer:has(.btn-action):has(.btn-primary) .btn-action {
    --btn-primary-background-color: var(--color-primary);
    --btn-primary-border-color: var(--color-primary);
    --btn-primary-color: var(--color-white);
    --btn-primary-background-color-over: var(--color-white);
    --btn-primary-background-color-focus: var(--color-white);
    --btn-primary-background-color-active: var(--color-white);
    --btn-primary-border-color-over: var(--color-black);
    --btn-primary-border-color-focus: var(--color-black);
    --btn-primary-border-color-active: var(--color-black);
    --btn-primary-color-over: var(--color-black);
    --btn-primary-color-focus: var(--color-black);
    --btn-primary-color-active: var(--color-black);
}

/*** BTN-PRIMARY : blanc / bordure noire / texte noir → survol noir / texte blanc ***/
.submit-and-reset:has(.btn-default):has(.btn-primary) .btn-primary,
.modal-footer:has(.btn-default):has(.btn-primary) .btn-primary,
.form-group:has(.btn-default):has(.btn-primary) .btn-primary,
.modal-footer:has(.btn-action):has(.btn-primary) .btn-primary {
    --btn-primary-background-color: var(--color-white);
    --btn-primary-border-color: var(--color-black);
    --btn-primary-color: var(--color-black);
    --btn-primary-background-color-over: var(--color-black);
    --btn-primary-background-color-focus: var(--color-black);
    --btn-primary-background-color-active: var(--color-black);
    --btn-primary-border-color-over: var(--color-black);
    --btn-primary-border-color-focus: var(--color-black);
    --btn-primary-border-color-active: var(--color-black);
    --btn-primary-color-over: var(--color-white);
    --btn-primary-color-focus: var(--color-white);
    --btn-primary-color-active: var(--color-white);
}

/*** UserSubscriptionEdit : le bouton qui remplace btn-primary (pas de variables dédiées) ***/
.UserSubscriptionEdit .footer:has(.btn-default):has(.btn) .btn:not(.btn-default) {
    --btn-primary-background-color: var(--color-white);
    --btn-primary-border-color: var(--color-black);
    --btn-primary-color: var(--color-black);
    --btn-primary-background-color-over: var(--color-black);
    --btn-primary-background-color-focus: var(--color-black);
    --btn-primary-background-color-active: var(--color-black);
    --btn-primary-border-color-over: var(--color-black);
    --btn-primary-border-color-focus: var(--color-black);
    --btn-primary-border-color-active: var(--color-black);
    --btn-primary-color-over: var(--color-white);
    --btn-primary-color-focus: var(--color-white);
    --btn-primary-color-active: var(--color-white);
}

/*.UserSubscriptionEdit .footer:has(.btn-default):has(.btn) .btn:not(.btn-default):hover,
.UserSubscriptionEdit .footer:has(.btn-default):has(.btn) .btn:not(.btn-default):focus {
    background-color: var(--color-black);
    border-color: var(--color-black);
    color: var(--color-white);
}*/


/**Accordéon***/

.panel.panel-model {
    border: 2px solid var(--color-primary) !important
}

.panel-model>.panel-heading {
    background-color: var(--color-white);
    border-color: var(--color-primary);
    color: var(--color-black);
    padding: 0.5625rem !important;
    position: relative;
}

.panel-model>.panel-heading h4 {
    max-width: 90%;
}

.panel-model>.panel-heading+.panel-collapse .panel-body {
    border: none;
    padding-top: 0 !important;
    padding: 0.5625rem !important;
    background: var(--color-white);
}

.panel-group .panel-title a {
    --panel-group-title-font-size: 1.125rem;
    --panel-group-title-font-family: 'IBM Plex Sans';
    --panel-group-title-font-weight: bold;
    text-transform: none;
    transition: all 0.3s ease;
}

.panel-title>a:hover,
.panel-title>a:focus {
    color: var(--color-black);
}

.panel-heading h4 a::after {
    content: '\f067';
    /* Plus sign */
    font-family: 'Font Awesome 5 Free';
    font-size: 1rem;
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 0;
    background: var(--color-primary);
    color: var(--color-white);
    text-align: center;
    width: 2.7rem;
    height: 2.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


.panel-heading h4 a:not(.collapsed)::after,
.panel-heading h4 a[aria-expanded="true"]::after {
    content: '\f068';
    /* Minus sign */
}

/* Tableau */

.styled-table {
    width: 100%;
    border-collapse: collapse;
    font-family: sans-serif;
}

.styled-table th {
    background-color: var(--color-primary);
    color: #fff;
    padding: var(--spacer-12) var(--spacer-16);
    text-align: left;
    font-weight: normal;
    border: 1px solid #707070
}

.styled-table td {
    padding: var(--spacer-12) var(--spacer-16);
    border: 1px solid #707070;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    float: none;
    margin-left: 0;
}

#avis-pro ul {
    padding: var(--spacer-24);
    background: var(--color-secondary);
    border-radius: 5px;
}

#avis-pro blockquote {
    padding: 0 0 var(--spacer-24) 0;
    margin: 0 0 var(--spacer-20);
    border-left: 0;
    border-bottom: 1px solid var(--a11y-widget-floating-background-color-disabled);
}

.icon-star:before {
    color: var(--color-primary);
}

ol.syr-breadcrumb__list {
    flex-wrap: wrap;
}

.notice_container .select .checkbox-field .input-wrapper .input-container input[type=checkbox]:checked:hover,
.notice_container .select input[type=checkbox]:checked:hover,
.notice_container .select input[type=checkbox]:checked {
    --input-checkbox-checked-background-color: var(--color-white);
    --input-checkbox-checked-border-color: var(--color-black);
}

.notice_container .select input[type=checkbox]:checked:after {
    --input-checkbox-checked-icon-color: var(--color-black)
}

.searchContainer .metadata-actions>li button.user-basket-button,
.searchContainer .metadata-actions>li>a,
.searchContainer .metadata-actions>li>button {
    padding: var(--spacer-2);
}

.form-control.facet-search-term {
    border-radius: 50px;
}

#facet_container>.panel-group {
    --search-facets-container-margin-bottom: var(--spacer-24);
    padding-bottom: var(--spacer-24);
    border-bottom: 1px solid var(--a11y-widget-floating-background-color-disabled);
}

#notice_longue_description h2 {
    --h2-margin: 0 0 var(--spacer-8)
}

#Content-CG14-perso .InfosContent {
    padding-left: var(--spacer-12);
    border-left: 2px solid var(--color-new-stroke);
}

.dl-horizontal dt {
    width: 180px;
    padding-bottom: var(--spacer-8);
}

.syr-main-nav--normal .syr-main-nav__dropdown-list {
    border-top: 2px solid var(--color-primary);
}

.holdings-component .clear {
    display: none !important;
}

.nav-tabs {
    border-bottom-color: transparent;
}

.bibliotheques-cg14-new {
    border-left: 1px solid var(--color-new-stroke) !important;
    padding: 0 0 0 var(--spacer-12) !important;
    margin-top: var(--spacer-20) !important;
}

.library-timetable>tbody>tr>td,
.library-timetable.table>tbody>tr>th {
    padding: var(--spacer-8);
}

.library-timetable>tbody>tr:nth-child(odd) {
    background: var(--color-secondary);
}

.nav-tabs .ph-duotone {
    color: var(--color-dark-blue);
    font-size: 1.35rem;
}

.modal-content .table-sm>tbody>tr>td,
.modal-content .table-sm>tfoot>tr>td,
.modal-content .table-sm>thead>tr>td {
    --table-font-size-sm: 1rem
}

.searchContainer .notice_courte .template-content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-weight: 400;
}

.searchContainer .template-content .template-title {
    font-weight: bold;
}

/***********Responsive****************/
@media (min-width: 992px) {
    .search-capture-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .spotlightpersonalized .syr-spotlight__figure {
        height: 444px;
    }

    #dropMenu1 span.hidden-xs {
        display: flex !important;
        flex-direction: row-reverse;
        gap: var(--spacer-8);
        align-items: center;
    }

    #dropMenu1 i {
        height: 1.125rem;
    }

    .navtab-vertical .model-html {
        display: flex;
    }

    .navtab-vertical .nav-tabs {
        display: flex;
        flex-direction: column;
        flex: 0 0 16.875rem;
        width: 16.875rem;
        margin: 0;
        padding: 0 var(--spacer-16) 0 0;
        border: 0;
        border-right: 1px solid #ccc;
        gap: var(--spacer-16);
    }

    .navtab-vertical .nav:after,
    .navtab-vertical .nav:before {
        display: none;

    }

    .navtab-vertical .nav-tabs+.tab-content {
        --bs-nav-tabs-content-padding: 0 1rem;
        width: calc(100% - 270px);
    }

    .spotlightpersonalized {
        padding-top: var(--spacer-50);
        position: relative;
    }

    .spotlightpersonalized .syr-carousel {
        padding: 0;
    }

    .spotlightpersonalized .syr-spotlight__content {
        --spotlight-content-padding: var(--spacer-20);
        --spotlight-content-background-color: rgba(0, 0, 0, 0.8);
        --spotlight-content-color: var(--color-white);
        position: absolute;
        width: 51%;
        border-radius: 5px;
        left: 20px;
        bottom: 50px;
    }

    .spotlightpersonalized .syr-spotlight__title {
        --spotlight-title-color: var(--color-white);
        --spotlight-title-margin: 0 0 var(--spacer-12) 0;
        font-size: var(--h2-font-size);
    }

    .spotlightpersonalized .syr-carousel__arrows.splide__arrows {
        right: 100px;
        position: absolute;
        z-index: 2;
        bottom: 48px;
    }

    .spotlightpersonalized .syr-carousel .syr-carousel__arrow--right {
        border-radius: 0 5px 0 0;
        overflow: hidden;
    }

    .spotlightpersonalized .syr-carousel .syr-carousel__arrow--left {
        left: -32px;
        border-radius: 5px 0 0 0;
        overflow: hidden;
    }
}

@media (max-width: 1200px) {}

@media (max-width: 1200px) and (min-width: 992px) {
    .navtab-vertical .nav-tabs {
        flex: 0 0 14rem;
        width: 14rem;
    }

    .navtab-vertical .nav-tabs+.tab-content {
        width: calc(100% - 11rem);
    }

    .render-velocityRenderMode_NOUVEAUTES .syr-carousel__thumbnail {
        height: 220px !important;
        border-radius: 5px !important;
    }

    .syr-footer__section.syr-footer__section--logo img {
        height: 85px !important;
    }

    .syr-footer__section--logo {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 991.98px) {
    :root {
        --mobile-header-top-nav-height: auto;
        --mobile-header-top-nav-item-font-size: 1rem;
        --mobile-header-top-nav-background-color: var(--color-white);
        --mobile-header-top-nav-color: var(--color-primary);
        --mobile-header-body-padding: 0 1rem 1rem 1rem;
        --calendar-weekday-padding: var(--spacer-4) var(--spacer-0);
    }

    #resultats>ul>li .template-content {
        padding: var(--spacer-16) var(--spacer-16) 0 0;
    }

    .searchContainer .template-content .template-title {
        font-size: 1rem;
    }

    #documents_memorises .mobile-navigation .btn-group.precedent,
    #documents_memorises .mobile-navigation .btn-group.suivant,
    #documents_memorises .mobile-navigation .btn.precedent,
    #documents_memorises .mobile-navigation .btn.suivant,
    #resultats_recherche .mobile-navigation .btn-group.precedent,
    #resultats_recherche .mobile-navigation .btn-group.suivant,
    #resultats_recherche .mobile-navigation .btn.precedent,
    #resultats_recherche .mobile-navigation .btn.suivant {
        background: var(--color-accent-secondary);
        border: none;
        color: var(--color-dark-blue);
    }

    .vc-pane {
        min-width: auto !important;
    }

    .vc-weeks {
        min-width: auto !important;
        max-width: 100% !important;
    }

    #documents_memorises .mobile-navigation,
    #resultats_recherche .mobile-navigation {
        border-radius: 20px;
        overflow: hidden;
    }

    .holdings_container_mobile .holding {
        border: none !important
    }

    .holding-mobile-item p {
        padding-left: var(--spacer-32) !important;
    }

    .syr-account-auth-mobile__button__icon--anonymous.fa-lock,
    .syr-account-nav-mobile__button__icon--authenticated.fa-user {
        width: 28px;
    }

    .syr-header__top-bar {
        box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.25);
        margin-bottom: var(--spacer-8);
    }

    .syr-account-auth-mobile__button,
    .syr-account-nav-mobile__button {
        background: var(--color-accent-primary);
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--spacer-32);
        height: var(--spacer-32);
        border-radius: 50px;
    }

    .syr-account-nav-mobile__button__icon::before {
        content: "\ec38";
        opacity: 0.2;
        font-family: "Phosphor-Duotone" !important;
        font-size: 1.4rem;
        color: var(--color-white);
    }

    .syr-account-nav-mobile__button__icon::after {
        content: "\ec39";
        margin-left: -1em;
        font-family: "Phosphor-Duotone" !important;
        font-size: 1.4rem;
        color: var(--color-white);
    }

    .syr-account-auth-mobile__button__icon::before {
        content: "\e4c4";
        opacity: 0.2;
        font-family: "Phosphor-Duotone" !important;
        font-size: 1.4rem;
        color: var(--color-white);
    }

    .syr-account-auth-mobile__button__icon::after {
        content: "\e4c5";
        margin-left: -1em;
        font-family: "Phosphor-Duotone" !important;
        font-size: 1.4rem;
        color: var(--color-white);
    }

    #dropMenu2 span.visible-xs {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .afterheaderseparation.frame-standard::before,
    .syr-account-nav-mobile__button__text,
    .syr-header__spacer,
    .syr-social-network-mobile,
    .syr-site-nav-mobile,
    accessibility-widget {
        display: none !important;
    }

    .syr-main-nav-mobile__hamburger-wrapper .btn .fa-bars {
        font-size: 1.5rem;
        color: var(--color-primary);
    }

    .render-velocityRenderMode_LIBRARYPERSONALISE div.bib-cards-content {
        grid-template-columns: 1fr !important;
    }

    .navtab-vertical .nav-tabs {
        --bs-nav-tabs-border-color: 1px solid #ccc;
        padding-bottom: 1rem;
    }

    .syr-footer__body__container {
        flex-wrap: wrap;
        gap: var(--spacer-12);
    }

    .Syr-footer-info-Section {
        padding-bottom: var(--spacer-24);
        padding-right: var(--spacer-16);
        padding-left: var(--spacer-16);
    }
}

@media (min-width: 768px) {
    .syr-spotlight--horizontal:not(.background-black) .syr-spotlight__figure {
        --spotlight-figure-width: 33%;
    }



}

@media (max-width: 767.98px) {
    :root {
        --panel-spacing: var(--spacer-8);
        --frame-spacing: var(--spacer-8);
        --btn-font-size: 1rem;
    }

    #resultats .template-info {
        font-size: var(--font-size-xxs);
    }

    #resultats .template-resume {
        font-size: var(--font-size-xs);
    }

    .syr-breadcrumb__text {
        padding-bottom: var(--spacer-8)
    }

    #facet_container h3 button .panel .panel-heading {
        font-size: var(--font-size);
    }

    #documents_memorises #criteres_recherche .criteres_recherche_main,
    #resultats_recherche #criteres_recherche .criteres_recherche_main {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .syr-spotlight.background-black .syr-spotlight__figure {
        display: none;
    }

    .syr-spotlight.background-black .syr-spotlight__content {
        padding: var(--spacer-24) var(--spacer-16);
    }

    .syr-spotlight.background-black .syr-spotlight__title {
        justify-content: center;
        margin: var(--spacer-32) 0;
        gap: var(--spacer-32);
    }

    .syr-spotlight.background-black .syr-spotlight__buttons {
        float: none !important;
        width: 100%;
        justify-content: center;
    }

    .site-footer__actions {
        justify-content: center;
    }

    .syr-footer__section-body {
        --footer-section-body-padding: 0;
    }
}