/* CG97M 2025 */

/* INCLUSIONS CSS SYRACUSE */

/* Report @import url(../standard/portal/front/modeles.css); */
/* Report @import url(../standard/portal/front/style.css); */
/* Report @import url(../syracuse/syracuse.css); */


/* PMD#nav-rich-menu li:nth-child(1) .dropdown {
   left: 0  !important;
}*/

/* .dropdown-menu.LEVEL1,
.dropdown-menu.LEVEL2,
.dropdown-menu.LEVEL3 {
	display: block !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
} */


.all-link-connexe .btn-default,
.all-link-connexe .btn-default:hover,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
#ermes_main_menu li.LEVEL1,
#ermes_main_menu li.LEVEL1:hover a,
#ermes_main_menu li.LEVEL1 > a,
#ermes_main_menu li.LEVEL1 a:hover,
#nav-rich-menu li a,
#nav-rich-menu li:hover a,
#nav-rich-menu a:hover {
		transition: background 0.35s;
}


#preselect-facets-link {
	display: none !important;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	background-color: #2c86a8;
	border-color: #2c86a8;
	color: #fff;
	transition: background 0.35s;
}
.btn-default {
	background-color: #3ba9d2;
	border-color: #3ba9d2;
	color: #fff;
	font-size: 16px;
	transition: background 0.35s;
}



@media (max-width: 767px)  {
	#criteres_recherche, .navigation-page, .intro {
    padding: 20px 15px 0 0 !important;
}
	.frame-no-title .icon-resize-small.pull-right {
		float: none !important;
	}
	.frame-no-title .panel-heading  {
		text-align: right;;
	}
}
/* @media (min-width: 768px) {
	header {
		margin-bottom: 50px;
	}
} */
.header-banner-menu {
    max-width: 1100px;
	width: 100%;
	padding-left: 4px;
}
.site-btn {
	display: none;
}

.menu-bdp .btn-default {
    background-color: #fff;
    border-color: #fff;
	color: #00726f;
}
header h1 {
	color: #000;
	font-family: Titillium;
	font-weight: bold;
	/* font-size: 46px; */
	font-size: 42px;
	color: #3ba9d2;
}
header h1 span span {
	color: #0173be;
}
.home span {
	display: none;
}
.home i {
	display: block;	
}



/*______________ Glyphicons ______________*/

/* .icon-home:before,
.icon-heart:before,
.icon-heart-empty:before,
.icon-circle:before,
.icon-circle-empty:before,
.icon-circle-thin: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-home::before { 
	font-family: "ermes-font-addon";
	content: '\a042'; 
} 
.icon-heart::before { content: '\E85D'; } 
.icon-heart-empty::before { content: '\E85E'; } 
.icon-circle::before { content: '\E84D'; } 
.icon-circle-empty::before { content: '\E858'; } 
.icon-circle-thin::before { content: '\E85C'; } 


.glyphicons {
	text-align: center;
	overflow: hidden;
	margin-bottom: 10px;
}
.glyphicons li {
	position: relative;
	display: inline-block;
	float: left;
	margin: 0 0 1% 1%;
    width: 11.625%;
	height: 100px;
}
.glyphicons  li:first-child, .glyphicons  li:nth-child(9), li:nth-child(16)  { margin-left: 0}
.glyphicons a {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	background: #00726f;
	text-transform: uppercase; 
	font-size: 16px
}
.glyphicons a:hover {
	background: #2c86a8;
	text-decoration: none;
}
.glyphicons a:before {
	position: absolute;
	top: 5px;
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 45px;
	font-weight: normal;
}
.glyphicons span {
	position: absolute;
	bottom: 5px;
	left: 0;
	display: inline-block;
	width: 100%;
	text-transform: uppercase; font-size: 16px;
	
	text-align: center;
} */



/* @font-face {
    font-family: 'nexa_boldregular';
    src: url('fonts/nexa_bold-webfont.eot');
    src: url('fonts/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa_bold-webfont.woff2') format('woff2'),
         url('fonts/nexa_bold-webfont.woff') format('woff'),
         url('fonts/nexa_bold-webfont.ttf') format('truetype'),
         url('fonts/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nexa_lightregular';
    src: url('fonts/nexa_light-webfont.eot');
    src: url('fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa_light-webfont.woff2') format('woff2'),
         url('fonts/nexa_light-webfont.woff') format('woff'),
         url('fonts/nexa_light-webfont.ttf') format('truetype'),
         url('fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'open_sansbold';
	src: url('fonts/opensans-bold-webfont.eot');
	src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/opensans-bold-webfont.woff2') format('woff2'),  url('fonts/opensans-bold-webfont.woff') format('woff'),  url('fonts/opensans-bold-webfont.ttf') format('truetype'),  url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansregular';
	src: url('fonts/opensans-regular-webfont.eot');
	src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/opensans-regular-webfont.woff2') format('woff2'),  url('fonts/opensans-regular-webfont.woff') format('woff'),  url('fonts/opensans-regular-webfont.ttf') format('truetype'),  url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
} */

@font-face {
  font-family: 'ermes-font-update';
  src: url('fonts/ermes-font-update.eot?91973365');
  src: url('fonts/ermes-font-update.eot?91973365#iefix') format('embedded-opentype'),
       url('fonts/ermes-font-update.woff?91973365') format('woff'),
       url('fonts/ermes-font-update.ttf?91973365') format('truetype'),
       url('fonts/ermes-font-update.svg?91973365#ermes-font-update') format('svg');
  font-weight: normal;
  font-style: normal;
}

/**********************************/
/*************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;
}
.x-webkit *:focus, *:focus {
	outline: 0 !important;
}
button:focus, .btn:focus {
	outline: 0 !important;
}
ul.notes-echelle.js li.note-focus {
	outline: 0 !important;
}
.rsDefaultInv .rsArrow:hover, .rsDefaultInv .rsArrow:focus {
	outline: 0;
	border: none
}
/***************/
body {
	background: #fff;
	color: #000;
	
}


h3 {
	color: #000;
	font-size: 22px;
	font-weight: normal;
	line-height: normal;
	
}
h5, .h5 {
    font-size: 16px;
}
a {
	color: #000
}
p {
	color: #000;
	/* font-size: 14px; */
	font-size: 16px;
}
/***********Header***********/
header {
	background: none
}

/*****************Menu*****************/
#search-panel {
	background: transparent;
}
#menu-panel .panel-body {
	margin: 0 auto
}
/*****************Logo*****************/
.navbar-header {
}
.navbar-inverse {
}
.navbar-header-before {
	width: 205px;
	height: 109px;
	background: transparent url('images/logo_cg.png') no-repeat center center;
	float: left;
	display: inline-block;
	margin-top: 20px;
	
}
/* .navbar-brand {
	width: 631px;
	height: 45px;
	background: transparent url('images/logo.png') no-repeat left center;
	background-size: 75%
} */
/* .navbar-brand h1 {
	display: none
} */
.navbar-header-after {
}
#share_social {
	z-index: 9999
}
/*****************Search*****************/
.container-header {
	background: transparent;
}
#search-panel .panel-body {
	z-index: 21;
}
#search-panel > .container {
	background: transparent;
}
#search-panel {
	background: transparent;
	padding: 0
}
#globalScenarioMobile {
	background: #3ba9d2;
	color: #fff
}
#globalScenarioMobile > li > a {
	color: #fff;
}
#globalScenarioMobile .active, #globalScenarioMobile .active:hover, #globalScenarioMobile .active:focus {
	background: #2c86a8;
	color: #fff;
}
#globalScenarioMobile > li > a:hover, #globalScenarioMobile > li > a:focus {
	color: #fff;
	background: #2c86a8
}
#globalAdvancedSearchLink {
	font-size: 14px;
	color: #3ba9d2;
	
	
}
#globalAdvancedSearchLink:hover {
	text-decoration: underline
}
.tt-suggestion.tt-cursor {
	background: #2c86a8;
}
#textfield, .clean-text-field {
	color: #3ba9d2;
	background: #fff !important;
	border: 1px solid #3ba9d2;
	border-left: none;
	border-right: none;
	
	line-height: 100%
}
#scenario-selection, #submit-search {
  
 
}
.twitter-typeahead {
}
.clean-text-field {
	color: red
}
.site-btn a, .site-btn a:hover, .site-btn a:focus {
	color: #fff
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu > .active > a:focus {
	background: #3ba9d2
}
#textfield, .tt-hint {

}
.site-btn a, .site-btn a:hover, .site-btn a:focus {
	color: #807d86
}
.site-btn .caret {
	border-top: 4px solid #807d86
}
.twitter-typeahead, #search-panel .input-group {
}
#scenario-selection {
	
}
#submit-search {
	
}


/************************/
#langue-btn {
  bottom: 45px;
  position: absolute;
}
#langue-btn a {
	background: #fff;
	color: #3ba9d2
}
#langue-btn li a.active {
	background: #333;
	padding: 6px 8px;
	font-size: 12px;
	color: #fff
}
ul.pipe-separators li::after {
	display: none
}
/*****************Ariane*****************/
#ariane {
	font-size: 14px;
	color: #3ba9d2;
	padding: 0;
	
}
#ariane .actif {
	font-weight: normal;
	color: #3ba9d2;
}
#ariane span.texte {
	
}
#ariane a {
	color: #3ba9d2
}
/*****************Connexe*****************/
.connectBox {
	background: #333;
	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);
}
.connectBox .form-control {
	border: 1px solid #000
}
#nav_connexe .btn-default {
	/*background: transparent url('images/vl.png') no-repeat left center;*/
	border-color: transparent;
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 100%;
	padding: 6px 0px 8px 0px;
	transition: all 0.35s;
	border-bottom: 3px solid #000;
	margin-right: 15px;
}
#nav_connexe .btn-default:hover,
#nav_connexe .btn-default:focus,
#nav_connexe .btn-default:active,
#nav_connexe .btn-default.active,
#nav_connexe .open .dropdown-toggle.btn-default {
	background-color: transparent;
	border-bottom: 3px solid #000;
	color: #000;
	transition: all 0.35s;
}

#nav_connexe .menu-portail .btn-default {
	border-bottom-color: #3ba9d2;
}
#nav_connexe .menu-portail .btn-default:hover  {
	color: #3ba9d2;
	border-bottom-color: transparent;
}

#nav_connexe .menu-bdp .btn-default {
	border-bottom-color: #8dc63f;
}
#nav_connexe .menu-bdp .btn-default:hover {
	color: #8dc63f;
	border-bottom-color: transparent;
}

#nav_connexe .menu-schoelcher .btn-default {
	border-bottom-color: #b02358;
}
#nav_connexe .menu-schoelcher .btn-default:hover {
	color: #b02358;
	border-bottom-color: transparent;
}

#nav_connexe .menu-musee .btn-default {
	border-bottom-color: #f7941e;
}
#nav_connexe .menu-musee .btn-default:hover {
	color: #f7941e;
	border-bottom-color: transparent;
}

#nav_connexe .menu-archives .btn-default {
	border-bottom-color: #603814;
}
#nav_connexe .menu-archives .btn-default:hover {
	color: #603814;
	border-bottom-color: transparent;
}

.all-link-connexe {
	float: left;
/* 	margin-left: -12px; */
}
.header-banner-menu {

}
.all-link-connexe .link-connexe:first-child .btn-default {
	background: none !important
}
#identite_utilisateur {
  color: #000;
  font-size: 16px;
  
}
/*****************Button*****************/

.metadata-actions .btn {
	margin: 0 0 10px 0
}
/*********Default***********/


#search-panel .btn-default {
	background-color: #3ba9d2;
	border-color: #3ba9d2;
	color: #fff
}
#search-panel .btn-default:hover, #search-panel .btn-default:focus, #search-panel .btn-default:active, #search-panel .btn-default.active, #search-panel .open .dropdown-toggle.btn-default {
	background-color: #3ba9d2;
	border-color: #3ba9d2;
	color: #fff
}
/*********Validation***********/
.btn-validation {
	background-color: #fff;
	border-color: #d1d1d1;
	color: #000;
	font-size: 16px;
	
}
.btn-validation:hover, .btn-validation:focus, .btn-validation:active, .btn-validation.active, .open .dropdown-toggle.btn-validation {
	background-color: #d1d1d1;
	border-color: #d1d1d1;
	color: #000;
}
/*********Action***********/
.btn-action {
	background-color: #fff;
	border-color: #d1d1d1;
	color: #000;
	font-size: 14px;
	
}
.btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action.active, .btn-action.disabled, .btn-action[disabled] {
	background-color: #d1d1d1;
	border-color: #d1d1d1;
	color: #000;
}
/*********Action***********/
.btn-info {
	background-color: #fff;
	border-color: #d1d1d1;
	color: #000;
	font-size: 16px;
	
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-color: #d1d1d1;
	border-color: #d1d1d1;
	color: #000;
}
/*********Basket*********/

.btn-basket {
	background-color: #fff;
	border-color: #d1d1d1;
	color: #000;
	font-size: 16px;

}
.btn-basket:hover, .btn-basket:focus, .btn-basket:active, .btn-basket.active, .btn-basket.disabled, .btn-basket[disabled] {
	background-color: #d1d1d1;
	border-color: #d1d1d1;
	color: #000;
}
/*********Basket*********/
.btn-dark {
	background-color: #fff;
	border-color: #d1d1d1;
	color: #000;
	font-size: 14px;
	
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.disabled, .btn-dark[disabled] {
	background-color: #d1d1d1;
	border-color: #d1d1d1;
	color: #000;
}
.memoriser .dropdown-toggle {
	background-color: #000;
	border-color: #d1d1d1;
}
/*********Primary*********/
.btn-primary {
	background-color: #fff;
	border-color: #d1d1d1;
	color: #000;
	font-size: 14px;
	
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color: #d1d1d1;
	border-color: #d1d1d1;
	color: #000;
}
/*****************Content*****************/

.panel-front, .panel-selection {
	background: #fff;
	padding: 0;
	
}
.panel > .panel-heading > h2 {
	text-transform: none;
	/*  font-family: 'nexa_boldregular'; */
	font-size: 24px;
	color: #3ba9d2;
	padding: 0;
	text-transform: uppercase
}
.panel-front > .x-panel-header span, h2 {
	color: #3ba9d2;
	/* font-weight: normal; */
	 /* font-family: 'nexa_boldregular'; */
	font-size: 24px
}

.rsDefaultInv .rsGCaption * {
	color: #000;
}
.rsDefaultInv .rsGCaption {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
	color: #000;
	border-radius: 0
}
.bs-bullets .rsNavSelected button, .bs-bullets button:hover {
	background: #333333;
	border-color: #333333;
	border-radius: 0;
	padding: 0;
	width: 14px;
	height: 14px
}
.bs-bullets button, .bs-bullets button:active {
	background: none;
	border-color: #333333;
	border-radius: 0;
	padding: 0;
	width: 14px;
	height: 14px
}


.thumbnail {
	border: none;
	background: none;
}


/*********Themes**#********/
/*********Thème 1 Carrousel**********/
.theme_1 {
	position: relative;
}
.theme_1 .panel-front, .theme_1 .panel-selection {
	padding: 0;
	background: transparent;
	border: none
}
.theme_1 > .panel-heading {
	display: none
}
.theme_1 .panel-heading h2 {
	padding: 0;
	font-size: 22px
}
#portal .theme_1 .panel-body {
	padding: 0
}
.theme_1 .carousel_3 .slider_container {
	background: #000;
	width: 100%;
	top: auto;
	bottom: 0;
	height: auto;
	padding: 5px 14px;
	/* font-family: 'open_sansregular'; */
	background: transparent url('images/op_bg.png') repeat center center
}
.theme_1 .slider_thumb {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0;
}
.theme_1 .slider_thumb img {
	max-width: 100%
}
.theme_1 .carousel_3 h3 {
	color: #000;
	/* font-family: 'open_sansregular'; */
	margin: 6px 0
}
.theme_1 .carousel_3 p {
	color: #000;
	font-size: 14px;
	/* font-family: 'open_sansregular'; */
}
.theme_1 .carousel_3 .slider_content {
	vertical-align: top
}

.theme_1  a { color: #000} 
.theme_1 .rsDefaultInv.rsHor .rsArrowLeft {
	left: 0px
}
.theme_1 .rsDefaultInv.rsHor .rsArrowRight {
	right: 0px
}
.theme_1 .rsDefaultInv .rsArrowIcn {
	width: 24px;
	height: 41px;
}
.theme_1 .rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn {
	background: transparent url("images/arrow-left.png") no-repeat scroll 0 0
}
.theme_1 .rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn {
	background: transparent url("images/arrow-right.png") no-repeat scroll 0 0;
}

/*********Thème 2 **********/

.theme_2 {
	position: relative;
}
.theme_2 .panel-front, .theme_2.panel-selection {
	padding: 0;
	background: #3ba9d2;
	color: #fff
}
.theme_2 .panel-heading h2 {
	color: #fff;
	background: #3ba9d2;
	padding: 8px 19px;
	font-size: 20px
}
#portal .theme_2 .panel-body {
	padding: 19px
}
.theme_2 .bs-bullets .rsNavSelected button {
	background: #3ba9d2;
	border-color: #2c86a8;
}
.theme_2 .bs-bullets button, .theme_2 .bs-bullets button:focus, .theme_2 .bs-bullets button:active, .theme_2 .bs-bullets button:hover {
	background: #2c86a8;
	border-color: #2c86a8;
}
.theme_2 p, .theme_2 h1, .theme_2 h2, .theme_2 h3, .theme_2 h4, .theme_2 li a, .theme_2 a {
	color: #fff
}
.theme_2 .btn-default {
	background-color: #2c86a8;
	border-color: #2c86a8;
	color: #fff
}
.theme_2 .btn-default:hover, .theme_2 .btn-default:focus, .theme_2 .btn-default:active, .theme_2 .btn-default.active, .theme_2 .open .dropdown-toggle.btn-default {
	background-color: #2c86a8;
	border-color: #2c86a8;
	color: #fff
}
.theme_2 .thumbnail {
	background: transparent;
	border: none
}
.theme_2 div.webframe-ermes-lastviewedresources-item, .theme_2 div.webframe-ermes-openfindselection-item {
	background: #2c86a8
}
.theme_2 .rs-textualFrieze .rsThumb.rsNavSelected {
  background-color: #2c86a8;
}
.theme_2  .rs-textualFrieze .rsThumb:hover {
    background: #2c86a8;
}


/*********Thème 3 **********/

.theme_3 {
	position: relative;
}
.theme_3 .panel-front, .theme_3.panel-selection {
	
	border:2px solid #3ba9d2;
	padding: 20px;
	
}

/*********Thème 4 Encart sans titre sans marge**********/

.theme_4 {
	padding: 0
}
.theme_4 .panel-heading > h2 {
	display: none
}
#portal .theme_4 .panel-body {
	padding: 0
}
/**************************/
#options_resultat .panel-heading {
	padding: 30px 0 0 0
}
#facet_container .panel-heading {
	padding: 0
}
#options_resultat .panel-heading > h2 {
	padding-right: 30px;
	background: none;
	text-transform: uppercase;
	
}
#resultats_recherche .panel-heading > h2 {
	
}
.badge {
	color: #3ba9d2;
	font-size: 14px
}
.facet-controls a {
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #d1d1d1;
	padding: 6px 10px;
	font-size: 12px;
	color: #000;
	text-transform: none;
}
.facet-controls a:hover {
	background-color: #d1d1d1;
}
/**************************/
#facet_container > .panel-group {
    margin-bottom: 24px;
}
#facet_container .icon-resize-full {
	background: transparent url('images/down.png') no-repeat center center;
	display: block;
	width: 22px;
	height: 22px
}
#facet_container .icon-resize-small {
	background: transparent url('images/up.png') no-repeat center center;
	display: block;
	width: 22px;
	height: 22px
}
#facet_container .icon-resize-full:before {
	display: none
}
#facet_container .icon-resize-small:before {
	display: none
}
#criteres_recherche p, #description_resultats, .taille_page {
	color: #000;
	font-size: 16px;
	font-weight: normal;
}
#description_resultats {
	color: #3ba9d2
}
#criteres_recherche p {
	
}
.label-facet .btn {
	background: #3ba9d2;
	border: none;
	opacity: 1;
	color: #fff;
	border-radius: 4px;
	font-size: 14px
}
.criteres_tri .site-restriction {
	margin-left: 26px;
}
.additional-infos {
	color: #000;
	font-size: 16px;
}
.btn-group.pageSize-container button, .btn-group.pageSize-container.open .dropdown-menu > li > a {
	color: #3ba9d2;
	font-size: 16px;
}
.pagination > li > a, .pagination > li > span {
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #000;
	color: #000;
	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: 2px solid #3ba9d2;
	color: #3ba9d2;
}
#resultats > ul > li {
	background-color: #fff;
	border-bottom: 3px solid #E6E4E5;
}
.statut, .statut-disabled, .statut-primaryDoc, #resultats > ul > li.on {
	background-color: #fff;
}
#resultats_recherche .panel-body {
	padding: 0 30px 20px 30px
}
#criteres_recherche, .navigation-page, .intro {
	padding: 0 15px 0 0;
}
#resultats .notice_corps {
	padding: 20px 0;
}
#resultats {
	padding: 0
}
.criteres_tri .site-restriction {
	margin-left: 0;
}
.displaymode-icon-container.desktop button, .siteRestriction-icon-container.desktop button, .sort-order button {
	background-color: #e9e9e9;
	color: #000;
	font-size: 16px;
	border-radius: 4px;
}
.displaymode-icon-container.desktop button:hover, .siteRestriction-icon-container.desktop button:hover, .sort-order button:hover {
	color: #000
}
.displaymode-icon-container.desktop button:focus, .siteRestriction-icon-container.desktop button:focus, .sort-order button:focus {
	color: #000
}
#resultats .select, .select-all {
	/*background: #fff url('images/dd_sp.png') repeat-y center center*/
	background: #2c86a8
}
.statut .obtain-document-link {
	font-size: 14px;
	background-color: #fff;
	border-radius: 4px;
	color: #000;
	border: 1px solid #d1d1d1;
}
.statut .obtain-document-link:hover {
	background: #d1d1d1
}
.indicator {
	color: #000;
	margin: 0 0 20px 0;
}
.template-title {
	color: #000;
	text-transform: uppercase;
	
	font-size: 19px
}
.template-info {
	color: #000
}
p.template-info {
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
}
.indicator .label-holding {
	font-weight: normal
}
.vignette_document .icon-new {
	background-color: #3ba9d2;
	-moz-box-shadow: -3px -3px 0 #3ba9d2;
	-webkit-box-shadow: -3px -3px 0 #3ba9d2;
	box-shadow: -3px -3px 0 #3ba9d2;
}
#multi_selection_simple h2 {
	background: none
}
#multi_selection_simple .panel, #multi_selection .panel {
	padding: 0
}
#multi_selection_simple .bouton_detail, #multi_selection .bouton_detail {
	color: #3ba9d2
}
h2.category_header {
	color: #000;
	
	font-weight: normal;
	text-transform: uppercase;
	font-size: 24px;
	
	padding: 0 0 20px 0;
}
.nav-tabs > li > a {
	color: #000;
	font-size: 16px;
	font-weight: normal;
	margin-right: 0;
	padding: 6px 26px;
	text-transform: uppercase;
	
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #f2f2f2;
	border-color: #f2f2f2;
	border-radius: 0;
	color: #000;
	
	text-transform: uppercase
}
.tab-content {
	background-color: #f2f2f2;
	color: #000;
	font-size: 16px;
	padding: 20px;
	
	/* t22-06950 : text-transform: uppercase;*/ 
}
h3.category_header {
	background-color: #fff;
	color: #000;
	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: #d1d1d1;
	color: #000;
	font-weight: normal;
}
.well {
	background: #fff
}
#options_resultat .panel-body, #options_document .panel-body {
  padding: 10px 0;
  }
  .facetList.nav-pills > li > a {
  padding: 5px 0;
}
.facetList.nav-stacked {
  padding: 2px 0;
}
.facet-collapse {
 
  padding: 0;
}
.webframe-ermes-lastcomments blockquote {
  border-left: 5px solid #3ba9d2;
 
}
/**********************************/
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	background: #3ba9d2
}
.myaccount-activity .myaccount-welcome .user-name a, .myaccount-profile .account-label {
	color: #3ba9d2
}
.myaccount-rights ul li.reader-right {
	background: #3ba9d2
}



/*______________ Glyphicons ______________*/


.glyphicons {
display: flex;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}
.glyphicons li {
	background: #3ba9d2;
    display: flex;
    flex-direction: column;
    width: 13%;
}
.glyphicons  li:first-child,
.glyphicons  li:nth-child(9), 
.glyphicons  li:nth-child(16)  {
	
	}
.glyphicons a {
	height:100%
	
}
.glyphicons a:hover {
	background: #2c86a8;
	text-decoration: none;
	transition: background 0.35s;
}
.glyphicons a:before {
	width: 100%;
    color: #fff;
    font-size: 45px;
    font-weight: normal;
	    margin: 0;
}
.glyphicons span {
	display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    color: #fff;
}

.search-icon-container.mobile, .search-icon-container.mobile > .btn-group, .search-icon-container.mobile .btn, .search-icon-container.mobile .btn.precedent, .search-icon-container.mobile .btn.suivant {
  background: #3ba9d2}
/*********Footer**********/ 

div.product-infos {
	display: none;
}

@media (min-width: 768px) {
	footer {
		margin-top: 50px;
	}	
}

footer {
	background: #f9f6f2;
	font-size: 14px;
	color: #81817b
}
footer .container {
	
	
	
}
footer p {
	font-size: 14px;
	color: #81817b;
	line-height: 20px;
}
footer .container ul li, footer  a {color: #81817b;}
footer h3 {
	font-size: 18px;
	
	color: #81817b;
	font-weight: normal;
}
footer h2 {
	text-transform: none;
	
	font-size: 24px;
	color: #81817b;
	background: transparent url('images/bg_htwo.png') no-repeat left bottom;
	padding: 0 0 20px 0;
}
footer .label-ermes {
  color: #81817b;
  
  }
.body_ctf {
	padding: 20px 0
}
footer .body_ctf ul li {
	background: transparent url('images/pc_ft.png') no-repeat left 10px;
	padding: 4px 10px 4px 11px;
	line-height: 18px
}
footer .btn {
	background: transparent;
	border-color: #fff;
	color: #81817b
}

footer [class^="icon-"], footer [class*=" icon-"] {
  color: #81817b;

}
footer div.footer-mobile [class^="icon-"], footer.footer-mobile [class*=" icon-"] { color: #81817b;}
/***********/
.ico_v1 a  { }
.ico_v2 a  { }
.ico_v3 a  { }
.ico_v4 a  { }
.ico_v5 a  { }
.ico_v5 a  { }
.ico_v6 a  { }
.ico_v7 a  { }
.ico_v8 a  { }
.ico_v9 a  { }
.ico_v10 a  { }
.ico_v11 a  { }
.ico_v12 a  { }
.ermes-frame-html .spec li {list-style-type: square; margin: 0 0 0 50px;}
.ermes-frame-html .spec  li ,.ermes-frame-html .spec  li a { color: #00adef; } 
.ermes-frame-html .spec  li  span { color: #000}
h4 {
    color: #00adef;
    
}
#search-panel .panel-body {
	/* width: 53%; */
	width: 64%;	
	padding: 14px  0;
	float: none;
	/* margin: -64px auto 0 auto; */
	margin: -64px 0 0 250px;
	/* z-index: 10; */
}
/******************Responsive devices*******************/

/* Full HD · width: 1920px */
@media (max-width: 1200px) {
	header h1 {
    font-size: 35px;
  
}
}

/* Kindle landscape · width: 1024px */
/* iPad landscape · width: 1024px */


@media (max-width: 1000px) {
.glyphicons li {

    width: 15%;
}
}

@media (max-width: 992px) {
	.glyphicons li {
    background: #3ba9d2;
    display: flex
;
    flex-direction: column;
    width: 23%;
}

.glyphicons {
    display: flex
;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}
    .all-link-connexe {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
		        gap: 17px;
				        margin-top: 10px;
    }
	
	#nav_connexe .btn-default{
		margin: 0 ;
		    font-size: 14px;
	}
	    .button-my-account {
        margin-top: 20px !important;
       
    }
	#search-panel .panel-body {

	width: 100%;	

	margin:  0 auto;
	
}

.navbar-header-before {
    width: 40%;
   
}
.container-header{
	    display: flex;
    align-items: center;
}
    .navbar>.container .navbar-brand {
        margin: 0 0 0 10px !important;
    }
}

@media (max-width: 800px) {
.navbar-brand {
 /*-   width: 454px;
    height: 45px;
    background: transparent url('images/logo.png') no-repeat center center;
    background-size: 100%;*/
}
.navbar-header-before {
   /* width: 135px;
    height: 109px;
    background: transparent url('images/logo_cg.png') no-repeat center center;
    float: left;
    display: inline-block;
    background-size: 100%;*/
}
.navbar-header-before { margin: 0}

.btn-default {

    white-space: normal;
}
#search-panel .btn-default {
    background-color: #3ba9d2;
    border-color: #3ba9d2;
    color: #fff;
    white-space: nowrap;
}
}

@media (max-width: 570px) {
	    .glyphicons li {
      
        width: 31%;
    }
	
	#detail-notice .notice_corps.media,
	#resultats .notice_corps{
		    display: flex;
    flex-direction: column;
	}
	#notice_longue .vignette_document img.ermes-thumb,
	#documents_memorises .vignette_document img.ermes-thumb, #resultats_recherche .vignette_document img.ermes-thumb, .webframe-ermes-lastcomments .vignette_document img.ermes-thumb, .webframe-ermes-lastviewedresources-item .vignette_document img.ermes-thumb {
    width: 120px !important;
}
}
@media (max-width: 440px) {
	#admin-actions, #mobile-actions{
		box-shadow:none !important;
		-webkit-box-shadow: none !important;
	}
	    .container-header {
        
        margin-top: 70px !important;
    }
	.change-site-mobile {
    left: 0;
    top: 44px;
	    width: 100% !important;
		 background: #3ba9d2;
  
}

    .sitebtn-group {
    
        background: #3ba9d2;
      
    }
	    .glyphicons li {
      
        width: 48%;
    }
	.edito-img-resize-g-txt-fluide-d img.image-35-pcent, .edito-img-resize-g-txt-fluide-d .image-35-pcent img,
	.edito-img-resize-g-txt-fluide-d img.image-25-pcent, .edito-img-resize-g-txt-fluide-d .image-25-pcent img {
    width: 100% !important;
}

.media-body.caption{
	    display: flex
;
    flex-direction: column;
}
}
@media (max-width: 380px) {
	    .glyphicons li {
      
        width: 100%;
    }
}
/* iPad portrait  width: 768px */
@media (min-width: 768px) {
.navbar>.container .navbar-brand {
	margin: 0 0 0 30px;
}
header {
	border-top: 10px solid #333;
}

#menu-panel {
	border-top: none;
	background: transparent;
}
.btn-account {
	background: #333;
	
	font-size: 18px;
	color: #fff;
	
	text-transform: uppercase;
	
}
 .btn-account:hover, .btn-account:focus, .btn-account:active, .btn-account.active, .open .dropdown-toggle.btn-account {
	color: #fff;
}
.button-my-account {
	margin-top: -3px;
	z-index: 101
}
.btn-account i {
	display: none
}
.register_user_link, .register_user_link:hover {
	color: #fff;
}

#SubscriptionData
{
	display:none;
}
.connectBox {
  padding-bottom: 6px;
  padding-top: 6px;
  }
  .cms-inner-layout {
  padding-right: 14px !important;
}
/*******************/

#ermes_main_menu {
	width: 100%;
	background: transparent;
	padding: 0;
	display: table
	
}
#ermes_main_menu li.LEVEL1 {
	width: auto;
	background: #fff;
	border: 1px solid #3ba9d2;
	margin: 0 0 0 10px;
	display: table-cell;
	float: none;
	/* font-family: 'nexa_boldregular'; */
	font-size: 18px;
	
}
#ermes_main_menu li.LEVEL1 > a {
	padding: 16px 8px;
	color: #3ba9d2;
	font-weight: normal;
	/* font-family: 'nexa_boldregular'; */
	text-transform: uppercase;
	
}
#ermes_main_menu li.LEVEL1 > a:hover, #ermes_main_menu li:hover > a {
	background: transparent;
	color: #3ba9d2;
}


#ermes_main_menu .dropdown-menu {
	background: #3ba9d2;
}
#ermes_main_menu .dropdown-menu>li>a {
	color: #fff;
	font-size: 16px;
	text-align: left
}
#ermes_main_menu .dropdown-menu>li>a:hover {
	background: #2c86a8;
	color: #fff
}
#ermes_main_menu li.LEVEL1:first-child {
	margin-left: 0;
}
#ermes_main_menu li.LEVEL1 .caret, #ermes_main_menu li.LEVEL1 a:hover .caret {
	border-bottom-color: #3ba9d2;
	border-top-color: #3ba9d2;
}
#ermes_main_menu li.LEVEL1 > a:hover .caret, #ermes_main_menu li:hover > a .caret {
	border-bottom-color: #3ba9d2;
	border-top-color: #3ba9d2;
}
/*************Rich Menu***************/

#nav-rich-menu {
	width: 100%;
	background: transparent;
	padding: 0;
	display: table;
	border-collapse: separate;
    
}
#nav-rich-menu li {
	width: auto;
	background: #fff;
	border-left: 10px solid #fff;
	margin: 0 0 0 10px;
	float: none;
	display: table-cell;
	/* font-family: 'nexa_boldregular'; */
	font-size: 18px;
	border-spacing: 10px;
	
}
#nav-rich-menu li:first-child { margin: 0; border: 0}
#nav-rich-menu li > a, #nav-rich-menu li > a:focus   {
	padding: 10px 4px;
	color: #3ba9d2;
	font-weight: normal;
	/* font-family: 'nexa_boldregular'; */
	text-transform: uppercase;
	border: 1px solid #3ba9d2;
	text-decoration: none
}
#nav-rich-menu li:first-child  a { }
#nav-rich-menu li > a:hover, #nav-rich-menu li:hover a {
	background: #3ba9d2;
	color: #fff
}
#nav-rich-menu li .dropdown {
	background: #fff;
	margin: 1px 0 0 0;
-webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.11);
-moz-box-shadow:    0px 1px 6px 0px rgba(50, 50, 50, 0.11);
box-shadow:         0px 1px 6px 0px rgba(50, 50, 50, 0.11);

	
}
#nav-rich-menu li .dropdown_container a {
	background: #fff;
	padding: 10px 0 0 0;
	
}
#nav-rich-menu li .dropdown_container a:hover {
	background: #3ba9d2;
}
#nav-rich-menu .title_menu h4 {
	color: #fff;
	
	 font-size: 20px;
	 margin: 0px 0 0 138px;
	padding: 6px;
	background: #3ba9d2;
	 /* font-family: 'nexa_boldregular'; */
	 font-weight: normal

}
.title_menu p {
	color: #000;
	/* font-family: 'nexa_lightregular'; */
}
#nav-rich-menu li .dropdown_container a:hover .title_menu p ,#nav-rich-menu li .dropdown_container a:hover  .title_menu h4 { color: #fff; background: none}  
#nav-rich-menu .illustration { margin: 0 10px 10px 10px}

.rich-item  > .clearfix { display: none}

.connectBox {
	z-index: 100;
}
/***********Layouts*************/
#layout-3  #zone-5 { padding: 0 0 0 30px}
}

@media (max-width: 768px) {

.navbar-brand {
	margin: 20px;
}
#admin-actions, #mobile-actions {
    background: #3ba9d2;
}


/*******************/
#nav-rich-menu {
	background-color: #3ba9d2;
	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);
}
#nav-rich-menu .dropdown img {
	max-height: 60px;
	/*display: none*/float: left;
	margin: 0 8px 8px 0;
}
#nav-rich-menu .rich-item {
	background: #3ba9d2
}
#nav-rich-menu .rich-item:hover {
	background: #3ba9d2
}

#nav-rich-menu > li > a {
	padding: 10px;
	color: #fff;
	font-size: 18px;
}
#nav-rich-menu .title_menu h4, #nav-rich-menu .title_menu:hover h4 {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

}

@media (max-width: 767px) {
	header h1 {
    font-size: 30px;
}
	
	    .container-header {
        align-items: center;
        flex-direction: column;
        margin-top: 26px;
    }
	
	#admin-actions, #mobile-actions {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5 ) !important;
    -webkit-box-shadow:0 4px 12px rgba(0, 0, 0, 0.5) !important;
    -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
    
}
    header h1 {
      
        text-align: center;
    }
	
	    .navbar-header-before {
        width: 100%;
    }
	
	    .button-my-account {
        margin-top: 0 !important;
    }
}

/* iPhone 6 Plump landscape · width: 736px */
@media (max-width: 736px) {
}

/* iPhone 6 landscape · width: 667px */
@media (max-width: 667px) {
}


}

/*Android (Nexus 4) portrait · width: 384px*/






#portal .frame {
    margin: 0 0 0 !important;
}

.page-accueil #page > .container {
    max-width: 100%;
    padding: 0;
    width: 100%;
}
.page-accueil #zone-2 .panel-front,
.page-accueil #zone-6 .panel-front {
    max-width: 1100px;
    margin: 0 auto;
}
/* .page-accueil #layout-3 {
    background: #eee;
} */
.page-accueil #layout-3 .row {
    margin: 0 auto;
    max-width: 1100px;
	padding: 30px 0;
}

.page-accueil .panel-front,
.page-accueil .panel-selection {
	padding-top: 30px;
	padding-bottom: 30px;
}
.page-accueil .encart-menu .panel-front,
.page-accueil .encart-menu .panel-selection {
	padding: 0;
}

.strate-grise {
    background: #f8f7f6;
}


.float-left {
	float: left;
}
.float-right {
	float: right;
}


.encart-liste-2col li {
    float: left;
    width: 50%;
    padding: 0 10px;
    margin: 0 0 20px 0;
}
.encart-liste-2col li:nth-child(odd) {
	clear: both;
}
.encart-liste-2col .desc-list li {
	clear: none;
}

.encart-liste-2col .webframe-ermes-lastviewedresources-item {
    padding: 20px 20px 10px;
    min-height: 200px;
}
.encart-liste-2col .webframe-ermes-lastviewedresources-item-shadow {
	display: none;
}
.encart-liste-2col .webframe-ermes-lastviewedresources-item .short-abstract.template-resume {
	float: left;
}

.encart-liste-blanche .encart-liste-2col .webframe-ermes-lastviewedresources-item {
	background: #fff;
}


@media (max-width: 767px) {
	.encart-liste-2col li {
		float: none;
		width: 100%;
	}	
} 



.encart-focus .panel .panel-heading h2 {
	background: #ff0000;
	color: #fff;
	padding: 10px;
}
.encart-focus p {
	color: #ff0000;
	font-weight: bold;
	font-size: 24px;
}

.encart-fond-couleur {
	background: #f8f7f6;
}
.encart-fond-couleur .panel-front {
	background: #f8f7f6;
	padding-left: 20px;
	padding-right: 20px;
}


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

/* Apple iPhone 5 - 320 × 568 dp */
@media (max-width: 400px) {
	    header h1 {
        font-size: 30px;
    }
}

/* Google Nexus 5 -360 × 640 dp */
@media (min-width: 360px) and (max-width: 374px) {
	
}

/* Apple iPhone 6 - 375 × 667 dp */
@media (min-width: 375px) and (max-width: 383px) {
	
}

/* Google Nexus 4 - 384 × 640 dp */
@media (min-width: 384px) and (max-width: 410px) {
	
}

/* Google Nexus 6 - 411 × 731 dp */
@media (min-width: 411px) and (max-width: 413px) {
	
}

/* Apple iPhone 6 Plus - 414 × 736 dp */
@media (min-width: 414px) and (max-width: 431px) {
	
}

/* Nokia Lumia 1520 - 432 × 768 dp */
@media (min-width: 432px) and (max-width: 479px) {
	
}


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

/* Amazon Kindle Fire HD 7 -480 × 800 dp */
@media (min-width: 480px) and (max-width: 599px) {
	
}

/* Google Nexus 7 - 600 × 960 dp */
@media (min-width: 600px) and (max-width: 719px) {
	
}

/* Microsoft Surface Pro - 720 × 1280 dp */
@media (min-width: 720px) and (max-width: 767px) {
	
}

/* Apple iPad Air - 768 × 1024 dp */
@media (min-width: 768px) and (max-width: 799px) {
	
}

/* 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) {
	
}    

.mobile-navigation .btn, .mobile-navigation>.btn-group,
.mobile-navigation {
    background-color: #3ba9d2;
}
.mobile-navigation .btn.precedent, .mobile-navigation .btn.suivant {
    background-color: #1f8eb7;
}

.facetList .badge {
   
    color: #3ba9d2;
    
}

#modeDisplayVignet {
   
    background-color: #fff;
}