﻿/*==================== CHOLET LUDOTHEQUE ===================*/

.navbar-nav {
	padding-top: 0px !important;

}

.hamburger-mobile .icon-bar:first-child {
	background: #d5883c;
}

.hamburger-mobile .icon-bar:nth-child(2) {
	background: #449cda;
}

.hamburger-mobile .icon-bar:nth-child(3) {
	background: #9cbe43;
}

body {
	background: #ededed;
}

header {
	background: #fff;
	border-color: #449cda;
}

@media (min-width: 768px) {
	.btn-account {
		background: #449cda;
	}
}

.btn-account .icon-lock::before {
	content: '\e802';
}

.navbar>.container .navbar-brand {
	margin-left: 120px;
	margin-top: 0;
}

@media (max-width: 767px) {
	.navbar>.container .navbar-brand {
		margin-left: 5px;
	}
	#mobile-actions {
		
		border-bottom: 2px solid #449cda;
	}
}

.navbar-inverse .navbar-brand {
	background: url(images/brand.png) no-repeat;
	width: 690px;
	height: 150px;
	background-size: 100%;
}

@media (min-width: 768px) {
	#search-panel .panel-body.col-md-8 {
		position: relative;
		margin-top: -20px;
		top: -10px;
	}
}

#scenario-selection,
#submit-search {
	background: #449cda;
	border-color: #449cda;
}

#globalScenarioMobile {
	background: #449cda;
	border-color: #449cda;
}

#globalScenarioMobile .active,
#globalScenarioMobile .active:hover,
#globalScenarioMobile .active:focus {
	color: #449cda;
}

.ui-autocomplete-input {
	background: #ededed !important;
	border-color: #c9c9c9 !important;
}

#textfield,
.clean-text-field {
	background: #ededed;
	border-color: #ededed;
	border-bottom-color: #c9c9c9;
	border-top-color: #c9c9c9;
}

#globalAdvancedSearchLink {
	color: #000;
}

#search-panel {
	color: #000;
}


#ermes_main_menu li.LEVEL1 {
	background: #449cda;
}

@media (min-width: 768px) {
	#menu-panel {
		border-top: 8px solid #ccc;
		background: #ededed;
	}

	#menu-panel .panel-body {
		margin-top: 0;
		padding: 0;
	}
}


/* .dropdown-menu.LEVEL1,
.dropdown-menu.LEVEL2,
.dropdown-menu.LEVEL3 {
	display: block !important;
} */

.navbar-nav>li>.dropdown-menu>li>a {
	color: #fff;
}

.navbar-nav>li>.dropdown-menu {
	background: #449cda;
}

#ermes_main_menu li.LEVEL1.menu-infos>a {
	background: #d5883c;
}

.navbar-nav>li.menu-infos>.dropdown-menu {
	background: #d5883c;
}

#ermes_main_menu li.LEVEL1.menu-ludo>a {
	background: #449cda;
}

.navbar-nav>li.menu-ludo>.dropdown-menu {
	background: #449cda;
}

#ermes_main_menu li.LEVEL1.menu-jeux>a {
	background: #9cbe43;
}

.navbar-nav>li.menu-jeux>.dropdown-menu {
	background: #9cbe43;
}

#ermes_main_menu li.LEVEL1.menu-agenda>a {
	background: #449cda;
}

.navbar-nav>li.menu-agenda>.dropdown-menu {
	background: #449cda;
}

#ermes_main_menu li.LEVEL1.menu-echanges>a {
	background: #e0dbd1;
	padding: 0;
}

.navbar-nav>li.menu-echanges>.dropdown-menu {
	background: #ab9a8a;
}

#ermes_main_menu li.LEVEL1.menu-echanges>a::before {
	content: url(images/menu-echanges.png);
}

#ermes_main_menu li.LEVEL1.menu-echanges>a span {
	display: none;
}

.navbar-nav>li.menu-echanges>a {
	line-height: 14px;
}

#ermes_main_menu li.LEVEL1 .dropdown-menu a:hover {
	background-color: #fff;
	color: #000;
}



#page>.container {
	background: none;
}

.panel-front,
.panel-selection {
	background: #dcdcdc;
}

.panel-front>.x-panel-header span,
h2 {
	color: #000;
	font-weight: bold;
}

h3 {
	color: #449cda;
}

.btn-default {
	background-color: #449cda;
	border-color: #449cda;
	color: #fff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	background-color: #449cda;
	border-color: #449cda;
	color: #fff;
}

.bs-bullets button,
.bs-bullets button:focus,
.bs-bullets button:active,
.bs-bullets button:hover {
	border-color: #449cda;
}

.bs-bullets .rsNavSelected button {
	background: #449cda;
}

footer {
	background: #449cda;
	text-align: center;
	padding: 0 0 0;
	position: relative;
}

footer .container {
	padding: 20px 0 0;
}

footer address {
	margin: 20px;
}

footer .container {
	position: relative;
}

@media (min-width: 799px) {
	footer .logofooter {
		position: absolute;
		top: 125px;
		right: 0;
	}
}

@media (max-width: 599px) {
	footer .ludofooter {
		width: 100%;
		height: auto;
	}
}

.facetList .badge {
	color: #449cda;
}

#resultats_recherche .facetList.nav-pills>li>a {
	background-color: #449cda;
}

#resultats .select {
	background-color: #449cda;
}

.select-all {
	background-color: #449cda;
}

.displaymode-icon-container.desktop button,
.siteRestriction-icon-container.desktop button,
.sort-order button {
	background: #449cda;
}

.btn-dark {
	background-color: #449cda;
	border-color: #449cda;
	color: #fff;
}

.btn-action {
	background-color: #449cda;
	border-color: #449cda;
	color: #fff;
}

@media (min-width: 768px) {

	.statut,
	.statut-disabled,
	.statut-primaryDoc {
		background-color: #edfaff;
	}
}

#resultats>ul>li {
	background: #fff;
}

li.ajouter_selection {
	background-color: #449cda;
}

.btn-info {
	background-color: #449cda;
	border-color: #449cda;
	color: #fff;
}

h2.category_header {
	color: #449cda;
}

h3.category_header {
	background-color: #449cda;
}

.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: #449cda;
}

.holdings-subscription-section[data-v-5609e603] {
	background-color: #449cda !important;
}

.detail-holdings-class tr:nth-child(even) {
	background-color: #fff;
}

button.holding-reservation[disabled][data-v-03082f26] {
	background-color: #449cda;
}

.tab-content {
	background-color: #fff;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	background-color: #ffffff;
	border-color: #ffffff;
}


.user-name {
	color: #449cda;
}

.myaccount-profile .account-label {
	color: #449cda;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	background: #449cda;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-brand {
		background-size: contain;
	}

	.navbar-brand-before {
		
	}

	.navbar-brand-before {
		background-size: 100%;
	}
}

@media (min-width: 767px) and (max-width: 1279px) {
	.navbar-brand-before {
		margin-top: -30px;
	}
}

/* Apple iPhone 5 - 320 × 568 dp */
@media (min-width: 320px) and (max-width: 359px) {
	.navbar-inverse .navbar-brand {
		width: 370px;
		height: 70px;
		background-size: 100%;
	}

	.navbar-brand-before {
		height: 50px;
		width: 130px;
	}
}

/* Google Nexus 5 -360 × 640 dp */
@media (min-width: 360px) and (max-width: 374px) {
	.navbar-inverse .navbar-brand {
		width: 420px;
		height: 80px;
		background-size: 100%;
	}

	.navbar-brand-before {
		height: 50px;
		width: 130px;
	}
}

/* Apple iPhone 6 - 375 × 667 dp */
@media  (max-width: 414px) {
	.navbar-inverse .navbar-brand {
		width: 420px;
		height: 80px;
		background-size: contain;
	}

	.navbar-brand-before {
		height: 50px;
		width: 130px;
	}
}

/* Google Nexus 4 - 384 × 640 dp */
@media (min-width: 384px) and (max-width: 410px) {
	.navbar-inverse .navbar-brand {
		width: 420px;
		height: 80px;
		background-size: contain;
	}

	.navbar-brand-before {
		height: 50px;
		width: 130px;
	}
}

/* Google Nexus 6 - 411 × 731 dp */
@media (min-width: 411px) and (max-width: 413px) {
	.navbar-inverse .navbar-brand {
		width: 420px;
		height: 80px;
		background-size: 100%;
	}

	.navbar-brand-before {
		height: 50px;
		width: 130px;
	}
}

/* Apple iPhone 6 Plus - 414 × 736 dp */
@media (min-width: 414px) and (max-width: 431px) {
	.navbar-inverse .navbar-brand {
		width: 480px;
		height: 90px;
		background-size: 100%;
	}

	.navbar-brand-before {
		height: 50px;
		width: 150px;
	}
}

/* Nokia Lumia 1520 - 432 × 768 dp */
@media (min-width: 432px) and (max-width: 479px) {
	.navbar-inverse .navbar-brand {
		width: 500px;
		height: 90px;
		background-size: 100%;
	}

	.navbar-brand-before {
		height: 50px;
		width: 150px;
	}
}


/* =============== TABLETTE ===============*/

/* Amazon Kindle Fire HD 7 -480 × 800 dp */
@media (min-width: 480px) and (max-width: 599px) {
	.navbar-inverse .navbar-brand {
		width: 560px;
		height: 100px;
		background-size: 100%;
	}

	.navbar-brand-before {
		height: 50px;
		width: 150px;
	}
}

/* Google Nexus 7 - 600 × 960 dp */
@media (min-width: 600px) and (max-width: 719px) {
	.navbar-inverse .navbar-brand {
		width: 710px;
		height: 120px;
		background-size: 100%;
	}

	.navbar-brand-before {
		height: 50px;
		width: 150px;
	}
}

/* Microsoft Surface Pro - 720 × 1280 dp */
@media (min-width: 720px) and (max-width: 767px) {
	.navbar-inverse .navbar-brand {
		width: 710px;
		height: 120px;
		background-size: 100%;
	}

	.navbar-brand-before {
		height: 50px;
		width: 150px;
	}
}

/* Apple iPad Air - 768 × 1024 dp */
@media (min-width: 768px) and (max-width: 799px) {
	.navbar-inverse .navbar-brand {
		width: 710px;
		height: 140px;
		background-size: 100%;
	}
}

/* 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) {}