/* ----------------------------- */
/* ----------------------------- */
/*        SKIN  THEME            */
/*         NUMERIQUE             */
/*	    e53935 ef5350            */
/*         MCA AVRIL 2023        */
/*-------------------------------*/
/* ------------------------------*/

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

/* Menu Numérique sélectionné */
#nav-rich-menu li:nth-child(7) {
	background: #071F32;
}
#nav-rich-menu li:nth-child(7) a {
	color:white;
}

header {
	background: #e53935 url('images/header_.jpg') no-repeat center;
	background-size: cover;
}

/* background général du header */
#nav_connexe, .nav_connexe_container, #header_banner, .connectBox {
	background-color: #e53935;
}


/* Sélection du scénario : Passage en couleur maître des background en hover */
#globalScenarioMobile .active, #globalScenarioMobile .active:hover, #globalScenarioMobile > li > a:hover,
#globalScenarioMobile .active:focus, #globalScenarioMobile .active:hover:focus, #globalScenarioMobile > li > a:hover:focus,
#globalScenarioMobile:focus, #globalScenarioMobile:hover:focus, #globalScenarioMobile > li > a:focus {
	background: #e53935
}

 /* loupe à droite de la recherche à la couleur maître */
 .input-group-btn #submit-search {
	background-image: url(images/search.png);
}

/* bouton du header (scénario et critère de recherche), validation (OK) de la connexion au compte usager */
header .btn-default, header .btn-default:hover, header .btn-default:active, header .btn-default:focus, a#scenario-selection , #globalScenarioMobile > li > a, .connectBox .btn-validation {
	color: #e53935;
}

/* Bouton préselectionner ses critères de recherche / recherche assistée en couleur maître */
#search-assistant-button {
	color: #e53935;
}

.direct-access-vpco .panel-heading > h2 {
	color: white;
}

span.icon2-facebook, span.icon2-twitter, span.icon2-instagram, span.fab.fa-youtube {
	color: white;
}

#search-assistant-button, #search-assistant-button.HasScenarioMemorizedGrids {
	color:white;
	background-color:#e53935;
	border-color: #e53935;
}


/*-----------------------*/
/*    PRESELECTIONNER    */
/* CRITERES DE RECHERCHE */
/*-----------------------*/

.search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper input[type='radio']:checked+label {
    border: 1px solid #e53935!important;
    background-color: #e53935!important;
}

label.toggled .v-switch-core {
	background: #e53935!important;
}




/* OLD ??? */


 /* pop up préselectionner les critères de recherche 
.modal-content .alert-warning {
	color: #e53935;
 }
 
/* background de la mention mémoriser les critères dans votre compte en couleur secondaire 

background.modal-content .alert-info {
	background-color: #ef5350;
	border-color: #ef5350;
} 
*/



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

footer .col-md-12 {
	background:  #e53935;
}





/*----------------------*/
/*    BOUTONS DIVERS    */
/*----------------------*/



/* bouton par défaut en hover + bouton Plus d'infos sur les notices courtes en résultat de moteur de recherche */
.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .ermes-frame-html a:hover.btn-default, .open .dropdown-toggle.btn-default {
	background-color: #e53935!important;
	border-color:  #e53935!important;
	color: #fff!important;
}

.detail-holdings-class .btn-default, .holding-reservation-title.btn.btn-default.pull-right {
	background-color: #000!important;
	color: #fff!important;
	border-color:#000!important;
}

.holdings-displaymode .btn-info {
	background-color: #e53935;
	border-color: #e53935;
	color: #fff!important;
}

/* cas du bouton loupe sur la lightbox Capturer la recherche / minifier le lien : passage en couleur dominante */
a.btn.search-capture-preview-searchlink {
	background-color: #e53935!important;
	color: white;
}

/* modal cookies */
button.btn.btn-cookies-primary {
	color:#e53935;
	border-color:#e53935;
}
button.btn.btn-cookies-primary:hover {
	background:#e53935;
}
.panel-cookies>.panel-heading {
	background-color:#e53935!important;
	border-color:#e53935!important;
}



/*----------------------*/
/*    TITRES            */
/*----------------------*/


.theme_1 .panel-heading > h2, .theme_4 .panel-heading > h2, .theme_7 .panel-heading > h2, .theme_11 .panel-heading > h2, .theme_13 .panel-heading > h2, .theme_14 .panel-heading > h2, /* border des titres H2 et h4 sur tous les encarts sauf les encarts dont le background est la couleur dominante */
.ermes-frame-html h4,/* border gauche des h4 */
h2.category_header /* border gauche des titres de sélection dans les notices détaillées */
{
	border-left-color: #e53935;
}

/* border du titre h2 encart patrimoine */
.sld_vpco .panel-heading > h2 {
	border-left-color: #fff;
}

/* H2 générique et H2 en résultat de recherche, hors titre d'encart */
h2, #resultats_recherche .panel > .panel-heading h2 {
	color: #e53935;
}

/* Encart menu des pages services et infos pratiques (si nécessaire) : passage des titres h3 du menu en couleur principale */
.dm_menu h3 {
	color: #1a1a1a;
}
.dm_menu ul li a:hover {
	color:#e53935
}
.dm_menu ul li a {
    text-decoration: none;
    background: transparent url(images/arrow_r.png) no-repeat right -438px;
}
.dm_menu ul li a:hover, .dm_menu ul li a._hover {
	background: transparent url(images/arrow_r.png) no-repeat right 6px;
}



/*----------------------*/
/*    LIENS             */
/*----------------------*/

/* passage en couleur dominante des liens purple link, all crs et swiper */
.ermes-frame-html .purple_link a, .ermes-frame-html a.purple_link, .ermes-frame-html .all_crs a, .swiper-slide a {
	color: #e53935;
}

/* Encart menu des pages services et infos pratiques (si nécessaire) : hover des liens en couleur principale */
.dm_menu ul li a:hover {
	color: #e53935;
}

.header-banner-menu .all-link-connexe ul.first_line a, .header-banner-menu .all-link-connexe ul.first_line li:before {
	color: white
}

/*----------------------*/
/*    ENCARTS           */
/*----------------------*/


/* theme_3 changement de la couleur violette en background par la couleur dominante */
.theme_3 .panel-front, .theme_3 .panel-selection {
	background: #e53935;
}

/* encart patrimoine, fond de couleur en couleur dominante */
.sld_ctt {
	background: #e53935;
}

/* zone coup de coeur, background général en couleur secondaire */
.page_accueil #layout-5 {
	background: #ef5350;
}

/* Modèle d'encart tabs : menu de navigation > tous les liens en couleurs dominante */
.modele_3 .nav-tabs > li > a, .modele_3 .nav-tabs > li.active > a, .modele_3 .nav-tabs > li.active > a:hover, .modele_3 .nav-tabs > li.active > a:focus {
	color: #e53935;
}

/* modele d'encart tabs > onglet > couleur dominante en background en hover, lien en blanc */
.modele_3 .nav-tabs > li > a:hover, .modele_3 .nav-tabs > li:hover > a, .modele_3 .nav-tabs > li.active:hover > a, .modele_3 .nav-tabs > li.active > a:hover, .modele_3 .nav-tabs > li:hover,
#notice_longue_description .nav-tabs li > a:hover /* notice longue, onglet en hover */ {
	background: #e53935;
	border-color: #e53935;
	color: #fff;
} 

/* encarts coups de coeur: en hover, le background du coup de coeur passe en couleur dominante */
.theme_7 .webframe-ermes-lastviewedresources-item:hover {
	background-color: #e53935;
}

/* encarts coups de coeur: bouton emprunter en hover */
.theme_7 .webframe-ermes-lastviewedresources-item:hover .capture-hover-link a, .theme_7 .webframe-ermes-lastviewedresources-item:hover .capture-hover-link {
	color: #e53935;
	background: #fae46a;
	font-family: 'montserratbold';
	font-size:14px;
}

/* Encart capture agenda fond jaune, passage du titre et date de l'événement en couleur primaire */
.agd_vpco .agd_wr, .agd_vpco .agd_dt {
	color: #e53935;
}

/* Encart theme_14 capture de recherche agenda (grille), bandeau en couleur primaire avec opacity */
.en_direct_bandeau {
    background: #e53935;
}

/* Encart theme_14 capture de recherche agenda (grille), couleur des tags */
.en_direct_footer p.tag { 
	color:#e53935;
}

/* background couleur dominante sur les encarts de type liste de sélection */
.theme_3 .webframe-ermes-lastviewedresources-item, .theme_3 .webframe-ermes-openFindCategorySelection div.webframe-ermes-lastviewedresources-item .notice_corps {
    background-color: #e53935;
}

/* bouton sur le thème 1, fond jaune (couleur inversée) */
.theme_1 .ermes-frame-html a.btn-default {
    background: #e53935;
    color: #fae46a;
	border-color: #e53935;
	}
.theme_1 .ermes-frame-html a.btn-default:hover {
	background: #fae46a;
    color: #e53935;
	border-color: #fae46a;
}

/* bouton bullets sous les carrousels et sélection */
.bs-bullets .rsNavSelected button, #notice_longue .bs-bullets button {
	background-color: #e53935;
	border-color: #e53935;
}

/* carousel flèche gauche blanche sur background en couleur dominante */
.rsDefaultInv.rsHor .rsArrowLeft {
    background: #e53935 url(/ui/skins/vpco/images/left_arrow_w.png) no-repeat center center;
}

/* carousel flèche droite blanche sur background en couleur dominante */
.rsDefaultInv.rsHor .rsArrowRight  {
    background: #e53935 url(/ui/skins/vpco/images/right_arrow_w.png) no-repeat center center;
}

/* bouton abonnement dans le cadre d'un article, passage du texte en couleur dominante */
p.abn_bt a, p.link-to-dsi-abonnement a {
	color: #e53935;
}

/* encart "Vos derniers commentaires", appel de l'image étoile dans le dossier du thème, à la bonne couleur */
.etoiles_1, .etoiles_2, .etoiles_3, .etoiles_4, .etoiles_5 {
	background-image: url('images/stars.png');
}

/*----------------------*/
/* RESULTAT DE RECHERCHE*/
/*----------------------*/

/* Filtre affichée dans "Ma Recherche" */
#criteres_recherche .btn-action {
	color: #e53935;
}

/* bouton par défaut et bouton "Où le trouver" dans le résultat de recherche */
.ermes-frame-html a.btn-default, .statut .obtain-document-link, a.abn_bt  {
	color: white;
	background-color: #e53935;
}

/* pagination : page active, background en couleur dominante */
.pagination > .active > span, .pagination > .active > span:hover {
	background: #e53935;
	border-color: #e53935;
}

/* pagination : lien des autres pages, typo couleur dominante en hover */
.pagination > li > button:hover, .pagination > li > button:active, .pagination > li > button:focus {
	color: #e53935;
}

/* filtre de tri, du nombre de résultat par page et d'affichage : mode actif en background de couleur dominante */
.pageSize-container .active, .sort-order .active, .displaymode-icon-container .active {
	background: #e53935 !important;
}
/* sélection courante : nombre de documents sélectionnés et icone loupe ouvert et non ouvert */
#multi_selection .bouton_detail, #multi_selection_simple .bouton_detail, #multi_selection button.removeItem {
	color: #e53935;
}

/* Facette sélectionnée : passage du background en couleur dominante */
#facet_container .disabled .badge {
	background: #e53935 !important;
}

.facet-controls > button:hover {
	color: #e53935;
}

/* Résultat de recherche : bouton basket et la fleche en couleur dominante */
.btn-basket, .btn-default .caret, .btn-account .caret, .btn-basket .caret, .memoriser .dropdown-toggle {
	border-top-color: #e53935!important;
	color: #e53935!important;
}

.btn-default:hover .caret, .btn-account:hover .caret, .btn-default:active .caret, .btn-account:active .caret, .open .dropdown-toggle span.caret  {
	border-top-color: #fff!important;
	color: #fff!important;
}

/* Tous les autres boutons d'action en couleur dominante */
.metadata-actions .btn, .metadata-actions .btn:hover {
	color: #e53935;
	background-color:white;
}

/* Boutons plus d'infos */
.more-info.btn-dark {
	background-color: #e53935;
	border-color:  #e53935;
	color: #fff;
}



/*----------------------*/
/* NOTICE DETAILLEE     */
/*----------------------*/

/* Tableau des exemplaires : En tête filtre en couleur dominante */
.detail-holdings-class [class|="detail-holds"] table th{
	background-color: #e53935;
}

/* Notice détaillée Tableau des exemplaires et Modal "Où le trouver" en résultat de recherche : En tête nom du document en couleur secondaire */
#notice_longue h3.category_header, #modal-holdings h3.category_header {
	background-color: #ef5350;
}

/* Notice détaillée : bouton "plus d'infos en haut à droite" */
.holdings-displaymode .btn-info {
	color:#e53935;
}


.detail-holdings-class .btn-default:hover, 
.detail-holdings-class .btn-default:active, 
.detail-holdings-class .btn-default:focus,
.open .dropdown-toggle.btn-default {
color:white!important;
border-color: #000!important;
}


.user-alert-messages i.glyphicon-exclamation-sign {
	color:#e53935!important;
}
/* Bouton AlloCiné */
.LinkAllocine {
	background-color: #e53935!important;
	padding: 10px!important;
	border-bottom:none!important;
	text-shadow:none!important;
	-webkit-box-shadow:none!important;
}

i.icon-star {
	color: #e53935;
}

/* image de la note sur 5 dans les avis lecteurs en bas de page (et dans les facettes de la recherche) */
.notice_avis > i, #avis_lecteurs blockquote .rating > i, .facetList .icon-star, .facetList .icon-star-empty, .removeFacetFilter .icon-star, .removeFacetFilter .icon-star-empty {
	background: transparent url('images/stars.png') no-repeat left -155px;
}



/*----------------------*/
/*   MON COMPTE         */
/*----------------------*/

/* Menu nav tabs dans le compte : fond vert typo blanche si actif */
.user-account-transactions > .nav-tabs > li.active > a, .user-account-transactions > .nav-tabs > li.active > a:hover, .user-account-transactions .nav-tabs > li.active > a:focus,
.user-account-transactions > .nav-tabs > li.active > a  > .badge, .user-account-transactions > .nav-tabs > li.active > a:hover  > .badge, .user-account-transactions .nav-tabs > li.active > a:focus  > .badge
 {
	background: #e53935!important;
    border-color: #e53935!important;
    color:white!important;
}

/* Menu nav tabs dans le compte : fond gris plus clair en hover */
.user-account-transactions > .nav-tabs > li > a:hover, .user-account-transactions > .nav-tabs > li > a:hover > .badge {
    background:#f2f0f1!important;
    border-color: #f2f0f1!important;
	color: #e53935!important;
}

/* Menu Pills : passage en couleur dominante de l'entrée de menu sélectionnée */
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background: #e53935;
} 

/* Libellé des champs de Mon Profil dans Mon Compte */
.myaccount-profile .account-label {
	color: #e53935;
} 


#user_labels .label_filter.selected, #user_labels .btn-warning.rename-label, #user_labels .btn-warning.remove-label {
    background: #e53935 none repeat scroll 0 0;
    border-color: #e53935;
    color: #fff;
}

#documents_memorises .btn-info {
    color: #e53935!important;
}

.label_label {
	color:#e53935;
}

/* suggestion en bas des notices détaillée, passage du background des flèches en couleur dominante */
.suggestion_container .rsDefaultInv.rsHor .rsArrowRight, .suggestion_container .rsDefaultInv.rsHor .rsArrowLeft {
	background-color: #e53935;
}

/* JGrowl : message d'alerte après action, background en couleur dominante */
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: #e53935;
	border-color: #e53935;
}

/* bouton valider, effacer, modifier (IN Mon compte) */
.ermes_valid, .btn-action, .ermes_clear, .ermes_valid:hover, .ermes_clear:hover, .ermes_clear:focus {
	background-color: #e53935;
	border-color:  #e53935;
	color: #fff;
	border-bottom: none;
}
/* hover du bouton modifier (IN Mon compte) */
.btn-action:hover {
	color: #e53935 !important;
}

/* H2 dans le compte */
.user-account-frame-container .panel-heading > h2 {
	border-left: 6px solid #e53935;
}

/* balise LEGEND dans l'appairage de compte */
.user-account-pairings-container #new-pairing-form legend {
	background: #e53935!important;
}

/*----------------------*/
/*  ARTICLE EDITORIAL   */
/*----------------------*/

/* passage en couleur dominante de la class Citation */
.ermes-frame-html p.vpco-citation, .ermes-frame-html span.vpco-citation, .ermes-frame-html a.vpco-citation {
	color: #e53935;
}

/* passage en couleur dominante de la border supérieure de la citation */
.ermes-frame-html p.vpco-citation:before {
	border-top-color: #e53935;
}
/* passage en couleur dominante du titre des accordéons */
.modele_6 .panel-group .panel-title a, .modele_5 .panel-group .panel-title a {
	color: #e53935;
}

/* liens en couleur primaire dans l'agenda */
 #notice_longue .panel-front.panel-search-container[data-base="QUEFAIRE"] .item-description a, #notice_longue .panel-front.panel-search-container[data-base="QUEFAIRE"] .item-description a strong {
     color: #e53935;
}



/*----------------------*/
/*   TABLETTES          */
/*----------------------*/

/* passage en couleur dominante du fond du menu accès direct */
.header-banner-menu .connexe-menu-mobile {
	background: #e53935;
} 

/* passage en couleur dominante du background de la flèche du menu accès directs */
.header-banner-menu .swiper-button-next, .header-banner-menu .swiper-button-prev {
	background-color: #e53935;
}

/* passage en couleur dominante de l'en tête du tableau des exemplaires en mode tablette (en desktop = couleur secondaire) */
@media (max-width: 990px) {
	#notice_longue h3.category_header {
		background-color: #e53935;
	}
}

/*----------------------*/
/*   MOBILE             */
/*----------------------*/


/* Images de choix du scénario dans le moteur de recherche */
@media (max-width:767px) {
#scenario-selection {
	background: white url('images/list.png') no-repeat center center;
		background-size: 12%;
}
}

#globalScenarioMobile {
	background:white;
}



/*----------------------*/
/*   QUE FAIRE          */
/*----------------------*/

/* couleur du lien dans la fiche que faire */
 .component-text p a, .component-text a b, .component-text b a, .component-text h4 a {
    color: #e53935;
    font-weight: bold;
    text-decoration: underline;
        }

/* couleur du texte dans les citations */
.item-description p.component-verbatim-text, blockquote.component.component-verbatim footer, cite {
	font-weight: bold;
    color: #e53935;
	background-color: transparent;
	font-size: 16px;
    font-family: 'montserratlight';
}

/* couleur de la border dans la citation */
.item-description p.component-verbatim-text:before {
    content: "";
    border-top: 4px solid #e53935;
    width: 50px;
    display: block;
    margin: 0;
    margin-bottom: 15px;
}




/*----------------------*/
/*   SPE NUMERIQUE      */
/*----------------------*/

/* passage du background général en blanc */
body {
	background: #fff;
}

/* Notice détaillée : bouton déroulant "extrait" */
.open .dropdown-toggle.btn-default {
	background-color: #e53935;
	border-color: #e53935;
	color: #fff;
}

/* theme_3 changement de la typo et des liens en blanc */
.theme_3 .ermes-frame-html p, .theme_3 .ermes-frame-html a {
	color: #efff;
}

/* Agrandir les visuels des documents dans les sélections mosaïque statique */
li.staticMosaic img.ermes-thumb-size-LARGE {
    min-width: 110px !important;
    min-height: 80px !important;
}

/* réduire la marge entre les sélections */
.theme_4 .panel-front, .theme_4.panel-selection, .theme_11 .panel-front, .theme_11.panel-selection {
    padding: 0 0;
}

/* Menu sur les pages "Mode d'emploi", rajout de la flèche rouge dans chaque entrée de menu */
.modele_8 .list-group-item:after {
    content: url(images/right_2.png);
	padding: 0 0;
}

/* changements de titres des encarts de sélection et de recherche capturée */
.frame-portalopenfindselectionwebframefactory .theme_4 h2, .frame-portalopenfindselectionwebframefactory .theme_13 h2, .frame-portalopenfindselectionwebframefactory .theme_11 h2, 
.frame-portalsearchcapturemultirenderwebframefactory .theme_4 h2, .frame-portalsearchcapturemultirenderwebframefactory .theme_13 h2, .frame-portalsearchcapturemultirenderwebframefactory .theme_11 h2 
{
    text-transform: none;
	font-family: 'montserratbold';
	font-size: 34px;
}

/* aligner le bouton tout voir des recherche de capture sur les boutons default */
button.see_all_results {
	background: #FAE46A;
	padding: 6px 14px;
}
/* même chose, au survol */
button.see_all_results:hover {
	background-color: #e53935;
	border-color:  #e53935;
	color: #fff;
}

/* faire apparaître le champs "Description" saisi dans les sélection */
.selection-description {
	display: block;
}

/* MZA 31/10/2018 : enlever l'abstract du compte usager sur le site numérique car il perd les usagers de la bib num */

.account-abstract {
	display: none;
}

/*MZA 06/12/2018 aménagement du drop down pour la bibliothèque numérique // Annulation pour picto Facebook MCA 24/11/2020 */
/* #account-dropdown1 > li:nth-of-type(4) > [href="/numerique/my-account.aspx#/Loans"],.connexe-dropdown-557 span,.connexe-dropdown-773 span,ul.list-inline:nth-of-type(1)  {
    display: none
} */

.header-banner-menu .all-link-connexe ul.first_line:nth-child(2) li::before {
	display: none;
} 

/*MZA 06/12/2018 meilleure mise en évidence de l'onglet Réservations dans le compte numérique */
.nav-pills > li > a {
    background-color: #e2e2e2
}

.facetList.nav-pills > li > a {
  background : #11ffee00  
}

@media (max-width:1100px) { 

/* #account-dropdown2 > li:nth-of-type(6){
display : none
} */
[data-swiper-slide-index="0"]  {
display : none
    
}

[data-swiper-slide-index="1"]  {
display : none}


#account-dropdown2 > li:nth-of-type(4) > [href="/numerique/my-account.aspx#/Loans"] > span,#account-dropdown2 > li:nth-of-type(4) > [href="/numerique/my-account.aspx#/Loans"] > .myloans  
{
display : none}

}

/* MZA 20/12/2018 Mettre en évidence le lien vers Adobe dans la popup de téléchargement du livre numérique*/

.bootbox-body > div > .hidden-xs.pnb-download-info.row > div > p:nth-of-type(2) > [href="http://www.adobe.com/fr/products/digital-editions/download.html"] {
    text-decoration: underline;
}

/* MZA 20/12/2018 Boutons DSI */

p.abn_bt a {
        color: #ffffff;
    border-color: #E53935;
    background-color: #E53935;
}

/*MZA 02/01/2019 Taille des liens dans le volet latéral droit de la home*/
.ermes-frame-html a {
	color: #1a1a1a;
	font-family: 'montserratlight';
	font-size: 18px;
	letter-spacing: 0.01em;
	line-height: 24px;
	text-decoration: underline;
}

/*MZA 03/01/2019 lien "Accéder à ce livre numérique" dans la boîte "se procurer le document" */
td.text-danger span a {
    text-decoration: underline;
}

/*MZA 03/01/2019 messages d'erreur en cas de livre numérique en ligne avec une licence périmée */
div.holding.no-existing.indicator {
    display: none;
}

div.jGrowl-notification.alert.ui-state-highlight.ui-corner-all.growlError {
    display: none !important;
}

div.jGrowl-closer.highlight.ui-corner-all.default {
    display: none !important;
}

.growlError.ui-corner-all.ui-state-highlight.alert.jGrowl-notification  {
    display: none !important;
}

.growlError {
    display: none !important;
}

/* NEW 2023 */

/* ne pas fixer de hauteur pour les blocs de couleurs sur la page d'accueil */
.modele_6 .panel-model .panel-heading {
	height:auto;
}

.bootbox.modal h4.modal-title {
  color: #e53935;
}

div.access {
	color: #5f5b5b;
	font-size:16px;
	font-family: 'montserratlight';
}




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