/*==================== MONTBELIARD ===================*/

/* INCLUSIONS CSS SYRACUSE */

@import url(../standard/portal/front/modeles.css);
@import url(../standard/portal/front/style.css);
@import url(../syracuse/syracuse.css);
@import url(polices/polices.css);
@import url(editorial.css);
/*#nav-rich-menu li:nth-child(1) .dropdown {
   left: 0  !important;
}
/*_________ Hide outline __________*/

*:focus, *:hover {
	outline: 0 !important;
}
.x-webkit *:focus, *:focus {
	outline: 0 !important;
}
button:focus, .btn:focus {
	outline: 0 !important;
}
.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
	outline: 0;
}
ul.notes-echelle.js li.note-focus {
	outline: 0 !important;
}
.rsDefaultInv .rsArrow:hover, .rsDefaultInv .rsArrow:focus {
	outline: 0;
	border: none
}
body, h2, h3, h4, h5, h6, td, pre, .panel-front > .x-panel-header span {
	font-family: Arial;
}
.errorAuth {
	color: #000;
}
#ariane {
	font-size: 11px;
	left: -490px;
	position: absolute;
	top: 150px;
}
body {
	background: url(images/body.jpg);
}
header {
	background: url(images/header.png) no-repeat center top;
	border: none;
}
.page-bd header {
	background: url(images/header-bd.png) no-repeat center top;
}
.page-comtois header {
	background: url(images/header-comtois.png) no-repeat center top;
}
.page-jeunesse header {
	background: url(images/header-jeunesse.png) no-repeat center top;
}
.page-lire header {
	background: url(images/header-lire.png) no-repeat center top;
}
.page-numerique header {
	background: url(images/header-numerique.png) no-repeat center top;
}
.page-patrimoine header {
	background: url(images/header-patrimoine.png) no-repeat center top;
}
/*
Page BD=page-bd;Page Comtois=page-comtois;Page Jeunesse=page-jeunesse;Page Lire=page-lire;Page Numerique=page-numerique;Page Patrimoine=page-patrimoine
*/
#nav_connexe {
	position: relative;
}
#identite_utilisateur {
	color: #000;
	left: 25px;
}
#search-panel {
	background: none;
}
.navbar-brand h1 {
	display: none;
}
.navbar-inverse .navbar-brand {
	background: url(images/brand.png) no-repeat;
	padding: 0 0 45px 547px;
	background-size: 100% auto;
}
.navbar > .container .navbar-brand {
	margin-left: 25px;
	margin-top: 30px;
}
#menu-panel {
	background: none;
	border: none;
	margin-top: 40px;
}
#search-panel .panel-body.col-md-8 {
	position: absolute;
	right: 26px;
	top: -70px;
	width: 40%;
	z-index: 1;
}
#nav-rich-menu {
	margin-bottom: 80px;
}
#ermes_main_menu {
	margin-bottom: 100px;
	text-align: center;
}
#search-panel {
	color: #000;
}
#ermes_main_menu li.LEVEL1 {
	background: none;
	border: none;
	width: auto;
	text-transform: none;
	font-weight: bold;
	font-size: 16px;
	margin-left: 0;
	margin-right: 0;
	float: none;
	display: inline-block;
	padding: 0 7px;
	border-right: 1px solid #00abc4;
}
#ermes_main_menu li.LEVEL1:last-child {
	border: none;
}
#ermes_main_menu li.LEVEL1 > a {
	color: #00abc4;
	padding: 8px 8px 10px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, #ermes_main_menu li.LEVEL1 a:hover {
	color: #fff;
	background: #00abc4;
}
#ermes_main_menu li.LEVEL1 > a:hover, #ermes_main_menu li:hover > a {
	color: #fff;
}
#ermes_main_menu li.LEVEL1 > a:hover, #ermes_main_menu li.LEVEL1:hover > a {
	background: #00abc4;
}
#ermes_main_menu li.LEVEL1:nth-child(odd) > a:hover, #ermes_main_menu li.LEVEL1:nth-child(odd):hover > a {
	background: #c3003f;
}
#ermes_main_menu .dropdown-menu {
	background: #00abc4;
	padding: 0 5px;
	margin-left: 7px;
	text-align: left;
}
#ermes_main_menu li.LEVEL1:nth-child(odd) .dropdown-menu {
	background: #c3003f;
}
#ermes_main_menu .dropdown-menu > li > a {
	color: #fff;
	border-bottom: 1px solid #99dde7;
 padding;
3px 20px 3px 10px;
}
#ermes_main_menu li.LEVEL1:nth-child(odd) .dropdown-menu li a {
	border-bottom: 1px solid #d54d79;
}
#ermes_main_menu li.LEVEL1:nth-child(odd) .dropdown-menu li a:hover {
	background: #c3003f;
}
#ermes_main_menu li.LEVEL1:first-child > a:hover, #ermes_main_menu li.LEVEL1.menu-accueil > a:hover {
	background: none;
	color: #c3003f;
}
#ermes_main_menu li:first-child a i, #ermes_main_menu li.menu-accueil a i {
	display: block;
	font-size: 20px;
}
#ermes_main_menu > li:first-child a span, #ermes_main_menu > li.menu-accueil a span {
	display: none;
}
#ermes_main_menu li.LEVEL1 .caret, #ermes_main_menu li.LEVEL1 a:hover .caret {
	display: none;
}
.panel-front, .panel-selection {
	background-color: #fffff8;
	box-shadow: 0 5px 4px 0 rgba(50, 50, 50, 0.23);
	padding: 15px;
}
@media (min-width: 768px) {
.btn-account, .btn-account:hover, .btn-account:focus, .btn-account:active, .btn-account.active, .open .dropdown-toggle.btn-account {
	background-color: #f9cbcb;
	color: #00abc4;
	font-weight: bold;
	margin-right: 30px;
	margin-top: 10px;
	text-transform: none;
	border-radius: 4px;
	padding: 5px 15px 2px;
	font-size: 15px;
}
}
.btn-account .icon-lock {
	position: relative;
	top: -3px;
}
.btn-account:hover {
	background-color: #f9cbcb;
	color: #c3003f;
}
.connectBox {
	background: #f9cbcb;
}
.connectBox .form-control {
	background-color: #ffffff;
}
.btn-validation {
	background-color: #fff;
	border-color: #fff;
	color: #00abc4;
}
.btn-validation:hover {
	background-color: #fff;
	border-color: #fff;
	color: #00abc4;
}
.register_user_link, .register_user_link:hover {
	color: #6A6A6A;
	display:none!important;
}
.all-link-connexe {
	top: 4px;
}
.all-link-connexe .btn-default {
	background-color: #f9cbcb;
	border-color: #f9cbcb;
	border-radius: 4px;
	color: #c3003f;
	font-size: 15px;
	font-weight: bold;
	padding: 2px 15px;
}
/* .all-link-connexe .btn-group:first-child .btn-default {
    background-color: #fff;
    border-color: #fff;
    color: #a2a1a1;
} */
#scenario-selection {
	background: #00abc4 none repeat scroll 0 0;
	border: 1px solid #00abc4;
	border-radius: 4px 0 0 4px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
}
#globalScenarioMobile {
	background-color: #00abc4;
}
#globalScenarioMobile .active, #globalScenarioMobile .active:hover, #globalScenarioMobile .active:focus {
	background-color: #028293;
}
#globalScenarioMobile > li > a:hover, #globalScenarioMobile > li > a:focus {
	background-color: #028293;
}
#submit-search {
	background: #d5d4d4;
	border: 1px solid #d5d4d4;
	color: #707171;
	border-radius: 0 4px 4px 0;
}
#textfield {
	color: #00abc4;
	background: #d5d4d4;
	border: 1px solid #d5d4d4;
}
.clean-text-field {
	color: #c3003f;
	background: #d5d4d4;
	border: 1px solid #d5d4d4;
}
.tt-suggestion.tt-cursor {
	background-color: #00abc4;
}
#globalAdvancedSearchLink {
	color: #a2a1a1;
	font-size: 11px;
}
.selection li {
	float: left;
	margin: 20px 30px;
	height: 110px;
	width: 100px;
	position: relative;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
}
.selection a {
	color: #c0c0c0;
}
.selection img {
}
.selection span {
	width: 100%;
	text-align: center;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
}
.btn-default {
	background-color: #00abc4;
	border-color: #00abc4;
	color: #fff;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	background-color: #00abc4;
	border-color: #00abc4;
	color: #fff;
}
/* =================  ENCARTS  ====================*/

.encart-rubrique .panel-heading {
	display: none;
}
#portal .encart-rubrique .panel-body {
	padding: 0;
}
#portal .encart-rubrique {
	padding: 0;
}
.encart-rubrique p {
	margin: 0;
	text-align: right;
}
.encart-rubrique .panel-front, .encart-rubrique .panel-selection {
	background: none;
}
.panel > .panel-heading h2, .panel-front > .x-panel-header {
	color: #c3003f;
	font-size: 20px;
}
.panel-title {
	color: #00abc4;
}
footer {
	background-color: #c3003f;
	color: #fff;
	margin-top: 40px;
}
footer p {
	color: #fff;
	font-size: 14px;
	line-height: normal;
}
.product-infos {
	display: none;
}
/*===== RICH FOOTER 3 COL =====*/

#sub_rich_footer {
	display: none;
}
footer #footer-3 .container {
	padding: 0;
}
#rich-footer-3 {
	padding: 10px 0;
	max-width: 100%;
}
#footer-3 a {
	cursor: pointer;
	color: #f2f0f1;
}
#rich-footer-3 .menu li {
	margin-top: 20px;
	padding-left: 20px;
	font-size: 14px;
	position: relative;
	background: url(images/footer-phone.png) no-repeat;
}
#rich-footer-3 .menu li:nth-child(2) {
	background: url(images/footer-mail.png) no-repeat 0 6px;
}
#rich-footer-3 .menu li::before {
	content: "";
}
#rich-footer-3 .menu a {
	/*display: block;*/
	position: relative;
}
#rich-footer-3 h2 {
	margin-bottom: 10px;
	font-size: 16px;
	color: #fff;
}
#menu_2 h2 {
	text-transform: uppercase;
}
#menu_3 {
	background: url(images/brandville.png) no-repeat right 12px;
	padding: 70px 0 0;
}
#footer-3 #footer_connexes {
	display: none;
}
#footer-3 .menu div {
	padding: 10px;
}
#footer-3 #sub_footer {
	clear: both;
	overflow: hidden;
	font-size: 12px;
	margin-left: 20px;
	padding-bottom: 10px;
}
#footer-3 #sub_footer .container {
}
#footer-3 #sub_footer li {
	display: inline-block;
	position: relative;
	padding: 0 10px 0 5px;
}
#footer-3 #sub_footer li::before {
	content: "";
	position: absolute;
	right: -5px;
	top: 4px;
	height: 12px;
	border-right: 1px solid #fff;
}
#footer-3 #sub_footer li:last-child::before {
	display: none;
}
@media (min-width: 320px) and (max-width: 567px) {
#rich-footer-3 .col-xs-4 {
	width: 100%;
}
}
@media (min-width: 320px) and (max-width: 414px) {
#footer-3 p {
	float: none;
}
}
@media (max-width: 1024px) {
#footer-3 #footer_connexes .container {
	margin: 0 15px;
}
}
/* =================  ENCARTS  ====================*/


.encart-actus p img {
	display: block;
	margin: 0 auto;
}
.bs-bullets button, .bs-bullets button:focus, .bs-bullets button:active, .bs-bullets button:hover {
	border-color: #7fd5de;
	background-color: #7fd5de;
}
.bs-bullets .rsNavSelected button {
	background-color: #00abc4;
}
.well {
	border: none;
}
/* =================  RECHERCHE  ====================*/

.btn-action {
	background-color: #00abc4;
	border-color: #00abc4;
	color: #fff;
}
.btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action.active, .btn-action.disabled, .btn-action[disabled] {
	background-color: #00abc4;
	border-color: #00abc4;
	color: #fff;
}
.btn-info {
	background-color: #00abc4;
	border-color: #00abc4;
	color: #fff;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
	background-color: #00abc4;
	border-color: #00abc4;
	color: #fff;
}
.panel-front > .x-panel-header span, h2 {
	color: #00abc4;
}
#facet_container .facetSuggest a:hover {
	background-color: #00abc4;
}
#criteres_recherche p, #description_resultats, .taille_page {
	color: #c3003f;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	color: #c3003f;
	border-color: #c3003f;
}
.btn-group.pageSize-container button {
	color: #c3003f;
}
.badge {
	color: #c3003f;
}
h2.category_header {
	color: #c3003f;
}
h3.category_header {
	background-color: #f9cbcb;
	color: #fff;
}
.detail-holdings-class [class|="detail-holds"] thead th, .detail-subscriptions thead th, .detail-holdings-class [class|="detail-holds"] thead td, .detail-subscriptions thead td {
	background-color: #00abc4;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background-color: #f9cbcb;
	color: #00abc4;
}
.myaccount-profile .account-label {
	color: #c3003f;
}
.myaccount-activity .activity-feed ul li.AddComment .action, .myaccount-activity .activity-feed ul li.AddTag .action {
	color: #00abc4;
}

/* =================  RESPONSIVE RESPONSINATOR  ====================*/


@media (min-width: 320px) and (max-width: 767px) /* col-xs */ {
	#search-panel .panel-body.col-md-8 {
		right: 0;
		top: -70px;
		width: 98%;
	}
	.navbar > .container .navbar-brand {
		margin-left: 5px;
		margin-top: 10px;
	}
	.navbar-inverse .navbar-brand {
		padding: 0 0 30px 287px;
	}
	.navbar > .container .navbar-brand {
		margin-bottom: 70px;
	}
	header {
		background-position: -30px top;
		background-size: 240% auto;
		margin-bottom: 20px;
	}
	#ariane {
		left: 10px;
		top: 70px;
	}
	.page-bd header, .page-comtois header, .page-jeunesse header, .page-lire header, .page-numerique header, .page-patrimoine header {
		background-position: -120px top;
		background-size: 230% auto;
		padding-bottom: 40px;
	}
	#menu-panel {
		margin-top: 14px;
	}
}
@media (min-width: 768px) and (max-width: 1023px) /* col-sm */ {
	#ermes_main_menu li.LEVEL1 {
		font-size: 15px;
		padding: 0;
	}
	.navbar > .container .navbar-brand {
		margin-left: -10px;
	}
	#menu-panel {
		margin: 0;
	}
	#ermes_main_menu {
		margin-bottom: 30px;
	}
	#ariane {
		left: -410px;
	}
	#ermes_main_menu li.LEVEL1 > a {
		padding: 8px 7px 10px;
	}
	.navbar > .container .navbar-brand {
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 100px;
	}
	#search-panel .panel-body.col-md-8 {
		right: 15px;
		top: -90px;
		width: 96%;
	}
	.navbar > .container .navbar-brand {
		margin-bottom: 90px;
	}
	header {
		background-size: 170% auto;
		padding-bottom: 20px;
	}
	#ariane {
		left: -520px;
		top: 160px;
	}
	.page-bd header, .page-comtois header, .page-jeunesse header, .page-lire header, .page-numerique header, .page-patrimoine header {
		padding-bottom: 40px;
	}
	}
	@media (min-width: 1024px) and (max-width: 1279px) /* col-md */ {
	#ermes_main_menu {
		margin-bottom: 50px;
	}
	.navbar > .container .navbar-brand {
		margin-left: -5px;
	}
	#ariane {
		left: -520px;
	}
	.page-bd header, .page-comtois header, .page-jeunesse header, .page-lire header, .page-numerique header, .page-patrimoine header {
		padding-bottom: 40px;
	}
}
 
.icon-star::before, .icon-star-empty::before {
	color: #ec4;
}

.subjectTopicLink .btn-info {
		background:none;
		border:none;
		color:#5F5B5B !important;
		padding:0;
		margin:0;
		font-size:16px;
}

.subjectTopicLink .btn-info:hover {
	text-decoration:underline;
}


@media  (max-width: 1023px)  {
	#rich-footer-3 {
		padding: 10px 10px;
	}
	#footer-3 #sub_footer {
		text-align: center;
	}
}


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


.encart-formulaire .indexWrapper.form-idx-any + .form-group {
	display: none;
}
.encart-formulaire .indexWrapper.form-idx-any .col-lg-2,
.encart-formulaire .indexWrapper.form-idx-any .col-lg-10 {
	width: 100%;
}
.encart-formulaire .form-horizontal .control-label {
    text-align: left;
}

.encart-formulaire .form-group.pull-right {
	position: relative;
	top: 80px;
}
.encart-formulaire .indexWrapper.form-idx-any {
	position: relative;
	top: -50px;
}
#main_search_form_page #textfield {
	background: none;
	border: none;
}
#main_search_form_page input[type="submit"] {
	background: #00abc4;
	border: none;
	color: #fff;
	padding: 1px 10px;
}


/* ============ MOBILE ============*/ 

/* Apple iPhone 5 - 320 × 568 dp */
@media (min-width: 320px) and (max-width: 359px) {
	header {
		padding-bottom: 20px;
	}
	[class*="page-"] header,
	[class*="page-"] header	{
		padding-bottom: 60px;
		background-size: 250% auto;
	} 
}

/* Google Nexus 5 -360 × 640 dp */
@media (min-width: 360px) and (max-width: 374px) {
	header {
		background-position: -40px top;
		padding-bottom: 40px;
	}	
	[class*="page-"] header,
	[class*="page-"] header {
		padding-bottom: 60px;
		background-size: 230% auto;
	} 
}

/* Apple iPhone 6 - 375 × 667 dp */
@media (min-width: 375px) and (max-width: 383px) {
	header {
		background-position: -40px top;
		padding-bottom: 50px;
	}
	[class*="page-"] header,
	[class*="page-"] header {
		padding-bottom: 60px;
		background-size: 220% auto;
	} 
}

/* Google Nexus 4 - 384 × 640 dp */
@media (min-width: 384px) and (max-width: 410px) {
	header {
		background-size: 230% auto;
		background-position: -40px top;
		padding-bottom: 50px;
	}
	[class*="page-"] header,
	[class*="page-"] header 	header {
		padding-bottom: 70px;
		background-size: 220% auto;
	} 
}

/* Google Nexus 6 - 411 × 731 dp */
@media (min-width: 411px) and (max-width: 413px) {
	header {
		background-size: 210% auto;
		background-position: -40px top;
		padding-bottom: 50px;
	}
	[class*="page-"] header,
	[class*="page-"] header {
		padding-bottom: 70px;
		background-size: 210% auto;
	} 	
}

/* Apple iPhone 6 Plus - 414 × 736 dp */
@media (min-width: 414px) and (max-width: 431px) {
	header {
		background-size: 210% auto;
		background-position: -40px top;
		padding-bottom: 50px;
	}
	[class*="page-"] header,
	[class*="page-"] header {
		padding-bottom: 80px;
		background-size: 210% auto;
	}	
}

/* Nokia Lumia 1520 - 432 × 768 dp */
@media (min-width: 432px) and (max-width: 479px) {
	header {
		background-size: 200% auto;
		background-position: -40px top;
		padding-bottom: 50px;
	}
	[class*="page-"] header,
	[class*="page-"] header {
		padding-bottom: 70px;
		background-size: 200% auto;
	}		
}


/* =============== TABLETTE ===============*/

/* Amazon Kindle Fire HD 7 -480 × 800 dp */
@media (min-width: 480px) and (max-width: 599px) {
	header {
		background-size: 180% auto;
		background-position: -40px top;
		padding-bottom: 50px;
	}
	[class*="page-"] header,
	[class*="page-"] header {
		padding-bottom: 70px;
		background-size: 180% auto;
	}
}

/* Google Nexus 7 - 600 × 960 dp */
@media (min-width: 600px) and (max-width: 719px) {
	header {
		background-size: 150% auto;
		background-position: -50px top;
		padding-bottom: 50px;
	}
	[class*="page-"] header,
	[class*="page-"] header{
		padding-bottom: 70px;
		background-size: 140% auto;
	}	
}

/* Microsoft Surface Pro - 720 × 1280 dp */
@media (min-width: 720px) and (max-width: 767px) {
	header {
		background-size: 120% auto;
		background-position: -50px top;
		padding-bottom: 50px;
	}
	[class*="page-"] header,
	[class*="page-"] header {
	padding-bottom: 100px;
	background-size: 130% auto;
	}
}

/* Apple iPad Air - 768 × 1024 dp */
@media (min-width: 768px) and (max-width: 799px) {
	header {
		background-size: 170% auto;
		background-position: -60px top;
		padding-bottom: 50px;
	}
	[class*="page-"] header,
	[class*="page-"] header{
		padding-bottom: 90px;
		background-size: 170% auto;
		background-position: -220px top;
	}
}

/* Samsung Galaxy Tab 10.1 - 800 × 1280 dp */
@media (min-width: 800px) and (max-width: 1023px) {
	
}

/* Apple iPad Pro 12.9 - 1024 × 1366 dp */
@media (min-width: 1024px) and (max-width: 1279px) {
	
}   


/* ================ LAPTOP ================*/ 
	
/* Google Chromebook Pixel - 1280 × 850 dp */
@media (min-width: 1280px) and (max-width: 1365px) {
	
} 

/* Apple MacBook Air 11.6 - 1366 × 768 dp */
@media (min-width: 1366px) and (max-width: 1439px) {
	
} 

/* Apple MacBook Air 13.3 - 1440 × 900 dp */
@media (min-width: 1440px) and (max-width: 1499px) {
	
} 

/*  Microsoft Surface Book - 1500 × 1000 dp */
@media (min-width: 1500px) and (max-width: 1679px) {
	
} 

/* Apple MacBook Pro 15.4 - 1680 × 1050 dp */
@media (min-width: 1680px) and (max-width: 1919px) {
	
}    

	
/* ================ DESKTOP ================*/ 

/* Apple iMac 21.5 -1920 × 1080 dp */
@media (min-width: 1920px) and (max-width: 2559px) {
	
} 

/* Apple iMac 27 -2560 × 1440 dp  */
@media (min-width: 2560px) {
	
}    

#barCodeModal .barCodePopup {
    font-size: 75px;
}