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

/* Spécial coup de coeur 2016 */

header {
	background: url('basicimagedownload.ashx?repositoryId=3&itemId=1266') no-repeat scroll center 70px #00af89;
}
	
.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 #00af89;
}

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

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


/* FICHIER ORIGINAL VPCO_client.css */


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

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

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

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

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

 #preselect-facets-link {
	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;
	}

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

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


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

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

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

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