@charset "utf-8";

/* CSS Document */

/* Report @import url(../standard/portal/front/modeles.css); */
/* Report @import url(../standard/portal/front/style.css); */
/* Report @import url(../syracuse/syracuse.css); */
/* Report @import url(front.css); */

/* Report @import url(header-modern.css); */




[class^="icon-"],
[class*=" icon-"] {
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'Actions' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Actions' !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;
}

@font-face {
    font-family: 'Actions';
    src: url('fonts/Actions.eot?fzyqnq');
    src: url('fonts/Actions.eot?fzyqnq#iefix') format('embedded-opentype'),
        url('fonts/Actions.ttf?fzyqnq') format('truetype'),
        url('fonts/Actions.woff?fzyqnq') format('woff'),
        url('fonts/Actions.svg?fzyqnq#Actions') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'ElegantIcons';
    src: url('fonts/ElegantIcons.eot');
    src: url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'), url('fonts/ElegantIcons.woff') format('woff'), url('fonts/ElegantIcons.ttf') format('truetype'), url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "icomoon";
    src: url("fonts/icomoon.eot?qawvem");
    src: url("fonts/icomoon.eot?qawvem#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?qawvem") format("truetype"), url("fonts/icomoon.woff?qawvem") format("woff"), url("fonts/icomoon.svg?qawvem#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}


@font-face {
    font-family: 'american_typewriterregular';
    src: url('fonts/american_typewriter_regular-webfont.woff2') format('woff2'),
        url('fonts/american_typewriter_regular-webfont.woff') format('woff'),
        url('fonts/american_typewriter_regular-webfont.ttf') format('truetype'),
        url('fonts/american_typewriter_regular-webfont.svg#american_typewriterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* montserrat-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: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/montserrat-v26-latin-regular.eot');
    /* IE9 Compat Modes */
    src: url('fonts/montserrat-v26-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/montserrat-v26-latin-regular.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/montserrat-v26-latin-regular.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/montserrat-v26-latin-regular.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/montserrat-v26-latin-regular.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-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: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/montserrat-v26-latin-500.eot');
    /* IE9 Compat Modes */
    src: url('fonts/montserrat-v26-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/montserrat-v26-latin-500.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/montserrat-v26-latin-500.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/montserrat-v26-latin-500.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/montserrat-v26-latin-500.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-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: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/montserrat-v26-latin-600.eot');
    /* IE9 Compat Modes */
    src: url('fonts/montserrat-v26-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/montserrat-v26-latin-600.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/montserrat-v26-latin-600.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/montserrat-v26-latin-600.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/montserrat-v26-latin-600.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-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: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/montserrat-v26-latin-700.eot');
    /* IE9 Compat Modes */
    src: url('fonts/montserrat-v26-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/montserrat-v26-latin-700.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/montserrat-v26-latin-700.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/montserrat-v26-latin-700.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/montserrat-v26-latin-700.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-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: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/montserrat-v26-latin-800.eot');
    /* IE9 Compat Modes */
    src: url('fonts/montserrat-v26-latin-800.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/montserrat-v26-latin-800.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/montserrat-v26-latin-800.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/montserrat-v26-latin-800.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/montserrat-v26-latin-800.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-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: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/montserrat-v26-latin-900.eot');
    /* IE9 Compat Modes */
    src: url('fonts/montserrat-v26-latin-900.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/montserrat-v26-latin-900.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/montserrat-v26-latin-900.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/montserrat-v26-latin-900.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/montserrat-v26-latin-900.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Actions' !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;
}

/**************************************/
@font-face {
    font-family: 'fredoka_oneregular';
    src: url('fonts/fredokaone-regular-webfont.woff2') format('woff2'),
        url('fonts/fredokaone-regular-webfont.woff') format('woff'),
        url('fonts/fredokaone-regular-webfont.ttf') format('truetype'),
        url('fonts/fredokaone-regular-webfont.svg#fredoka_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*************Hide outline*************/

:focus,
*:hover {
    outline: 0 !important;
}

.x-webkit *:focus,
*:focus {
    outline: 0 !important;
}

button:focus,
.btn:focus {
    outline: 0 !important;
}

.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus {
    outline: 0;
}

.x-webkit *:focus,
*:focus {
    outline: 0 !important;
}

button:focus,
.btn:focus {
    outline: 0 !important;
}

ul.notes-echelle.js li.note-focus {
    outline: 0 !important;
}

.rsDefaultInv .rsArrow:hover,
.rsDefaultInv .rsArrow:focus {
    outline: 0;
    border: none;
}

.rsDefaultInv .rsBullets {}

.tt-input.form-control {
    border: none !important;
}

a {
    cursor: pointer;
}

/* Scroll bar */

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-button {
    width: 12px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #999;
    border: thin solid gray;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #7d7d7d;
}


/* hide inner shadow IOS */

header input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

:root {
    --color-1: #C38D9E;
    --color-2: #E8A87C;
    --color-3: #95CBCA;
    --color-4: #41B3A3;
    --color-5: #E27D60;
    --padding-btn: 10px 20px;
    --size-btn: 18px;
    --container-width: 1280px;
    --header-modern__body-container: 1440px;
    --btn-font: "american_typewriterregular";
    --jeunesse-font: "fredoka_oneregular";
}

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


html {
    scroll-behavior: smooth;
}


body {
    background: #fff;
    color: #000;
    font-weight: 400;
    font-family: 'Montserrat';
    text-transform: none !important;
}

b,
strong {
    font-family: 'Montserrat';
    font-weight: 800;

}

body,
td,
pre {
    font-size: 1.4rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
td,
pre,
.panel-front>.x-panel-header span {
    font-family: var(--btn-font);
    font-style: normal;

}

.panel-front>h2,
.panel-heading>h2 {
    font-family: var(--btn-font);
    font-size: 32px;
    color: #000;
    margin-bottom: 20px;


}

a {
    color: #000000;
    font-weight: 400;


}

a:hover,
a:focus {
    color: #000000;
    text-decoration: none;
}

p {
    font-family: 'Montserrat';
    color: #000;
    font-size: 16px;
    line-height: 1.4;
    margin: 20px 0;
}




h1 {
    font-size: 40px;
    color: #000;
}

.panel-front>.x-panel-header span,
h2 {
    font-family: var(--btn-font);
    font-size: 32px;
    color: #000;
}

h3 {
    color: #000;
    font-size: 28px;
    margin-bottom: 20px;
}

h4 {
    color: #000;
    font-size: 25px;
}

.no-gutters [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}

/********/


/***********Header***********/

header {
    background: #fff;
}

.layout_fluid100 div#page>div.container {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

#portal .panel-body {
    padding-top: 0;
}


/*****************Logo*****************/

header .navbar-inverse {
    min-height: 0;
    background: transparent;
    z-index: 20;
}

.navbar-inverse .navbar-container {
    padding: 0
}

.navbar-brand {
    background: transparent url(images/logo-noir.png) no-repeat center center;
    width: 137px;
    height: 137px;
    background-size: contain;
    z-index: 1;
    position: absolute;
}

.navbar-brand-before {
    background: transparent url(images/bml1N.png) no-repeat center center;
    width: 126px;
    height: 137px;
    background-size: contain;
    position: relative;
}

header .navbar-header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    flex-direction: row;
}

.navbar-brand h1 {
    display: none;
}

#share_social {
    z-index: 30;
    display: none !important
}

.sticky-search {
    display: none !important;
}

/*****************Ariane*****************/

#ariane {
    font-size: 16px;
    color: #000;
    padding: 0;
    display: inline-block;
    font-weight: 400;


}

#ariane .actif {
    color: #000;
    text-decoration: underline;
    font-weight: 400;
}

#ariane .breadcrumbDetail.actif {
    color: #000;
}

#ariane a {
    color: #000;
}

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

/*****************Search*****************/

#search-panel>.container {}

#search-panel {
    background: transparent;
    padding: 0;
}
.header-modern__search #textfield,
.header-modern__search .clean-text-field,
.header-modern__search #submit-search {
	height:40px;
}

.header-modern #nav-rich-menu li.rich-item.open>a:not(.btn),
.header-modern #nav-rich-menu li.rich-item>a:not(.btn):hover {
	color: #000;
}
.header-modern #nav-rich-menu .dropdown_container .modern-rich-item-entries li {
    margin: 0 !important;
}
.header-modern #nav-rich-menu .title_menu {
    margin: 0;
}
.header-modern #nav-rich-menu .title_menu h4,
.header-modern #nav-rich-menu .modern-rich-item-header>.title_menu h4{
    font-family: "american_typewriterregular";
    font-weight: 700;
}
.advanced-search-group .group-container fieldset {
	background-color:var(--color-3)!important;
}
.header-banner-menu {
    margin: 60px 0;
}

.header-modern__search #main_search_form {
    margin: 0 55px 0 0;
}

.header-modern__search #scenario-selection {

    height: 40px !important;
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

.header-modern__search #scenario-selection:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

/*****************Button*****************/

.btn {
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    font-weight: normal;



}

.header-modern__account .btn-account {
    font-size: var(--size-btn);
    padding: 7px !important;
    color: #fff;
    background-color: #000;
    border: 1px solid #000;

    font-family: var(--btn-font);
    text-transform: none;
}

.btn-account:hover,
.btn-account:focus,
.open .dropdown-toggle.btn-account {}

#portal .btn {}

.criteres_tri .btn {
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    flex-direction: row;
    background: transparent;
    /*    color: #fff; */
    padding-bottom: 0;
}

span.labelSelect.sort,
span.labelSelect {
    max-width: 100%;
    font-size: 16px;
    color: #000;
    font-weight: 400;

}



.btn-account i {
    margin: 0 10px 0 0;
}


.all-link-connexe .link-connexe .btn-default {
    font-size: 14px;
    text-transform: none;
    border: none;
    background: none;
    padding-left: 0;
    padding-right: 0;
}

.all-link-connexe .btn-default .caret {
    border-top-color: #000;
}

/*********Default***********/

.btn-default {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: var(--size-btn);
    font-weight: 400;
    padding: var(--padding-btn);
    font-family: var(--btn-font);
    text-transform: none;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;

}

.btn-primary {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: var(--size-btn);
    font-weight: 400;
    padding: var(--padding-btn);
    font-family: var(--btn-font);
    text-transform: none;

}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: transparent;
    border-color: #000;
    color: #000;
}

.btn-action {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: var(--size-btn);
    font-weight: 400;
    padding: var(--padding-btn);
    font-family: var(--btn-font);
    text-transform: none;


}

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active,
.btn-action.disabled,
.btn-action[disabled] {
    background-color: transparent;
    border-color: #000;
    color: #000;
}

.btn-info {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: var(--size-btn);
    font-weight: 400;
    padding: var(--padding-btn);
    font-family: var(--btn-font);
    text-transform: none;
}


.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: transparent;
    border-color: #000;
    color: #000;
}

.btn-dark {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: var(--size-btn);
    font-weight: 400;
    padding: var(--padding-btn);
    font-family: var(--btn-font);
    text-transform: none;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.btn-dark.disabled,
.btn-dark[disabled] {
    background-color: #fff;
    border-color: var(--color-1);
    color: var(--color-1);
}

.btn-account {
    color: var(--color-2);
    text-transform: none;
}

.btn-account:hover,
.btn-account:focus,
.btn-account:active,
.btn-account.active,
.open .dropdown-toggle.btn-account {}

.btn-default.action-search .icon-search:before {
    color: #fff;
}

/**** Tabulation ****/
.tab-content {
    background-color: #fff;
    color: #000;
    font-size: 16px;
    border: 1px solid #000;
    margin-bottom: 20px;
}

.nav-tabs>li {
    margin-bottom: 0px;
    border-radius: 0;
    background: #fff;
    margin-right: 0px;
}

.nav-tabs {}

.nav-tabs>li>a {
    color: #fff;
    background: #000;
    font-size: 18px;
    border: 1px solid #000;
    border-bottom: 0;
    border-radius: 0;
    font-weight: normal;
    margin-right: 0;
    padding: 10px 20px;
    text-transform: none;
    font-family: var(--btn-font);
}

.nav-tabs>li.active>a {
    background-color: #fff;
    border-color: #000;
    font-family: var(--btn-font);
    color: #000;
    border-bottom: none;
}


.nav-tabs>li>a:hover {
    background-color: #fff;
    border-color: #000;
    color: #000;
    border-radius: 0;
    padding: 9px 20px;
    border-bottom: 1px solid #fff;
}

.nav-tabs>li>a:focus {
    background-color: #fff;
    border-color: #000;
    color: #000;
    border-radius: 0;
	 border-bottom: none;

}

.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background-color: #fff;
    border-color: #000;
    padding: 10px 20px;
    font-family: var(--btn-font);
    color: #000;
    border-bottom: none;

}

.notice_avis>i,
ul.notes-echelle li span {
    color: #000;
    margin-right: 0px;
}

.detail-icon-container a>span,
.detail-icon-container button>span {
    color: #000;

}

.detail-icon-container {
    color: #000;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 30px !important;
    margin-left: 0px !important;
}

.anonymous-info .btn {
    padding: 8px 18px;
    color: #000;
    background-color: var(--color-2) !important;
    border: 2px solid var(--color-2);
    border-radius: 0;
    margin-right: 0px !important;
}

.anonymous-info .btn:hover {
    background-color: transparent !important;
    border: 2px solid var(--color-2);
}

.anonymous-info p {
    color: #000;
}

.holdings-subscription-section[data-v-d32efa4e],
.section-visible.holding-subscription-section-separator {
    background-color: var(--color-4);
}

.detail-icon-container #lien button span.sr-only {
    visibility: visible !important;
    position: relative !important;
    font-size: 18px;
    font-family: var(--btn-font);
    padding: var(--padding-btn);
    display: inline-block;
    width: 100%;
    height: auto;
    white-space: nowrap;
    margin: 0;
    color: #fff;
    font-weight: 400;
    background: #000;
    border: 1px solid #000;
    display: flex;
}

.detail-icon-container #lien button:hover span.sr-only {
    background: #fff;
    color: #000;
}

.alert-info {
    border: none !important;
}

.see_all_results,
.see_all_results_SelectFrame {
    margin-top: 10px;
}

.common-view-action-container {
    text-align: right;
}

.common-view-action-container .see_all_results.btn-default {}

#resultats_detail .vignette_document .thumbnail-wrapper img {
    height: auto;
    width: auto;
    max-width: 200px;
    object-fit: contain;
}

#resultats_detail .vignette_document .thumbnail-wrapper {}

#resultats_detail .vignette_document:before {}

#resultats_detail .vignette_container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.detail-icon-container a>span,
.detail-icon-container button>span {
    color: #000;
    font-size: 40px;
    display: flex;
    align-items: center;
    font-weight: normal !important;
}

.detail-icon-container>.position {
    font-weight: 500 !important;
}

.notice_corps.media {
    overflow: unset;
}


.accueil-portal .panel-front,
.accueil-portal .panel-selection {
    background: transparent;
    padding: 0px;
    position: relative;
    max-width: var(--container-width);
    margin: 0 auto;


}

.panel-front,
.panel-selection {
    background: transparent;
    /* padding: 20px;*/
    padding: 0px;
    position: relative;
    max-width: var(--container-width);
    margin: 0 auto;


}


#portal .frame {
    margin: 0 0 110px !important;
}

#readspeaker-container {
    margin-top: 30px;
}


.accueil-portal .header-modern__breadcrumb.container {
    display: none;
}

.header-modern__breadcrumb {
    padding: 20px 0 !important;
}

.header-modern__breadcrumb.container .col-md-12 {
    padding: 0 !important;
}

.header-modern__search #globalAdvancedSearchLink {
    right: -20px !important;
    text-transform: NONE !important;
}

.header-modern__search #globalAdvancedSearchLink .icon-plus {
    display: none;
}

.panel>.panel-heading h2,
.panel-title,
.panel-front>.x-panel-header {
    text-transform: none;


}




#search-panel .panel-body .row {
    margin: 0;

}



#scenario-selection,
#submit-search {

    height: 40px;
    line-height: 40px;

}

#textfield,
.clean-text-field {
    color: #000;
    background: none !important;
    border: none !important;
}

.clean-text-field {
    padding: 0;
}

#textfield,
.clean-text-field,
.tt-hint {}

.tt-hint,
#textfield,
.clean-text-field {
    height: 40px;
    line-height: 100%;
    background: #fff !important;
    border-top: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
}

.twitter-typeahead #textfield {}

.tt-hint {
    font-size: 12px !important;
    letter-spacing: 0;
    border: none;
}

#submit-search {
    font-size: 20px;
    width: 44px;
    background: #000;
    color: #fff;
    margin: 0 4px 0 0;
    text-align: center;
    padding: 0;
}

#search-panel .panel-body .clean-text-field {
    margin: 0 -4px 0 0;
    color: #B81616;
    font-size: 30px;
}

#scenario-selection {
    font-size: 18px;
    text-transform: none;
}


#search-panel .btn-default {
    background-color: #000;
    border-color: #000;
    color: #fff;


}

#search-panel .btn-default:hover,
#search-panel .btn-default:focus {
    background-color: transparent;
    border-color: #000;
    color: #000;


}

div.webframe-ermes-lastviewedresources-item,
div.webframe-ermes-openfindselection-item {}

#globalScenarioMobile {
    background-color: #fff;
    -webkit-box-shadow: 10px 10px 14px -11px rgb(0 0 0 / 17%);
    -moz-box-shadow: 10px 10px 14px -11px rgba(0, 0, 0, 0.17);
    box-shadow: 10px 10px 14px -11px rgb(0 0 0 / 17%);
    margin: 2px 0 0 0;
    border: 1px solid #000;
}

#globalScenarioMobile .active,
#globalScenarioMobile .active:hover,
#globalScenarioMobile .active:focus {
    background-color: #000;
    color: #fff;
}

#globalScenarioMobile>li>a:hover,
#globalScenarioMobile>li>a:focus {
    background-color: var(--color-3);
    color: #000;
    text-decoration: none;
}

#globalScenarioMobile>li>a {
    color: #000;
    font-weight: 400;
    font-size: 14px;

}

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

.rsDefaultInv .rsArrow {
    height: 100%;
    width: 46px;
    padding: 0;
}

.rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn {
    background: none !important;
    left: auto;
    float: right;
}

.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn {
    background: none !important;
    right: auto;
}

.rsDefaultInv .rsArrowIcn {
    background: #000 !important;
    width: 25px;
    height: 25px;
    border-radius: 50%;


    position: relative;
    margin: 0;
    left: auto;
    top: auto;

}

.rsDefaultInv .rsArrow {
    opacity: 1 !important;
}

.facetList.nav-pills>li>.facet-content-container {
	font-size:1.6rem;
}


.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn::after {
    content: "\f137" !important;
    font-family: "Font Awesome 5 free" !important;
    font-weight: 900 !important;
    color: #000 !important;
    line-height: 25px !important;
    font-size: 22px;
}

.rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn::after {
    content: "\f138" !important;
    font-family: "Font Awesome 5 free" !important;
    font-weight: 900 !important;
    color: #000 !important;
    line-height: 25px !important;
    font-size: 22px;
}

.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn:hover::after,
.rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn:hover::after {
    color: var(--color-4) !important
}

.owl-nav button {
    /*width: auto !important;
    height: auto !important;*/
}

.owl-next.disabled,
.owl-prev.disabled {
    opacity: 0.5;
}



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

.bs-bullets .rsNavSelected .btn {}

.bs-bullets .btn,
.bs-bullets .btn:hover,
.bs-bullets .btn:active {
    padding: 0;
}

.bs-bullets button,
.bs-bullets button:active,
.bs-bullets button:focus,
.bs-bullets button:hover {
    border-color: #000;


    height: 14px;
    width: 14px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer-icon-container {
    display: none;
}

.bs-bullets .rsNavSelected button {
    background: #000;
    padding: 0;
}

#footer-3 {
    margin: 0 40px;
}

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



.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    background-color: var(--color-1);
}

.user-name {
    color: #000;
}

.myaccount-profile .account-label {
    color: #000;
}

.search-icon-container .search-icon-container--icon {

    color: #000;
}

.facetList .badge {
    color: #000;
    font-size: 14px;
}

.pagination button.page_link {
    border-bottom: none;
    color: #000;
    padding: 0 5px;
}

.navigation-page .pagination {

    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

.pagination button.btn-link-like {
    color: #000;
    font-family: 'Montserrat';
    font-size: 16px;
    padding-left: 1px;
    padding-right: 1px;
    font-weight: 400;
    padding: 0 5px;

}

.btn-group.pageSize-container button {
    font-size: 16px !important;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    color: #000;
    border-radius: 0;
    border-bottom: none;
    background: transparent;
    font-size: 16px;
    font-weight: 700;
    border-bottom: none;
    padding: 0 5px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span,
.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-radius: 0;
}

#criteres_recherche p,
#description_resultats,
.taille_page,
.btn-group.pageSize-container button,
.btn-group.pageSize-container.open .dropdown-menu>li>a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-top: 0;
}

.displaymode-icon-container .active,
.siteRestriction-icon-container .active,
.pageSize-container .active,
.sort-order .active {
    background: #000;
    color: #fff;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: var(--color-3);
    color: #000;
    text-decoration: none;
}

.displaymode-icon-container.desktop button,
.siteRestriction-icon-container.desktop button,
.sort-order button {
    background-color: transparent;
    color: #000;
    padding-right: 0;
}

.displaymode-icon-container.desktop button:hover,
.siteRestriction-icon-container.desktop button:hover,
.sort-order button:focus,
.sort-order button:hover {
    color: #000;
}

.btn-group.pageSize-container.open .dropdown-menu>li>a.active {
    background: #000;
    color: #fff;
}


.displaymode-icon-container a.active:hover,
.siteRestriction-icon-container a.active:hover,
.pageSize-container a.active:hover,
.sort-order a.active:hover {
    background: #000;
    color: #fff;
}

.detail-icon-container .icon-return:before {
    content: "Retour aux résultats";
    background: var(--color-1);
    width: 100%;
    font-family: 'Montserrat';
    font-size: 18px;
    padding: 10px 20px;
    display: none;
}

/* Surcharge r�gle bootstrap */



.taille_page .pageSize-container>button {
    color: #000;
}

.selection_label {
    color: #000;
}

#multi_selection_simple .bouton_detail,
#multi_selection .bouton_detail {
    color: #000;
}

#multi_selection_simple .bouton_detail i,
#multi_selection .bouton_detail i {
    margin: 0 8px 0 0;
}

h3.category_header {
    background-color: var(--color-1);
    color: #000;
    margin-bottom: 0;
}


.detail-holdings-class [class|="detail-holds"] thead th,
.detail-subscriptions thead th,
.detail-holdings-class [class|="detail-holds"] thead td,
.detail-subscriptions thead td {
    background-color: #F5F5F5;
    color: #000;
    font-weight: normal;

}

.detail-holdings-class [class|=detail-holds] table td,
.detail-holdings-class [class|=detail-holds] table th,
.detail-subscriptions table td,
.detail-subscriptions table th {
    padding: 5px 6px;
    color: #000;
    /*border-top: 1px solid var(--color-1);*/
    border-bottom: 1px solid var(--color-1);

}

.detail-holdings-class [class|=detail-holds] table td:last-child {
    border-right: 1px solid var(--color-1);
}


.holdings-subscription-section .section-hidden.holding-subscription-section-separator {
    background-color: var(--color-4);
}

#notice_longue .detail-holdings-class h3 {
    margin-bottom: 0 !important;
}

.facetList.nav-pills>li.facet-color>a>span[data-ermes-facet-value] {
    border: none !important;
}

#facet_container a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
#facet_container .facet-content-container:not(a) {
    display:grid;
    grid-template-columns: 1fr 50fr 20fr;
}
#facet_container .facet-content-container:not(a) .badge {
    text-align: end;
}
#facet_container input[type=checkbox] {
    margin-top:2px;
}
a#collapser:active,
a#collapser:focus,
a#collapser:hover {
    color: var(--color-1);
}

a#collapser:hover svg#Layer_1,
a#collapser:hover svg#Layer_2 {
    stroke: var(--color-1);
}

.render-velocityRenderMode_CALENDAR_SESSIONS_DEFAULT .calendar-sessions .calendar-session-item {
    border: 1px solid var(--color-1);
}

#facet_container .facetSuggest li>a {
    background: var(--color-1);
    border: none;

    font-weight: 600;
    font-size: 100% !important;
    line-height: 100% !important;
}

#facet_container .facetSuggest li>a:hover,
#facet_container .facetSuggest li>a:focus {
    background: var(--color-3);
    border: none;
}

.description_resultats,
.taille_page {}

#description_resultats {
    color: var(--color-1);
}

.taille_page {}

.template-title {
    font-weight: 600;
    font-size: 20px;
    color: var(--color-1);
}

p.template-info {
    font-weight: 400;
}

.mobile-navigation .btn,
.mobile-navigation>.btn-group,
.mobile-navigation,
.mobile-navigation .btn.precedent,
.mobile-navigation .btn.suivant {
    background-color: #000;
}



.template-resume {
    line-height: 100%;
    font-size: 14px;
}

.webframe-ermes-lastcomments .webframe-ermes-lastcomments-item-body,
.webframe-ermes-lastcomments small {}

.holdings-displaymode a,
#ermes-myaccount .myaccount-has-late-loans {
    font-weight: normal;

}

.criteres_tri .site-restriction {
    margin-left: 0;
    padding: 0;
    background: transparent;
    display: flex !important;
    align-items: center;
    margin: 0 16px 0 0;
    padding: 0;
}

#facet_container .panel-heading {
    padding: 0 0 6px 0;
}

.images_scroll_container {
    margin: 0;
}

.displaymode-icon-container.desktop .icon-arrow-bottom,
.site-restriction.desktop .icon-arrow-bottom,
.sort-order .icon-arrow-bottom {
    position: relative;
}

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

.panel-title {
    font-size: 16px;

}

#facet_container.accordion h3.panel-title {
    color: #000;
    font-weight: normal;
    font-size: 18px;
    font-family: var(--btn-font);

}

.facet-controls>a,
.facet-controls>button {
    font-size: 14px;
    padding: 6px 0;
    font-family: 'Montserrat';
    font-weight: 400;

    color: #000;
}

.pageSize-container .icon-arrow-bottom {
    top: auto;

}

.notice.notice_courte {

    margin: 0;
}

#notice_longue .thumbnail-wrapper img {
    background-color: var(--color-1);
}



.notice.notice_courte .thumbnail-wrapper img {}

.notice.notice_courte .vignette_document a {}

.notice.notice_courte .thumbnail-wrapper {}

.notice.notice_courte .vignette_document a:before {}

.facet-search-term {
    border-radius: 0px;
    border-color: #000;
}

.facet-search-icon::before {
    color: #000;
    position: relative;
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.btn-default:hover.icon-search.facet-search-button:before {
    color: #000
}

.icon-search.facet-search-button:before {
    color: #fff;
}

.facet-search-field {
    padding: 0 0px 0 10px;

}


/*****************/
#notice_longue_description .nav-tabs>li {
    margin-bottom: 0 !important;
    margin-right: -1px !important;
}

#notice_longue_description .item-publisher,
#notice_longue_description .item-author {
    margin: 15px 0;
}

#notice_longue .event-description p {

    color: #000;
    font-size: 15px;
}

.notice_corps .pills-wrapper .session-date {
    background-color: #000;
}

.notice_corps .pills-wrapper .event-category {
    padding: 5px 15px;
    background-color: var(--color-5) !important;
    color: #000 !important;
}

#notice_longue_description {
    padding: 0;
    border-radius: 12px;
}

.detail-holdings-class {
    margin: 15px !important;
}


/*********/




#resultats>ul>li:hover {
    background-color: #fff;
    border: none;
}

#resultats>ul>li,
#resultats>ul>li.on {
    background-color: var(--color-1);
    border: none;
    padding: 10px 10px 0 10px;
    margin-bottom: 57px;
    border-bottom: 10px solid var(--color-1);
}

#resultats .notice_container {
    background: #fff;
}

#resultats .notice_courte .notice_metadata {}

#resultats .notice_corps {
    padding: 20px;
}

.metadata-actions .btn {
    background: transparent;
    border: none;
    border-radius: 0;
    color: #000;
}

.metadata-actions .btn .caret {
    border-top-color: #000;
}

#resultats .select {
    background-color: transparent;
    position: absolute;
    z-index: 1;
    width: 50px !important;
}

#resultats .select input[type="checkbox"],
.ajouter_selection input[type="checkbox"]:checked,
#resultats .select-all input[type="checkbox"] {
    accent-color: #000;
}

input[type=checkbox],
input[type=radio] {
    accent-color: #000;
}

#criteres_recherche p,
.description_resultats,
.description_resultats_pendingActiveClients,
.taille_page {
    color: #000;

}

.search-capture-footer .btn.search-capture-preview-searchlink {
    background-color: #fff !important;
    font-size: 20px;
    margin: 0 !important;
    top: 6px;
    position: relative;
}

.btn-link {
    color: #000;
    font-weight: 600;

    text-decoration: underline;

}

.btn-link:focus,
.btn-link:hover {
    color: var(--color-1);
}


.icon-search:before {
    color: #000;
    position: relative;
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

#criteres_recherche>p {
    margin: 0 20px 0 0;
}

.label-facet .btn-action {
    opacity: 1;
    color: #fff;
    border: none;
    background: #000;
    padding: 4px 10px;
    border-radius: 0;
    font-size: 16px;
    font-family: 'Montserrat';
}

.tt-suggestion.tt-cursor {
    background: #999999;
}

.searchContainer p {
    color: #000;
    font-size: 16px;
}

.select-all,
li.ajouter_selection {
    background-color: transparent;
    border: 1px solid #000;
    width: 50px;
    text-align: center;
}

.criteres_tri .check_all {
    float: none;
    margin: 0 auto;

}

.panel-front.panel-search-container {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border: none;
}

.available.indicator a {
    background: transparent;
    color: #000 !important;
    padding: 0px 10px;
    position: relative;
    right: 0;
    font-size: 14px;
}

.indicator.no-existing {
    border-left: 10px solid rgb(231, 20, 20);
}

.holding.not-available,
.indicator.all-loaned,
.indicator.available-elsewhere,
.indicator.loaned-elsewhere,
.indicator.not-available,
.indicator.not-available-here {
    border-left: 10px solid rgb(255, 179, 65);
}



.holding-new-item[data-v-5793dc87]:after {
    display: none !important;
}

.holdings-displaymode {
    padding: 5px;
}

#resultats_recherche .panel-search-container {
    background: #fff;
}

#facet_container>.panel-group {
    margin: 40px 0 0 0;
}

#facet_container>.panel-group:first-child {
    margin: 40px 0 0 0;
}

#criteres_recherche,
.navigation-page,
.intro,
#description_resultats_pendingActiveClients {
    padding: 0;
    margin: 0;
    font-family: 'Montserrat';
}

#options_document .panel-body,
#options_resultat .panel-body {

    font-family: 'Montserrat';
    padding: 0;
}

.additional-infos {
    color: #000;
    font-size: 17px;
}

#criteres_recherche {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#resultats_recherche .icon-history:before {
    content: "\e902";
    font-family: 'Actions';
}

#detail-notice .icon-download:before {
    content: "\e900";
    font-family: 'Actions';
}

#detail-notice .icon-link:before {
    content: '\f0c1';
    font-family: "Font Awesome 5 free";
    font-weight: 600;
}

#detail-notice .fa-envelope:before {
    content: "\e903";
    font-family: 'Actions';
}

#resultats_recherche .glyphicon-share-alt:before {
    content: "\e904";
    font-family: 'Actions';
}

#resultats_recherche .panel-heading {
    padding: 0;
}

.more-actions {
    margin-top: 0;
    right: 30px;
    top: -10px;
    font-size: 20px;
    display: flex !important;
    flex-direction: row;
    gap: 13px;
}

.search-icon-container {
    right: 0;

}

#facet_container .icon-resize-small,
#facet_container .icon-resize-full {
    font-size: 16px !important;
}

#facet_container .icon-resize-small:before {
    content: "\f0d8";
    font-weight: 900;
    font-family: "Font Awesome 5 free";
    border: 1px solid #000;
    color: #000;
    height: 20px;
    line-height: 20px;
    width: 20px;

}

#facet_container .icon-resize-full:before {
    content: "\f0d7";
    font-weight: 900;
    font-family: "Font Awesome 5 free";
    border: 1px solid #000;
    color: #000;
    height: 20px;
    line-height: 20px;
    width: 20px;


}

element.style {}

#facet_container a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

#facet_container a {
    text-decoration: none;
}

.facetList.nav-stacked {
    padding: 2px 0px 0;
}

.facetList.nav-pills>li>a {
    padding: 5px 10px;
}

.panel-default>.panel-heading {
    background-color: transparent;
}

#resultats_recherche .facetList.nav-pills>li>a {
    background-color: #000 !important;
    color: #fff;
    border: 1px solid #000;
    border-radius: 0 !important;
    margin: 4px 4px 4px 0 !important;
    font-size:1.4rem;
}

#resultats_recherche .facetList.nav-pills>li>a:focus-visible,
#resultats_recherche .facetList.nav-pills>li>a:hover {
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #000;
}

.criteres_tri {
    background-color: #fff;
}
body .icon-basket-puton:before {
    content:"\eacb" !important;
}
body .icon-basket-putoff:before {
    content:"\eacc" !important;
}
#resultats_detail h2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 15px 0;
    color: #000;


}

#notice_longue .well .item-typedoc {
    margin: 0;
    padding: 4px 5px;
    font-size: 12px;
    background: var(--color-1);
    display: inline;
    border-radius: 0;
}

#notice_longue .well {
    background: var(--color-1);
    box-shadow: none;
    border: none;
    margin: 0 3px;
    padding: 8px 4px;
}

#notice_longue .well h3 {
    line-height: 1.2;
    font-family: var(--btn-font);
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 600;
    padding: 0
}

#notice_longue .well p {
    font-size: 12px;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: left;
}

#notice_longue .well .thumbnail-wrapper img {
    background-color: #fff;
    border: 1px solid #fff;

}

#notice_longue #menu-more {
    padding: 5px 20px;
}

#notice_longue_description>p {
    color: #000;
    font-weight: normal;

}

#detail-notice-avis #avis-pro h3 span {
    font-size: 24px !important;
    font-weight: 500 !important;
    color: #000 !important;
    margin-bottom: 30px !important;
    padding: 0 20px !important;
}

#avis_lecteurs li,
#avis-pro li {
    padding: 0 20px;
}

#avis_lecteurs blockquote strong,
#avis-pro blockquote strong {
    padding-bottom: 14px;
    color: #000;
}

#avis_lecteurs blockquote,
#avis-pro blockquote {
    padding-bottom: 14px;
}

#avis-pro .comment-actions,
#avis_lecteurs .comment-actions {
    margin: 20px 0 0 0;

}

#avis_lecteurs blockquote p,
#avis_lecteurs blockquote small,
#avis-pro blockquote p,
#avis-pro blockquote small {
    color: #000 !important;
}

#avis-pro p,
#avis_lecteurs p {
    font-size: 16px !important;
    margin: 14px 0;
}

#notice_longue_description .item-typedocument {
    margin: 10px 0;
}

#notice_longue_description .tab-content>.active {
    margin-top: 10px;
}

/* #notice_longue_description .tab-content {
    margin-top: 71px;
} */

#notice_longue_description .nav-tabs {
    border-bottom: none;
    display: flex;
    flex-wrap: wrap-reverse;
}

#notice_longue_description .item-typedoc {
    display: inline-block;
    color: #000;
    background: var(--color-1);
    font-weight: 500;
    font-size: 14px;
    padding: 5px 15px;
}

#notice_longue .vignette_document img.ermes-thumb {


    max-width: none;
    width: 188px;
    object-fit: cover;


}

#resultats_detail .panel-heading h3 {
    color: #fff;
}

#notice_longue.sc-code-AGENDA .vignette_document img.ermes-thumb {
    max-width: 420px;
    border-radius: 30px;
}

h2.category_header {
    color: #000;
    font-size: 32px;
    font-weight: normal;
    margin: 80px 0px 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    border-bottom: 1px solid var(--color-1);

}

.view-online h2.category_header {
    margin: 0;
    font-family: 'Montserrat';
    font-weight: 400;
    color: #000;
    font-size: 16px;
}

#notice_longue .notice_avis {
    margin-top: 10px;
    text-align: center;

}

#notice_longue .notice_avis p {
    color: #000;
}

/*******/

#resultats .notice_courte p {
    margin: 10px 0;
    font-weight: 400;
    color: #000;
    font-size: 16px;
    line-height: 1.4;

}

#resultats .notice_courte .item-typedoc {
    background-color: var(--color-1);
    padding: 5px 15px;
    display: inline-block;
    margin: 0;
    font-size: 14px;
}

#resultats .notice_courte .item-NewItemFlag_exact {
    background-color: var(--color-1);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

#notice_longue_description .item-NewItemFlag_exact.nouveautes-mtec {
    background-color: var(--color-1);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

#resultats .notice_courte .item-Author_exact,
#resultats .notice_courte .item-SubjectTopic_exact,
#resultats .notice_courte .item-SubjectTopic_exact {}

#resultats .notice_courte .template-resume #resultats .notice_courte .item-Author_exact {
    font-size: 16px !important;
}

#resultats .notice .event-wrapper {
    padding: 0 0 0 20px;
}

#resultats .notice .event-wrapper .event-date {
    margin: 12px 0;
    color: #B1B1B1;
    font-weight: 700;
}

.notice .actions .btn {
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
    color: #000;
    margin: 0;
    font-size: 16px;
    padding: var(--padding-btn);
    font-family: var(--btn-font);

}

.notice .actions .btn:hover,
.notice .actions .btn:focus {
    background-color: #fff;
    border: 1px solid var(--color-1);
    color: #000;
}

.notice .actions .more-info {
    display: none;
}

#resultats .notice_courte .notice_corps h3 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

#resultats .notice_courte .notice_corps h3 font {
    color: #000 !important;
}

#resultats .notice_courte .notice_corps h6:last-child {
    float: right;
}

/* OWL carousel */
.owl-nav button {
    width: auto;
    height: auto;
    background: transparent !important;

}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {

    background-color: transparent !important;
}

.owl-nav button span {
    display: none;
}

.owl-nav .owl-prev::before {
    content: "\f137" !important;
    font-family: "Font Awesome 5 free" !important;
    font-weight: 900 !important;
    color: #000 !important;
    line-height: 25px !important;
    font-size: 22px;
}

.owl-nav .owl-next::before {
    content: "\f138" !important;
    font-family: "Font Awesome 5 free" !important;
    font-weight: 900 !important;
    color: #000 !important;
    line-height: 25px !important;
    font-size: 22px;
}

.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-69%);
    right: -50px;
}

.owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-69%);
    left: -50px;
}

.render-velocityRenderMode_AGENDA .owl-nav .owl-prev::before {
    content: "\f053" !important;
    font-family: "Font Awesome 5 free" !important;
    font-weight: 900 !important;
    color: #000 !important;
    line-height: 38px !important;
    font-size: 19px;
}

.render-velocityRenderMode_AGENDA .owl-nav .owl-next::before {
    content: "\f054" !important;
    font-family: "Font Awesome 5 free" !important;
    font-weight: 900 !important;
    color: #000 !important;
    line-height: 38px !important;
    font-size: 19px;
}

.owl-dots {
    display: none;
    /* display: block !important;
    margin: 10px 0;
    text-align: center;*/
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background: #fff;
    padding: 0;
    margin: 0 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 2px solid var(--color-1)
}

.owl-carousel .owl-dots .owl-dot.active {
    background: var(--color-1);
    border: 2px solid var(--color-1)
}


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

#multi_selection_simple .panel {
    box-shadow: none;
    background: #f5f5f5;
}

.app-badges-container {
    display: none;
}


#multi_selection_simple .panel,
#multi_selection .panel {
    background: #fff;
    box-shadow: none;
    -webkit-box-shadow: 10px 10px 26px 3px rgb(0 0 0 / 12%);
    -moz-box-shadow: 10px 10px 26px 3px rgba(0, 0, 0, 0.12);
    box-shadow: 10px 10px 26px 3px rgb(0 0 0 / 12%);
    padding: 20px;
}

/* Mobile header */
.navbar-toggle .icon-bar {
    height: 3px;
    width: 30px;
}

#mobile-actions {

    background-color: #fff;
}

#mobile-actions .caret {

    border-top: 4px solid #000;

}

.lang-dropdown-mobile .dropChangeCulture {
    color: #000;

}

.hamburger-mobile .icon-bar {
    background-color: #000;
    height: 4px;
    width: 26px;
    border-radius: 6px;
}

#mobile-actions .btn-account,
#mobile-actions .btn-account:hover,
#mobile-actions .btn-account:focus,
#mobile-actions .btn-account:active,
#mobile-actions .btn-account.active,
#mobile-actions .open .dropdown-toggle.btn-account {
    color: #000;
    border: none;
}

#mobile-actions .btn-account span span {
    display: none;
}

#mobile-actions #dropSite {
    color: #000;
}

.icon-user:before {
    content: "\f007";
    font-family: "Font Awesome 5 free";
    font-weight: 800;
    margin: 0;
}

.header-modern__account .icon-user:before {
    display: none;
}

.master-header-modern footer .scroll-top-button {
    z-index: 99999;
    left: auto;
    right: 30px !important;
    background-color: #000;
    border: 1px solid #000;
}



.header-modern__top-nav .link-connexe a.btn-link {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header-modern__top-nav .link-connexe a.btn-link::after {
    right: 0;
    margin-left: 20px;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 50px;
    display: block;
    position: relative;
    background-color: #000;
}

.fa-caret-up:before {
    content: "\f077";
}

.thumb-title {
    font-size: 14px !important;

}

.lang-dropdown-mobile {
    top: auto;

}

.lang-dropdown-mobile #dropChangeCulture {
    color: #fff;
}

#dropChangeCulture .caret {
    border-top: 4px solid #fff;
}

.change-site-mobile .caret {
    border-top-color: #fff;
}

#scenario-selection .caret {

    border-top-color: #000;
}

.dropdown-menu .active>a,
.dropdown-menu .active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #fff;

}

.dropdown-menu .active>a,
.dropdown-menu .active>a:hover,
.dropdown-menu>.active>a:focus {

    color: var(--color-1);
}

.haut_btn {
    right: 20%;
    position: absolute;
    bottom: 20px;
    width: auto;
    position: fixed;
    right: 20px;
    z-index: 9999;
    top: auto;
}

.haut_btn a {
    display: block;
    background: #262626;
    width: 36px;
    height: 36px;
    text-indent: 0;
    position: relative;
    border-radius: 6px;
    opacity: 0.4;
}

.haut_btn a:before {
    content: "\f077";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 26px;
    text-align: center;
    display: block;
    line-height: 36px;
    font-family: "Font Awesome 5 free";
}

.haut_btn a span {
    display: none;
}

#scrollToTop {
    /*display: inline-block;
    width: 100px;
    height: 50px;
    background: white;*/
}

#multi_selection_simple,
#multi_selection {
    bottom: 58px;

}

#sub_footer .container span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#sub_footer ul {
    margin: 0 20px;
}

#sub_footer ul li {
    display: inline-block;
    margin: 0 4px;
}

#resultats .indicator {
    color: #000;
    font-family: 'Montserrat';
    font-size: 14px;
    /* height: 100%; */
    /* margin-bottom: 0; */
    /* position: relative; */
    /* display: flex; */
    /* justify-content: space-between; */
}

a.btn-technicalReport:hover {
    background-color: transparent !important;
    border: transparent !important;
}

.statut .obtain-document-link {
    font-size: 14px;
}

.vignette_document .icon-new {
    display: none;
}

.statut .obtain-document-link span font {
    color: #000 !important;
}

.statut .obtain-document-link span font b {
    font-weight: normal !important;
}

.indicator .label-holding {
    padding: 0 0 0 10px;
    font-weight: 500;
    color: #000;
    font-size: 16px;
    line-height: 27px;
}

.holding.is-available,
.indicator.available,
.indicator.exposition {}

#options_resultat .panel-heading>h2,
#resultats_recherche .panel-heading>h2 {

    font-size: 24px;
    text-align: left;
    font-weight: normal;

}

#options_resultat .panel-heading>h2 {
    padding-right: 0;
}

.panel-front.panel-search-container .panel-heading {
    padding: 0
}

.panel-front.panel-search-container .panel-heading h2 a {
    font-size: 25px;
    text-align: left;
    font-weight: 900;

}

svg#Layer_2 {
    color: #000;
    width: 14px;
    margin-left: 5px
}

.panel-front.panel-search-container .panel-heading {
    padding: 0;
}

#notice_longue h3 {
    font-size: 24px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
    padding: 0 20px 0 20px;

}


.notice .event-info {
    margin: 15px 0;
}

#notice_longue_description .event-description-wrapper {
    margin-top: 30px;
}

#notice_longue_description .event-description-wrapper h4 {
    margin: 15px 0;
    font-size: 18px;

}

#detail-holdings h3 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    font-family: 'Montserrat';
    padding: 15px 20px;
}


.criteres_tri label.label-tri {
    color: #000;
    font-size: 16px;
    font-weight: 400;

}

.btn.tarzan {

    width: 100%;
}

#note-detail li>label {
    display: none;
}

.btn-info.tarzan {
    text-decoration: none !important;
    margin: 2px 0;
    white-space: normal;

}



.row.well.rsSlideContainer {
    margin: 0;
    background: #fff;

}


#detail-notice-selections .well.rsSlideContainer {
    background-color: #fff;
    border: 6px solid #fff;
    box-shadow: none;
    padding: 10px;
}

.detail-holdings-class tr:nth-child(even) {
    background-color: #fff;
    border: 1px solid var(--color-1) !important;
}

.detail-holdings-class tr:nth-child(odd) {
    background-color: #fff;
    border: 1px solid var(--color-1) !important;
}


.detail-holdings-class [class|="detail-holds"] thead th,
.detail-subscriptions thead th,
.detail-holdings-class [class|="detail-holds"] thead td,
.detail-subscriptions thead td {
    background-color: #fff;
    color: #000;
    font-weight: 400;
}

.detail-holdings-class [class|=detail-holds] .demander,
.detail-holdings-class [class|=detail-holds] .reserver,
.detail-subscriptions .reserver {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: var(--size-btn);
    font-weight: 400;
    padding: var(--padding-btn);
    font-family: var(--btn-font);
    text-transform: none;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    background-color: #efefef !important;
    border: 1px solid #efefef !important;
    color: gray;
    font-size: var(--size-btn);
    font-weight: 400;
    padding: var(--padding-btn);
    font-family: var(--btn-font);
    text-transform: none;
}

.booking-tooltip.tooltip .tooltip-inner {
    display: inline;
}

#langue-btn .x-flag {
    display: none;
}

.dropChangeCulture {
    color: var(--color-1);
}

.dropChangeCulture {
    color: #fff;
}

.dropChangeCulture .caret {

    border-top: 4px solid #fff;

}

.dropdown-menu.js-language-selector {
    right: 0;
    left: auto;
}


.float-frame-menu.panel-front {
    padding: 10px;
}

.float-frame-menu.vue-affix.affix-top,
.float-frame-menu {
    background: var(--color-2);

}

.float-frame-menu .menu-label.panel-heading {
    border: 1px solid #fff;
    border-bottom: none;
    padding: 20px;
    background: #fff;
}

.float-frame-menu .scrollactive-nav.menu-list {
    padding: 1px 20px 35px;
    border: 1px solid #fff;
    border-top: none;
    background: #fff;
}

.float-frame-menu .panel-heading h2 {

    font-size: 32px;
    margin: 0;
}

.float-frame-menu .menu-list li {
    margin: 4px 0;
}

.float-frame-menu .menu-list a {
    font-size: 16px !important;
    color: #000 !important;
    font-weight: 500;
    border: 1px solid transparent !important;
}

.menu-list a:hover,
.menu-list a:focus {
    background-color: #fff !important;
    border: 1px solid var(--color-2) !important;
    color: #000 !important;
    text-decoration: none !important;
    border-radius: 0 !important;
}

.float-frame-menu .menu-list a.is-active {
    background-color: var(--color-2) !important;
    border: 1px solid var(--color-2) !important;
    color: #000 !important;
    text-decoration: none !important;
    border-radius: 0 !important;

}

.owl-item .date_author {
    font-weight: normal !important;
    font-size: 14px !important;
}


.switch .slider {
    background-color: #000;
}

.switch input:checked+.slider {
    background-color: var(--color-4);
}

.notice_courte .notice_corps .thumbnail-wrapper {}

.site-btn {
    display: none;
}

/******************content************************/

.render-velocityRenderMode_SELECTIONS .owl-carousel .owl-item img {

    width: 100% !important;
    height: 200px !important;
    margin: 0 !important;
    object-position: center !important;
}

.render-velocityRenderMode_SELECTIONS .owl-carousel.owl-drag .owl-item {
    background: var(--color-3);
    padding: 10px;
    height: 100%;

}

.render-velocityRenderMode_SELECTIONS .owl-carousel.owl-drag .owl-item>div {
    padding: 10px;
    background: var(--color-3);
    border: 1px solid #fff;
}

.render-velocityRenderMode_SELECTIONS .owl-carousel.owl-drag .owl-item>div:hover {
    background-color: #fff
}

.render-velocityRenderMode_SELECTIONS .owl-carousel.owl-drag .owl-item>div:hover .ct_wol_spec {
    background-color: #fff;
    border: 1px solid var(--color-3);

}

.render-velocityRenderMode_SELECTIONS .owl-carousel.owl-drag .owl-item>div:hover .ct_wol_spec .badgeniveau {
    background: var(--color-3);
}

.render-velocityRenderMode_SELECTIONS .ct_wol_spec {
    padding: 20px;
    background: var(--color-3);
    border: 1px solid #fff;
}

.render-velocityRenderMode_SELECTIONS .ct_wol_spec p {
    margin: 0;
}

.render-velocityRenderMode_SELECTIONS .ct_wol_spec h2 {
    padding: 10px 0 0px 0;
}

.render-velocityRenderMode_SELECTIONS .owl-carousel .badgeniveau {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
}

.render-velocityRenderMode_SELECTIONS .owl-carousel .owl_thumb_ct {
    padding-bottom: 10px;
}

.render-velocityRenderMode_SELECTIONS .owl-carousel .owl-nav button.owl-next,
.render-velocityRenderMode_SELECTIONS .owl-carousel .owl-nav button.owl-prev,
.render-velocityRenderMode_SELECTIONS .owl-carousel button.owl-dot {
    display: none;
}

.render-velocityRenderMode_SELECTIONS .owl-carousel .title_owl {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: var(--btn-font);
}

.render-velocityRenderMode_SELECTIONS .owl-carousel .description {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 5px;
}

/*****************************/
.render-velocityRenderMode_AGENDA .see_all_results {
    margin-top: 20px;
}

.render-velocityRenderMode_AGENDA .owl-carousel .owl-item img {
    /* width: 100% !important; */
    /* height: 230px !important; */
    margin: 0 !important;
    object-position: center !important;
    aspect-ratio: 4/2
}

.render-velocityRenderMode_AGENDA .event_cat {
    position: absolute;
    top: 10px;
    background: #fff;
    left: 10px;
    padding: 5px;
}



.render-velocityRenderMode_AGENDA .owl-carousel.owl-drag .owl-item>div {
    padding: 10px;
    background: var(--color-4);
    border: 1px solid var(--color-4);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.render-velocityRenderMode_AGENDA .owl-nav {
    position: absolute;
    right: 0;
    width: 100px;
    top: -45px;
}

.render-velocityRenderMode_AGENDA .owl-nav button {
    width: AUTO !important;
    height: AUTO !important;
}

.render-velocityRenderMode_AGENDA .owl-nav .owl-prev {
    position: absolute;
    right: 33px;
    left: auto;
}

.render-velocityRenderMode_AGENDA .owl-nav .owl-next {
    position: absolute;
    right: 0;
    left: auto;
}


.render-velocityRenderMode_AGENDA .owl-nav .owl-next:hover {
    color: var(--color-4);
}

.render-velocityRenderMode_AGENDA .owl-carousel.owl-drag .owl-item>div:hover {
    background-color: #fff
}

.render-velocityRenderMode_AGENDA .owl-carousel.owl-drag .owl-item>div:hover .ct_wol_spec {
    background-color: #fff;
    border: 1px solid var(--color-4);

}

.render-velocityRenderMode_AGENDA .owl-carousel.owl-drag .owl-item>div:hover .ct_wol_spec .badgeniveau {
    background: var(--color-4);
}

.render-velocityRenderMode_AGENDA .ct_wol_spec {
    padding: 15px 20px;
    background: var(--color-4);
    border: 1px solid #fff;
    background-color: #fff;
    flex: 1 0 auto;
}



.render-velocityRenderMode_AGENDA .ct_wol_spec p {
    margin: 0;
}

.render-velocityRenderMode_AGENDA .ct_wol_spec h2 {
    padding: 10px 0 5px 0;
}

.render-velocityRenderMode_AGENDA .owl-carousel .owl_thumb_ct {
    padding-bottom: 10px;

}

.render-velocityRenderMode_AGENDA .agd-info {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.render-velocityRenderMode_AGENDA .title_owl {
    text-align: left;
    font-family: var(--btn-font);
    font-size: 24px;
}

.render-velocityRenderMode_AGENDA .date {
    text-align: left;
    font-size: 16px;
}

.render-velocityRenderMode_AGENDA .rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn::after {
    content: "\f053" !important;
    font-family: "Font Awesome 5 free" !important;
    font-weight: 900 !important;
    color: #fff !important;
    line-height: 25px !important;
}

.render-velocityRenderMode_AGENDA .rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn::after {
    content: "\f054" !important;
    font-family: "Font Awesome 5 free" !important;
    font-weight: 900 !important;
    color: #fff !important;
    line-height: 25px !important;
}

.render-velocityRenderMode_AGENDA .owl-next:hover::before,
.render-velocityRenderMode_AGENDA .owl-prev:hover::before {
    color: var(--color-4) !important
}

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

.frame .actualites {
    position: relative;
    padding: 0 40px;
}

.frame .actualites .carousel-img img {
    width: 100%;
    height: 416px !important;
    padding: 10px;
    background: transparent;
    border: 1px solid var(--color-4);
    object-fit: cover;
    transition: 0.3s ease
}

.frame .actualites .carousel-img a:hover img {
    background: var(--color-5);
    border: 1px solid var(--color-5);
}

.frame .actualites .actus_content {
    position: absolute;
    left: 10px;
    bottom: 12px;
    background: #fff;
    padding: 20px;
    width: calc(100% - 40px);
    display: none;
    margin: 10px;
    transition: 0.3s ease;
}

.frame .actualites.image.portrait .actus_content {
    right: 20px;
    bottom: 20px;
    width: calc(100% - 40px);

}

.rsNav.rsBullets.bs-bullets {
    display: none;
}



.rsOverflow {
    overflow: visible;
}

.frame .actualites.image.portrait {
    padding: 0;
}

.frame .actualites.image.portrait .carousel-img img {
    max-width: 100%;
    width: 100%;
    /*height: 570px !important;*/
    height: 100% !important;
    min-height: 570px;
}

.frame .actualites.image.portrait .carousel-img a:hover img {
    background: var(--color-4);
    border: 1px solid var(--color-4);
}

/******************/
.render-velocityRenderMode_NOUV4BIS .common-view-action-container,
.render-velocityRenderMode_NOUV4BIS .panel-heading h2,
.render-velocityRenderMode_NOUV-2 .common-view-action-container,
.render-velocityRenderMode_NOUV-2 .panel-heading h2,
.render-velocityRenderMode_NOUVEAUTES .common-view-action-container,
.render-velocityRenderMode_NOUVEAUTES .panel-heading h2 {
    padding: 0 30px;
}
#portal .render-velocityRenderMode_NOUV4BIS.frame,
#portal .render-velocityRenderMode_NOUV-2.frame,
#portal .render-velocityRenderMode_NOUVEAUTES.frame {
    padding: 10px;
    background: var(--color-1);
}

.render-velocityRenderMode_NOUV-2 .owl-carousel .owl-item img,
.render-velocityRenderMode_NOUVEAUTES .owl-carousel .owl-item img {

    width: 100% !important;
    height: 261px !important;
    margin: 0 !important;
}
.render-velocityRenderMode_NOUV4BIS,
.render-velocityRenderMode_NOUV-2,
.velocityRenderMode_NOUVEAUTES {
    padding: 30px;
    border-top: 1px solid #fff;
}
.render-velocityRenderMode_NOUV4BIS .owl-carousel.owl-drag .owl-item>div ,
.render-velocityRenderMode_NOUV-2 .owl-carousel.owl-drag .owl-item>div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.velocityRenderMode_NOUVEAUTES .owl-carousel.owl-drag .owl-item>div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.render-velocityRenderMode_NOUV4BIS .ct_wol_spec ,
.render-velocityRenderMode_NOUV-2 .ct_wol_spec {
    border-top: 1px solid #fff;
}

.velocityRenderMode_NOUVEAUTES .ct_wol_spec {
    border: 1px solid #fff;
    margin-top: 10px;
    text-align: left !important;
    padding: 10px;
    flex: 1 0 auto;
}
.render-velocityRenderMode_NOUV4BIS .owl-carousel .title_owl,
.render-velocityRenderMode_NOUV-2 .owl-carousel .title_owl {
    font-size: 18px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: var(--btn-font);
    margin-bottom: 5px;
}

.render-velocityRenderMode_NOUVEAUTES .owl-carousel .title_owl {
    font-size: 24px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: var(--btn-font);
    margin-bottom: 5px;
}
.render-velocityRenderMode_NOUV4BIS.type_author,
.render-velocityRenderMode_NOUV-2 .type_author,
.render-velocityRenderMode_NOUVEAUTES .type_author {
    font-size: 14px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400 !important;

}

.owl-carousel .owl-item a.more_info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.render-velocityRenderMode_NOUVEAUTES .owl-carousel.owl-drag .owl-item>div:hover .ct_wol_spec {
    background: #fff !important;
}
.render-velocityRenderMode_NOUV4BIS .owl-carousel .owl-item img {
    object-fit: contain !important;
    object-position: bottom !important;
    background-color: transparent !important;
}
.render-velocityRenderMode_NOUV4BIS .owl-carousel .owl_thumb_ct {
    height: 261px;
}
.render-velocityRenderMode_NOUV4BIS .owl-carousel .owl_thumb_ct,
.render-velocityRenderMode_NOUV-2 .owl-carousel .owl_thumb_ct {
    padding: 10px;

}
.render-velocityRenderMode_NOUV4BIS .owl-carousel .ct_wol_spec,
.render-velocityRenderMode_NOUV-2 .owl-carousel .ct_wol_spec {
    text-align: left !important;
    padding: 10px;
}

/********/
.alerte-mail {
    padding: 80px 100px;
    background: var(--color-2);
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
}

.alerte-mail p {
    margin: 0;
}

.abonnement-alert-mail {
    padding: 10px;
    background: var(--color-2);
}

/*********Styles********/
#portal .old-pink-theme.frame {
    padding: 10px;
    background: var(--color-1);
}

.old-pink-theme .panel-front {
    background: var(--color-1);
    padding: 30px;
    border: 1px solid #fff;
}

.old-pink-theme .common-view-action-container,
.old-pink-theme .panel-heading h2 {
    padding: 0 30px;
}

#portal .margin-50.frame {
    margin: 0 0 50px !important;
}

/********************************/
#portal .orange-theme.frame {
    padding: 10px;
    background: var(--color-5);
}

.orange-theme .panel-front {
    background: var(--color-5);
    padding: 30px;
    border: 1px solid #fff;
}

.orange-theme .common-view-action-container,
.orange-theme .panel-heading h2 {
    padding: 0 30px;
}


#portal .light-orange-theme.frame {
    padding: 10px;
    background: var(--color-2);
}

.light-orange-theme .panel-front {
    background: var(--color-2);
    padding: 30px;
    border: 1px solid #fff;
}

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

.title-with-border .panel-heading h2 {
    padding: 0 20px 20px;
    border-bottom: 1px solid #000
}

.title-with-border.render-velocityRenderMode_AGENDA {
    padding: 0 0 0 12px;
}

/*******************************/
#resultats_recherche #resultats .chevron-search {
    color: transparent;
}
#basket-search-form div.input-group .form-control {
    height: 53px;
    color: #000;
    border: 1px solid #000;
    border-radius: 0;
}

#basket-search-form div.input-group .input-group-btn .btn.btn-default {}

.navbar-header:after,
.navbar-header:before {
    display: none;
}

.user-account .component.activity,
.user-account .component.preferences,
.user-account .component.profile,
.user-account .component.contributions,
.user-account .component.digital-space,
.user-account .component.events,
.user-account .component.messages,
.user-account .component.newsletters,
.user-account .component.searches,
.user-account .component.activity,
.user-account .component.preferences,
.user-account .component.profile,
.user-account .component.contributions,
.user-account .component.digital-space,
.user-account .component.events,
.user-account .component.messages,
.user-account .component.newsletters,
.user-account .component.searches {
    padding: 30px !important;
    background-color: #fff !important;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    border-radius: 15px;
}

.myaccount-contributions-summary .comments-summary,
.myaccount-contributions-summary .tags-summary {
    overflow: visible;

}

.header-modern__account .button-my-account {
    margin-right: 40% !important;
}

.header-modern__account .button-my-account .icon-lock {
    display: none;
}

.header-modern__body.container {
    justify-content: space-between;
}

#ermes_main_menu li.LEVEL1.jeunesse>a,
#nav-rich-menu>li.jeunesse a {
    font-family: var(--jeunesse-font)
}

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

footer {
    background-color: #fff;
    border: 1px solid #000;

    margin-top: 30px;
}

footer .container {
    max-width: var(--header-modern__body-container);
    width: 100%;
    padding: 50px;
}

.top_footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.middle-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.liens-res ul {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.liens-res ul li a i {
    width: 50px;
    height: 50px;
    background: var(--color-4);
    border-radius: 50%;
    font-size: 30px;
    color: #132F2F;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

footer .middle-footer .logos_footer img {
    background-size: 100%;
}

footer .container ul li {
    color: #000;
    font-size: 16px;
}

footer .logos_footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}

footer a {
    color: #000;
    font-size: 16px;
}

footer a:hover,
footer a:focus {
    color: #000;

}

footer h3 {
    font-size: 24px;
    margin-bottom: 15px;
}

.top_footer .left_margin ul li {
    margin: 5px 0 5px 20px;
}

footer .right_margin {
    text-align: right;
}

.top_footer .right_margin ul li {
    margin: 5px 20px 5px 0;
}

div.product-infos {
    padding: 10px 0;
    background-color: #000;
    color: #fff
}

div.product-infos {
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
}

div.product-infos a {
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
}

.product-infos ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}

/*****Univers jeunesse***/
#jeuness-uni {
    padding: 10px;
    background: var(--color-5);
    border-radius: 20px;
}

#jeuness-uni h1 {
    padding: 45px;
    text-align: center;
    background: var(--color-2);
    border-radius: 10px;
    font-size: 50px;
    font-family: var(--jeunesse-font);
}

.bm-jeunesse .panel-front>h2,
.bm-jeunesse .panel-heading>h2 {
    font-family: var(--jeunesse-font);
    font-size: 34px;
    letter-spacing: 2px;
    font-weight: 400;
}

.bm-jeunesse #portal h1,
.bm-jeunesse #portal h2,
.bm-jeunesse #portal h3,
.bm-jeunesse #portal h4,
.bm-jeunesse #portal h5,
.bm-jeunesse #portal h6 {
    font-family: var(--jeunesse-font);
    letter-spacing: 2px;
    font-weight: 400;
}

.bm-jeunesse #portal .frame {
    margin: 0 0 75px 0 !important;
}

.bm-jeunesse #portal .no-margin.frame {
    margin: 0 !important;
}

.no-margin .panel-front>h2,
.no-margin .panel-heading>h2 {
    margin-bottom: 30px;
}

.bm-jeunesse .nav.nav-tabs {
    display: flex;
    flex-direction: row;
    gap: 15px;
    border: none
}

.bm-jeunesse .nav-tabs>li>a {
    font-family: var(--jeunesse-font);
    text-align: center;
    font-size: 24px;
    background-color: var(--color-5);
    border-color: var(--color-5);
    padding: 15px 20px;
    color: #000;
    height: 100%;
}

.bm-jeunesse .nav-tabs>li.active>a,
.bm-jeunesse .nav-tabs>li.active>a:hover,
.bm-jeunesse .nav-tabs>li.active>a:focus {
    background-color: var(--color-2);
    border-color: var(--color-2);
    font-family: var(--jeunesse-font);

}

.bm-jeunesse .nav-tabs>li {
    background-color: var(--color-2);
    /*   flex: 1 0 auto;*/
    flex: 1;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.bm-jeunesse .tab-content {
    background-color: var(--color-2);
    color: #000;
    font-size: 16px;
    border-color: var(--color-2);
    margin-bottom: 0px;
    padding: 50px;
    border-radius: 0 0 20px 20px;
}

.nav:after,
.nav:before {
    display: none;
}

.modele_1.model-html .tab-pane.fade h3 {
    margin-top: 50px;
}

/*********/
.render-velocityRenderMode_SELECTION-JEUNESSE .owl-carousel.owl-drag .owl-item>div {
    background: var(--color-5);
    padding: 10px;
    border-radius: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: ease 0.5s;
}

.render-velocityRenderMode_SELECTION-JEUNESSE .owl-carousel .owl_thumb_ct {
    width: 100%;
}

.render-velocityRenderMode_SELECTION-JEUNESSE .owl-carousel .owl-item img {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 10px 10px 0 0;


}

.render-velocityRenderMode_SELECTION-JEUNESSE .owl-carousel.owl-drag .owl-item {
    max-width: 100% !important;
    width: 100% !important;
}

.render-velocityRenderMode_SELECTION-JEUNESSE .owl_thumb_ct {
    height: 240px !important;
    width: 100% !important;
    margin: 0 !important;
    aspect-ratio: none !important;
}

.render-velocityRenderMode_SELECTION-JEUNESSE .owl_thumb_ct img {
    height: 240px !important;
    width: 100% !important;
}

.render-velocityRenderMode_SELECTION-JEUNESSE .ct_wol_spec {
    background: var(--color-2);
    padding: 20px;
    border-radius: 0 0 10px 10px;

    flex: 1 0 auto;
    margin: 0 !important;
}

.render-velocityRenderMode_SELECTION-JEUNESSE .owl-carousel.owl-drag .owl-item>div:hover {
    padding: 0;
}

.render-velocityRenderMode_SELECTION-JEUNESSE .owl-carousel.owl-drag .owl-item>div:hover img {
    border-radius: 20px 20px 0 0;
}

.render-velocityRenderMode_SELECTION-JEUNESSE .owl-carousel.owl-drag .owl-item>div:hover .ct_wol_spec {
    border-radius: 0 0 20px 20px;
    padding: 20px 30px;
}

.render-velocityRenderMode_SELECTION-JEUNESSE .owl-nav,
.render-velocityRenderMode_SELECTION-JEUNESSE .owl-next,
.render-velocityRenderMode_SELECTION-JEUNESSE .owl-prev {
    display: none;
}

.render-velocityRenderMode_SELECTION-JEUNESSE .title_owl {
    font-family: var(--jeunesse-font);
    font-size: 24px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}

.render-velocityRenderMode_SELECTION-JEUNESSE .info-doc {
    font-size: 14px;
}

.render-velocityRenderMode_CAR5NOTICES .owl-carousel.owl-drag .owl-item {
    /* max-width: 210px !important; */
    background: transparent;
    padding: 0;
    border-radius: 10px;
    transition: all .4s ease;
}

.render-velocityRenderMode_CAR5NOTICES .owl_thumb_ct {
    /* height: 240px !important; */
    /* width: 210px !important; */
    text-align: left !important;
    margin: 0 auto !important;
    background: transparent !important;
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 5/6;
}

.render-velocityRenderMode_CAR5NOTICES .owl-carousel .owl-item img {
    width: 100% !important;
    margin: 0 !important;
}

.render-velocityRenderMode_CAR5NOTICES .ct_wol_spec {
    text-align: left !important;
    padding: 0 10px 0 !important;
}

.render-velocityRenderMode_CAR5NOTICES .ct_wol_spec .title_owl {
    margin-top: 8px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #161616;
    font-size: 16px !important;
    font-weight: 400;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
}

.render-velocityRenderMode_CAR5NOTICES .ct_wol_spec .type_author {
    font-size: 14px !important;
    font-weight: 400;
    text-align: left;
}

.render-velocityRenderMode_CAR5NOTICES .owl-nav {
    display: none;
}

.Agenda_new {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.Agenda_new .notice_agd {
    position: relative;
    display: flex;
    flex-direction: row;
    background: var(--color-2);
    border-radius: 20px;
    padding: 10px;
    gap: 15px;
    align-items: center;
}

.Agenda_new .thumb_bc {
    width: 35%;
}

.Agenda_new div img {
    height: 130px !important;
    width: 100% !important;
    object-fit: cover;
    border-radius: 10px;
}

.Agenda_new .content_bc {
    width: 65%;
}

.notice_agd a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.Agenda_new .notice_agd .event_cat {
    font-size: 12px;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.Agenda_new .notice_agd h4 {
    margin: 15px 0 5px 0;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Agenda_new .notice_agd .date_event {
    font-size: 16px;
}

/*************************************************/
a.hover:hover,
a.hover:focus {
    color: #000000;
    text-decoration: underline;
    font-weight: 600;
}

.contact-enc .timing {
    margin-top: 40px;
}

.contact-enc .phone i,
.contact-enc .mail i {
    margin-right: 25px;
}

/********
.panel-model>.panel-heading {
    background-color: var(--color-1);
    border-color: var(--color-1);
    color: #000;
    padding: 16px 20px;
    border-radius: 0;
}

.modele_4.model-html .panel-model>.panel-heading:hover,
.modele_5.model-html .panel-model>.panel-heading:hover,
.modele_6.model-html .panel-model>.panel-heading:hover {
    background-color: var(--color-2);
    border-color: var(--color-2);
}

.panel-model>div.panel-collapse.in .panel-body {
    background-color: var(--color-2);

}

.panel-model .panel-title {
    font-size: 24px;
}

.panel-model {
    border: none;
}

.panel-model .panel-body {
    padding: 20px;
    padding-top: 20px !important;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border: none;
    background: var(--color-1);
}

.panel-model .velocityRenderMode_NOUVEAUTES {
    border-top: none
}

.modele_4.model-html .panel-heading a.collapsed:after,
.modele_5.model-html .panel-heading a.collapsed:after,
.modele_6.model-html .panel-heading a.collapsed:after {
    content: '\f067';
    font-family: 'Font Awesome 5 Free';
    float: right;
    font-size: 14px;
    font-weight: 900;
    position: absolute;
    float: right;
    right: 40px;
}

.modele_4.model-html .panel-heading a:after,
.modele_5.model-html .panel-heading a:after,
.modele_6.model-html .panel-heading a:after {
    content: '\f068';
    font-family: 'Font Awesome 5 Free';
    float: right;
    font-size: 14px;
    font-weight: 900;
    position: absolute;
    float: right;
    right: 40px;
}
***/
#modele_4 .panel-model .velocityRenderMode_NOUVEAUTES.panel-front,
#modele_5 .panel-model .velocityRenderMode_NOUVEAUTES.panel-front,
#modele_6 .panel-model .velocityRenderMode_NOUVEAUTES.panel-front {
    padding: 0px !important;
    border: none !important;
}

/***********/
#detail-notice-rebound .render-velocityRenderMode_NOUVEAUTES .owl-carousel.owl-drag .owl-item>div .ct_wol_spec {
    border: 1px solid var(--color-1);
    margin: 10px 0 0 1px;
    text-align: left !important;
    padding: 10px;
    flex: 1 0 auto;
}

#detail-notice-rebound .render-velocityRenderMode_NOUVEAUTES .owl-carousel.owl-drag .owl-item>div:hover .ct_wol_spec {
    background: var(--color-1) !important;
}

#detail-notice-rebound .render-velocityRenderMode_NOUVEAUTES .all-nouv-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/*Rendu 3 colonne DEBUT*/

#modeDisplayVignet.row:before,
#modeDisplayVignet.row:after {
    display: none;
}

.VLIL .notice.notice_courte .thumbnail-wrapper {
    margin: 0;
    background-size: 100%;
    height: 200px !important;
    padding: 20px;
    background: #fff;
    object-fit: cover;
    text-align: center;
}

div#VLILVignet¨ {
    margin: 2px auto;
}

#VLILVignet .thumbnail-wrapper img {
    height: 100%;
    min-height: 200px;
    max-height: 200px;
    width: 100% !important;
    margin: 0 auto;
    background: var(--color-1);
    /*object-fit: cover;*/
    border-bottom: 2px solid var(--color-4);
}

#modeDisplayVignet .statut,
#modeDisplayVignet .statut-disabled,
#modeDisplayVignet .statut-primaryDoc {
    margin: 0;
}

#modeDisplayVignet .vignet {

    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	margin:12px;
    height: 300px;
}

#modeDisplayVignet .noStatus,
#modeDisplayVignet .statut,
.obtain-document-link-vignet {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.VLIL .titreMosaic {
    max-width: 230px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: var(--btn-font);
    font-size: 18px;
}

.VLIL .dateOuverture {
    font-weight: 500 !important;
}

.VLIL .locationMosaic .icon-map {
    display: none !important;
}

.VLIL .locationMosaic {
    max-width: 230px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 14px;
}

.VLIL .categorieMosaic {
    max-width: 267px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    background: #fff;
    top: 16px;
    left: 17px;
    margin: 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 8px;
}

.VLIL .select.selectBoxVignet {
    position: absolute !important;
    top: 9px !important;
    left: auto !important;
    right: -4px !important;
    bottom: auto !important;
    width: auto !important;
    margin: 0 !important;

}

.VLIL .descriptionMosaic p {
    margin: 0 !important;
}

.VLIL .descriptionMosaic {
    padding: 9px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 7px !important;
}

.VLIL {}

.VLIL .select.selectBoxVignet .ermes-label {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.VLIL .categorieMosaic .icon-tag {
    display: none;
}

#modeDisplayVignet {
    background-color: #fff !important;
    padding-top: 0 !important;
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 20px));
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    position: relative;
    margin: 0;
}

#resultats>ul#modeDisplayVignet>li,
#resultats>ul#modeDisplayVignet>li.on {
    width: 100%;
    padding: 0 !important;
    margin: 0;
    height: 100%;
    border: 2px solid var(--color-4) !important;
}

#modeDisplayVignet .VLIL .notice.notice_courte {
    background-color: #fff;
}

.notice.notice_courte[data-base="CALENDAR"] .thumbnail-wrapper img {
    height: 100% !important;
    width: 80px !important;
    margin: 0 auto;
    background: var(--color-1);
}

.VLILVignet>.thumbnail-wrapper>img {
    background-image: none;
}

.VLILVignet>.thumbnail-wrapper {
    padding: 0px !important;
}

/*Rendu 3 colonnes FIN */
.panel-cookies {
    border-color: #000 !important;
}

.panel-cookies>.panel-heading {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
    font-weight: 400;
}

.btn-cookies-primary {
    font-weight: bold;
    color: #fff;
    background-color: #000 !important;
    border-color: #000 !important;
    font-weight: 400 !important;
    font-family: var(--btn-font);
}

.user-account .user-account-transactions .nav-tabs>li>a,
.user-account .user-account-acquisitions .nav-tabs>li>a {
    color: #fff !important
}

.user-account .user-account-transactions .nav-tabs>li>a:hover,
.user-account .user-account-acquisitions .nav-tabs>li>a:hover {
    color: #000 !important
}

.user-account .user-account-transactions .nav-tabs>li.active>a,
.user-account .user-account-acquisitions .nav-tabs>li.active>a {
    color: #000 !important
}

.transactions-container .user-account-no-result {
    background-color: #fff !important;
}

.nav-tabs {
    border-bottom: 1px solid #000;
}

.header-modern__top-nav #langue-btn a.btn-link.dropdown-toggle .caret {
    display: none;
}

.header-modern__top-nav #langue-btn a.btn-link.dropdown-toggle::after {
    content: '\f078';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    color: #000;
    font-size: 12px;
    position: relative;
    left: 0;

}

.header-modern.header-modern--menu-below-search.header-modern--scrolling {
    BORDER: none
}

.header-modern.header-modern--menu-below-search.header-modern--scrolling.header-modern--scrolling-down .navbar-brand {
    height: 100PX;
    WIDTH: 100PX
}

.header-modern.header-modern--menu-below-search.header-modern--scrolling.header-modern--scrolling-down .navbar-brand-before {
    height: 100PX;
    WIDTH: 90PX
}

/**********************************************************/
.diapo .rsItem img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

#diapo img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.owl-carousel .owl-stage:after {
    display: none !important
}

/* Onglets bib */
#portal .onglets_style.frame {
    margin: 0 !important;
}

.onglets_style .tab-content {
    background-color: #fff;
    color: #000;
    border: none
}

.onglets_style .nav-tabs {
    display: flex;
    flex-direction: row;
    /*border-bottom: 2px solid #634f86;*/
    border-bottom: 2px solid #000;
    margin-top: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}

.onglets_style .nav-tabs>li {
    background-color: #fff;
    flex: 0 0 auto;
    text-align: center;
    margin: 0;
}

.onglets_style .nav-tabs>li>a {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-right: 0;
    padding: 10px 14px;
    text-transform: uppercase;
    background: transparent;
    border: none;
}

.onglets_style .nav-tabs>li.active>a,
.onglets_style .nav-tabs>li.active>a:hover,
.onglets_style .nav-tabs>li.active>a:focus {
    background: #fff;
    color: #000;
    border: transparent;
    border-bottom: 4px solid #000;
    padding: 10px 14px;
}

.modele_6.model-html {
    padding-top: 25px;
}

/***************************************/
.carousel_3 .slider_container {
    width: AUTO;
    height: 40%;
    background: #FFF;
    display: block;
    MARGIN: 15PX;

}

.carousel_3 h3 {
    color: #000;
    text-transform: NONE;
}
.frame .actualites.autowidth .carousel-img a:hover img{
	background: var(--color-4);
    border: 1px solid var(--color-4);
}

/*********************/
.Agenda_new.vlil .notice_agd{
	background: var(--color-4);
    border-radius: 0;
	align-items: stretch;
	gap: 10px;
	border: 1px solid var(--color-4);
}
.Agenda_new.vlil .notice_agd:hover{
	background: #fff;
   
}

.Agenda_new.vlil div img {
     height: 150px !important;
    border-radius: 0;
	   
}

.Agenda_new.vlil .content_bc {
        background: #fff;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	border: 1px solid var(--color-4);
}

.Agenda_new.vlil .notice_agd h4 {
    margin: 5px 0 5px 0;
       font-size: 24px;
	       font-weight: 500;
}

.profilBox{
	padding:5px !important
}
/*****************/
/* Responsive design */
@media (max-width:1600px) and (min-width:991.98px) {
    .render-velocityRenderMode_AGENDA .owl-carousel .owl-stage-outer {
        width: 100vw !important;

    }
}

@media(min-width:991.98px) {

    .render-velocityRenderMode_AGENDA .owl-carousel.owl-drag .owl-item {
        max-width: 100% !important;
        width: 100vh !important;
    }

    .render-velocityRenderMode_AGENDA .owl-carousel .owl_thumb_ct {

        width: 362px;
    }

    .render-velocityRenderMode_AGENDA .owl-carousel .owl-stage-outer {

        padding-left: 12px;
    }
}

@media (min-width:1600px) {
    .header-modern__account .button-my-account {
        margin-right: 35% !important;
    }

    .header-modern__top-nav {
        max-width: 1440px !important;
        margin: 0 auto;
        padding: 0;
    }

    .header-modern__body.container {
        max-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .render-velocityRenderMode_AGENDA .owl-carousel .owl-stage-outer {
        /* width: auto !important; */
    }
}

@media (max-width:1470px) {

    #ermes_main_menu,
    #nav-rich-menu {
        padding: 0 50px;
    }

}

@media (min-width:1470px) {

    .navbar-inverse .navbar-container,
    #nav_connexe {

        min-width: 1440px;
    }

    .header-modern__body.container,
    .header-modern #menu-panel {
        max-width: 1440px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0;
    }



}

@media (max-width:1400px) {
    .header-modern__account .button-my-account {
        margin-right: 30% !important;
    }
}

@media (max-width:1370px) {

    .header-modern__account .button-my-account {
        margin-right: 15% !important;
    }

}

@media (max-width:1340px) {

    .header-modern #ermes_main_menu,
    .header-modern #header-modern-main-nav-mobile,
    .header-modern #nav-rich-menu {
        gap: 10px
    }
}

@media (max-width: 1300px) {
    .header-modern__account .button-my-account {
        margin-right: 0% !important;
    }
}

@media (max-width:1272px) {
    .navbar-brand {

        /* left: 337%; */

    }

    .header-modern__account .button-my-account {
        /* margin-right: 20% !important;*/
    }
}

@media (min-width:1262px) {

    .container {
        max-width: var(--container-width);
        width: 100%;
    }

	

}

@media (max-width:1262px) {
	.onglets_style .nav-tabs>li>a {
    
    font-size: 18px;

}
    .btn-info {
        white-space: normal;



    }

    #modeDisplayVignet {
		grid-template-columns: repeat(2, calc(50% - 13px));
    }

    .handorgel__content__inner.formulaire-contact .message-form textarea,
    .handorgel__content__inner.formulaire-contact .piece-form input {
        width: 100%;
    }
}

@media (min-width: var(--container-width)) {

    .cms-inner-zone {
        padding: 0 !important;
    }
}

@media (min-width:1201px) {

    #ermes_main_menu,
    #nav-rich-menu {
        margin: 0 0 20px 0;
    }
}

@media (max-width:1200px) {
.onglets_style .nav-tabs>li>a,
.onglets_style .nav-tabs>li.active>a, .onglets_style .nav-tabs>li.active>a:hover, .onglets_style .nav-tabs>li.active>a:focus{
padding: 10px 5px;
}
    #ermes_main_menu,
    #nav-rich-menu {
        margin: 20px 0 20px 0;
    }

    .header-modern__search #main_search_form {
        margin: 0 80px 0 0;
    }

    .header-modern #ermes_main_menu,
    .header-modern #header-modern-main-nav-mobile,
    .header-modern #nav-rich-menu {
        gap: 0px;
    }

}

@media (max-width:1200px) and (min-width: 992px) {
    .header-modern #nav-rich-menu>li {

        margin: 5px !important;
    }
}

@media (max-width:1130px) {
    .header-modern__account .button-my-account {
        /* margin-right: 10% !important;*/
    }

}

@media (max-width:1000px) {
    .notice_corps.media {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width:400px) {

    .title-with-border .panel-heading h2 {
        padding: 0 0px 20px;

    }

    .render-velocityRenderMode_AGENDA .owl-carousel .owl-stage-outer {
        padding-left: 0;
    }
}



@media (min-width: 768px) {
    .cms-inner-layout {
      /*  padding: 0px !important;*/
    }

    #notice_longue>.panel>.panel-body {
        padding: 35px 0 0 0;
    }

    #nav-rich-menu .title_menu h4 {
        /* padding: 7px 0px 7PX 0 !important; */
        text-transform: none !important;
    }

    #notice_longue .metadata-actions li.ajouter_selection {
        width: 40px;
        margin-bottom: 20px;

    }

    #nav-rich-menu li.rich-item.open .dropdown,
    #nav-rich-menu li.rich-item:not(.by-click):hover .dropdown {

        margin-top: -1px !important;

        z-index: -1;
    }

    #nav-rich-menu li.rich-item:hover {}

    .header-modern #nav-rich-menu li.rich-item:hover>a:not(.btn) {
        position: relative;

    }

    #nav-rich-menu:before,
    #nav-rich-menu:after {
        display: none;
    }

    #ermes_main_menu li.LEVEL1.jeunesse>a,
    #nav-rich-menu>li.jeunesse a {
        background: var(--color-2) !important;
        border: 1px solid var(--color-2) !important
    }

    /* #nav-rich-menu li.rich-item.jeunesse:hover, */
    #ermes_main_menu li.LEVEL1.jeunesse>a:hover,
    #ermes_main_menu li.LEVEL1.jeunesse>a:focus,
    #ermes_main_menu li.LEVEL1.jeunesse>a:active,
    #nav-rich-menu>li.jeunesse a:hover,
    #nav-rich-menu>li.jeunesse a:active,
    #nav-rich-menu>li.jeunesse a:focus {
        background: var(--color-5) !important;
        border: 1px solid var(--color-5) !important
    }

    #ermes_main_menu li.LEVEL1.Patrimoine>a,
    #nav-rich-menu>li.Patrimoine a {
        background: var(--color-4) !important;
        border: 1px solid var(--color-4) !important
    }

    /* #nav-rich-menu li.rich-item.Patrimoine:hover, */
    #ermes_main_menu li.LEVEL1.Patrimoine>a:hover,
    #ermes_main_menu li.LEVEL1.Patrimoine>a:focus,
    #ermes_main_menu li.LEVEL1.Patrimoine>a:active,
    #nav-rich-menu>li.Patrimoine a:hover,
    #nav-rich-menu>li.Patrimoine a:active,
    #nav-rich-menu>li.Patrimoine a:focus {
        background: var(--color-3) !important;
        border: 1px solid var(--color-3) !important
    }

    #ermes_main_menu,
    #nav-rich-menu {
        width: 100%;
        background: #fff !important;
        /* margin: 0 0 20px 0;*/

    }

    #ermes_main_menu li.LEVEL1>a,
    #nav-rich-menu>li a {
        font-family: var(--btn-font);
        font-size: 20px;
    }

    #nav-rich-menu li.rich-item>a {
        width: 100%;
        padding: 12px !important;
    }

    #nav-rich-menu li.rich-item.jeunesse>a,
    #nav-rich-menu li.rich-item.Patrimoine>a {
        width: 100%;
        padding: 10px 12px !important;
    }

    #menu-panel {
        width: 100%;
        padding: 0;
        margin: 0 0 50px 0;
        background: transparent !important;
    }



    .btn-account-label {
        /*display: none;*/
    }

    .btn-account i {
        margin: 0;
    }


    #notice_longue .dl-horizontal dd {
        margin-bottom: 20px;
    }

    #modal-holdings .modal-dialog .modal-content {
        min-width: 1100px;
    }

    #document_actions {
        background: var(--color-1);
        padding: 20px;
        border-radius: 0;
    }

    .modal-dialog .holdings-holding-site {
        width: 300px;
    }

    #modal-holdings .modal-dialog {
        width: auto;
        max-width: 1210px;
    }

    /******menu*****/
    #menu-panel {}

    #ermes_main_menu {
        width: 100%;
        background: transparent;
        padding: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    #ermes_main_menu .dropdown-submenu>a:after {
        margin-top: 0;
        margin-right: 0;
        position: absolute;
        right: 7px;
        top: 40%;
    }

    #ermes_main_menu li.LEVEL1>a {
        padding: 16px 15px;
        color: #000;

        height: 100%;
        display: block;
        font-weight: 400;
        width: 100%;
        font-size: 16px;
        background: transparent;
        transition: all .2s ease;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
    }



    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus,
    #ermes_main_menu li.LEVEL1 a:hover {
        background-color: transparent;
    }


    #ermes_main_menu li.LEVEL1 {
        width: auto;
        background: transparent;
        border: none;
        margin: 0;
        padding: 0;
        float: left;
        flex: 1 auto;
    }

    #ermes_main_menu li.LEVEL1.patrimoine>a {
        background-color: var(--color-1);
        border: 1px solid #fff;
    }

    #ermes_main_menu li.LEVEL1.patrimoine>a:hover,
    #ermes_main_menu li.LEVEL1.patrimoine>a:focus {
        background-color: transparent;
        border: 1px solid var(--color-1);
        color: #000;
    }

    #ermes_main_menu li.LEVEL1>a:hover span,
    #ermes_main_menu li:hover>a span,
    #nav-rich-menu li:hover>a span,
    #nav-rich-menu li.LEVEL1>a:hover span,
    #ermes_main_menu li.LEVEL1.sitemap-selected-item>a span {
        background: transparent;

    }

    #ermes_main_menu li.LEVEL1.sitemap-selected-item>a:hover span {
        color: #000;
    }

    #ermes_main_menu li.LEVEL1.sitemap-selected-item>a:hover::before {
        background: #000;
    }

    #ermes_main_menu .dropdown-menu>li>a {
        color: #000;
        white-space: nowrap;
        text-transform: none;
        font-weight: normal;
        text-align: left;
        padding: 10px 20px;
        font-size: 18px;
        white-space: normal;
    }

    #ermes_main_menu .dropdown-menu>li>a:hover,
    #ermes_main_menu .dropdown-menu>li>a:focus {
        color: #000;
        background: rgb(246, 246, 246);
    }

    #ermes_main_menu li.LEVEL1 .caret,
    #ermes_main_menu li.LEVEL1 a:hover .caret {
        border-bottom-color: #000;
        border-top-color: #000;
    }

    #ermes_main_menu li.LEVEL1>a:hover .caret,
    #ermes_main_menu li:hover>a .caret {
        border-bottom-color: #000;
        border-top-color: #000;
    }

    .dropdown-submenu>.dropdown-menu {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    #ermes_main_menu li.LEVEL1>a span {
        position: relative;
    }



    #ermes_main_menu li.LEVEL1.sitemap-selected-item>a>span:after {}


    #ermes_main_menu li.home>a span {
        display: none;
    }

    #ermes_main_menu li.home>a::before,
    #nav-rich-menu li.home>a::before {
        content: '\f015';
        display: block;
        position: relative;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;

    }

    #search-panel .panel-body {
        padding: 0;
        width: 54%;
        margin: 0 auto;
        position: absolute;
        top: -100px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9;
    }

    .statut,
    .statut-disabled,
    .statut-primaryDoc {
        background-color: var(--color-1);
        position: absolute;
        margin: 0 0 0 -10px;
        width: 100%;
    }

    .navbar>.container .navbar-brand {
        margin: -130px 0 0 0;
        padding: 0;
    }
}

@media (min-width: 1232px) {}


@media (max-width: 1100px) {
    .header-modern__account .button-my-account {
        margin-right: 0% !important;
    }

    .middle-footer {
        width: 100%;
    }

    footer .right_margin {
        text-align: left;
    }

    .top_footer .right_margin ul li {
        margin: 5px 0px 5px 20px;
    }

    .top_footer {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 30px;
    }

    .page-admin .header-modern__account .btn-account span.hidden-xs,
    .page-admin .header-modern__account .btn-account {
        max-width: 130px !important;
    }

    .navbar-brand-before,
    .navbar-brand {
        height: 95px;
        width: 90px;

    }

    .header-modern #ermes_main_menu li.LEVEL1>a:not(.btn),
    .header-modern #ermes_main_menu li.LEVEL1>button:not(.btn),
    .header-modern #ermes_main_menu li.rich-item>a:not(.btn),
    .header-modern #ermes_main_menu li.rich-item>button:not(.btn),
    .header-modern #header-modern-main-nav-mobile li.LEVEL1>a:not(.btn),
    .header-modern #header-modern-main-nav-mobile li.LEVEL1>button:not(.btn),
    .header-modern #header-modern-main-nav-mobile li.rich-item>a:not(.btn),
    .header-modern #header-modern-main-nav-mobile li.rich-item>button:not(.btn),
    .header-modern #nav-rich-menu li.LEVEL1>a:not(.btn),
    .header-modern #nav-rich-menu li.LEVEL1>button:not(.btn),
    .header-modern #nav-rich-menu li.rich-item>a:not(.btn),
    .header-modern #nav-rich-menu li.rich-item>button:not(.btn) {
        font-size: 17px;

    }

    .header-modern__account .btn-account {
        font-size: 15px;
    }

}

@media (max-width:1073px) {
    .header-modern__top-nav {
        /* padding: 0 35px;*/
    }

    .my_apps .applicatifs {
        margin: 0px -9%;
    }

    .header-modern__body.container {
        padding: 0 35px;
    }

}

@media (min-width: 992px) {
    .frame .actualites .carousel-img a:hover .actus_content {
        display: block !important;
    }

    .header-modern__brand {
        position: relative;
    }

    .header-modern__brand {
        width: 100%
    }

    .header-modern__search {
        position: absolute;
        left: 43%;
        width: 43%;
        transform: translateX(-43%);
        z-index: 50;
    }

    .header-modern__account {
        position: absolute;
        right: 228px;
        width: auto;

    }

    .header-modern__search #submit-search {
        margin-right: 0;
    }

    #main_search_form {}


}

@media (min-width:991px) {

    .navbar-brand {

        position: absolute;

        right: 0;

    }
}

@media (max-width: 991.98px) {
    #portal .frame {
        margin: 0 0 40px !important;
    }
    .header-modern__main-nav-mobile-dialog #header-modern-main-nav-mobile li:not(.LEVEL1) {
        background: none !important;
    }
    .onglets_style .nav-tabs{
        flex-direction: column
    }
    .onglets_style .nav-tabs>li>a {
        font-size: 20px;
    }
    .frame .actualites .carousel-img img {
        border: 0px solid var(--color-4);
        padding: 0;
    }

    .frame .actualites .carousel-img {
        border: 1px solid var(--color-4);
        padding: 10px;

    }

    .frame .actualites .actus_content {
        /* position: relative;
        right: 0;
        bottom: 0;
        display: block;
        width: 100%;
        margin: 0;
        padding: 20px 10px 10px;*/
        position: absolute;
        right: 20px;
        bottom: 21px;
        display: block;
        left: auto;
        margin: 0;
        padding: 10px 10px 10px;
    }


    .frame .actualites .actus_content p {
        margin: 10px 0 0;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        overflow: hidden;


    }

    .frame .actualites .carousel-img a:hover img {
        background: transparent;
        border: none;
    }

    .frame .actualites .carousel-img:hover {
        background: var(--color-5);
        border: 1px solid var(--color-5);
    }

    .frame .actualites.image.portrait .carousel-img:hover {
        background: var(--color-4);
        border: 1px solid var(--color-4);
    }

    .title-with-border .render-velocityRenderMode_AGENDA {
        padding: 0;
    }

    .btn-group.my-account-mobile .fa-user-alt:before {
        content: '\f2bd';
        font-size: 25px;
    }

    #share_social_mobile {
        display: none;
    }

    .header-modern__top-nav-mobile .change-site-mobile {
        display: none;
    }

    .header-modern .header-modern__brand .navbar-header {
        margin-bottom: 20px;
        gap: 30px;
    }

    .header-modern .header-modern__search #globalAdvancedSearchLink {
        color: #000
    }

    .header-modern .header-modern__brand .navbar-brand {
        width: 90px;
    }

    .header-modern__search #main_search_form {
        margin: 0 0px 0 0;
    }
}

@media (max-width:992px) {

    #langue-btn-mobile .dropdown-menu.js-language-selector {
        left: 0 !important;
        right: auto !important;
        width: 100%;
    }

    #modeDisplayVignet {
        grid-template-columns: repeat(1, 100%);
    }

    #accessibilitytoolbarGraphic,
    #accessibilitytoolbarGraphic * {
        z-index: 1030 !important;
    }

    #cdu_close {
        left: 0 !important;
        right: auto !important;
    }

    .header-modern .header-modern__top-nav #langue-btn {
        display: none !important;
    }

    .header-modern__top-nav {
        padding: 0 20px;
    }

    .all-link-connexe {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
    }

    .header-modern__top-nav .link-connexe a.btn-link,
    .header-modern__top-nav .link-connexe button.btn-link {
        font-size: 14px;
        padding: 9px 5px;
    }

    .header-modern__top-nav .link-connexe a.btn-link::after {
        margin-left: 10px;
    }

    .header-modern .header-modern__top-nav {
        display: block;
    }

    .navbar-brand {

        position: relative;
        left: 0;

    }

    .header-modern__body.container {
        padding: 0 20px;
    }

    .header-modern__breadcrumb {
        margin-top: 0px;
        padding: 20px !important;
    }

    .header-modern__breadcrumb.container {
        padding-left: 60px;
    }

    .bm-jeunesse #portal .frame {
        margin: 0 0 50px 0 !important;
    }


}

@media (max-width: 810px) {
    .owl-nav .owl-prev {
        left: -30px;
    }

    .owl-nav .owl-next {
        right: -30px;
    }
}


@media (max-width: 768px) {
    .icon-resize-small:before {
        display: none;
    }

    .cms-inner-zone {
        padding: 0 !important;
    }



}

@media (max-width: 767px) {


    /*  .panel-front,
.panel-selection {
   
    padding: 20px
   
    


}*/
    .btn-valid-alert {
        margin-bottom: 5px;
    }
    .btn {
        -moz-transition: all 0.0s ease;
        -webkit-transition: all 0.0s ease;
        -o-transition: all 0.0s ease;
        transition: all 0.0s ease;
        font-weight: normal;

    }

    /* #notice_longue_description .tab-content {
        margin-top: 45px;
    } */

    .statut,
    .statut-disabled,
    .statut-primaryDoc {
        background: var(--color-1);
        /*position: relative;*/
        margin: 0 0 0 -10px;
        width: 100%;
    }

    .master-header-modern body {
        overflow: hidden !important
    }

    .velocityRenderMode_NOUVEAUTES .ct_wol_spec {
        margin: 10px 0px 0px 2px;
    }
.render-velocityRenderMode_NOUV4BIS .owl-carousel.owl-drag .owl-item>div,
    .render-velocityRenderMode_NOUV-2 .owl-carousel.owl-drag .owl-item>div,
    .velocityRenderMode_NOUVEAUTES .owl-carousel.owl-drag .owl-item>div {
        padding: 1px;
    }

    .owl-nav .owl-prev {
        left: -10px;
    }

    .owl-nav .owl-next {
        right: -10px;
    }

    .header-modern__search #globalAdvancedSearchLink {
        right: 0px !important;

    }

    .render-velocityRenderMode_SELECTION-JEUNESSE .owl-carousel.owl-drag .owl-item>div {
        background: transparent;
        padding: 0;
        border-radius: 10px;
        transition: ease 0.0s;
    }

    .render-velocityRenderMode_SELECTION-JEUNESSE .owl-carousel.owl-drag .owl-item>div:hover .ct_wol_spec {
        border-radius: 0 0 10px 10px;
        padding: 20px;
    }

    .render-velocityRenderMode_SELECTION-JEUNESSE .owl-carousel.owl-drag .owl-item>div:hover img {
        border-radius: 10px 10px 0 0;
    }

    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        background-color: #000;
        border: 1px solid #000;
        color: #fff;
    }

    #accessibilitytoolbarGraphic,
    #accessibilitytoolbarGraphic * {
        z-index: 1030 !important;
    }

    #cdu_close {
        left: 0 !important;
        right: auto !important;
    }

    .bm-jeunesse .nav-tabs>li.active>a,
    .bm-jeunesse .nav-tabs>li.active>a:hover,
    .bm-jeunesse .nav-tabs>li.active>a:focus,
    .bm-jeunesse .nav-tabs>li>a {
        font-size: 20px !important;
    }



    #accessibilitytoolbarGraphic {
        left: 0 !important;
    }

    .frame .actualites .carousel-img img {
        height: 216px !important;
    }

    .eurekoi {
        width: 100%;
    }

    footer .middle-footer .logos_footer img {
        height: 50px !important;
    }

    footer .container {

        padding: 30px 20px;
    }

    .alerte-mail {
        padding: 15px;
    }

    .panel-front>.x-panel-header span,
    h2 {
        font-size: 28px;
    }

    .frame .actualites.image.portrait .carousel-img img {
        height: 100% !important;
        min-height: 500px;
    }

    .header-modern #ermes_main_menu .dropdown-menu>li>a {
        white-space: normal;
    }

    img.ermes-thumb-size-MEDIUM {
        max-width: 120px !important;
        min-width: 120px !important;
    }

    .navbar-inverse .navbar-brand {

        margin: 20px auto;
    }

    .portal_logo img {
        max-width: 104px;
    }

    .navbar-header {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }



    .container #rich-footer-3 #menu_3 img {
        max-width: 90px;
    }

    #rich-footer-3>div {
        margin-bottom: 20px;
    }

    #rich-footer-3 #menu_3 {
        gap: 10px;
    }

    .panel-front,
    .panel-selection {

        padding: 20px;

    }

    #menu-panel {
        top: 0;
    }

    #menu-panel .panel-body {}

    .container {
        max-width: 100%;
        width: 100%;
    }

    #nav-rich-menu,
    .portal-main-menu {}

    #nav-rich-menu>li>a {

        color: #000;
        font-weight: 500;
        font-size: 16px;
        border-top: 1px solid #eaeaea;
    }

    #nav-rich-menu .dropdown_container {
        margin-top: 0;
        width: 100%;
    }

    #nav-rich-menu .dropdown_container a {
        float: left;
    }

    #nav-rich-menu .dropdown {
        display: flex;
        padding: 0 6px;
        flex-direction: column;
    }

    #nav-rich-menu .title_menu h4 {
        font-size: 16px;
        color: #000;
    }

    #nav-rich-menu>li>a:hover,
    #nav-rich-menu>li>a:focus,
    #nav-rich-menu .dropdown_container a:hover,
    #nav-rich-menu .dropdown_container a:focus,
    #nav-rich-menu .dropdown_container a:hover h4 {
        color: var(--color-1);
        text-decoration: none;
        cursor: pointer;
    }

    #nav-rich-menu>li:hover,
    #nav-rich-menu>li:focus,
    .portal-main-menu>li.LEVEL1:hover,
    .portal-main-menu>li.LEVEL1:focus {
        background-color: transparent;

    }



    #search-panel .panel-body>form {
        width: 100%;

    }


    #globalAdvancedSearchLink {

        color: #000000;
    }



}


@media (max-width:530px) {
    .logos_footer {
        width: 100%;
        justify-content: center !important;
        gap: 20px;
        flex-wrap: wrap;
    }

    .liens-res ul li a i {
        width: 30px;
        height: 30px;
        font-size: 20px;
    }

    footer .middle-footer .logos_footer img {
        height: 50px !important;
    }

}

@media (min-width:800px) {
    .render-velocityRenderMode_SELECTION-JEUNESSE .owl-carousel .owl-item a.more_info:hover span {
        opacity: 1 !important;
        transition: all 0.35s ease;
    }
}
@media (max-width:680px) {
   	.footer-actions-container ol {
	display: flex;
    padding-left: 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px;
	}
	.footer-actions-container ol li.footer-reset-form[data-v-586b7106] {
    margin-left: 0 !important;
    
}
}
@media (max-width:600px) {
    .render-velocityRenderMode_AGENDA .owl-carousel .owl-item img {
        aspect-ratio: 5/2
    }
	

}

@media (max-width:500px) {

    .owl-nav .owl-prev {
        left: 0;
    }

    .owl-nav .owl-next {
        right: 0;
    }

    .render-velocityRenderMode_AGENDA .owl-nav .owl-next {
        right: 25px;
    }

    .render-velocityRenderMode_AGENDA .owl-nav .owl-prev {
        right: 70px;
    }

    #resultats_detail h2 {
        font-size: 27px;
    }

    .detail-icon-container #lien button span.sr-only {
        font-size: 12px !important;
        padding: 5px;
    }

    .detail-icon-container>.position {

        font-size: 12px;
    }

    .render-velocityRenderMode_CAR5NOTICES .owl-nav {
        display: block;
    }

    .render-velocityRenderMode_SELECTION-JEUNESSE .owl-nav,
    .render-velocityRenderMode_SELECTION-JEUNESSE .owl-next,
    .render-velocityRenderMode_SELECTION-JEUNESSE .owl-prev {
        display: block;
    }
}

@media (max-width:470px) {
    .all-link-connexe {
        width: 90%;
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        margin: 0 0 0 auto;
    }

    .header-modern__top-nav {
        padding: 0px 8px;
    }
}

@media (max-width:463px) {
    .twitter-typeahead #textfield {
        padding: 5px;
    }

    ::placeholder {
        font-size: 12px;
    }

    .frame .actualites .carousel-img a:hover .actus_content p {}

    .frame .actualites .actus_content {
        padding: 10px;
    }

    h4 {
        font-size: 18px;
    }

    #jeuness-uni h1 {
        font-size: 30px;
        padding: 25px
    }

    #criteres_recherche {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}


@media (max-width:400px) {

    .VLIL .locationMosaic {
        white-space: normal;

    }

    #resultats>ul#modeDisplayVignet>li,
    #resultats>ul#modeDisplayVignet>li.on {
        overflow: hidden;

    }

    .Agenda_new .notice_agd {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .Agenda_new .content_bc,
    .Agenda_new .thumb_bc {
        width: 100%;
    }

    .Agenda_new .notice_agd h4 {
        margin: 5px 0 5px 0;
        letter-spacing: 0 !important;
    }

    .bm-jeunesse .nav-tabs>li.active>a,
    .bm-jeunesse .nav-tabs>li.active>a:hover,
    .bm-jeunesse .nav-tabs>li.active>a:focus,
    .bm-jeunesse .nav-tabs>li>a {
        font-size: 18px !important;
    }

    .bm-jeunesse .tab-content {
        padding: 20px;
    }

    #portal .frame {
        margin: 0 0 50px !important;
    }
}

@media (max-width:393px) {

    .rsDefaultInv.rsHor .rsArrowLeft {
        left: 10px;
        top: 0;
    }

    .rsDefaultInv.rsHor .rsArrowRight {
        right: 10px;
        top: 0;
    }



}



@media (max-width:360px) {
    ::placeholder {
        font-size: 10px;
    }
}

@media (max-width:330px) {
    #main_search_form ::placeholder {
        color: #fff
    }
}


#resultats_recherche .facetList.nav-pills {
    margin-top: 8px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background: RGBA(0, 0, 0, 0);
    padding: 10px 0;
    display: flex !important;
    align-items: center;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
    margin: 14px 0 0 0;
    flex-wrap: wrap;
    padding-right: 160px;
    position: relative;
}

#resultats_recherche .facetList.nav-pills .search-icon-container {
    position: absolute !important;
    right: 0;
    top: 18px;
    max-width: 158px;
    display: flex !important;
    flex-direction: row;
    align-items: center;

}

.facetList.facetSuggest li a {
    font-size: 20px !important;
    line-height: 100% !important;
    font-family: 'Montserrat';
    font-weight: bold;
}

.Initial_exact .horizontal-facet-count {
    display: none;
}



@media(min-width: 767px) {

    .header-modern #nav-rich-menu li.rich-item.open.home-btn>a:not(.btn) {
        padding: 12px !important;
        background: #fff;
        border: 1px solid var(--color-4) !important;
    }

    /*.header-modern #nav-rich-menu li.rich-item.jeunesse,
 .header-modern #nav-rich-menu li.rich-item .Patrimoine {
position: relative;
top:-2px;
}*/

    .header-modern #nav-rich-menu li.rich-item.with-list.open>a:not(.btn) {
        padding: 12px 12px 12px 12px !important;
        background: #fff;
    }


    .header-modern__account .btn-account {
        max-width: 180px;
    }

    .header-modern__account .btn-account span.hidden-xs {
        max-width: 180px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .rich-item.menu_deroulant {
        position: relative;
    }

    .rich-item.menu_deroulant .illustration {
        display: none !important;
    }

    .rich-item.menu_deroulant .dropdown {
        background: #fff !important;
    }

    #nav-rich-menu li .dropdown_container a {
        color: #fff !important;
    }

    #nav-rich-menu li.menu_deroulant .dropdown {
        gap: 0px !important;
    }

    #nav-rich-menu li.menu_deroulant .dropdown {
        max-width: none !important;
        width: auto !important;
        overflow: unset;
        overflow-y: auto;
    }

    .header-modern #nav-rich-menu li.menu_deroulant .title_menu {
        margin: 0 !important;
    }

    #nav-rich-menu li.menu_deroulant .dropdown>div {
        flex: 1 0 auto !important;
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;

    }

    #nav-rich-menu li.menu_deroulant .title_menu h4 {
        font-family: 'Montserrat';
        font-size: 16px;
        text-transform: none;
        font-weight: 400;
        font-size: 16px;
    }

    #nav-rich-menu li.menu_deroulant .title_menu h4 {
        padding: 5px;
    }

    .header-modern #nav-rich-menu li.menu_deroulant .dropdown {
        padding: 20px !important;
    }

    .header-modern #nav-rich-menu li.menu_deroulant .title_menu p {
        display: none;
    }

    .header-modern #nav-rich-menu li.menu_deroulant .dropdown {
        margin-left: 0 !important;
    }

    #ERMES20_FORM .search-form {
        /*display: flex;*/
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        background: var(--color-3);
        padding: 30px;
        border-radius: 0px;
    }

    #ERMES20_FORM .search-form-description {
        display: none;
    }

    .field-container,
    .field-container.select-field {
        display: flex;
        flex-direction: row;
        width: 50%;
        background-color: var(--color-3) !important;
        padding: 0 !important;
    }

    .search-form .form-group:last-child {
        margin-bottom: 0;
        width: 100%;
    }

    /*.search-form-component .search-form-buttons {
        display: none;
    }*/

    #ERMES20_FORM .form-group .input-and-buttons {
        display: block;
        width: auto;
    }

    #ERMES20_FORM .form-group .input-and-buttons .input-wrapper {
        width: 95%;
    }

    #ERMES20_FORM .form-control {
        color: var(--color-1);
    }


}


#cdu_close button {

    padding: 3px 16px !important;
}




.diapo .rsDefaultInv,
.diapo .rsDefaultInv .rsOverflow,
.diapo .rsDefaultInv .rsSlide,
.diapo .rsDefaultInv .rsVideoFrameHolder,
.diapo .rsDefaultInv .rsThumbs {

    overflow: hidden !important;
}

.body-frame-absolute .body-frame-vertical-flex .body-frame-horizontal-flex {

    flex: 0 1 100% !important;
}

.master-header-modern footer .scroll-top-button:hover {
    background-color: #fff;
    border: 1px solid #000;
}

.master-header-modern footer .scroll-top-button:hover .fa-caret-up:before {
    color: #000;
}

#detail-notice-selections {
    margin-top: 40px;
}

.table.table-striped.primary-doc-table {
    margin: 0;

}

.table.table-striped.primary-doc-table>tbody>tr:nth-child(odd)>td,
.table.table-striped.primary-doc-table>tbody>tr:nth-child(odd)>th {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    padding: var(--padding-btn);
    font-family: var(--btn-font);
}

.table.table-striped.primary-doc-table>tbody>tr:nth-child(odd)>td>a span,
.table.table-striped.primary-doc-table>tbody>tr:nth-child(odd)>th>a span {

    color: #fff;
    font-size: var(--size-btn);

}


.table.table-striped.primary-doc-table>tbody>tr:nth-child(odd)>td>a span.icon-chevron-right:before,
.table.table-striped.primary-doc-table>tbody>tr:nth-child(odd)>th>a span.icon-chevron-right:before {

    display: none !important;
}

#portal .modele_6.model-html .frame {
    margin: 0 0 30px 0 !important;
}

/* BH : demande de masquer le bouton plus d'infos ou consulter le doc sur le format Short */
.obtain-document-link {
    display: none !important;
}

.view-document {
    display: none !important;
}

.webframe-ermes-commonviewedresources.facet .facetSuggest li:nth-child(odd)>a {
    background-color: #E8A87C;
    border-color: #E8A87C;
}

.grid-container .content {
    text-align: center;
    margin-top: 10px;
}

.grid-container .img-thumb {
    width: 100%;
    height: 100%;
    padding: 10px;
    border: 1px solid var(--color-4);
}

.grid-container .img-thumb img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    background: grey;
}

.grid-container:hover .img-thumb {
    background: var(--color-4);
    border: 1px solid var(--color-4);
}


/******************************************/
.modele_5 .panel-model>.panel-heading,
.modele_6 .panel-model>.panel-heading,
.modele_4 .panel-model>.panel-heading {
    background-color: transparent;
    border-color: transparent;
    color: #000;
    padding: 0px;

}

.modele_5 .panel-model>.panel-heading a,
.modele_6 .panel-model>.panel-heading a,
.modele_4 .panel-model>.panel-heading a {
    background-color: var(--color-1);
    border-color: var(--color-1);
    color: #000 !important;
    padding: 20px 10px !important;
    transition: all 0.35s ease !important;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    text-transform: none;
}

.modele_5 .panel-model>.panel-heading a:hover,
.modele_6 .panel-model>.panel-heading a:hover,
.modele_4 .panel-model>.panel-heading a:hover {
    background-color: var(--color-2);
    border-color: var(--color-2);
    color: #000;
}

.modele_4.model-html .panel-heading a:not(.collapsed),
.modele_5.model-html .panel-heading a:not(.collapsed),
.modele_6.model-html .panel-heading a:not(.collapsed) {
    background-color: var(--color-2);
    border-color: var(--color-2);
    color: #000;
}

.modele_6 .panel-group .panel-heading+.panel-collapse .panel-body,
.modele_5 .panel-group .panel-heading+.panel-collapse .panel-body,
.modele_4 .panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 1px solid var(--color-2);
    background-color: var(--color-2);
}



.modele_6.model-html .panel-heading h4 a:hover,
.modele_6.model-html .panel-heading h4 a:focus,
.modele_5.model-html .panel-heading h4 a:hover,
.modele_5.model-html .panel-heading h4 a:focus,
.modele_4.model-html .panel-heading h4 a:hover,
.modele_4.model-html .panel-heading h4 a:focus {
    text-decoration: none;
}
.modele_6 .panel-heading h4 a:not(.collapsed)::after,
.modele_6 .panel-heading h4 a[aria-selected="true"]:after,
.modele_5 .panel-heading h4 a:not(.collapsed)::after,
.modele_5 .panel-heading h4 a[aria-selected="true"]:after,
.modele_4 .panel-heading h4 a:not(.collapsed)::after,
.modele_4 .panel-heading h4 a[aria-selected="true"]:after {
    content: '\f068' !important;
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    float: right;
    right: 15px;
    background: transparent;
    text-align: center;
    line-height: 20px;


}

.modele_6 .panel-heading h4 a.collapsed::after,
.modele_6 .panel-heading h4 a[aria-selected="false"]:after,
.modele_5 .panel-heading h4 a.collapsed::after,
.modele_5 .panel-heading h4 a[aria-selected="false"]:after,
.modele_4 .panel-heading h4 a.collapsed::after,
.modele_4 .panel-heading h4 a[aria-selected="false"]:after {
    content: '\f067';
    font-family: 'Font Awesome 5 Free';
    float: right;
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    float: right;
    right: 15px;
    background: transparent;
    text-align: center;
    line-height: 20px;
}

.modele_6 .panel-group .panel,
.modele_5 .panel-group .panel,
.modele_4 .panel-group .panel {
    box-shadow: none;
    border-radius: 2px;
    border: none !important;
    margin-bottom: 10px;
}

.modele_6 .panel-group .panel-body,
.modele_5 .panel-group .panel-body,
.modele_4 .panel-group .panel-body {
    background: var(--color-2)
}

.modele_3 .tab-content {
    padding: 0 !important;
}

.modele_9 .thumbnail {
    background-color: transparent;
    border: none;
    padding: 0 20px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.modele_9 span img {
    height: 100% !important;
    max-width: none !important;
}

.modele_9 .media-body.caption {
    font-size: 14px;
}

.frame .actualites.autowidth .carousel-img img {

    height: 100% !important;

}

.frame-standard .actualites .carousel-img {
    position: relative;
}

.frame-standard .actualites .btn-default {
    float: right;
    margin: 12px 0 0 0;

}

#portal .encart_fond_vert_pat.frame {
    padding: 10px;
    background: var(--color-4);
}
.encart_fond_vert_pat.panel-front  {
    background: var(--color-4);
    padding: 30px;
    border: 1px solid #fff;
}


.user-photo
{
display:none;
}

/* BH : masquage bouton reserver */
/*.holding-reservation-title {display:none; }*/

.footer-actions-container ol li.footer-reset-form button[data-v-586b7106] {
    background-color: var(--color-4) !important;
    
    font-family: 'american_typewriterregular' !important;
    font-size: 18px !important;
    padding: var(--padding-btn) !important;
}

/* correctif AD 25/06/2025 : reduire espace entre les menus et couleur au survol englobe les sous elements */
.header-modern #nav-rich-menu li .dropdown:not(:has(.modern-rich-item-header)) {
    gap: 5px;
}
.header-modern #nav-rich-menu li.rich-item:not(.menu_deroulant) .dropdown_container>a {
    padding: 15px 10px;
}
.btn-geomap-search {
    padding: 10px 20px;
    border-radius: 1.5em;
    color: #f0f0f0;
    font-weight: bolder;
    margin-left: -50%;
    background-color:black;
}
.btn-geomap-search:hover {
    background-color:#f0f0f0;
    color: black;
}
/*Fin correctif AD 25/06/2025 */

/* Correction AD 18/07/2025 : probleme de padding a droite sur la page de notice detaillee qui cache les icones favoris*/
@media (min-width:992px) and (max-width: 1380px) {
    #notice_longue .panel .panel-body {
        padding-right:50px;    
    }
}
@media (min-width:770px) and (max-width: 860px) {
    #notice_longue .panel .panel-body {
        padding-right:50px;    
    }
}
/* Fin correctif AD 18/07/2025 */

.user-account .dropdown-menu li:hover {
    background-color: var(--color-3);
}
.popover.user-basket-button-tooltip.open .tooltip-inner {
    transform:translateX(-45%);
}