/* FONTS */
@font-face {
  font-family: "Titillium";
  src:url("ressources/font/titillium-regular-webfont.eot?#iefix") format('embedded-opentype'),url("ressources/font/titillium-regular-webfont.woff") format("woff"),url("ressources/font/titillium-regular-webfont.ttf") format("truetype"),url("ressources/font/titillium-regular-webfont.svg#Titillium") format("svg");
}

@font-face {
  font-family: "Titillium";
  font-weight: bold;
  src:url("ressources/font/titillium-semibold-webfont.eot?#iefix") format('embedded-opentype'),url("ressources/font/titillium-semibold-webfont.woff") format("woff"),url("ressources/font/titillium-semibold-webfont.ttf") format("truetype"),url("ressources/font/titillium-semibold-webfont.svg#Titillium") format("svg");
}

@font-face {
	font-family:"Alegre Sans NC";
	src:url("ressources/font/Al__gre_Sans_Regular_NC.eot?#iefix") format('embedded-opentype'),url("ressources/font/Al__gre_Sans_Regular_NC.woff") format("woff"),url("ressources/font/Al__gre_Sans_Regular_NC.ttf") format("truetype"),url("ressources/font/Al__gre_Sans_Regular_NC.svg#AlgreSansNC") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
  font-family: 'ermes-font-update';
  src: url('ressources/font/ermes-font-update.eot?72776986');
  src: url('ressources/font/ermes-font-update.eot?72776986#iefix') format('embedded-opentype'),
       url('ressources/font/ermes-font-update.woff?72776986') format('woff'),
       url('ressources/font/ermes-font-update.ttf?72776986') format('truetype'),
       url('ressources/font/ermes-font-update.svg?72776986#ermes-font-update') format('svg');
  font-weight: normal;
  font-style: normal;
}


body {
    background-color: #E6E4E5;
}

/* Surchage du x-body d'extJS */
.x-body
{
    font-size: 14px;
    font-family: Titillium;
}

body, td, pre {
	font-size: 14px;
}

body, h2, h3, h4, h5, h6, td, pre, .panel-front > .x-panel-header span {
     font-family: Titillium;
}

h1 {
    font-size: 75px;
    font-family:"Alegre Sans NC";
    text-transform: uppercase;
}

@media (max-width: 767px) {
	h1 {
		font-size: 48px;
	}
}

@media (max-width: 479px) {
	h1 {
		font-size: 28px;
	}
}

.panel-front > .x-panel-header span ,h2 {
	color: #e6727b;
	font-size: 24px;
	font-weight: bold;
}

h3 {
	color: #808080;
	font-size: 21px;
	font-weight: bold;
}

h4 {
	color: #808080;
	font-size: 18px;
	font-weight: bold;
}

p {
	color: #808080;
	font-size: 14px;
}

a {
    color: #5F5B5B;
    text-decoration: none;
}

a:hover, a:focus {
    color: #464646;
}

header {
	background-color: #e6727b;
}

@media (min-width: 768px) {
	header {
		border-top: 10px solid #ad565e;
		margin-bottom: 0;
		padding: 0;
	}
}

.navbar {
    z-index: 1;
}

.navbar-inverse .navbar-toggle {
    background-color: transparent;
	border-color: rgba(0, 0, 0, 0);
}

.navbar-toggle .icon-bar {
    height: 4px;
    width: 25px;
}

.container-header {
     position: relative;
}

.navbar-inverse {
	background-color: transparent;
	border-radius: 0px;
	border-width: 0;
	margin-bottom: 0px;
}

.navbar-inverse .navbar-brand {
     color: #F2F0F1;
     padding: 10px 15px;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-brand {
         padding: 10px 5px;
    }
}

/* BUTTONS */
.btn {
     border-radius: 0px;
}

.btn-default {
	background-color: #ad565e;
    border-color: #ad565e;
    color: #F2F0F1;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	background-color: #9A3D45;
    border-color: #9A3D45;
    color: #F2F0F1;
}

.btn-primary {
	background-color: #BEB6B4;
    border-color: #BEB6B4;
    color: #F2F0F1;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-color: #B4ADAC;
    border-color: #9F9B9A;
    color: #F2F0F1;
}

.btn-info {
	background-color: #72c0e8;
    border-color: #72c0e8;
    color: #F2F0F1;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
	background-color: #6BB3DA;
    border-color: #599CC0;
    color: #F2F0F1;
}

.btn-validation {
	background-color: #F2F0F1;
    border-color: #F2F0F1;
    color: #ad565e;
}

.btn-validation:hover,
.btn-validation:focus,
.btn-validation:active,
.btn-validation.active,
.open .dropdown-toggle.btn-validation {
	background-color: #EEECED;
    border-color: #E6E4E5;
    color: #ad565e;
}

.btn-basket {
    background-color: #e6727b;
    border-color: #e6727b;
    color: #F2F0F1;
}
.btn-basket:hover,
.btn-basket:focus,
.btn-basket:active,
.btn-basket.active,
.btn-basket.disabled,
.btn-basket[disabled] {
    background-color: #DA6A73;
    border-color: #b04f5b;
    color: #F2F0F1;
}

.btn-action {
    background-color: #6BB3A5;
    border-color: #6BB3A5;
    color: #F2F0F1;
}
.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active,
.btn-action.disabled,
.btn-action[disabled] {
    background-color: #67AC9E;
    border-color: #5E9C90;
    color: #F2F0F1;
}

.btn-dark {
    background-color: #8E8888;
    border-color: #8E8888;
    color: #F2F0F1;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.btn-dark.disabled,
.btn-dark[disabled] {
    background-color: #808080;
    border-color: #767476;
    color: #F2F0F1;
}

.btn-group.open .dropdown-toggle, .btn:active, .btn.active {
    box-shadow: none;
}

.btn-default .caret, .btn-account .caret, .btn-basket .caret {
    border-top-color: #F2F0F1;
}

.search-icon-container .btn-primary {
    background-color: #428BCA;
    border-color: #357EBD;
}
@media (max-width:979px) {
    .search-icon-container i, .search-icon-container .btn-dark > i:hover, .search-icon-container .btn-primary > i:hover {
        color: #FFF;
    }
}

/* HEADER */
.navbar-nav {
    margin: 0;
}

#nav_connexe {
    padding: 0 0 10px;
}

#identite_utilisateur {
    color: #F2F0F1;
    font-size: 16px;
    font-style: normal;
}

#langue-btn {
    bottom: 0;
    position: absolute;
    right: 0;
}
@media (max-width: 767px) {
    #langue-btn {
        bottom: -15px;
        padding-right: 5px;
    }
}

#langue-btn, .site-btn {
	color: #5F5B5B;
    text-transform: uppercase;
}

#langue-btn a, .site-btn a {
    margin: 0 5px;
    text-decoration: none;
}

#langue-btn a.active, .site-btn a.active {
	color: #F2F0F1;
	cursor: default;
    text-decoration: none;
}

#ermes_main_menu_mobile {
    background-color: #2c2c2c;
}

@media (min-width: 768px) {
	.button-my-account {
		margin-left: 5px;
		margin-top: 0;
		z-index: 30;
	}
}

.btn-account,
.btn-account:hover,
.btn-account:focus,
.btn-account:active,
.btn-account.active,
.open .dropdown-toggle.btn-account {
	color: #F2F0F1;
}

@media (min-width: 768px) {
	.btn-account {
		background-color: #ad565e;
		padding-top: 4px;
        text-transform: uppercase;
	}
}

.btn-account .glyphicon-user {
    font-size: 20px;
}

.connectBox {
	background-color: #ad565e;
	display: none;
}

.connectBox label {
    font-weight: normal;
}

.connectBox .form-control {
    background-color: #F2F0F1;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    color: #5f5b5b;
    font-size: 16px;
}

.connectBox .form-control:focus {
	border: 0;
	box-shadow: none;
}

@media (min-width: 768px) {
	.connectBox {
		padding-bottom: 10px;
		padding-top: 10px;
		position: absolute;
		top: 0;
		width: 100%;
        z-index: 9;
	}
}

@media (max-width: 767px) {
    #authentification {
        padding-top: 15px;
    }
}

@media (min-width: 768px) {
    #authentification .form-group {
        color: #F2F0F1;
        font-size: 16px;
        margin-right: 10px;
    }
}

.errorAuth {
	margin: 3px 0 0 0;
	color: #F2F0F1;
}

@media (min-width: 768px) {
    .register_user_link, .register_user_link:hover {
	    color: #F2F0F1;
	}
}

#search-panel {
    background-color: #e6727b;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #F2F0F1;
    margin: 0;
    padding: 0 0 15px;
}

@media (max-width: 767px) {
	#search-panel {
		 padding: 0 0 25px;
	}
}

#search-panel > .container {
    position: relative;
}

#search-panel > .panel-body {
     background-color: transparent;
}

.dropdown-menu {
    border-radius: 0;
    box-shadow: none;
	display: none;
    transition: all 2s; 
}

.open > .dropdown-menu {
	opacity: 1;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #ad565e;
	color: #FFFFFF;
}

#globalScenarioMobile {
    background-color: #9A3D45;
	border: 0;
    margin-top: 0;
}

#globalScenarioMobile .active, #globalScenarioMobile .active:hover, #globalScenarioMobile .active:focus {
    background-color: #ad565e;
    color: #F2F0F1;
}

#globalScenarioMobile > li > a {
    color: #F2F0F1;
}

#globalScenarioMobile > li > a:hover, #globalScenarioMobile > li > a:focus {
	background-color: #F2F0F1;
    color: #9A3D45;
}

#scenario-selection, #submit-search {
    height: 50px;
    line-height: 47px;
    padding: 0 12px;
}

#scenario-selection {
    height: inherit;
    font-size: 20px;
    text-transform: uppercase;
}

#scenario-selection .caret {
    border-width: 6px 6px 0;
}

#scenario-selected-label {
    margin-right: 5px;
}

#submit-search {
     font-size: 26px;
}

.form-control, .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#textfield, .tt-hint {
	font-size: 16px;
}

#textfield, .clean-text-field {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0;
    color: #ad565e;
    height: 50px;
}

.clean-text-field {
     font-size: 18px;
}

.clean-text-field:hover {
     color: #9A3D45;
}

.input-group-btn > .btn:hover {
	z-index: 0;
}

#globalAdvancedSearchLink {
    font-size: 15px;
    margin-top: 4px;
    text-decoration: none;
    text-transform: lowercase;
}

/* ADMIN BOX */
#admin-actions, #mobile-actions {
    background-color: #2C2C2C;
    padding: 0;
    width:100%;
    box-shadow:0 4px 12px rgba(0,0,0,0.5);
    -webkit-box-shadow:0 4px 12px rgba(0,0,0,0.5);
    -moz-box-shadow:0 4px 12px rgba(0,0,0,0.5);
    z-index:9998;
}


#admin-actions a {
    color: #F2F0F1;
}

/* MENU */
#menu-panel {
	background-color: #E6E4E5;
	border-bottom: none;
	border-left: none;
	border-radius: 0;
	border-right: none;
	border-top: 15px solid #d1cfd0;
	box-shadow: none;
	margin-bottom: 20px;
}

#menu-panel.open {
    background-color: #2C2C2C;
	border-top: none;
	border-bottom: 15px solid #202221;
    color: #F2F0F1;
    font-size: 18px;
    height: auto;
}

#menu-panel .panel-body {
    background-color: rgba(0, 0, 0, 0);
    margin-top: -15px;
    padding: 0 4px;
}
@media (max-width:767px) {
    #menu-panel .panel-body {
        padding: 0;
    }
}

/* IMAGES */
.img-thumbnail {
	border: 0;
	border-radius: 0;
	padding: 0;
}

img.ermes-thumb {
	background-size: 100%;
}

.panel-selection,
.panel-selection > .panel-heading,
.panel-selection > .panel-body,
.panel-selection > .panel-footer, 
.panel-front,
.panel-front > .panel-heading,
.panel-front > .panel-body,
.panel-front > .panel-footer, 
.panel-layout,
.panel-layout > .panel-heading,
.panel-layout > .panel-body,
.panel-layout > .panel-footer {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
}

.panel-front,
.panel-front > .panel-heading,
.panel-front > .panel-body,
.panel-front > .panel-footer,
.panel-layout,
.panel-layout > .panel-heading,
.panel-layout > .panel-body,
.panel-layout > .panel-footer {
    padding: 0;
}

.panel-layout {
    background:none;
}

.panel-front, .panel-selection {
    background-color: #F2F0F1;
    padding: 30px;
}

.panel-selection {
    padding:10px;
}

/* On hérite de la couleur apposée sur le parent */
.panel-heading,
.panel-body,
.panel-footer {
    background:none;
}

/* Ajustement du style de l'en-tête des encarts Socle dans notre front*/
.panel-front > .x-panel-header {
    box-shadow: none;
    border: none;
    background: none;	
}

/* Pas de marges pour les "encarts" de recherche */
.panel-front.panel-search-container {
    padding:0;
}

/* Une marge sur le titre uniquement pour les "encarts" de recherche */
.panel-front.panel-search-container .panel-heading {
    padding:30px;
}

.panel-layout > .panel-body {
    padding: 10px;
    position: relative;
}

#facet_container > .panel-group {
    margin-bottom: 0;
}

#facet_container .panel-heading {
    padding: 30px 10px 5px 20px;
}

.panel-front {
    margin-bottom: 10px;
}

.searchContainer .panel-layout {
    margin-bottom: 5px;
}

.frame .panel-default {
    background-color: #F2F0F1;
}

.searchForm .panel-body {
    margin-top: 15px
}

.searchForm .addRow {
    cursor: pointer;
}

#portal .panel-body {
    padding-top: 15px;
}

#resultats_recherche .panel-body {
	padding: 15px 0;
}

.panel-primary {
    border-color: #808080;
}

.ajax-loader-big {
    color: #808080;
}

.panel > .panel-heading h2, .panel-title, .panel-front > .x-panel-header {
    text-transform: uppercase;
}

/* CAROUSEL */
.carousel, .carousel .rsOverflow, .carousel .rsSlide {
    background: none repeat scroll 0 0 #F2F0F1;
}

/* SELECTION */
#multi_selection_simple, #multi_selection {
    bottom: 20px;
    right: 20px;
}

#multi_selection_simple .panel, #multi_selection .panel {
	-moz-box-shadow: 15px 15px 0 #d1cfd0;
	-webkit-box-shadow: 15px 15px 0 #d1cfd0;
	box-shadow: 15px 15px 0 #d1cfd0;
}

#multi_selection .panel {
	padding: 15px;
}

.selection_label {
    color: #5f5b5b;
}

#multi_selection_simple .bouton_detail, #multi_selection .bouton_detail {
	color: #e6727b;
}

#multi_selection a.removeItem, #multi_selection button.removeItem {
    color: #e6727b;
}

/* SEARCH */
#resultats > ul > li {
	background-color: #f2f0f1;
	border-bottom: 8px solid #E6E4E5;
	padding: 0;
}

.notice.notice_courte {
	position: relative;
}

#resultats .notice_corps {
    padding: 20px;
}

#resultats .notice_courte .notice_metadata {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

#resultats .select {
	width: 40px;
}

#resultats .select input[type="checkbox"], .ajouter_selection input[type="checkbox"] {
    float: none;
    height: 100%;
    margin: 0 12px;
    position: relative;
    vertical-align: middle;
    width: 16px;
}

.searchContainer p {
	font-size: 14px;
}

.search-icon-container .search-icon-container--icon {
	color: #4b494a;
	font-size: 20px;
	/*margin-left: 10px;*/
	text-decoration: none;
}

.search-icon-container .search-icon-container--icon:hover {
	color: #2C2C2C;
}

button.btn-link-like {
    border: none;
    background-color: inherit;
    padding: 0;
}

.criteres_tri {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.criteres_tri label.label-tri {
    color: #5f5b5b;
    margin: 5px;
    font-size: 14px;
    font-weight: normal;
    display:inline-block;
}

.criteres_tri .site-restriction {
    margin-left: 15px;
}

.change-sort-order {
    background-color: #5f5b5b;
    height: 30px;
    padding: 0;
    width: 30px;
    margin-left: -3px;
}

.change-sort-order .icon-asc, .change-sort-order .icon-desc {
    color: #F2F0F1;
    font-size: 20px;
}
.change-sort-order .icon-asc:before, .change-sort-order .icon-desc:before {
    margin-right:0;
}

.change-sort-order .icon-asc:hover:before {
	content: "\e826";
}

.change-sort-order .icon-desc:hover:before {
	content: "\e81a";
}

#criteres_recherche, .navigation-page, .intro {
    padding: 0 15px 0 30px;
}

.btn-group.pageSize-container button
{
    color: #6BB3A5;
    font-size: 14px;
    font-weight: normal;
    background:none;
    margin-right: 10px;
}

#description_resultats, .taille_page {
    margin-top: 10px;
}
.pageSize-container .icon-arrow-bottom
{
    font-size:24px;
    top: -5px;
    right:-20px;
    position:absolute;
}
.btn-group.pageSize-container.open ul.dropdown-menu
{
    right:0;
    min-width:0;
    width:35px;
    margin: 0;
}
    .btn-group.pageSize-container.open .dropdown-menu > li > a
    {
        color: #6BB3A5;
        padding:0 0 0 5px;
    }
#criteres_recherche p, #description_resultats, .taille_page {
    color: #6BB3A5;
    font-size: 14px;
    font-weight: normal;
}

.additional-infos {
	color: #BEB6B4;
	font-size: 14px;
}

.pagination > li > a, .pagination > li > span {
    background-color: transparent;
    border: none;
	border-bottom: 5px solid #BEB6B4;
    color: #BEB6B4;
	font-size: 16px;
    margin: 0 4px;
}

.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: none;
	border-bottom: 5px solid #6BB3A5;
    color: #6BB3A5;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus, .pagination .suivant, .pagination .precedent {
	background-color: transparent;
	border: none;
	margin: 0;
}

.pagination button.btn-link-like {
    float: left;
    padding: 5px 10px;
    color: #BEB6B4;
}

.pagination > li.disabled > button.btn-link-like {
    cursor: not-allowed;
}

.basket-label.btn-link-like {
    padding-left: 20px;
    width: 100%;
    text-align: left;
}

.pagination button.page_link {
    border-bottom: 5px solid #BEB6B4;
    margin: 0 4px;
    font-size: 16px;
}

.select-all {
    background-color: #5f5b5b;
    width: 40px;
    height: 30px;
}

.criteres_tri .check_all {
    float: right;
    height: 100%;
    margin: 0 12px 0 0;
    width: 16px;
}

.vignette_document .icon-new {
    background-color: #e6727b;
	-moz-box-shadow: -3px -3px 0 #d1cfd0;
	-webkit-box-shadow: -3px -3px 0 #d1cfd0;
    box-shadow: -3px -3px 0 #b04f5b;
	font-size: 20px;
}

.template-title {
	color: #5f5b5b;
	text-transform: uppercase;
}

p.template-info {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.template-resume {
	font-style: normal;
    line-height: 15px;
}

.notice-actions {
	padding: 20px 10px 10px;
}

.notice_avis {
    margin-bottom: 10px;
	margin-top: 0px;
    clear:both;

}

#notice_longue .notice_avis {
	margin-top: 5px;
}

.notice_avis > i {
    color: #5f5b5b;
    font-size: 16px;
    margin-right: -6px;
}

#notice_longue .notice_avis > i.icon-spin {
    font-size: 13px;
    margin-right: 0;
}

.notice_avis .avis {
	display: none;
}

#notice_longue .notice_avis .avis {
	display: block;
}

#notice_longue .metadata-actions li, #document_actions .metadata-actions li, #resultats ul.metadata-actions li {
	padding: 0;
}

ul.metadata-actions > li > a, ul.metadata-actions > li > button, .memoriser > button, .modify-selection {
    padding: 0 0 0 5px;
}

ul.metadata-actions > li.ajouter_selection > a {
    padding: 0;
}

ul.metadata-actions > li > a  > span , ul.metadata-actions > li > button  > span, .memoriser > button > span, .modify-selection > span {
    font-size: 26px;
}

li.ajouter_selection
{
    background-color: #8E8888;
    cursor: pointer;
}

li.ajouter_selection input[type='checkbox']
{
    height: 40px;
    cursor: pointer;
}

.more-actions {
    font-size: 25px;
    margin-top: -15px;
    position: absolute;
    right: 25px;
}

.more-actions-mobile {
    margin-top: 10px;
}

.detail-icon-container .more-actions-mobile a > i {
    font-size: 25px;
}

#notice_longue .memoriser > button, #notice_longue .memoriser > .dropdown-menu, #notice_longue .edit-event-details > a {
    float: right;
}

.memoriser .dropdown-toggle {
    border-top: 1px solid #b04f5b;
    height: 20px;
    padding-left: 0;
}

#notice_longue_description {
    margin-bottom: 15px;
}

/* FACETS */
#facet_container .facetSuggest {
    text-align: center;
}

.facet-controls {
	margin: 15px 5px 5px;
}

.facet-controls > a, .facet-controls > button {
	color: #8E8888;
	text-transform: uppercase;
}

#facet_container .icon-resize-small, #facet_container .icon-resize-full {
    font-size: 24px;
}

.facet-collapse {
    border: 0;
}

.badge {
    background-color: transparent;
    color: #67AC9E;
    padding: 3px 0;
}

/* HOLDINGS */
@media (min-width: 768px) {
	.statut, .statut-disabled, .statut-primaryDoc {
		background-color: #d1cfd0;
	}
}

.indicator {
	color: #4B494A;
}

#detail-holdings [class|="detail-holds"] table, .detail-subscriptions table {
	border-spacing: 0;
}

h3.category_header {
    background-color: #72c0e8;
    color: #F2F0F1;
    margin-bottom: 0;
    padding: 15px;
    text-transform: uppercase;
}

#detail-holdings [class|="detail-holds"] thead th, .detail-subscriptions thead th, #detail-holdings [class|="detail-holds"] thead td, .detail-subscriptions thead td {
    background-color: #3D7A99;
    color: #F2F0F1;
    font-weight: bold;
}

#detail-holdings tr {
	background-color: #FAF8F9;
}
#detail-holdings tr:nth-child(even) { /*(even) or (2n 0)*/
	background-color: #E6E4E5;
}
#detail-holdings tr:nth-child(odd) { /*(odd) or (2n 1)*/
	background-color: #FAF8F9;
}

.panel.panel-holding {
    background-color: #FAF8F9;
    border: 0 none;
}

.holdings-displaymode {
	padding: 20px;
}

.holdings-displaymode a {
    font-weight: bold;
    text-transform: uppercase;
}

#detail-holdings-abstract .view-online {
    padding: 0 10px;
}

/* DETAIL */
.detail-icon-container {
    color: #5f5b5b;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-left: -10px;
    margin-top: -20px;
}

@media (max-width:767px) {
    .detail-icon-container {
        margin-bottom: 15px;
    }
}

.detail-icon-container a  {
	text-decoration: none;
}

.detail-icon-container a > span, .detail-icon-container button > span {
	color: #5f5b5b;
	font-size: 40px;
}

.detail-icon-container > .position {
    vertical-align: super;
}

#resultats_detail .vignette_container {
    margin: 0 40px 0 0;
}

#resultats_detail .vignette_document {
    margin: 0 0 5px 0;
}

#notice_longue_description > p {
	color: #5f5b5b;
    font-size: 16px;
}

#notice_longue_description > p > [class^="icon-"], #notice_longue_description > p >[class*=" icon-"] {
    font-size: 28px;
}

#notice_longue h3 {
	font-size: 18px;
}

#notice_longue h4 {
    font-size: 16px;
}

#notice_longue > .panel > .panel-body {
    padding: 15px 42px 15px 35px;
}

@media (min-width:768px) {
    #notice_longue .metadata-actions {
        position: absolute;
        right: -42px;
        top: -15px;
    }
}

@media (max-width:767px) {
    #notice_longue > .panel > .panel-body {
        padding: 15px 5px;
    }
    #resultats_detail .vignette_container {
        margin: 0 20px 0 0;
    }
    #notice_longue #document_actions {
        margin-top: 10px;
    }
    #notice_longue .metadata-actions > li {
        float: left;
    }
    .panel-front {
        padding: 15px 5px;
    }
}

.nav.nav-tabs {
    margin-top: 25px;
}

.nav-tabs > li {
    background-color: #E6E4E5;
}

.nav-tabs > li > a {
    color: #4B494A;
    font-size: 16px;
    font-weight: bold;
    margin-right: 0;
    padding: 10px 30px;
    text-transform: uppercase;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #BEB6B4;
    border-color: #BEB6B4;
    border-radius: 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #FAF8F9;
    border-color: #FAF8F9;
    border-radius: 0;
    color: #4B494A;
}

.tab-content {
    background-color: #FAF8F9;
    color: #4B494A;
    font-size: 16px;
    padding: 20px;
}

.dl-horizontal dt {
	text-align: left;
}

h2.category_header
{
    color: #e6727b;
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0px 10px;
}

#avis_lecteurs .donner_avis {
    font-size: 16px;
	text-decoration: none;
}

.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
	background-color: transparent;
}

.royalSlider.suggestionNoticeResults {
    background-color: transparent;
    padding-top: 20px;
}

.royalSlider.suggestionNoticeResults .rsSlideContainer {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
}

.rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn {
    background: url("ressources/images/arrow-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn {
    background: url("ressources/images/arrow-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/* REVIEWS */
#avis_lecteurs li {
    background-color: transparent;
	margin: 10px 0 20px;
}

#avis_lecteurs blockquote {
    border: 0;
    padding: 0;
}

#avis_lecteurs blockquote strong {
    color: #5F5B5B;
    font-size: 16px;
    font-weight: bold;
}

#avis_lecteurs blockquote .rating {
    color: #5f5b5b;
    font-size: 18px;
	margin-left: 10px;
}
#avis_lecteurs blockquote .rating > i {
    margin-right: -6px;
}

#avis_lecteurs blockquote p, #avis_lecteurs blockquote small {
    color: #5F5B5B;
}

#display-all-comments {
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

/* ACCOUNT */
#ermes-myaccount .myaccount-menu .menu-item.Profile i:before
{
    content: "\e802";
}

#ermes-myaccount .myaccount-menu .menu-item.Contributions i:before
{
    content: "\e80d";
}

#ermes-myaccount .myaccount-menu .menu-item.Subscriptions i:before
{
    content: "\e836";
}

#ermes-myaccount .myaccount-menu .menu-item.Loans i:before {
    content: "\e81a";
}

#ermes-myaccount .myaccount-menu .menu-item.Messages i:before
{
    content: "\e805";
}

#ermes-myaccount .myaccount-menu .menu-item.Activity i:before
{
    content: "\e839";
}

#ermes-myaccount .myaccount-menu .menu-item.ErmesGP i:before {
    content: "\e84e";
}

#ermes-myaccount .myaccount-menu .menu-item.AgendaRegistrations i:before {
    content: "\e822";
}

#ermes-myaccount .myaccount-menu .menu-item.PnbLoans i:before {
    content: "\e81d";
}

/* FOOTER */
footer [class^="icon-"], footer [class*=" icon-"] {
    color: #F2F0F1;
    font-size: 65px;
    margin-top: -15px;
    position: absolute;
}

footer div.footer-mobile [class^="icon-"], footer.footer-mobile [class*=" icon-"] {
    color: #F2F0F1;
    font-size: 50px;
    position: relative;
}

@media (max-width: 640px) {
	footer div.footer-mobile [class^="icon-"], footer.footer-mobile [class*=" icon-"] {
		font-size: 30px;
	}
}

footer .nav-tabs {
    border-bottom: 0;
}

footer .nav-tabs > li, footer .nav-tabs > li.active, footer .nav-tabs > li:hover {
    background: transparent;
}

footer .nav-tabs > li.active [class^="icon-"] {
    color: #72c0e8;
}

footer .nav-tabs > li.active > a, footer .nav-tabs > li.active > a:hover, footer .nav-tabs > li > a:hover, footer .nav-tabs > li > a:focus, footer .nav-tabs > li.active > a:focus {
    background: transparent;
    border-color: transparent;
}

footer .nav.nav-tabs a {
    padding: 10px 20px;
}
@media (max-width: 500px) {
	footer .nav.nav-tabs a {
		padding: 10px;
	}
}
@media (max-width: 380px) {
	footer .nav.nav-tabs a {
		padding: 6px;
	}
}

footer .tab-content {
    background: transparent;
}

footer h1 {
    color: white;
}

footer p {
    color: #ad565e;
    font-size: 16px;
    line-height: 14px;
}

footer a, footer a:hover, footer a:focus {
    color: #F2F0F1;
}

    footer a:focus {
        outline-color:#F2F0F1;
}

.footer-category {
	min-height: 65px;
}

footer.footer-mobile .footer-category {
	margin-left: 15px;
}

.footer-category:after {
    clear: both;
}

.footer-category:before, .footer-category:after {
    content: " ";
    display: table;
}

.label-ermes {
	color: #F2F0F1;
    font-family: "Alegre Sans NC";
    font-size: 25px;
    text-transform: uppercase;
}

/* #footer {
     background-color: #ad565e;
     bottom: 0px;
     padding: 10px 0px;
     position: absolute;
     width: 100%;
}

#footer ul {
     margin: 0px;
}

#footer a {
     color: #F2F0F1;
     font-size: 16px;
} */

.label-date {
    background-color: transparent;
    border: none;
    display: inline;
}

.sagscroller {
	height:200px;
}

.Ermes-SiteMap h3 {
    margin-bottom: 15px;
}

.icon-off:before,
.icon-cog:before,
.icon-post-open:before,
.icon-post:before,
.icon-bell:before,
.icon-basket:before,
.icon-basket-empty:before,
.icon-search:before,
.icon-editions:before,
.icon-trash:before,
.icon-comment:before,
.icon-time:before,
.icon-pencil:before,
.icon-eye-open:before,
.icon-author:before,
.icon-publisher:before,
.icon-diaries:before,
.icon-map:before,
.icon-new:before,
.icon-game:before,
.icon-tablet:before,
.icon-calendar:before,
.icon-manuscript:before,
.icon-plans:before,
.icon-study:before,
.icon-picture:before,
.icon-ebook:before,
.icon-puzzle:before,
.icon-toy:before,
.icon-art:before,
.icon-web:before,
.icon-magazine:before,
.icon-digitalmagazine:before,
.icon-document:before,
.icon-music:before,
.icon-book:before,
.icon-audiobook:before,
.icon-magnet:before,
.icon-user:before,
.icon-exposition:before,
.icon-application:before,
.icon-cinema:before,
.icon-listen:before,
.icon-chevron-right:before,
.icon-chevron-left:before,
.icon-check:before,
.icon-capture:before,
.icon-unfold:before,
.icon-fold:before,
.icon-link:before,
.icon-return:before,
.icon-minus:before,
.icon-plus:before,
.icon-remove:before,
.icon-asterisk:before,
.icon-list:before,
.icon-info:before,
.icon-rss:before,
.icon-site:before,
.icon-acrobat:before,
.icon-resize-small:before,
.icon-resize-full:before,
.icon-star:before,
.icon-star-empty:before,
.icon-spread:before,
.icon-menu:before,
.icon-spin:before,
.icon-subscriptions:before,
.icon-folder-close:before,
.icon-registrations:before,
.icon-exit:before,
.icon-export:before,
.icon-download:before,
.icon-megaphone:before,
.icon-fascicle:before,
.icon-arrow-bottom:before,
.icon-arrow-right:before,
.icon-desc:before,
.icon-asc:before,
.icon-lock:before,
.icon-unlock:before,
.icon-compass:before,
.icon-share-squared:before,
.icon-share:before,
.icon-export-1:before,
.icon-facebook:before,
.icon-twitter:before,
.icon-tumblr:before,
.icon-gplus:before,
.icon-pinterest:before,
#ermes-myaccount .myaccount-menu .menu-item:not(.Loans) i:before {
  font-family: "ermes-font-update";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
}

.icon-off:before { content: '\e800'; } /* '?' */
.icon-arrow-bottom:before { content: '\e801'; } /* '?' */
.icon-user:before { content: '\e802'; } /* '?' */
.icon-post-open:before { content: '\e803'; } /* '?' */
.icon-bell:before { content: '\e804'; } /* '?' */
.icon-post:before { content: '\e805'; } /* '?' */
.icon-basket:before { content: '\e806'; } /* '?' */
.icon-basket-empty:before { content: '\e807'; } /* '?' */
.icon-search:before { content: '\e808'; } /* '?' */
.icon-editions:before { content: '\e809'; } /* '?' */
.icon-trash:before { content: '\e80a'; } /* '?' */
.icon-comment:before { content: '\e80b'; } /* '?' */
.icon-time:before { content: '\e80c'; } /* '?' */
.icon-pencil:before { content: '\e80d'; } /* '?' */
.icon-author:before { content: '\e80e'; } /* '?' */
.icon-eye-open:before { content: '\e80f'; } /* '?' */
.icon-publisher:before { content: '\e810'; } /* '?' */
.icon-diaries:before { content: '\e811'; } /* '?' */
.icon-map:before { content: '\e812'; } /* '?' */
.icon-new:before { content: '\e813'; } /* '?' */
.icon-lock:before { content: '\e814'; } /* '?' */
.icon-document:before { content: '\e815'; } /* '?' */
.icon-digitalmagazine:before { content: '\e816'; } /* '?' */
.icon-magazine:before { content: '\e817'; } /* '?' */
.icon-web:before { content: '\e818'; } /* '?' */
.icon-unlock:before { content: '\e819'; } /* '?' */
.icon-asc:before { content: '\e81a'; } /* '?' */
.icon-toy:before { content: '\e81b'; } /* '?' */
.icon-puzzle:before { content: '\e81c'; } /* '?' */
.icon-ebook:before { content: '\e81d'; } /* '?' */
.icon-picture:before { content: '\e81e'; } /* '?' */
.icon-study:before { content: '\e81f'; } /* '?' */
.icon-plans:before { content: '\e820'; } /* '?' */
.icon-manuscript:before { content: '\e821'; } /* '?' */
.icon-calendar:before { content: '\e822'; } /* '?' */
.icon-tablet:before { content: '\e823'; } /* '?' */
.icon-game:before { content: '\e824'; } /* '?' */
.icon-resize-small:before { content: '\e825'; } /* '?' */
.icon-desc:before { content: '\e826'; } /* '?' */
.icon-music:before { content: '\e827'; } /* '?' */
.icon-star:before { content: '\e828'; } /* '?' */
.icon-cog:before { content: '\e829'; } /* '?' */
.icon-link:before { content: '\e82a'; } /* '?' */
.icon-unfold:before { content: '\e82b'; } /* '?' */
.icon-capture:before { content: '\e82c'; } /* '?' */
.icon-resize-full:before { content: '\e82d'; } /* '?' */
.icon-star-empty:before { content: '\e82e'; } /* '?' */
.icon-book:before { content: '\e82f'; } /* '?' */
.icon-compass:before { content: '\e830'; } /* '?' */
.icon-megaphone:before { content: '\e831'; } /* '?' */
.icon-download:before { content: '\e832'; } /* '?' */
.icon-export:before { content: '\e833'; } /* '?' */
.icon-exit:before { content: '\e834'; } /* '?' */
.icon-folder-close:before { content: '\e835'; } /* '?' */
.icon-subscriptions:before { content: '\e836'; } /* '?' */
.icon-spin:before { content: '\e837'; } /* '?' */
.icon-menu:before { content: '\e838'; } /* '?' */
.icon-spread:before { content: '\e839'; } /* '?' */
.icon-share-squared:before { content: '\e83a'; } /* '?' */
.icon-fold:before { content: '\e83b'; } /* '?' */
.icon-share:before { content: '\e83c'; } /* '?' */
.icon-export-1:before { content: '\e83d'; } /* '?' */
.icon-audiobook:before { content: '\e83e'; } /* '?' */
.icon-facebook:before { content: '\e83f'; } /* '?' */
.icon-tumblr:before { content: '\e840'; } /* '?' */
.icon-twitter:before { content: '\e841'; } /* '?' */
.icon-magnet:before { content: '\e842'; } /* '?' */
.icon-minus:before { content: '\e843'; } /* '?' */
.icon-return:before { content: '\e844'; } /* '?' */
.icon-gplus:before { content: '\e845'; } /* '?' */
.icon-plus:before { content: '\e846'; } /* '?' */
.icon-remove:before { content: '\e847'; } /* '?' */
.icon-fascicle:before { content: '\e848'; } /* '?' */
.icon-pinterest:before { content: '\e849'; } /* '?' */
.icon-asterisk:before { content: '\e84a'; } /* '?' */
.icon-list:before { content: '\e84b'; } /* '?' */
.icon-exposition:before { content: '\e84c'; } /* '?' */
.icon-registrations:before { content: '\e84e'; } /* '?' */
.icon-info:before { content: '\e84f'; } /* '?' */
.icon-application:before { content: '\e850'; } /* '?' */
.icon-cinema:before { content: '\e851'; } /* '?' */
.icon-rss:before { content: '\e852'; } /* '?' */
.icon-site:before { content: '\e853'; } /* '?' */
.icon-listen:before { content: '\e854'; } /* '?' */
.icon-art:before { content: '\e855'; } /* '?' */
.icon-chevron-left:before { content: '\e856'; } /* '?' */
.icon-acrobat:before { content: '\e859'; } /* '?' */
.icon-chevron-right:before { content: '\e85a'; } /* '?' */
.icon-check:before { content: '\e85b'; } /* '?' */

/*********** Normal & Rich Menu ************/
#ermes_main_menu {
	width: 100%;
}

#ermes_main_menu li.LEVEL1:first-child {
    margin-left:0px;
}

@media (min-width:768px) {
    /*** Normal menu desktop ***/
	#ermes_main_menu li.LEVEL1 {
        background-color: #6BB3A5;
        border-top: 7px solid #50867C;
        font-size: 18px;
		margin-left: 2%;
		margin-right: 2%;
		text-align: center;
        text-transform: uppercase;
		width: 16%;
	}
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, #ermes_main_menu li.LEVEL1 a:hover {
        background-color: #50867C;
    }
    #ermes_main_menu li.LEVEL1 > a {
        color: #F2F0F1;
    }
	#ermes_main_menu li.LEVEL1 > a {
		padding: 10px 5px 13px;
	}
    #ermes_main_menu li.LEVEL1 .caret, #ermes_main_menu li.LEVEL1 a:hover .caret {
        border-bottom-color: #FFFFFF;
        border-top-color: #FFFFFF;
    }
    #ermes_main_menu .dropdown-menu {
        min-width: 100%;
    }

    /*** Rich menu desktop ***/
    /* First level */
    #nav-rich-menu {
	    display: inline;
	    float: left;
	    position: relative;
	    z-index: 20;
	    width: 100%;
    }
    #nav-rich-menu li {
	    display: block;
	    font-size: 24px;
	    padding: 0;
	    float: left;
	    color: #fff;
	    background : #67ac9e;
	    margin: 0 2% 0 0;
	    text-align: center;
	    width: 16%;
    }
    #nav-rich-menu li a {
	    padding : 10px 5px 13px;
	    display : block;
	    color: #fff;
	    text-transform : uppercase;
    }
    #nav-rich-menu li:hover a {
	    background: #50867C;
    }
    #nav-rich-menu a:hover {
	    background: #50867C;
	    text-decoration: none;
    }

    #nav-rich-menu:before, #nav-rich-menu:after {
        content: " ";
        display: table;
    }
    /* Second level */
    #nav-rich-menu .dropdown {
	    position: absolute;
	    left: -9999px;
	    background: #50867C;
	    padding: 10px;
        width: 100%;
    }
    #nav-rich-menu  li:hover .dropdown {
	    left: 0;
    }
    #nav-rich-menu  li .dropdown_container a {
	    background: #67ac9e;
	    margin: 10px;
	    padding: 0;
	    text-transform: none;
    }

    #nav-rich-menu  .dropdown_container a:hover {
	    background: #e6727b;
    }

    /* Illustration & Content */
    #nav-rich-menu  .illustration {
	    float : left;
	    max-height : 120px;
	    width : 120px;
	    margin: 10px;
	    overflow : hidden;
    }
    #nav-rich-menu  .title_menu h4, .title_menu p {
	    color: #fff;
    }
    #nav-rich-menu  .title_menu h4 {
	    padding: 10px 10px 0;
    }
    #nav-rich-menu  .title_menu p {
	    font-size: 14px;
	    margin: 0;
	    padding: 10px;
    }
    #nav-rich-menu  .title_menu a {
	    color: #fff;
    }
}
@media (max-width: 767px) {
    /*** Normal & Rich menu mobile ***/
    #nav-rich-menu, #ermes_main_menu {
        background-color: #d1cfd0;
    }
    #nav-rich-menu > li > a, #ermes_main_menu > li.LEVEL1 > a {
        display: block;
        padding: 10px 15px;
        position: relative;
    }
    #nav-rich-menu > li:hover, #nav-rich-menu > li:focus, #ermes_main_menu > li.LEVEL1:hover, #ermes_main_menu > li.LEVEL1:focus {
        background-color: #EEEEEE;
        text-decoration: none;
    }
	#nav-rich-menu  .title_menu h4 {
		font-size: 12px;
	}
	#nav-rich-menu  .dropdown {
		padding: 5px;
	}
    #nav-rich-menu .dropdown_container {
        margin-top: -20px;
    }
	#nav-rich-menu  .dropdown_container a {
		margin: 5px;
    }
    #ermes_main_menu li.LEVEL1 .caret, #ermes_main_menu li.LEVEL1 a:hover .caret {
        border-bottom-color: #5F5B5B;
        border-top-color: #5F5B5B;
    }
}
.navbar-collapse.in {
    overflow-y: visible;
}
.navbar-collapse {
	max-height: 100%;
}

/* Probleme de z-index avec le rich menu FS1501  et correction de taille*/
.rsDefaultInv .rsBullets
{
    z-index: 2;
}
.rsDefaultInv .rsBullet
{
    padding: 3px;
}
/***************/
/* Surchage des valeurs du CF (bootstrap-theme) pour nos icon fontelo */
[class^="icon-"], [class*=" icon-"]
{
    font-family:inherit;
    font-weight:inherit;
    line-height: inherit;
}
/********** Menu Mobile Actions **********/
#mobile-actions
{
    text-align:right;   
}

@media (max-width:767px)
{
    #menu-panel, .connectBox
    {
        position: absolute;
        z-index: 500;
        border: none;
        width: 100%;
    }
    #menu-panel {
        top:47px;
        
    }
    #menu-panel .navbar-collapse
    {
            box-shadow:none;
    }
    .connectBox {
        top:40px;
        background:#2c2c2c;
    }
}
#mobile-actions .btn-lg
{
    padding-right:0px;
    padding-left:0px;
}
.social-network-mobile .dropdown-menu
{
    min-width:0px;
}

.social-network-mobile .dropdown-menu > li > a
{
    padding:0px;    
}
    .social-network-mobile .dropdown-menu > li
    {
    }
/****menu mobile hamburger**/
.hamburger-mobile .navbar-toggle
{
    margin-top:0px;
    margin-bottom:0px;
    padding-right:0px;
    padding-left:0px;
}
.hamburger-mobile .icon-bar
{
    background-color:white;
}

#mobile-actions .my-account-mobile a
{
    line-height:1;
}

/***********************************************************************/
/** Icone de partage ***/
div.social-network ul li a
{
    height: 32px;
    margin: 2px;
    width: 32px;
    text-align: center;
    color: white;
    display: block;
}
div.social-network ul li a span:not(.sr-only)
{
    position: relative;
    top: 20%;
}
div.social-network ul li a.twitter
{
    background-color: #00C4FC;
}
div.social-network ul li a.facebook
{
    background-color: #3350ae;
}
div.social-network ul li a.gplus
{
    background-color: #d83d2d;
}
div.social-network ul li a.tumblr
{
    background-color: #3d658b;
}
div.social-network ul li a.pinterest
{
    background-color: #df2828;
}

/***********************/
/** Affichage des icones Social Netwoking sur la partie gauche du site **/
.lang-dropdown-mobile
{
    top: 5px;
    position: relative;
}
#dropChangeCulture
{
    color:white;
}
#share_social
{
     position: fixed;
     left: 0px;
     right: auto;
     top: 40%;
}
    #share_social ul li a:hover
    {
        color:black;
    }
/************************************************************************/

/*************************************************************************/
/** Bandeau CNIL */
#cnil_banner {
    background-color:#ee9;
    width:100%;
    color:#555;
}

#cnil_banner .cnil_message {
    padding:5px;
    text-align:center;
}

#cnil_banner .cnil_message a {
    text-decoration:underline;
    font-weight:bolder;
}

#cnil_banner .cnil_button {
    padding:8px;
    background-color:#e0e080;
    text-align:center;
}

/* FS#2548 Affichage des toolip a la connexion d'aide sous ie*/
div.ie-forever {
    display:none;
      max-height: 15px;
  overflow: hidden;
  position: absolute;
  bottom: -15px;
  padding: 0 3px 0 10px;
  font-size: 11px;
  color: white;
  background: #aaa;
}
@media \0screen {
        #carte:focus ~ div.ie-forever, #code:focus ~ div.ie-forever
    {
        display: block;
    }
}
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    #carte:focus ~ div.ie-forever, #code:focus ~ div.ie-forever
    {
        display: block;
    }
}