@charset "utf-8";
/* CSS Document */

@media (max-width: 768px) {
header {
	background-image: none;
}
}

footer .col-md-12 {
	background-image: url('images/ft_bgn.jpg');
}

/* MOBILE : encart mon compte + enlever background et accès direct */

.account-links a {
	background: #fae46a;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 14px;
	border-radius: 4px;
	color: #af2258;
	font-family: 'montserratbold';
	margin: 5px;
	font-size: 14px;
	text-decoration: none;
}
.account-links a:hover {
	background: #af2258;
	color: #fae46a;
	text-decoration: none;
	-moz-transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease
}
#frame-686 p {
	font-weight: bold;
}
 @media (max-width: 768px) {
/* Annuler la marge sur le bouton de retour à la recherche en mode mobile < 768 px MCA 15/03/2017 */
.detail-icon-container {
	margin-left: 0;
}
/* Réduire le marges dans les encarts carrousel d'actu pour la version mobile MCA 04/05/2017 */
.ctt_pr {
	padding: 5px;
}
#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}
.swiper-slide-active.swiper-slide > [href=""] > span {
display : none }
}
/* Encart derniers commentaires : réduction de la largeur de l'image */
.webframe-ermes-lastcomments .vignette_document {
	width: 140px;
}
/* Encarts coup de coeur : enlever le bouton "Tout voir" qui renvoie vers un format d'affichage pas correct */
.theme_7 a.see_all_results.btn.btn-default {
	display: none;
}
/* Résultat de recherche : grossir la taille de la typo de la mention "aucun résultat trouvé" */
#criteres_recherche .original_query {
	font-size: 1.3em;
}

/* Réduire l'espace entre le moteur de recherche et Accès directs en mode mobile/tablette (MCA 18/09/2018) */
@media (max-width: 900px) {
#search-panel {
	padding: 10px 10px 0px 10px;
}
}

/* enlever le bouton "Présélectionner les critères de recherche" en mode mobile (MCA 18/09/2018) */
 @media (max-width: 768px) {
	 #preselect-facets-link {
		 display: none!important;
	 }
 }

/* Suppression de l'icone export PDF dans le compte lecteur TEMPORAIRE */
/* .myaccount-loans .icon-download {display: none;} */

/* Feuille de style print TEMPORAIRE pour affichage simple de ""Mon Compte"" */
@media print {
.myaccount-menu {
	display: none;
}
.myaccount-loans-summary {
	display: none;
}
.myaccount-loans .myaccount-loans-buttons {
	border-top: none;
}
.nav-pills > li {
	display: none;
}
.nav-pills > li.active {
	display: block;
}
.nav-pills > li.active > a {
	font-size: 28px;
	margin-top: -35px;
}
.myaccount-toolbar {
	display: none;
}
.loan-info-label, .loan-info-value span {
	font-size: 10pt;
}
.myaccount-loans ul.notice li .additional-infos .loan-additional-info {
	border: none;
	float: left;
	margin-right: 10px;
	text-align: initial;
}
.reservationsSelected, .loansSelected, .icon-info {
	display: none;
}
#loansSelected, #lateLoansSelected, #reservationsSelected, #reservationsDispoSelected, #historicToBasketSelected, .renew-loans-cant {
	display: none;
}
.holdingid {
	display: none;
}
.datepret {
	display: none;
}
.whencreated {
	display: none;
}
.loan-result {
	display: none;
}
#footer {
	display: none;
}
header {
	display: none;
}
#ermes-myaccount h2 {
	margin-top: -75px;
	border: none;
}
#ermes-myaccount h3 {
	font-size: 14pt;
	margin-top: 0px;
	text-transform: initial;
}
#ermes-myaccount img {
	display: none;
}
#ermes-myaccount .type-support {
	display: none;
}
#ermes-myaccount .add-comment {
	display: none;
}
#ermes-myaccount .renew-loan {
	display: none;
}
#ermes-myaccount a[href]:after {
	content: none !important;
}
.myaccount-frames .tab-content {
	margin-left: -70px;
	width: 110%;
	border: none;
}
.navbar-brand {
	display: none;
}
.myaccount-frames {
	box-sizing: unset;
}
/* Onglets prêt en retard */
.renew-loans-cant {
	display: none;
}
/* Onglets réservations en cours, spécifique */
.myaccount-actions .icon-comment {
	display: none;
}
.myaccount-actions .cancel-reservation {
	display: none;
}
}
/* Classe pour notice détaillée et clé SOLR  OtherTitle - MZA 11/06 */
.item-othertitle {
	font-weight: bold;
}
/* Grossissement du nombre de prêts sélectionnés - MZA 11/06 */
#loansSelected, #lateLoansSelected, #reservationsSelected, .renew-loans-cant {
	margin-left : 45px;
	font-size: 16pt;
}
/* Page agenda, encart les grands rendez-vous, opacité plus forte sur le cartouche blanc - MCA 17/06 */
.carousel_vpco_1 .slider_container {
	opacity: 0.7;
}
/* Encart de recherche capturée tryptique, enlever les border left et right grises - MCA 05/07 */
.rsContent .well {
	border-right: none;
	border-left: none;
}
/* Masquage des boutons "Prolonger" qui sont en disabled dans la v 1.1 MZA 29/07 */

.renew-loan .btn-action[disabled="true"] {
	display: none;
}
/* Disparition du menu de switch entre les différents sites du portail MCA 20/07 */
.site-btn.btn-group {
	display: none;
}
/* Masquage de toute la section historique des prêts MZA 27/09/16 */
#loans-historic-box, #ui-loans-historic {
	display: none
}
/*Reformatage de la Growl MZA 27/09/16 */

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: #BF2257;
	opacity: .90;
	width: 250px;
	font-size: 18px;
	border: 1px solid #BF2257;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #BF2257;
	background: #BF2257;
	color: #fff;
	font-size: 22px;
}
/* section sur le changement de mot de passe à masquer MZA 29/09/2016 
#UserPassword {
	display: none
}
*/
/* réparer superposition compte MZA 03/10/2016 */
.myaccount-toolbar li.sort-order {
	left: 250px;
}
/* Permettre de rajouter un lien sur les titres des actus des univers, sans casser le style. MCA 06/10/2016 */
.sld_6_sub > h3 > a, .sld_7_sub > h3 > a {
	text-decoration: none;
	line-height: 100%;
	color: #1a1a1a;
	font-family: 'oswaldlight';
	text-transform: uppercase;
	font-size: 36px;
}
/* Enlevement du fil d'ariane sur toutes les pages, 22/12/2016 MCA */
/* Passé dans le fichier projet en version 1.2 */
/* #ariane {
	display: none;
} */

/*Lien Bouton, couleur inversée sur les encarts de class theme_1 (fond jaune), 02/01/2017 MCA */

.theme_1 a.btn-default {
	background: #af2258;
	color: #fae46a;
	border-color: #BF2257;
}
.theme_1 .ermes-frame-html a.btn-default:hover {
	background: #fae46a;
	color: #af2258;
	border-color: #fae46a;
}
 /*Masquage de la bande orange résiduelle quand on inactive les encarts lourds 10/01/2017 MZA */
/* #layout-5 > .row {
	display: none;
} */

 /*Enlever le display none sur le lien "Voir tous..." entre 768 et 1100px + positionnement du lien 4/4/2017 MCA */
@media (max-width: 1100px) and (min-width: 768px) {
.all_crs {
	display: block;
	top: -45px;
	}
	
/* Masquage sélectif pour l'OAI des BFS * 26/06/2017 MZA */
div[id$="BFS"] div#detail-holdings-abstract h2.category_header {
 display: none;
}
div[id$="BFS"] ~ div span.label-holding {
	display: none;
}
}
}
/* taille du titre du document dans la notice longue MCA 27/06/2017 */
#notice_longue_description h2 {
	font-size: 32px;
}
/* nouveau style pour le bouton dans la recherche "Article du site" MCA 28/06/2017 */
#resultats_recherche .cms {
	padding: 14px;
	margin: 10px 5px 10px 0;
	float: right;
}
/* nouveau style pour le bouton lire l'article dans la notice longue MCA 28/06/2017 */
#notice_longue_description .cms {
	padding: 14px;
	margin: 10px 0;
}

/* *************************************************** */
/* TRAVAIL SUR LE RESULTAT DE RECHERCHE 27-06-2017 MC */
/* *************************************************** */


/*  MZA Ramasser un peu les notices */
a.obtain-document-link.btn.btn-xs.hidden-xs.modal-focus, #resultats_recherche a.view-document {
	margin-top: -27px;
}
/* taille du titre du document */
#resultats .notice_courte .notice_corps .template-title {
	font-size: 23px;
	margin: 10px 0 15px;
}
/* taille du type de document */
#resultats .notice_courte .notice_corps .type-support {
	font-size: 19px;
}
/* taille du bouton plus d'infos */
#resultats .btn-dark {
	font-size: 14px;
}
/* marge entre les notices */
#resultats > ul > li {
	margin: 0 0 40px 0;
	padding-bottom: 10px;
}
/* div.available.indicator {
    margin-top: -20px;
} */

/*  réduire la marge entre les infos éditeurs et le résumé */
#resultats .notice_courte p {
	margin: 10px 0;
}
/* bouton où le trouver : padding du bouton */
.statut .obtain-document-link, a.view-document {
	padding: 9px 25px;
}
 @media (min-width: 1100px) {
/* enlever le background gris et mettre la même hauteur pour tous */

	/*  MZA Ramasser un peu les notices */
a.obtain-document-link.btn.btn-xs.hidden-xs.modal-focus, a.view-document-link.btn.btn-xs.hidden-xs.modal-focus {
	margin-top: -30px;
}
#resultats .notice_courte .thumbnail-wrapper, #resultats .notice_courte .thumbnail-wrapper:hover {
	min-width: 0;
	min-height: 100px;
	height: initial;
	background-color: transparent;
}
#resultats_recherche .vignette_document img.ermes-thumb {
	width: 120px;
}
/* empecher la disparition d'image au hover */
#resultats .notice_courte .thumbnail-wrapper:hover img {
	display: block;
}
/* enlever le "plus d'infos" du hover */
#resultats .notice_courte .thumbnail-wrapper:hover::before {
	display: none;
}
/* empêche le passage du texte sous l'image, mais enlève le logo coup de coeur */
/* .notice_container .media-body {
	overflow: hidden;
} */

	/* marge entre les boutons d'action verticaux */
ul.metadata-actions li {
	margin-bottom: 3px;
}
/* taille du carré autour du bouton d'action */
ul.metadata-actions > li > a, .memoriser > button, .modify-selection {
/*height: 35px;
	width: 35px;*/
}
/* taille du bouton d'action */
ul.metadata-actions > li > a > span, .memoriser > button > span, .modify-selection > span {
	font-size: 21px;
}
/* réduire la marge bottom entre le bouton panier et le bouton sélection - compte admin */
.memoriser .dropdown-toggle {
	border-top: none;
	margin: 0 0 0px 0;
}
/* positionnement du bouton de couleur par rapport au statut de présence en bibliothèque */
.indicator.available .label-holding:before, .indicator.exposition .label-holding:before, .holding.is-available .label-holding:before {
	left: 9px;
	top: 6px;
	font-size: 30px;
}
.statut, .statut-disabled, .statut-primaryDoc {
	height: 30px;
}
}
/* taille de la typo sur la disponibilité du document */
#resultats .indicator .label-holding {
	font-size: 13px;
}
 @media (max-width: 1100px) {
/* bouton où le trouver : position du bouton */
	/*  MZA Ramasser un peu les notices */
a.obtain-document-link.btn.btn-xs.hidden-xs.modal-focus, #resultats_recherche a.view-document {
	margin-top: 0px;
}
.statut, .statut-disabled, .statut-primaryDoc {
	height: 60px;
}
}
 @media (max-width: 768px) {
/* réduire les marges entre les paragraphes */
#resultats .notice_courte .notice_corps .template-title {
	margin: 5px 0 5px;
}
.notice_container p {
	line-height: 15px;
}
.notice-liste-cdc span {
	margin-bottom: 5px;
}
}
/* LISTE DES PRETS ET DES RESERVATION DANS MON COMPTE */
		/* Taille et marge du titre et du type de document */
.myaccount-loans h3 {
	font-size: 18px;
	margin: 10px 0 5px;
}
/*   MZA Taille des Tarzans trop grosse si l'on réduit la taille du titre et du type de document */
.loan-custom-result > .item-description > .tarzan {
	font-size: 12px;
	margin: 10px 0 5px;
}
/* Taille de l'image */
img.ermes-thumb-size-MEDIUM {
	min-width: 60px !important;
	min-height: 80px !important;
}
/* espace entre les lignes dans le bloc de droite */
.myaccount-loans ul.notice li .additional-infos {
	line-height: 12px;
}
/* Taille du texte sur le bloc de droite */
.additional-infos {
	font-size: 12px;
}
/* Taille des boutons jaunes Mon avis / Prolonger */
#renewMultipleLoans.btn-action, .add-comment .btn-action, .renew-loan .btn-action {
	padding: 3px 10px;
	font-size: 14px;
}
.myaccount-actions ul li button {
	height: 32px;/*margin-top: 5px;*/
}
.btn-action {
	font-size: 14px;
	padding: 3px 10px;
}
/* Arranger les boutons tout renouveller, tout annuler */
.renew-all-loans button, .cancel-all-reservations button {
	height: 32px;
}
/* Centrer la checkbox */
li input[type="checkbox"] {
	margin: 3px 12px 0;
}
/* faire disparaitre l'image en mode mobile ET tablette */
/*  @media (max-width: 990px) {
	.vignette_document {
    display: none;
	}
 } */
 
/*  MZA compte usager : masquer l'activité récente */
div.activity-feed {
	display: none;
}
/* MZA : masquer les tags */
.tags.resume-item > a[href="#/Contributions"] > .count {
	color: #ffffff;
}
.tags.resume-item > a[href="#/Contributions"] > .label-myaccount > span {
	color: #ffffff;
}
/*MZA - 12/07/2017 : enlever la mention consultable en ligne pour les documents OAI BFS */
div[class*="_BFS"] div#detail-primary-abstract h2.category_header {
	display: none;
}
div[class*="_BFS"] ~ div span.label-holding {
	display: none;
}
.myaccount-profile .myaccount-profile-entry{
white-space: nowrap;
}

/* Comportement du menu de navigation principal suivant la taille de la fenetre pour qu'il ne déborde pas */
@media (max-width: 1520px) and (min-width: 1130px) {
#nav-rich-menu li > a {
	font-size: 13px;
}
}
@media (max-width: 1130px) and (min-width: 992px) {
#nav-rich-menu li > a {
	font-size: 12px;
}
.navbar-compact #nav-rich-menu li > a {
	padding: 10px 6px;
}

.navbar-compact #nav-rich-menu li {
	padding: 0 4px;
}


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

/* réajustement des liens accès direct en hauteur et en largeur et en taille de typo MCA 16/02/2018 */
.header-banner-menu .all-link-connexe {
	padding: 35px 0px 0px 5px;
}

@media (max-width: 1200px) {
	.header-banner-menu .all-link-connexe ul.first_line a {
		font-size: 15px;
	}
}

/* bug du menu de l'encart coup de coeur musique (background qui prend toute la hauteur du li) - MCA 2018-01-25 */
.nav-tabs > li.active {
	background-color: #fae46a;
}

/* Bouton plus d'infos à droite dans notice détaillée, réduction du padding gauche-droite pour éviter la superposition avec le menu d'action vertical MCA 21/02/2018 */
.holdings-displaymode .btn-info {
	padding: 15px 25px;
}



/*----------------------*/
/*  	QUE FAIRE 		*/
/*	Juillet 2018 - MCA  */
/*----------------------*/

@font-face{
	font-family:'quefaire-icons';
	src:url("fonts/quefaire-icons.eot");
	src:url("fonts/quefaire-icons.eot#iefix") format("embedded-opentype"),
		url("fonts/quefaire-icons.ttf") format("truetype"),
		url("fonts/quefaire-icons.woff") format("woff"),
		url("fonts/quefaire-icons.svg#quefaire-icons") format("svg");
	font-weight: normal;
	font-style: normal;
	}
		
[class ^= "icon2-"], [class *= " icon2-"] {
    font-family: 'quefaire-icons'!important;
    speak: none;
    font-size: 2.5rem;
    vertical-align: middle;
	margin-right:10px;
	left: 0.3rem;
}


.icon2-bird:before{content:""}.icon2-bullet-list:before{content:""}.icon2-bus:before{content:""}.icon2-calendar:before{content:""}.icon2-calendar-add:before{content:""}.icon2-check:before{content:""}.icon2-chevron-bottom:before{content:""}.icon2-chevron-left:before{content:""}.icon2-chevron-right:before{content:""}.icon2-chevron-top:before{content:""}.icon2-close:before{content:""}.icon2-cocktail:before{content:""}.icon2-email:before{content:""}.icon2-email-filled:before{content:""}.icon2-eye:before{content:""}.icon2-eye-eyelashes:before{content:""}.icon2-eye-reverse-eyelashes:before{content:""}.icon2-facebook:before{content:""}.icon2-favorite:before{content:""}.icon2-filters:before{content:""}.icon2-handicap-hearing:before{content:""}.icon2-handicap-mobility:before{content:""}.icon2-handicap-visual:before{content:""}.icon2-instagram:before{content:""}.icon2-invader:before{content:""}.icon2-link:before{content:""}.icon2-list:before{content:""}.icon2-map:before{content:""}.icon2-marker:before{content:""}.icon2-metro:before{content:""}.icon2-moon:before{content:""}.icon2-phone:before{content:""}.icon2-pyramid:before{content:""}.icon2-rer:before{content:""}.icon2-run:before{content:""}.icon2-search:before{content:""}.icon2-shopping:before{content:""}.icon2-stairs:before{content:""}.icon2-thumbnails:before{content:""}.icon2-tramway:before{content:""}.icon2-twitter:before{content:""}




 
/* ----------------------------- */
/* ----------------------------- */
/*        SKIN MINI SITE        */
/*        NUMERIQUE            */
/*         MCA JANV2018         */
/*----------------------------- */
/* ----------------------------- */


/*--------------------------------------------*/
/* Cas spécifique à modifier pour chaque skin */
/* NE PAS OUBLIER LE HEADER EN HAUT DU FICHIER */
/*--------------------------------------------*/

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

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

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

/* background de la mention mémoriser les critères dans votre compte en couleur secondaire */
.modal-content .alert-info {
	background-color: #ef5350;
	border-color: #ef5350;
}

/* Menu de navigation : Mettre en couleur dominante le background du mini-site en cours (changer le nth-child) */
/* #nav-rich-menu li:nth-child(6) > a 
{
	background-color: #e53935;
	color: #fff
} */

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

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

/* Menu de navigation général en desktop : Passage en couleur maitre de la typo et des background en hover(nav + moteur de recherche) */
@media (min-width: 768px) {
#nav-rich-menu li > a {
	color: #e53935;
	}
#nav-rich-menu li > a:hover, /* action sur le a de la navigation */
#nav-rich-menu li:hover > a /* action sur le li de la navigation */
{
	background-color: #e53935;
	color: #fff;
}
#nav-rich-menu li:first-child > a:hover, #nav-rich-menu li:first-child:hover > a /* cas particulier : lien Services */
{
	background: #e53935 url('images/arr_d.png') no-repeat right -68px;
 }

#nav-rich-menu li .dropdown { /* rich menu déroulant, si on veut l'opacité, préférer rgba(89, 60, 113, 0.9) */
	background-color: #e53935;
}
 }
 
@media only screen and (max-width:1303px) and (min-width:992px) {
	#nav-rich-menu li > a {
		font-size: 13px;
	}
}

/* Sticky Menu : border autour de la loupe à la couleur dominante */
a.rheader-button.rheader-button-search.active {
	border-left-color: #e53935;
    border-right-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
}

 /* pop up préselectionner les critères de recherche */
.modal-content .alert-warning {
	color: #e53935;
 }
 
/*----------------------*/
/*    FOOTER           */
/*----------------------*/

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

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

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

/* 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, .more-info.btn-dark, a.abn_bt {
	background-color: #e53935;
	border-color:  #e53935;
	color: #fff;
}

 /* bouton sur le thème 1, fond jaune (couleur inversée) */
 .theme_1 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;
	
}

/*cas particulier : 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 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;
}

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

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

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

/* cas du bouton "réserver" sur le tableau des exemplaires, remplacer bordure jaune par bordure noire */
.detail-holdings-class .btn-default {
	border-color: #000;
}

/* cas du bouton loupe sur la lightbox Capturer la recherche / minifier le lien : passage en couleur dominante==>marche pas*/
.btn.search-capture-preview-searchlink[data-v-0cf86634] {
	background-color: #e53935 !important;
	border-color: #e53935 !important;
}

/* Capturer la recherche : hover de la loupe en couleur dominante */
.btn.search-capture-preview-searchlink[data-v-0cf86634]:hover {
	color: #e53935 !important;
}

/* Capturer la recherche : Mise à niveau du texte "copier l'url dans le presse papier et la loupe" */
.search-capture-copy-searchlink {
	padding: 4px 10px;
}





/*----------------------*/
/*    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, /* 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: #e53935;
}


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

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

/* encarts coups de coeur: menu de navigation > tous les liens en couleurs dominante */
.nav-tabs > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #e53935;
}

/* encarts coups de coeur > onglet > couleur dominante en background en hover, lien en blanc */
/* .nav-tabs > li > a:hover, .nav-tabs > li:hover > a, .nav-tabs > li.active:hover > a, .nav-tabs > li.active > a:hover, .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;
}

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

/* encarts de home infos pratiques en mode mobile */
@media (max-width: 768px) {
	.modele_6 .panel-model .panel-heading {
		height: 145px;
	}
}

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

/* Filtre affichée dans "Ma Recherche" */
#criteres_recherche .btn-action {
	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;
}



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

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


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

/* passage en couleur dominante de l'entrée de menu de gauche 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;
} 

.basketLabel .btn-info {
	background-color: #e53935;
	border-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;
}

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

/*----------------------*/
/*   BURGER MENU        */
/*----------------------*/

/* passage en couleur dominante des 3 traits du burger menu */
.hamburger-mobile .icon-bar {
	background-color: #e53935;
}

@media (max-width: 1019px) {
.navbar-compact #menu-panel /* rich menu déroulant, si on veut l'opacité, préférer rgba(89, 60, 113, 0.9) */ {
	background: #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;
	}
	#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}
.swiper-slide-active.swiper-slide > [href=""] > span {
display : none }
}

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

/* Enlever l'image en background du header et les liens accès direct en mobile */
@media (max-width: 768px) {
/*  .nav_connexe_container {
	display: none;
} */
header {
	background-image: none;
}
}


/*----------------------*/
/*   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;
	background-color
}
/* 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;
}


/*----------------------*/
/* TEST NEW CHARTE 01/19*/
/*----------------------*/


.navbar-brand {
	background-image: url(images/logo_sm.png);
}

@media (min-width:1268px) {
.navbar-brand {
	background-image: url(images/logo.png);
	background-position: 15px center;
}
}

@media (max-width:1267px) and (min-width:1020px){
.navbar-brand {
	background-image: url(images/logo_sm.png);
	background-position: 10px center;
	background-size: 95%;
}



a.rheader-button.rheader-button-search.active {
	left: 20px;
}
}

@media (min-width:1268px) and (max-width:1540px) {
	.navbar-brand {
	width:315px;
	}
}

@media (max-width:1267px) and (min-width: 992px) {
	.navbar-header {
	width: 22%;
	}
}

 /* REPRIS AU DESSUS */
/* Comportement du menu de navigation principal suivant la taille de la fenetre pour qu'il ne déborde pas */
@media (max-width: 1550px) and (min-width: 1220px) {
#nav-rich-menu li > a {
	font-size: 13px;
}
}

@media (max-width: 1380px) {
.navbar-compact #nav-rich-menu li  {
	padding: 0 3px;
}
}

@media (max-width: 1160px) {
.navbar-compact #nav-rich-menu li  {
	padding: 0 2px;
}
}

@media (max-width: 1040px) {
.navbar-compact #nav-rich-menu li  {
	padding: 0 1px;
}
}

 @media (max-width: 1220px) {
#nav-rich-menu li >a  {
	font-size: 12px; 
}
}

 @media (max-width: 1145px) {
#nav-rich-menu li >a  {
	font-size: 11px;
}
}

.sticky-search {
	padding: 0 20px;
}

@media (min-width:1020px) {
.sticky-search {
	padding: 0px;
	left: 20px;
}
}


@media (min-width: 768px) {
#nav-rich-menu li > a {
	color: #071F32;
	}
	
/* REPRIS AU DESSUS, ATTENTION, CHANGER LE NTH POUR CHAQUE SKIN
Menu de navigation : Mettre en couleur dominante le background du mini-site en cours (changer le nth-child)
 #nav-rich-menu li:nth-child(7) > a 
{
	background-color: #071F32;
} 
 */

/* Menu de navigation général en desktop : Passage en couleur maitre de la typo et des background en hover(nav + moteur de recherche) */
/* REPRIS AU DESSUS */
#nav-rich-menu li > a {
	color: #071F32;
	}
 .btn-account {
	background: #071F32 url(images/user.png) no-repeat 10px center;
	}
 }
 
 @media (max-width:1366px) and (min-width:240px) {
	#mobile-actions .btn-account {
	background: #071F32 url(images/user.png) no-repeat 10px center;
	}
}

#mobile-actions a.navbar-brand {
	background-size: 330px;
}
 
@media (min-width: 700px) {
.header-banner-menu  .access-vpco-connect {
	background: #071F32;
	}
}

#nav-rich-menu li > a:hover, /* action sur le a de la navigation REPRIS DE PLUS HAUT*/
#nav-rich-menu li:hover > a /* action sur le li de la navigation REPRIS DE PLUS HAUT */
{
	background-color: #071F32;
	color: #fff;
}

.shortLoansNbr, .shortReservationNbr, .shortBasketNbr {
	background: #f2f2f2;
	color: #071F32;
}

/* Sticky Menu : border autour de la loupe à la couleur dominante REPRIS DE PLUS HAUT*/
a.rheader-button.rheader-button-search.active {
	border-left-color: #071F32;
    border-right-color: #071F32;
	background-image: url(images/search.png); /*nouveau picto!!*/
}

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

footer {
	background: #071F32;
}

/*REPRIS AU DESSUS avec changement de couleur et changement de picto*/
@media (min-width: 768px) {
#nav-rich-menu li:first-child > a:hover, #nav-rich-menu li:first-child:hover > a  {
	background: #071F32 url(images/arr_d.png) no-repeat right -68px;
 }
#nav-rich-menu li:first-child > a, #nav-rich-menu li:first-child > a  {
	background-image: url(images/arr_d.png);
}
/*REPRIS AU DESSUS */
#nav-rich-menu li .dropdown { /* rich menu déroulant, si on veut l'opacité, préférer rgba(89, 60, 113, 0.9) */
	background-color: #071F32;
}
}
 /* REPRIS AU DESSUS */
 /* passage en couleur dominante des 3 traits du burger menu */
.hamburger-mobile .icon-bar {
	background-color: #071F32;
}

 /* REPRIS AU DESSUS */
@media (max-width: 1019px) {
.navbar-compact #menu-panel /* rich menu déroulant, si on veut l'opacité, préférer rgba(89, 60, 113, 0.9) */ {
	background: #071F32;
}
}

.my-account-mobile {
	background: #071F32;
}
 

/*----------------------*/
/* RESEAUX SOCIAUX 01/19*/
/*----------------------*/


/* déclaration des icones réseaux sociaux et placement sous la barre d'accès direct */
span.icon2-facebook, span.icon2-twitter, span.icon2-instagram {
    font-family: 'quefaire-icons'!important;
    speak: none;
    font-size: 1.9rem;
    margin-right: 10px;
    color: #fae46a;
    position: absolute;
    top: 113px;
}

span.fab.fa-youtube {
    speak: none;
    font-size: 2.2rem;
    margin-right: 10px;
    color: #fae46a;
    position: absolute;
    top: 115px;
    left: -60px;
}

    
span.icon2-facebook {
    left: -180px;
}

 span.icon2-twitter {
    left: -140px;
}

span.icon2-instagram {
    left: -100px;
}

@media (max-width:1199px) {
span.icon2-facebook {
left: -160px;
}

span.icon2-twitter {
left: -120px;
}

span.icon2-instagram {
left: -80px;
}
span.fab.fa-youtube {
    left: -40px;
}
}

@media (max-width:992px) {
span.icon2-instagram, span.icon2-twitter, span.icon2-facebook, span.fab.fa-youtube {
display: none;
}
}

ul.list-inline.icone {
    width: 0;
    margin: -5px;
}

/* header général */


.direct-access-vpco .panel-heading > h2 {
    padding: 12px 0 25px 0;
}

.header-banner-menu .direct-access-vpco {
    padding-bottom: 25px;
}

@media screen and (min-width: 700px) {
.header-banner-menu .access-vpco-connect {
    padding: 30px 1%;
}
}

@media (min-width:992px) {
.direct-access-vpco .panel-heading > h2 span {
    padding: 15px 0px 9px 0;
}
}

.header-banner-menu .all-link-connexe {
    padding: 35px 0px 0px 10px;
}

.header-compact #search-panel {
padding-top: 30px!important;
margin-bottom: -30px!important;
}

@media (max-width: 768px) {
.header-compact #search-panel {
padding-top: 80px!important;
}
}

@media (min-width: 768px) {
#search-panel .panel-body.col-md-8 {
    margin: 90px auto 45px;
}
}

/* Numérotation manquante dans les alinéas des tutos - MZA 15/03/2019 */
.nine {
	background: transparent url('images/9.png') no-repeat left 0;
	padding: 5px 0 5px 40px;
}

/*******MAJ BARRE DE NAV FEV 2019***********/

/* Menu de navigation : Mettre en couleur dominante le background du mini-site en cours (changer le nth-child) */
#nav-rich-menu li:nth-child(7)
{
background: #071F32;
}

#nav-rich-menu li:nth-child(7) > a
{
color: white;
}

#nav-rich-menu li.rich-item:hover {
background: #071F32;
}

#nav-rich-menu li.rich-item { 
line-height:16px;
vertical-align: middle;
}
#nav-rich-menu li:nth-child(7) { 
vertical-align: -moz-middle-with-baseline;
text-align: end;
}

#nav-rich-menu li:first-child > a {
background: none;
}

#nav-rich-menu li:hover > a, #nav-rich-menu li > a:hover, #nav-rich-menu li > a, #nav-rich-menu li.rich-item:first-child > a:hover, #nav-rich-menu li.rich-item:first-child:hover > a {
background: none;
}

@media (max-width: 1145px) {
#nav-rich-menu li >a {
    font-size: 12px;
}
}

#share_social ul {
	display: none;
}

@media (max-width: 1040px) {
.navbar-compact #nav-rich-menu li  {
	padding: 0px;
}
}

@media (min-width:992px) {
.navbar-compact #nav-rich-menu li:first-child > a {
	padding: 10px;
}
}

/*******Création Pages SERVICES***********/

body.page_services {
	background: #fff;
}

.page_services #layout-2 .row, .page_services #zone-5, .page_services #layout-6 .row, .page_services #layout-5 .row, #layout-9 .row {
	/*width: 1100px;*/
	margin: 0 auto;
	width: 100%
}

@media (min-width: 992px) {
	.page_services #zone-3 {
	margin-left:-6%;
}
}

@media (min-width: 1300px) and (max-width:1365px) {
	.page_services #zone-3 {
	margin-left:-10%;
}
}

@media (min-width: 1366px) and (max-width:1600px) {
	.page_services #zone-3 {
	margin-left:-3%;
}
}

.page_services #zone-4, .page_services #zone-7 {
	padding: 0  /*padding: 0 10% 0 0*/
}

.page_services #zone-8 {
	/*width: 1100px;*/
	margin: 0 auto;
	width: 100%;
}

@media (min-width: 992px) {
.page_services .theme_7 > .panel-heading {
	margin: -190px 0 0 0
}
.page_services #zone-3, .page_services #zone-6, .page_services #zone-10 {
	padding: 0 40px 0 0
}
}

@media (min-width: 1366px) {
.page_services div#page > div.container {
	background: #fff;
	max-width: 1366px;
	width: 1366px;
	padding: 0;
}
.page_services #zone-3, .page_services #zone-6, .page_services #zone-10 {
	padding: 0 40px 0 0;
}
.page_services #zone-7 {
	margin-top: 32px;
	padding: 0 3% 0 0
}
.page_services #zone-8 .panel-heading {
	padding: 0 0 0 10%
}

.page_services #portal {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.page_services #portal .frame {
	margin: 0 !important
}
.page_services .panel-front {
	margin-bottom: 0;
}

.page_services #layout-5 .row:before, .page_services #layout-5 .row:after {
	content: none;
}
}


/*******Menu Pages SERVICES***********/


.dm_menu {
    background: #fae46a;
    padding: 66px 20px 66px 8%;
}

.dm_menu .modele_6 .panel-group .panel, .dm_menu .modele_6 .panel-model > .panel-heading, .dm_menu .panel-group .panel-heading+.panel-collapse .panel-body {
    background: none;
    padding: 0;

}

.dm_menu .modele_6 .panel-group .panel-title a {
    color:#af2258;
}

.dm_menu .modele_6 .panel-group .panel-title a.collapsed {
    color:#1a1a1a;
}


.dm_menu .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}


.dm_menu ul li a {
background-position: 90% -438px;
}

.dm_menu ul li a:hover, .dm_menu ul li a._hover {
color: #af2258;
background-position: 90% 6px;
}

@media (max-width:768px) {
.dm_menu .panel-heading {
height: 0%
}
}

@media (max-width:992px) {
.dm_menu {
padding: 0 8% 20px 10%;
}
.page_services #zone-3 {
	margin: 0 -5px;
}
}

@media (max-width: 768px) {
.page_services #zone-3 .panel-body {
	display: none;
}
.page_services #zone-3 .panel-heading h2 {
	text-align:center;
	text-decoration:underline;
	font-size:20px;
	font-family:montserratbold;
	padding: 0 0 25px 20px;
}

.page_services .panel-heading i.icon-resize-small:before, .page_services .panel-heading i.icon-resize-full:before {
	display: none;
}
}
@media (min-width:768px) {
.page_services #zone-3 .panel-heading h2 {
	display: none;
}
}
.page_services #zone-3 p.panel-title {
text-transform:uppercase;
}

.page_services  #zone-4 > div:nth-child(1) {
	height: 20px;
}

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

/* réajuster les éléments du menu général MCA 30/09/2019 */
@media (min-width:768px) {
	#nav-rich-menu li:first-child {
		padding-left: 6px;
	}
	#nav-rich-menu li {
		text-align: inherit;
	}
}

/* Demande Jaoo MZA 30/09/2019 */
.bootbox-body > div > .hidden-xs.pnb-download-info.row > div {
    display: none;
}

/* réajustement du tableau des exemplaires MZA 07/10/2019*/
.subscriptions_container.hidden-xs.hidden-sm th:nth-child(1) {
width: 180px;
}
.subscriptions_container.hidden-xs.hidden-sm th:nth-child(2) {
width: 120px;
}

/* enlever les icones réseaux sociaux du swiper sur tablettes et smartphone MCA 2020-03-16 */
@media (max-width:991px) {
div.swiper-slide[data-swiper-slide-index="0"], 
div.swiper-slide[data-swiper-slide-index="1"], 
div.swiper-slide[data-swiper-slide-index="2"],
div.swiper-slide[data-swiper-slide-index="3"] {
display:none;
}
}

@media (max-width:768px) {
.direct-access-vpco .panel-heading > h2 {
	display: none;
	height: 0;
}

.header-banner-menu .connexe-menu-mobile  {
	height: 0;
}
}

@media (max-width:767px) {
	#scenario-selection, #submit-search {
		width: 65px;
		height: 65px;
	}
	#scenario-selection {
		background-size:12%;
	}
	#textfield, .clean-text-field, .tt-hint {
		height: 65px;
		line-height: 65px;
	}
	
	.header-compact #search-panel {
		padding-top: 100px!important;
	}
	
	#globalAdvancedSearchLink {
		padding: 20px 0 0 0;
	}
	#preselect-facets-link {
		margin-top: 20px;
	}
	.header-compact #search-panel {
		margin-bottom: -55px!important;
	}
	
	
	/* MCA décembre 2021 : permettre au bouton de se déployer sur 2 lignes en format smartphone (ex : bouton modifier mon profil et mon mot de passe dans le compte */
@media (max-width: 768px) {
	.btn {
		white-space: inherit!important;
	}
}

/* MCA décembre 2021 : changer la couleur de la modale de modification du mot de passe */
.bootbox .modal-header h4 {
	color: #af2258!important;
}
}

/* MCA Mars 2022 = Hack menu mobile pour qu'il ne s'aligne pas à droite entre 990px et 1020px (contredit style.css) */

@media (max-width: 1020px) {
    .header-compact .navbar-compact #menu-panel .navbar-collapse {
        width: 100%;
    }
}

/* MZA / NCH pour masquer temporairement les alertes le 12/01/2023  */

.myaccount-profile-alert.myaccount-profile-entry {
	display: none;
}