/*==================== PROJET ===================*/

/* CSS Document */
/* Report @import url(../standard/portal/front/modeles.css); */
/* Report @import url(../standard/portal/front/style.css); */
/* Report @import url(../syracuse/syracuse.css); */
/* Report @import url(polices/polices.css); */
/* Report @import url(editorial.css); */
/* html {
	background: url(images/html.png);
} */
body {
	background: #f7f2ec url(images/body.jpg) no-repeat center top;
}
body, td, pre {
    font-size: 16px;
}
header {
	border: none;
	background: none;
}
h1 span span {
	font-family: "FuturaBT-ExtraBlackCondensed";
	font-size: 75px;
	color: #633570;
	margin-top: -20px;
	display: block;
}
h1 {
	font-family: "FuturaBT-LightCondensed";
	font-size: 90px;
	color: #000;
}
p {
	font-size: 16px;
	color: #656565;
}
#search-panel {
	background: none;
}
.connectBox {
	background: #17479e;
	padding-bottom: 12px;
	padding-top: 11px;
}
#nav_connexe {
	position: relative;
}
.site-btn {
	margin-right: 250px;
}
#dropChangeSite {
	color: #fff;
}
#identite_utilisateur {
	right: 180px;
	top: 17px;
	padding: 0 10px 1px;
	background: #fff;
	color: #000;
}
#scenario-selection, #submit-search {
	background: #f29427;
	border-color: #f29427;
	height: 70px;
	line-height: 68px;
}
.ui-autocomplete-input {
	height: 70px;
}
.clean-text-field {
	color: #af2258;
}
#textfield, .clean-text-field {
	height: 70px;
	color: #000
}
#menu-panel {
	background: none;
	border: none;
}
.panel-front, .panel-selection {
	background: #fff;
	padding-top: 15px;
	position: relative;
}
.panel-front > .x-panel-header span, h2 {
	font-size: 44px;
	font-size: 36px;
	font-family: "FuturaBT-LightCondensed";
	font-weight: normal;
	color: #000;
}
.titre-actus .panel-heading > h2,
.titre-acquisitions .panel-heading > h2,
.titre-coupcoeur .panel-heading > h2,
.titre-liens .panel-heading > h2,
.titre-agenda .panel-heading > h2,
.titre-vu .panel-heading > h2,
.titre-selections .panel-heading > h2,
.titre-animations .panel-heading > h2,
.titre-zoom .panel-heading > h2,
.titre-nouveautés .panel-heading > h2 {
	padding-left: 40px;
}
.titre-nouveautes .panel-heading > h2 {
	padding-left: 40px;
}

.titre-actus .panel-front::before,
.titre-acquisitions .panel-front::before,
.titre-coupcoeur .panel-front::before,
.titre-liens .panel-front::before,
.titre-agenda .panel-front::before,
.titre-vu .panel-front::before,
.titre-selections .panel-front::before,
.titre-animations .panel-front::before,
.titre-zoom .panel-front::before,
.titre-nouveautes .panel-front::before {
	font-family: "ermes-font-update";
	color: #fff;
	font-size: 48px;
	display: inline-table;
	height: 60px;
	width: 60px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.titre-actus .panel-front::before {
	/* content: "\e863"; */
	content: " ";
	background: #f29427 url(images/glyph-actus.png) no-repeat center / 50% auto;
}
.titre-acquisitions .panel-front::before {
	/* content: "\e863"; */
	content: " ";
	background: #633570 url(images/glyph-acquisitions.png) no-repeat center / 50% auto;
}
.titre-coupcoeur .panel-front::before {
	/* content: "\e825"; */
	/* font-family: "ermes-font-addon"; */
	content: " ";
	background: #f29427 url(images/glyph-coupcoeur.png) no-repeat center / 60% auto;
}
.titre-liens .panel-front::before {
	/* content: "\e818"; */
	content: " ";
	background: #9260a0 url(images/glyph-liens.png) no-repeat center / 60% auto;
}
.titre-agenda .panel-front::before {
	/* content: "\e822"; */
	content: " ";
	background: #f29427 url(images/glyph-agenda.png) no-repeat center / 50% auto;
}
.titre-vu .panel-front::before {
	/* content: "\e831"; */
	content: " ";
	background: #633570 url(images/glyph-vu.png) no-repeat center / 60% auto;
}
.titre-selections .panel-front::before {
	content: " ";
	background: #633570 url(images/glyph-selections.png) no-repeat center / 60% auto;
}
.titre-animations .panel-front::before {
	content: " ";
	background: #633570 url(images/glyph-animations.png) no-repeat center / 60% auto;
}
.titre-zoom .panel-front::before {
	content: " ";
	background: #633570 url(images/glyph-zoom.png) no-repeat center / 60% auto;
}
.titre-nouveautes .panel-front::before {
	content: " ";
	background: #633570 url(images/glyph-nouveautes.png) no-repeat center / 60% auto;
}


.titre-actus .panel-heading > h2,
.titre-coupcoeur .panel-heading > h2,
.titre-agenda .panel-heading > h2 {
	color: #f29427;
}
.titre-acquisitions .panel-heading > h2,
.titre-vu .panel-heading > h2 {
	color: #633570;
}
.titre-liens .panel-heading > h2,
.titre-selections .panel-heading > h2,
.titre-animations .panel-heading > h2,
.titre-zoom .panel-heading > h2,
.titre-nouveautes .panel-heading > h2 {
	color: #9260a0;
}


.titre-orange .panel-heading > h2 {
	color: #f29427;
}
.titre-violet .panel-heading > h2{
	color: #633570;
}
.titre-violetclair .panel-heading > h2{
	color: #9260a0;
}


/*
Sans titre=frame-no-title;Titre Orange=titre-orange;Titre Violet=titre-violet;Titre Violet clair=titre-violetclair;Titre Actus=titre-actus;Titre acquisitions=titre-acquisitions;Titre Coup de coeur=titre-coupcoeur;Titre Liens=titre-liens;Titre Agenda=titre-agenda;Titre Les plus consultés=titre-vu;Titre Selections=titre-selections;Titre Animations=titre-animations;Titre Zoom=titre-zoom;Titre Nouveautes=titre-nouveautes
*/


footer {
	background: #fff;
}
footer, footer a, footer .container ul li,
footer [class^="icon-"], footer [class*=" icon-"] {
	color: #000;
}
footer [class^="icon-"],
footer [class*=" icon-"] {
	color: #17479e;
}
footer div.footer-mobile [class^="icon-"],
footer.footer-mobile [class*=" icon-"], .label-ermes {
	color: #633570;
}

footer a:hover, footer a:focus {
    color: #000;
}


.icon-pause:before { 
	font-family: ermes-font-addon;
}


/***************CSS KARIM***************/

/*************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
}
.tt-input.form-control {
	border: none !important
}
/*****************Ariane*****************/
#ariane {
	font-size: 14px;
	color: #000;
	padding: 0 8px;
	background: #fff;
	display: inline-block;
}
#ariane .actif {
	font-weight: normal;
	color: #000;
}
#ariane span.texte {
}
#ariane a {
	color: #000
}
#globalAdvancedSearchLink {
	color: #fff
}
#globalScenarioMobile {
	background: #F29427;
	color: #fff
}
#globalScenarioMobile > li > a {
	color: #fff;
}
#globalScenarioMobile .active, #globalScenarioMobile .active:hover, #globalScenarioMobile .active:focus {
	color: #fff;
	background: #fda53f
}
#globalScenarioMobile > li > a:hover, #globalScenarioMobile > li > a:focus {
	color: #fff;
	background: #fda53f
}
.tt-suggestion.tt-cursor {
	background: #F29427;
}
/*****************/
.btn-default {
	background-color: #f29427;
	border-color: #f29427;
	color: #fff;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	background-color: #f29427;
	border-color: #f29427;
	color: #fff;
}
.btn-action {
	background-color: #f29427;
	border-color: #f29427;
	color: #fff;
}
.btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action.active, .btn-action.disabled, .btn-action[disabled] {
	background-color: #f29427;
	border-color: #f29427;
	color: #fff;
}
.btn-info {
	background-color: #633570;
	border-color: #633570;
	color: #fff;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
	background-color: #633570;
	border-color: #633570;
	color: #fff;
}
/*****************/
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	background-color: #633570;
}
.user-name {
	color: #633570;
}
.myaccount-profile .account-label {
	color: #633570;
}
.badge {
	color: #f29427;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	border-bottom: 5px solid #f29427;
	color: #f29427;
}
#criteres_recherche p, #description_resultats, .taille_page, .btn-group.pageSize-container button, .btn-group.pageSize-container.open .dropdown-menu > li > a {
	color: #f29427;
}
.displaymode-icon-container .active, .siteRestriction-icon-container .active, .pageSize-container .active, .sort-order .active {
	background-color: #f29427;
}
/* Surcharge règle bootstrap */
.displaymode-icon-container a.active:hover, .siteRestriction-icon-container a.active:hover, .pageSize-container a.active:hover, .sort-order a.active:hover {
	background-color: #f29427;
}
#multi_selection_simple .bouton_detail, #multi_selection .bouton_detail {
	color: #f29427;
}
.vignette_document .icon-new {
	background-color: #633570;
	box-shadow: none
}
h3.category_header {
	background-color: #633570;
	color: #fff;
	margin-bottom: 0;
}

/* =================  RESPONSIVE RESPONSINATOR  ====================*/


@media (min-width: 320px) and (max-width: 374px) /* col-xs */ {
}

@media (min-width: 375px) and (max-width: 383px) /* col-xs */ {
}

@media (min-width: 384px) and (max-width: 413px) /* col-xs */ {
}

@media (min-width: 414px) and (max-width: 567px) /* col-xs */ {
}

@media (min-width: 568px) and (max-width: 599px) /* col-xs */ {
}

@media (min-width: 600px) and (max-width: 666px) /* col-xs */ {
}

@media (min-width: 667px) and (max-width: 735px) /* col-xs */ {
}

@media (min-width: 736px) and (max-width: 767px) /* col-xs */ {
}

@media (min-width: 768px) and (max-width: 1023px) /* col-sm */ {
}

@media (min-width: 1024px) and (max-width: 1279px) /* col-md */ {
}

/******************Responsive devices*******************/

/* Full HD · width: 1920px */
@media (min-width: 1920px) {
}

/* Kindle landscape · width: 1024px */
/* iPad landscape · width: 1024px */



@media (min-width: 1025px) {
}

@media (min-width: 1024px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 992px) {
}

@media (min-width: 800px) {
#search-panel .panel-body.col-md-8 {
	position: absolute;
	right: 10px;
	top: -172px;
	width: 56%;
	z-index: 2;
}
}

@media (max-width: 800px) {
#globalAdvancedSearchLink {
	color: #000;
}
h1 span span {
	font-size: 50px;
	margin-top: -1px;
}
h1 {
	font-size: 60px;
}
.navbar-brand {
	margin: 58px 0 0 0;
}
}

@media (min-width: 769px) {
}

/* iPad portrait  width: 768px */

@media (min-width: 768px) {
/*******************/
.btn-account {
	background: #17479e;
	padding-bottom: 15px;
	padding-top: 15px;
}
/*******************/
#ermes_main_menu {
	background: #633570;
	border-top: 7px solid #f29427;
	text-align: center;
}
#ermes_main_menu li.LEVEL1 {
	background: none;
	border-top: none;
	float: none;
	display: inline-block;
	font-weight: bold;
	font-size: 20px;
	width: auto;
}
#ermes_main_menu li.LEVEL1 > a {
	color: #f29427;
	padding: 10px 15px 13px;
}
#ermes_main_menu li.LEVEL1 > a:hover,
#ermes_main_menu li:hover > a {
	background: #F29427;
	color: #fff;
}
#ermes_main_menu .dropdown-menu {
	background: #F29427;
	border: none;
	padding: 0;
	border-radius: 0;
	margin-top: 0px;
}
#ermes_main_menu .dropdown-menu>li>a {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-transform: none;
	padding: 4px 10px
}
#ermes_main_menu .dropdown-menu>li>a:hover, #ermes_main_menu .dropdown-menu>li:hover>a {
	background: #fff;
	color: #F29427
}
#ermes_main_menu li.LEVEL1 .caret, #ermes_main_menu li.LEVEL1 a:hover .caret {
	border-bottom-color: #F29427;
	border-top-color: #F29427;
}
#ermes_main_menu li.LEVEL1 > a:hover .caret, #ermes_main_menu li:hover > a .caret {
	border-bottom-color: #fff;
	border-top-color: #fff;
}
}


@media (max-width: 767px) {
#menu-panel {
	top: 59px;
}
body {
	background: url(images/body.jpg) center -400px;
}
.navbar-brand {
	margin: 0;
}
.titre-actus .panel-front::before, .titre-acquisitions .panel-front::before, .titre-coupcoeur .panel-front::before, .titre-liens .panel-front::before, .titre-agenda .panel-front::before, .titre-vu .panel-front::before {
	font-size: 48px;
	display: inline-block;
	height: 70px;
	width: 70px;
	position: relative;
	left: auto;
	top: auto;
	float: left;
	margin: 0 10px 0 0;
}
}

/* iPhone 6 Plump landscape · width: 736px */
@media (max-width: 736px) {
}

/* iPhone 6 landscape · width: 667px */
@media (max-width: 667px) {
}

/* 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) {
}

/*Crappy Android landscape · width: 320px*/
/*iPhone 5 portrait · width: 320px*/
/*iPhone 3+4 portrait · width: 320px*/

@media (max-width: 320px) {
}

/*Crappy Android portrait · width: 240px*/


@media (max-width: 240px) {
}

élément {
 /*   border-left: 3px solid rgb(255, 117, 55);*/
}

.icon-tag::before {
	font-family: ermes-font-addon;
}
.rs-railsWithCaption .rsGCaption span {
    display: inline;
}



@media (max-width: 767px) {
	.titre-nouveautes .panel-heading > h2 {
		padding-left: 60px;
	}
	.titre-zoom .panel-heading > h2 {
		padding-left: 60px;
	}
	.titre-selections .panel-heading > h2 {
		padding-left: 60px;
	}
	.titre-animations .panel-heading > h2 {
		padding-left: 60px;
	}
}
