/* ----------------------------- */
/* ----------------------------- */
/*        SKIN THEME             */
/* JEUNESSE 3A5274 (old : 4b70a5)*/
/*         MCA MARS 2023         */
/*-------------------------------*/
/* ----------------------------- */


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

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

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

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


/* 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: #3a5274
}

 /* loupe à droite de la recherche à la couleur maître */
 .input-group-btn #submit-search {
	background-image: url(images/search_old.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: #3a5274;
}

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



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

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

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




/* OLD ??? */


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

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



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

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





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


.btn-default {
	color: #3a5274;
}

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


/* 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: #3a5274 !important;
	color: white;
}

/* modal cookies */
button.btn.btn-cookies-primary {
	color:#3a5274;
	border-color:#3a5274;
}
button.btn.btn-cookies-primary:hover {
	background:#3a5274;
}
.panel-cookies>.panel-heading {
	background-color:#3a5274!important;
	border-color:#3a5274!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: #3a5274;
}

/* 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: #3a5274;
}

/* Encart menu des pages services et infos pratiques (si nécessaire) : passage des titres h3 du menu en couleur principale */
.dm_menu h3 {
	color: #3a5274;
}


/*----------------------*/
/*    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: #3a5274;
}

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

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


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

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

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

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

/* 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: #3a5274;
	border-color: #3a5274;
	color: #fff;
} 

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #4b70a4;
    border-color: #4b70a4;
    color: white;
    }

/* 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: #3a5274;
}

/* 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: #3a5274;
	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: #3a5274;
}

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

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

/* 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: #3a5274;
}

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

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

/* carousel flèche gauche blanche sur background en couleur dominante */
.rsDefaultInv.rsHor .rsArrowLeft {
    background: #3a5274 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: #3a5274 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: #3a5274;
}

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

/* Carrousel agenda - couleur dominante */
.crs_vpco .slider_container {
	background: rgba(75, 112, 165, 0.7);
}

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

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

/* 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: #3a5274;
	background-color: #FAE46A;
}

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

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

/* 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: #3a5274 !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: #3a5274;
}

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

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

/* 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: #3a5274;
	color: #3a5274;
}

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

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



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

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

/* 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: #183F66;
}

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

/* cas du bouton "réserver" sur le tableau des exemplaires */
.holding-reservation-title.btn.btn-default.pull-right {
	color:#3a5274;
}

.user-alert-messages i.glyphicon-exclamation-sign {
	color:#3a5274!important;
}

/* Bouton AlloCiné */
.LinkAllocine {
	background-color: #3a5274!important;
	padding: 10px!important;
	border-bottom:none!important;
	text-shadow:none!important;
	-webkit-box-shadow:none!important;
}

i.icon-star {
	color: #3a5274;
}

/* 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: #3a5274!important;
    border-color: #3a5274!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: #3a5274!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: #3a5274;
} 

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

.basketLabel .btn-info {
	background-color: #3a5274;
	border-color: #3a5274;
}

/* 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: #3a5274;
}

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

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

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

/* balise LEGEND dans l'appairage de compte */
.user-account-pairings-container #new-pairing-form legend {
	background: #3a5274!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: #3a5274;
}

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

/* 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: #3a5274;
}


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

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

/* 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: #3a5274;
}

/* 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: #3a5274;
	}
}

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


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



/*----------------------*/
/*   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: #3a5274;
    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: #3a5274;
	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 #3a5274;
    width: 50px;
    display: block;
    margin: 0;
    margin-bottom: 15px;
}

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