@charset "utf-8";
/* CSS Document */
/* Desactived @import url(../ermes-standard/style.css); */
/* Desactived @import url(../ermes-standard/modeles.css); */
/* Report @import url(../standard/portal/front/style.css); */
/* Report @import url(../syracuse/syracuse.css); */
/* Report @import url(lecteurAudio.css); */




/************Fonts**************/
@font-face {
	font-family: 'VAGRoundedStd-Bold';
	src: url('fonts/VAGRoundedStd-Bold.eot');
	src: local('☺'), url('fonts/VAGRoundedStd-Bold.woff') format('woff'), url('fonts/VAGRoundedStd-Bold.ttf') format('truetype'), url('fonts/VAGRoundedStd-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_VAGRoundedStd-Light';
	src: url('fonts/VAGRoundedStd-Light.eot');
	src: local('☺'), url('fonts/VAGRoundedStd-Light.woff') format('woff'), url('fonts/VAGRoundedStd-Light.ttf') format('truetype'), url('fonts/VAGRoundedStd-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/**************************/
body {
	background: #ECE3E4 url('images/header.jpg') no-repeat center top
}
header {
	background: #FFFFFF
}
#search-panel {
	background: transparent url('images/search_panel.png') no-repeat center center
}
#menu-panel {
	border-top: 15px solid #ffffff;
	margin-top: 5px;
	background: none
}
.connectBox {
	background: #CC005C
}
#ariane {
	color: #89687c
}
#globalAdvancedSearchLink {
	color: #89687c
}
#search-panel #textfield, #search-panel .clean-text-field {
	border: 1px solid #907478
}
#search-panel .clean-text-field {
	border-left: none
}
#globalScenarioMobile {
	background: #907478;
}
#globalScenarioMobile .active, #globalScenarioMobile .active:hover, #globalScenarioMobile .active:focus {
	background: #6e585b;
	
}
#globalScenarioMobile > li > a {
}
#textfield, .clean-text-field {
	color: #907478
}
#globalScenarioMobile > li > a:hover, #globalScenarioMobile > li > a:focus {
	color: #907478;
	background-color: #F2F0F1;
}
.tt-suggestion.tt-cursor {
	background: #907478
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu > .active > a:focus {
	background: #CC005C
}
#langue-btn a {
	color: #fff
}
/*****************Logo*****************/
.navbar>.container .navbar-brand {
	background: url('images/logo.png') no-repeat center center;
	width: 525px;
	height: 110px
}
.navbar>.container .navbar-brand h1 {
	display: none
}
/*****************Button*****************/

/*********Validation***********/
.btn-validation {
	background-color: #3f3e41;
	border-color: #3f3e41;
	color: #fff;
}
.btn-validation:hover, .btn-validation:focus, .btn-validation:active, .btn-validation.active, .open .dropdown-toggle.btn-validation {
	color: #fff
}
/*********Validation***********/
.connectBox .btn-validation {
	background-color: #f94983;
	border-color: #f94983;
	color: #fff;
}
.connectBox .btn-validation:hover, .connectBox .btn-validation:focus, .connectBox .btn-validation:active, .connectBox .btn-validation.active, .connectBox .open .dropdown-toggle.btn-validation {
	background-color: #ee3578;
	border-color: #ee3578;
	color: #fff
}
/*********Default***********/
.btn-default {
	background-color: #907478;
	border-color: #907478;
	color: #fff
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	background-color: #6E585B;
	border-color: #6E585B;
	color: #fff
}
/*********Action***********/
.btn-action {
	background-color: #8E8888;
	border-color: #8E8888;
	color: #fff;
}
.btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action.active, .btn-action.disabled, .btn-action[disabled] {
	background-color: #656668;
	border-color: #656668;
	color: #fff;
}
/*********Info***********/
.btn-info {
	background-color: #bdcd00;
	border-color: #bdcd00;
	color: #fff;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-color: #d4dc25;
	border-color: #d4dc25;
	color: #fff;
}
/*********Basket***********/
.btn-basket {
	background-color: #3f3e41;
	border-color: #3f3e41;
	color: #fff;
}
.btn-basket:hover, .btn-basket:focus, .btn-basket:active, .btn-basket.active, .btn-basket.disabled, .btn-basket[disabled] {
	background-color: #5a5459;
	border-color: #5a5459;
	color: #fff;
}
.memoriser .dropdown-toggle {
	border-top: 1px solid #87888a
}
/*********Dark***********/
.btn-dark {
	background-color: #009ee0;
	border-color: #009ee0;
	color: #fff;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.disabled, .btn-dark[disabled] {
	background-color: #52aff6;
	border-color: #52aff6;
	color: #fff;
}
/*********Primary***********/
.btn-primary {
	background-color: #ad448d;
	border-color: #ad448d;
	color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #ca57a4;
	border-color: #ca57a4;
	color: #fff;
}
/*****************/
/*****************Content*****************/
.panel-front, .panel-selection {
	background: #fff
}
.panel-front > .x-panel-header span, h2 {
	color: #e40078;
	font-family: 'VAGRoundedStd-Bold';
	font-weight: normal
}
/*****************/
.badge {
	color: #e40078 !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: transparent;
	border-bottom: 5px solid #e40078;
	color: #e40078;
}
#criteres_recherche p, #description_resultats, .taille_page {
	color: #e40078;
}
.criteres_tri .site-restriction label.label-tri {
	color: #fff
}
.facet-controls > a {
	background: #e40078;
	color: #fff;
	padding: 2px 2px 3px 11px;
	margin: 0 0 0 10px;
}
.facet-controls > a:hover {
	background: #fe3f8f
}
h3 {
	color: #6e585b
}
.label-facet .btn {
	color: #6e585b;
	background: none;
	border: none;
	font-size: 18px;
	opacity: 1;
	font-weight: bold;
}
#criteres_recherche p {
	line-height: 29px
}
h2.category_header, #identite_utilisateur, .myaccount-activity .myaccount-welcome .user-name a {
	color: #e40078
}
.myaccount-activity .activity-feed ul li.PlaceReservation .action, .myaccount-activity .activity-feed ul li.RenewLoan .action, .myaccount-activity .activity-feed ul li.PlaceProvision .action, .myaccount-activity .activity-feed ul li.SubscribeToEvent .action {
	color: #e40078
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	background: #e40078
}
.bs-bullets .rsNavSelected button {
	background: #e40078;
	border-color: #e40078;
	border-radius: 0
}
.bs-bullets button, .bs-bullets button:focus, .bs-bullets button:active, .bs-bullets button:hover {
	background: #fff;
	border-color: #e40078;
	border-radius: 0
}
.search-icon-container.mobile .btn.precedent, .search-icon-container.mobile .btn.suivant {
	background: #009EE0
}
.search-icon-container.mobile > .btn-group, .search-icon-container.mobile .btn {
	background: #E40078
}
/**************/
.frame-no-title .panel-front, .panel-selection { padding: 10px 30px}
.frame-no-title  .panel-body { padding-top: 0 !important}


/************/
.list_capi li  { display: block; margin: 3px 0  }
.list_capi li a  { display: block; background: transparent url('images/petite puce bleu.png') no-repeat left 4px; padding: 0 0 0 27px; color: #00AAD3 }
/*****************footer*****************/ 
footer {
	background: #907478;
	color: #fff;
	border-top: 9px solid #ca005d
}
footer .container {
	background: transparent url('images/logo_footer.png') no-repeat right 53px;
	padding: 20px 30px;
}
footer a, footer a:hover, footer a:focus, footer [class^="icon-"], footer [class*=" icon-"], footer .container ul li, .label-ermes {
	color: #fff
}

/******************Responsive devices*******************/

/* Full HD · width: 1920px */
@media (min-width: 1920px) {
}

/* Kindle landscape · width: 1024px */
/* iPad landscape · width: 1024px */


@media (min-width: 1024px) {
}

@media (max-width: 1024px) {
.navbar>.container .navbar-brand {
	background: url('images/logo_768.png') no-repeat center center;
	width: 370px;
	height: 124px
}
}

@media (min-width: 992px) {
}

@media (max-width: 800px) {
}

@media (max-width: 768px) {
.navbar>.container .navbar-brand {
	margin: 0
}
}

/* iPad portrait  width: 768px */
@media (min-width: 768px) {
header {
	border-top: 10px solid #CC005C;
}
#ermes_main_menu li.LEVEL1 > a {
	font-weight: normal;
	font-family: 'Conv_VAGRoundedStd-Light';
}
#search-panel {
	padding: 0 60px
}
#search-panel .panel-body {
	position: absolute;
	right: 0;
	width: 49%;
	top: -164px;
	z-index: 1
}
#search-panel {
	padding: 60px 0
}
#ermes_main_menu li.LEVEL1 {
	background: #6e585b;
	border-top: none
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, #ermes_main_menu li.LEVEL1 a:hover {
	background: #907478
}
#ermes_main_menu .dropdown-menu {
	background: #907478
}
#ermes_main_menu .dropdown-menu li a {
	color: #fff;
	font-family: 'Conv_VAGRoundedStd-Light';
}
#ermes_main_menu .dropdown-menu li a:hover {
	background: #6E585B;
	color: #fff
}
/***************/
.btn-account {
	background: #CC005C;
	border: 1px solid #CC005C;
	font-family: 'VAGRoundedStd-Bold';
	font-size: 20px
}
.btn-account:hover, .btn-account:focus, .btn-account:active, .btn-account.active, .open .dropdown-toggle.btn-account {
	background: #CC005C;
	border: 1px solid #CC005C
}
}

@media (max-width: 767px) {
#ermes_main_menu .dropdown-toggle {
	background-image: url('images/arrow.png');
	background-position: right center;
	background-repeat: no-repeat
}
}

/* iPhone 6 Plump landscape · width: 736px */
@media (max-width: 736px) {
#scenario-selection, #submit-search {
	background: #E40078;
	border: 1px solid #E40078
}
#ariane {
	color: #fff
}
.navbar>.container .navbar-brand {
	width: 100%
}
#search-panel #textfield, #search-panel .clean-text-field {
	border: 1px solid #E40078
}
#search-panel .clean-text-field {
	border-left: none
}
#menu-panel {
	border: none;
	margin-top: 0
}
}

/* Kindle portrait · width: 600px */
/* Android (Nexus 4) landscape · width: 600px */

@media (max-width: 600px) {
}

/* iPhone 5 Retina regardless of IOS version */
/* iPhone 5 landscape · width: 568px */

@media (max-width: 568px) {
}

/*iPhone 3+4 landscape · width: 480px*/

@media (max-width: 480px) {


/*iPhone 6 Plump portrait · width: 414px*/
@media (max-width: 414px) {
}
/*Android (Nexus 4) portrait · width: 384px*/


@media (max-width: 384px) {
.navbar>.container .navbar-brand {
background: url('images/logo_350.png') no-repeat center center;
width: 100%;
height: 90px
}
}


/*iPhone 6 portrait · width: 375px*/

@media (max-width: 375px) {
}


/*Crappy Android landscape · width: 320px*/
/*iPhone 5 portrait · width: 320px*/
/*iPhone 3+4 portrait · width: 320px*/

@media (max-width: 320px) {
.navbar>.container .navbar-brand {
background: url('images/logo_320.png') no-repeat center center;
width: 100%;
height: 90px
}
}

/*Crappy Android portrait · width: 240px*/

@media (max-width: 240px) {
 .navbar>.container .navbar-brand {
background: url('images/logo_240.png') no-repeat center center;
width: 100%;
height: 60px
}
}
