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


/* FICHIER ORIGINAL VPCO_client.css */


header {
	background: #af2258 url('images/header.jpg');
	background-size: cover;
}
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) {
.nav_connexe_container {
	display: none;
}
header {
	background-image: none;
}
/* 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;
}
}
/* 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;
}

/* 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 */
#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) {
.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;
}
@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 7px;
}
}
.nav-pills.facetList > li > a{
padding: 5px 0 2px 0;
}



/*----------------------*/
/*  	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-map {
    font-size: 2.3rem;
}
    
.icon2-calendar {
    font-size: 3.5rem;
    margin-left: -0.6rem;
}
    
.icon2-phone {
    font-size: 2.9rem;
    margin-left: -0.3rem;
}
    
.icon2-email {
    font-size: 2.1rem;
    margin-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:""}

.component-image img {
    max-height: 540px;
   	max-width: 100%;
    margin : 30px 0;
    }
.component-image {
	text-align: center;
	}

.component-video-wrapper {
		position: relative;
		width: 100%;
		}
.component-video-wrapper iframe {
		height: 100%;
		position: absolute;
		width: 100%;
}
.component-video-wrapper:after {
    padding-top: 56.25%;
    display: block;
    content: "";
}
.component-video {
        margin: 30px 0;
        }
blockquote.component.component-verbatim {
	padding: 25px 0;
    margin: 0 8%;
}

.infos-pratiques {
    background-color: #fae46a;
    padding: 30px;
    border-radius: 4px;
    border: 2px #f2f2f2 solid;
    margin-top: 50px;
    }
    
div.heading-image-image {
    height: 30rem; 
    width: 80%; 
    margin: 0 10%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    }

@media (min-width:1200px) {
    .infos-pratiques { 
        text-align: center;
        width: 40%;
        float: right; 
        margin-top: 0px;
    }

    div.heading-image-image {
        height: 40rem; 
        width: 72rem; 
        margin: 0 8%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;    
    }
}

@media (max-width:767px) { 
    div.heading-image-image  {
    width: 100%;
    height: 30rem;
    margin: 0;
    }
}

@media (max-width:1100px) { 

	#account-dropdown2 > li:nth-of-type(6){
display : none
}
.swiper-slide-active.swiper-slide > [href=""] > span {
display : none }
.swiper-slide-active.swiper-slide > [href="https://bibliotheques.paris.fr/numerique/my-account.aspx#/PnbLoans"] {
display : none}
}

@media (max-width: 1024px) {
	.media, .media-body {
		overflow: visible;
}
}

.component-content {
	clear: both;
    margin: 35px 0;    
		} 
    
a.component-content-image {
    background: center center no-repeat;
    height: 11rem;
    position: relative;
    width: 18rem;
    background-size: cover;
    display: block;
    margin-right: 20px;
    float: left;
}
    
.component-content-price, .component-content-ended {
        display: none;
        }
    
#notice_longue_description h2.component-content-title {
        font-size: 16px;
        }

/* 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: #af2258;
    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: #af2258;
	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 #af2258;
    width: 50px;
    display: block;
    margin: 0;
    margin-bottom: 15px;
}
/*MZA masquer des boutons de facettes pro 20/06/2018 */

#facet_190> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_191> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_192> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_193> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_194> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_195> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_196> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_197> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_198> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_199> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_200> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_201> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_202> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_203> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_204> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_205> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_206> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_207> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_208> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_209> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_210> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_211> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_212> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_213> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_216> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_217> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_219> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_220> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_222> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_223> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_224> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_225> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_226> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_227> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_229> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_231> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_523> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_523> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_524> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_525> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_530> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_530> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_533> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_538> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_540> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_542> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_548> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
#facet_549> .removeGridFilter.btn-xs.btn-action.btn {
display: none;
}
/* Mention Vol. inutile dans le tableau des états de collection des périos - MZA 23/11/2018 */
.lastrecieved > .title > span {
display: none;
}

/*MZA + MCA 06/12/2018 aménagement du drop down de la bib num*/

/* #account-dropdown1 > li:nth-of-type(6) ,.connexe-dropdown-557 span,.connexe-dropdown-773 span  {
    display: none
}

.col-xs-12.col-sm-10.col-md-10.all-link-connexe > ul.list-inline:nth-of-type(1) {
    display: none
}

.col-xs-12.col-sm-7.col-md-7.all-link-connexe > 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;
} 


p:nth-of-type(3)>.account-form.btn-account.btn-lg.btn  {
    float: left
}
@media (max-width: 1100px) {
	[data-swiper-slide-index="0"]  {
display : none
    
}

[data-swiper-slide-index="1"]  {
display : none
    
}
}
 */
/* recentrage des accès direct MCA 17/12/2018 */
.header-banner-menu .all-link-connexe {
	padding: 35px 0px 0px 5px;
}


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

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

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

 
 @media (min-width: 700px) {
.header-banner-menu  .access-vpco-connect {
	background: #071F32;
	}
}
 
 
@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;
}
}

/*MZA 26/01/2019 boutonification du lien "Télécharger une synthèse de mon compte"*/
#exportMyAccount {
    background: #fae46a;
    border-radius: 4px;
}


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

@media (max-width:992px) {
span.icon2-instagram, span.icon2-twitter, span.icon2-facebook {
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;
}
}

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

.theme_4 .panel-heading > h2, .theme_11 .panel-heading > h2, .theme_13 .panel-heading > h2 {
	margin-bottom: 10px;
} 

/* Comportement du bouton compte lecteur - responsive MCA 10/05/2019 */

/* Masquage d'un enrichissement Wikipédia faux sur la notice 1198562 - MZA 13/07/2019 */

.panel-search-container.panel-front.panel.rscId_1198562_SYRACUSE > .panel-body > #detail-notice-enrichissements {
	display: none;
}


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

#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;
}

/* faire apparaître le menu en mobile dans les pages services et infos pratiques */
.page_services .visible-lg {
	display:block!important;
}

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

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


/* Spécial coup de coeur 2022 */


body {
	background: #fff;
}

header {
	background: url('images/header-cc2022.jpg') center 80px #d00000;
	background-size:contain;
}

#preselect-facets-link {
	display: none !important;
}

.direct-access-vpco .panel-heading > h2 {
}
	
.site-btn.btn-group {
display: none;
}

#main_search_form {
display: none;
}

.input-group {
display: none;
}

#ariane {
display: none;
}

.nav_connexe_container  {
	background: none;
}

#nav_connexe {
	background: none;
}

@media (max-width: 1019px) {
#menu-panel {
    top: 80px;
    background: none;
}
}

@media (max-width: 991px) {
.direct-access-vpco .panel-heading > h2 span, .direct-access-vpco .panel-heading > h2 {
	display: none;
}
}

@media (max-width: 771px) {
.cms-inner-zone .panel-heading {
	height: 0px;
}
}

.header-banner-menu .connexe-menu-mobile {
	background: transparent;
}

.swiper-button-prev, .swiper-button-next {
	display: none;
}

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

.theme_4 .panel-heading > h2, .theme_11 .panel-heading > h2, .theme_13 .panel-heading > h2 {
	border-left: 6px solid #d00000;
}

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

@media screen and (min-width:700px) {
	.header-banner-menu .access-vpco-connect {
		display:none;
	}
}

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

ul.list-inline.icone {
	display:none;
}

@media (max-width: 1268px) and (min-width: 992px) {
#nav-rich-menu {
	display: block;
}
}

.swiper-slide {
	background:#d0000!important;
}

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

@media (max-width: 768px) {
.ermes-frame-html p.vpco-float-right {
	margin: 40px 0;
}
}

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

/* MCA décembre 2022 : onglets coups de coeur */


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

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

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

/* 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: #d00000;
	background: #d00000;
	font-family: 'montserratbold';
	font-size:14px;
}

/* MCA décembre 2022 : boutons et liens à la couleur dominante */
.ermes-frame-html a.btn-default {
	background: #FAE46A;
	border-color: #FAE46A;
	color: #d00000;
}
.ermes-frame-html a.btn-default:hover {
	background: #d00000;
	color: white;
	border-color: #d00000;
}

.ermes-frame-html a.purple_link {
	color: #d00000;
}

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

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