/*==================== BIIBLIOTHEQUE ROYALE DE BELGIQUE - BRDB ===================*/
/* INCLUSIONS CSS ERMES */
/*
@import url(../ermes-standard/style.css);
@import url(../ermes-standard/modeles.css);
*/
/* INCLUSIONS CSS SYRACUSE */
@import url(../standard/portal/front/modeles.css);
@import url(../standard/portal/front/style.css);
@import url(../syracuse/syracuse.css);
@import url(polices.css);
@import url(ermes-font-addon.css);
@import url("fonts/webfonts/Montserrat.css");
/*********/
@font-face {
font-family: 'libre_baskervillebold';
src: url('fonts/librebaskerville-bold-webfont.eot');
src: url('fonts/librebaskerville-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/librebaskerville-bold-webfont.woff2') format('woff2'), url('fonts/librebaskerville-bold-webfont.woff') format('woff'), url('fonts/librebaskerville-bold-webfont.ttf') format('truetype'), url('fonts/librebaskerville-bold-webfont.svg#libre_baskervillebold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'libre_baskervilleregular';
src: url('fonts/librebaskerville-regular-webfont.eot');
src: url('fonts/librebaskerville-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/librebaskerville-regular-webfont.woff2') format('woff2'), url('fonts/librebaskerville-regular-webfont.woff') format('woff'), url('fonts/librebaskerville-regular-webfont.ttf') format('truetype'), url('fonts/librebaskerville-regular-webfont.svg#libre_baskervilleregular') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
b, strong {
font-family: 'Montserrat', sans-serif;
}
/* @import url(rose.css); */
/* #nav-rich-menu li:nth-child(2) .dropdown {
left: 0 !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
}
/* TINY MCE */
/* @import url('/ui/skins/PROJET/projet.css'); A METTRE DANS /ui/skins/PROJET/portal/tinymce/styles.css */
/*Remove textarea inner shadow on Mobile Safari (iPhone)*/
header input[type=text] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none !important;
}
body#tinymce .monbouton {
color: red;
}
/* ================= GENERAL ====================*/
a {
color: #242422;
}
p {
font-family: 'libre_baskervilleregular';
font-size: 1em;
color: #242422;
}
body, .x-body {
background: #fff;
}
.x-body, body, h2, h3, h4, h5, h6, td, pre, .panel-front > .x-panel-header span {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
.panel-front > .x-panel-header span, h2 {
color: #2B3975;
font-size: 18px;
margin-bottom: 20px;
font-weight: 700;
text-transform: none;
}
/* ================= BOUTONS ====================*/
.btn-default {
background-color: #2B3975;
border-color: #2B3975;
color: #fff;/*padding: 10px 15px;*/
border-radius: 20px;
}
.btn {
outline: 0;
border-radius: 10rem;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
background-color: #fff;
border-color: #2B3975;
color: #2B3975;
}
.btn-action {
background-color: #8F959C;
border-color: #8F959C;
color: #fff;
}
.btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action.active, .btn-action.disabled, .btn-action[disabled] {
background-color: #8F959C;
border-color: #8F959C;
color: #fff;
}
.btn-info {
background-color: #2B3975;
border-color: #2B3975;
color: #fff;
height:50px;
}
.btn-belgica {
background-color: #8A052B;
border-color: #fff;
color: #fff;
width:100%;
}
.btn-opac {
background-color: #2B3975;
border-color: #fff;
color: #fff;
width:100%;
}
.btn-depot {
background-color: #2B3975;
border-color: #2B3975;
color: #fff;
height:60px;
}
.btn-url {
background-color: #2B3975;
border-color: #2B3975;
color: #fff;
height:35px;
margin-bottom:5px;
}
.btn-info:hover, .btn-url:hover, .btn-opac:hover, .btn-depot:hover, .btn-info:focus, .btn-url:focus, .btn-opac:focus, .btn-depot:focus, .btn-info:active, .btn-url:active, .btn-opac:active, .btn-depot:active, .btn-info.active, .btn-opac.active, .btn-url.active, .btn-depot.active, .open .dropdown-toggle.btn-info, .open .dropdown-toggle.btn-url, .open .dropdown-toggle.btn-opac, .open .dropdown-toggle.btn-default {
background-color: #fff !important;
border-color: #2B3975;
color: #2B3975;
}
.btn-primary {
background-color: #8F959C;
border-color: #8F959C;
color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background-color: #fff;
border-color: #fff;
color: #8F959C;
}
/* ================= HEADER ====================*/
header {
border-top: 0;
background-color: #2B3975;
margin: 0 0 20px 0;
}
.container-header {
padding: 0px 30px;
background: #242422;
}
#search-panel {
background: #2B3975;
padding: 30px 0;
margin: 0;
}
/*connexion */
#nav_connexe {
position: relative;
min-height: auto;
padding: 0;
}
.connectBox {
background: #2B3975;
}
.connectBox .form-control {
background: #fff;
}
.btn-validation {
background-color: #fff;
border-color: #fff;
color: #000;
}
.btn-validation:hover, .btn-validation:focus, .btn-validation:active, .btn-validation.active, .open .dropdown-toggle.btn-validation {
background-color: #fff;
border-color: #fff;
color: #363636;
}
.btn-account .icon-lock {
position: relative;
top: -3px;
}
#search-panel .panel-body {
float: none;
width: 78%;
margin: 0 auto;
}
#identite_utilisateur {
background: #fff none repeat scroll 0 0;
color: #363636;
font-size: 14px;
right: 270px;
top: 1px;
}
/*bannière*/
.all-link-connexe {
/*top: 73px;
position: absolute;
right: 0;*/
z-index: 31;
width: 100%;
background: #fff !important;
margin: 30px 0 0 0 !important;
padding: 0 60px 0 30px !important;
color:#242422;
font-family: 'Montserrat', "Arial", 'ITCAvantGardeStdBk', "Helvetica", "sans-serif", sans-serif;
}
.all-link-connexe .btn-group.link-connexe:last-child {
float: left;
}
.all-link-connexe .btn-group.link-connexe:last-child a {
opacity: 1;
text-transform: uppercase;
font-size: 16px;
padding: 8px 0;
}
.btn.btn-default.btn-xs {
background: none;
border: none;
color: #232321;
font-size: 14px;
font-weight: 400;
-webkit-font-smoothing: subpixel-antialiased;
opacity: 0.7;
padding: 10px 0px 10px 30px;
}
.btn.btn-default.btn-xs:hover, .btn.btn-default.btn-xs:focus {
opacity: 1;
}
.all-link-connexe .btn-default {
padding: 0 6px;
}
.navbar-brand h1 {
display: none;
}
.navbar > .container .navbar-brand {
margin: 9.5px 0;
}
.navbar-inverse .navbar-brand {
padding: 0;
background: url('images/logo_kbr.png') no-repeat left center;
background-size: 100% auto;
height: 42px;
width: 128px;
}
#search-panel .container .panel-body.col-md-8 {
/*height: 130px;
width: 911px;
top: -15px;*/
}
#globalAdvancedSearchLink {
/*color: #F6ABC1; */color:white;
font-size: 14px;
}
/*****************Social*****************/
main {
position: relative;
}
#share_social {
position: fixed;
left: 20px;
top: 292px;
right: auto;
}
div.social-network ul li a {
border-radius: 16px;
margin: 0 0 6px 0;
color: #2B3975;
-moz-transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
div.social-network ul li a.twitter {
background-color: #F6ABC1;
}
div.social-network ul li a.facebook {
background-color: #F6ABC1;
}
div.social-network ul li a.gplus {
background-color: #F6ABC1;
}
div.social-network ul li a.tumblr {
background-color: #F6ABC1;
}
div.social-network ul li a.pinterest {
background-color: #F6ABC1;
}
#share_social ul li a:hover {
color: #F6ABC1;
background: #2B3975;
text-decoration: none;
}
/*autocomplétion*/
.tt-hint {
height: 73px;
}
/*bouton partout au survol
.btn.btn-default.dropdown-toggle {
color: #fff;
}*/
/*loupe*/
.icon-search {
/*color: #fff;*/
}
/*croix*/
.clean-text-field .icon-remove {
color: #2B3975;
}/*langues*/
#langue-btn {
/* bottom: 281px;
right: 188px; */
bottom: 238px;
right: 0;
z-index: 8;
}
#langue-btn .dropdown-menu {
left: auto;
right: 0;
}
ul.pipe-separators li::after {
content: "";
}
.x-webkit *:focus, *:focus {
outline: 0 none;
}
#langue-btn.dropdown-toggle {
background: none;
}
#langue-btn > a {
color: #232321;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
opacity: 0.7;
padding: 0 0 0px;
}
#langue-btn > a.active, .site-btn > a.active {
color: #01779d;
font-weight: bold;
}
.x-flag {
display: none;
}
#langue-btn .caret {
border-top-color: #232321;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu > .active > a:focus {
background-color: #2B3975;
}
.header-banner-menu {
line-height: 25px;
max-width: 100%;
text-align: right;
width: 100%;
}
/*multisites*/
#dropChangeSite {
visibility: hidden;
}
.site-btn {
z-index: 9;
position: absolute;
right: 330px;
top: 20px;
}
/*recherche*/
#scenario-selection, #submit-search {
background: #F6ABC1;
border-color: #F6ABC1;
height: 73px;
line-height: 73px;
padding: 0 10px;
font-size: 16px;
color: #2B3975;
}
#scenario-selection, #submit-search {
}
#scenario-selection {
border-radius: 10rem 0 0 10rem;
padding-left: 18px;
}
#submit-search {
border-radius: 0 10rem 10rem 0;
width: 56px;
font-size: 26px;
padding: 0;
}
#textfield, .clean-text-field {
color: #2B3975;
height: 73px;
padding:7px 5px 8px 40px;
font-family: 'libre_baskervilleregular', serif;
font-style: italic;
font-size: 16px
}
.btn.clean-text-field{
padding:7px 5px 8px 0px;
}
#globalScenarioMobile {
background-color: #F6ABC1;
color: #2B3975;
}
#globalScenarioMobile > li > a {
color: #2B3975;
}
.tt-suggestion.tt-cursor {
background-color: #2B3975;
}
#globalScenarioMobile .active, #globalScenarioMobile .active:hover, #globalScenarioMobile .active:focus {
background-color: #fff;
color: #2B3975;
}
#globalScenarioMobile > li > a:hover, #globalScenarioMobile > li > a:focus {
background-color: #fff;
color: #2B3975;
}
#ariane {
display:none !Important;
/*color: #F6ABC1;*/color:white;
font-weight: 100;
max-height:20px;
}
#ariane a {
/*color: #F6ABC1;*/color:white;
}
/*contenant de premier niveau pour le h1*/
.navbar.navbar-inverse {
background: transparent;
min-height: auto;
}
.template-title {
color: #2B3975;
text-transform: none;
font-size: 18px;
line-height: 100%;
}
p.template-info {
font-weight: normal;
color: #242422;
}
.sort-order button {
padding: 0 30px 0 14px;
}
.displaymode-icon-container.desktop button, .siteRestriction-icon-container.desktop button, .sort-order button {
padding: 0 30px 0 14px;
background-color: #8F959C;
color: #fff;
}
.displaymode-icon-container .active, .siteRestriction-icon-container .active, .pageSize-container .active, .sort-order .active {
background-color: #8F959C;
color: #fff;
}
.btn-group.pageSize-container.open .dropdown-menu > li > a.active {
background: #8F959C;
}
.displaymode-icon-container a.active:hover, .siteRestriction-icon-container a.active:hover, .pageSize-container a.active:hover, .sort-order a.active:hover {
background-color: #8F959C;
color: #fff;
}
.facet-controls > a, .facet-controls > button {
color: #fff;
text-transform: uppercase;
background: #F6ABC1;
border-radius: 20px;
padding: 6px 9px;
font-size: 12px;
}
/* ================= HEADER ====================*/
/********* carrousel *********/
.panel-front, .panel-selection {
/* background-color: #f2f0f1;*/
background-color: white;
}
.panel-heading {
padding: 20px;
}
.carousel_3 h3 {
color: #2B3975;
font-size: 18px;
font-weight: normal;
line-height: 100%;
text-transform: none;
}
/******** carrousel texte gauche *********/
.carrousel-txt-g .panel-heading {
display: none;
}
.carrousel-txt-g .panel-body {
padding-top: 0;
}
.frame-standard.panel.panel-front.webframe-ermes-carousel.carrousel-txt-g {
margin: 0;
padding: 0;
}
#portal .carrousel-txt-g .panel-body {
padding-top: 0;
}
.carrousel-txt-g .slider_container .container {
float: none;
margin: 0 auto;
width: 100%;
height: 100%;
padding: 0;
position: relative;
}
.carrousel-txt-g .slider_container {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
display: inline-block;
padding: 20px;
width: 35%;
z-index: 2;
}
.carrousel-txt-g .panel-front, .carrousel-txt-g .panel-selection {
padding: 0;
margin: 0;
}
.carrousel-txt-g .sub_cont {
/*width: 30%;*/
}
#preselect-facets-link {
margin-top: 0;
position: absolute;
left: 0;
bottom: -15px;
color: #fff;
font-size: 12px;
padding: 0;
opacity: 1;
font-weight: 100;
}
#menu-panel .panel-body {
margin-top: 0;
z-index: 11;
}
/* ================= MENU ====================*/
/*menu de premier niveau*/
#menu-panel {
/*background-color: #2B3975;
border-color: #2B3975 currentcolor currentcolor;*/
border: none;
}
#nav-rich-menu li {
background: #f5f5f5 none repeat scroll 0 0;
color: #2B3975;
width: auto;
}
#nav-rich-menu {
display: table;
z-index: 8;
}
#nav-rich-menu li:hover > a {
background: #fff;
}
#nav-rich-menu > a:hover {
background: #fff;
}
#nav-rich-menu .dropdown {
background: #fff;
}
#nav-rich-menu li a {
color: #2B3975;
font-size: 18px;
cursor: pointer;
}
/*au survol*/
#nav-rich-menu li > a:hover/* ,
#nav-rich-menu li a:active,
#nav-rich-menu li a.active,
#nav-rich-menu li a:focus */ {
background: #fff;
}
/*caret*/
#nav-rich-menu li .caret, #nav-rich-menu li a:hover .caret {
display: block;
}
/*sous-menu*/
#nav-rich-menu .dropdown {
background: #fff;
}
#nav-rich-menu li .dropdown_container a {
background: #f5f5f5 none repeat scroll 0 0;
}
#nav-rich-menu .title_menu h4, #nav-rich-menu .title_menu p {
color: #646c79;
}
/*au survol*/
#nav-rich-menu .dropdown_container a:hover, #nav-rich-menu .dropdown_container a:hover h4, #nav-rich-menu .dropdown_container a:hover p {
color: #fff;
background: #2B3975;
}
/*icone home*/
#nav-rich-menu li:nth-child(1) {
background: none;
padding: 5px 5px 5px;
width: 6%;
font-size: 20px;
}
#nav-rich-menu li:nth-child(1) a {
padding: 0;
font-size: 27px;
}
/*au survol*/
#nav-rich-menu li:nth-child(1) a:hover, #nav-rich-menu li:nth-child(1):hover, li.rich-item.home:hover {
background: none;
}
li.rich-item.home:hover i {
color: #fff;
}
#nav-rich-menu li:hover a {
background: #fff;
}
/*faire apparaitre le bouton home et masquer la police */
.home span {
display: none;
}
.home i {
display: block;
color: #fff;
background: none;
}
/* =========== RESULTATS DE RECHERCHE ==============*/
#facet_container .facetSuggest a:hover {
background-color: #fff;
color: #363636;
}
#criteres_recherche p, #description_resultats, #description_resultats_pendingActiveClients, .taille_page {
color: #2B3975;
}
.facetList .badge {
color: #2B3975;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
border-color: currentcolor currentcolor #2B3975;
color: #2B3975;
}
.btn-group.pageSize-container button {
color: #2B3975;
}
.displaymode-icon-container .active, .siteRestriction-icon-container .active, .pageSize-container .active, .sort-order .active {
background-color: #2B3975;
}
.btn-group.pageSize-container.open .dropdown-menu > li > a {
color: #2B3975;
padding: 0 0 0 5px;
}
h2.category_header {
color: #2B3975;
}
/* ================= COMPTE ====================*/
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
background-color: #2B3975;
color: #fff;
}
.user-name {
color: #2B3975;
}
.myaccount-profile .account-label {
color: #2B3975;
}
#confirm_addLabel.btn.btn-default {
padding: 6px 15px;
border: 1px solid #ccc;
}
/**********/
.panel-front.panel-search-container .panel-heading {
padding: 20px 24px 0 24px;
}
.panel > .panel-heading h2, .panel-title, .panel-front > .x-panel-header {
text-transform: none;
}
/* ================= FOOTER ====================*/
.page-footer div#page > div.container {
min-height: 0;
}
.page-footer footer {
background: #232321;
}
.footer {
margin-bottom: 0;
background: #232321;
}
footer {
font-size: 14px;
background: #232321;
margin: 20px 0 0 0;
}
footer p {
font-size: 14px;
}
footer .container {
padding: 20px;
}
#edit-addemar-subscription-email {
max-width: 100%;
}
footer .container ul li {
line-height: normal;
}
footer #footer-4 .container {
padding: 0;
position: relative;
}
footer .row:after {
background: url(images/be-logo.png) no-repeat center center;
width: 50px;
height: 36px;
position: absolute;
right: 14px;
bottom: 20px;
background-size: contain;
}
footer #footer-4 #rich-footer-4 .container:before {
background: url(images/logo_kbr.png) no-repeat center center;
width: 94px;
height: 48px;
position: absolute;
left: -99px;
top: 0;
background-size: contain;
}
#rich-footer-4 {
padding: 30px 0;
max-width: 100%;
}
#footer-4 a {
cursor: pointer;
color: #fff;
}
#rich-footer-4 #menu_4 div ul li a span {
color: #fff;
font-family: 'libre_baskervilleregular';
}
#rich-footer-4 .menu li {
position: relative;
font-family: 'libre_baskervilleregular';
font-size: 14px;
}
#rich-footer-4 .menu li::before {
margin-left: -1.8em;
margin-top: 1em;
position: absolute;
}
#rich-footer-4 .menu a {
display: block;
position: relative;
}
#rich-footer-4 h2 {
margin-bottom: 10px;
font-size: 18px;
color: #F6ABC1;
}
#footer-4 #footer_connexes .container {
padding: 20px 0 0 10px;
}
#footer-4.footer #footer_connexes .container ul li a span {
color: #fff;
text-align: right;
font-weight: bold;
font-size: 20px;
}
#footer-4 #footer_connexes li {
display: inline-block;
position: relative;
padding: 0 10px 0 5px;
}
#footer-4 #footer_connexes li::before {
content: "";
position: absolute;
right: 0;
height: 12px;
top: 6px;
border-right: 1px solid #fff;
}
#footer-4 #footer_connexes li:last-child::before {
display: none;
}
#footer-4 .menu div {
padding: 10px;
}
#rich-footer-4 #menu_4 div ul li h2 {
color: #F6ABC1;
padding-top: 20px;
font-size: 14px;
font-weight: 400;
}
#footer-4 #sub_footer {
clear: both;
overflow: hidden;
background: #2B3975;
text-align: center;
padding: 20px;
display: none;
}
#footer-4 #sub_footer li {
display: inline-block;
position: relative;
padding: 0 10px 0 5px;
}
#footer-4 #sub_footer li::before {
content: "";
position: absolute;
right: 0;
}
#footer-4 #sub_footer .container ul li a span {
color: #fff;
}
#footer-4 #sub_footer li:last-child::before {
display: none;
}
.product-infos {
display: none;
}
.additional-infos {
color: #242422;
font-size: 14px;
}
.holdings-displaymode {
display: none !important;
}
#ermes_main_menu li.LEVEL1.nodisplay {
/*position: absolute;
right: 0;
margin: 0;*/
}
/* Editeurs*/
.page-aide #ermes_main_menu li.LEVEL1.aide > a, .page-deposer #ermes_main_menu li.LEVEL1.bientot > a, .page-bientot #ermes_main_menu li.LEVEL1.deposer > a, .page-biblio #ermes_main_menu li.LEVEL1.biblio > a {
background: #2B3975;
color: #fff;
}
/* Educatif*/
.page-pedago #ermes_main_menu li.LEVEL1.pedago {
background: #2B3975;
color: #fff;
}
/* kbr : spe charte */
#note-detail {
display: none !important;
}
.notice_avis {
display: none !important;
}
.btn-dark {
/* il ne faut pas masquer la classe btn-dark sinon l'écrou sur le détail d'une notice n'est plus visible*/
/*display: none !important; */
}
.more-info {
display: none !important;
}
.add-tag {
display: none !important;
}
/* ======= TRANSFERT CSS =============*/
#ermes_main_menu li.LEVEL1.home > a {
font-size: 27px;
background: none;
}
#ermes_main_menu li.LEVEL1.home > a:hover {
background: none;
}
/* Menu accueil - Ne pas oublier d'enlever la classe home dans l'admin pour le style de texte */
.home i {
display: none;
}
.home span {
display: block;
}
#detail-notice .col-lg-9 {
width: 93%;
}
#detail-notice .col-lg-3 {
width: 7%;
}
#ERMES20_FORM select[multiple], #ERMES20_FORM select[size] {
height: 150px;
}
.form-repro input[type="radio"], .form-repro input[type="checkbox"] {
line-height: normal;
margin: 4px 6px 0 0;
}
.panel.panel-holding {
display: none;
}
.myaccount-rights {
display: none !important;
}
.notice-actions {
display: none !important;
}
.loans-late {
display: none !important;
}
.loans-active {
display: none !important;
}
/*******Upadate 18102018********/
.mobile-navigation, .mobile-navigation > .btn-group, .mobile-navigation .btn {
background-color: #F6ABC1;
border-radius: 0;
}
.mobile-navigation .btn.precedent, .mobile-navigation .btn.suivant {
background-color: #2B3975;
}
.ermes-frame-html .rsItem ul {
}
.ermes-frame-html .rsItem ul ul {
margin: 0 0 10px 20px;
}
.ermes-frame-html .rsItem ul li {
padding: 4px;
}
.ermes-frame-html .rsItem ul li {
list-style-type: disc;
margin: 0 0 0 20px;
}
.ermes-frame-html .rsItem ul ul li {
list-style-type: none;
}
h1, h2, h3, h4, h5 {
font-weight: 700;
font-family: 'Montserrat';
color: #2B3975;
}
h1 {
font-size: 30px;
text-transform: none;
color: #363636;
}
h2 {
font-size: 26px;
}
#scenario-selection .caret {
border-top-color: #2B3975;
}
.btn-group.hamburger-mobile {float: right;}
.lang-dropdown-mobile {
float: left !important;
}
/* ================= RESPONSIVE RESPONSINATOR ====================*/
@media (max-width: 1601px) {
footer #footer-4 #rich-footer-4 .container:before {
position: relative;
left: 13px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1350px;
width: 1350px;
}
}
@media (min-width: 768px) {
#ermes_main_menu {
width: auto;
margin: -238px 0 0 185px;
float: left;
}
#ermes_main_menu li.LEVEL1 {
background: none;
border-top: none;
width: auto;
margin: 0 12px 0 0;
text-transform:none;
}
#ermes_main_menu li.LEVEL1 > a {
background: transparent;
color: #fff;
/*padding: 0;*/
font-weight: 700;
font-size: 16px;
padding: 0 10px;
height: 74px;
line-height: 74px;
}
#ermes_main_menu li.LEVEL1 > a:hover, #ermes_main_menu li:hover > a, #ermes_main_menu li.LEVEL1 > a:focus, #ermes_main_menu li:focus > a, #ermes_main_menu li.LEVEL1.sitemap-selected-item > a {
background-color: rgba(255,255,255,0.1);
}
#ermes_main_menu li.LEVEL1 .dropdown-menu a:hover {
/*background: #2B3975;
color: #fff;*/
}
#ermes_main_menu li.LEVEL1 .caret {
/*display: none;*/
}
#ermes_main_menu li.LEVEL1 .dropdown-menu {
text-align: left;
border: none;
background: #8A052B;
}
#ermes_main_menu .dropdown-menu>li>a {
color: #fff;
font-size: 14px;
text-align: left;
text-transform: none;
padding: 4px 14px;
}
#ermes_main_menu .dropdown-menu>li>a:hover, #ermes_main_menu .dropdown-menu>li:hover>a {
background: #8A052B;
color: #fff;
}
/*************/
.profilBox {
/* top: -25px; */
width: auto;
}
.button-my-account {
z-index: 30;
padding-top: 60px;
position: absolute;
right: 30px;
bottom: -50px;
}
.btn-account {
background: #fff;
color: #F6ABC1;
border-radius: 10rem;
padding: 10px 20px;
font-weight: 500;
line-height: 100%;
font-size: 16px;
}
.btn-account i {
display: none;
}
.btn-account:hover, .btn-account:focus, .btn-account:active, .btn-account.active, .open .dropdown-toggle.btn-account {
background: #F6ABC1;
color: #fff;
}
.btn.btn-lg.btn-account.account-form.toggle-title {
/*line-height: 36px;*/
}
}
@media (min-width: 320px) and (max-width: 567px) {
#rich-footer-4 .col-xs-6 {
width: 100%;
}
}
@media (min-width: 320px) and (max-width: 414px) {
#footer-4 p {
float: none;
}
}
@media (max-width: 1024px) {
#footer-4 #footer_connexes .container {
margin: 0 15px;
}
}
@media (min-width: 320px) and (max-width: 767px) /* col-xs */ {
.navbar > .container .navbar-brand {
margin: 10px;
}
.change-site-mobile {
display: none;
}
#ermes_main_menu li.LEVEL1.nodisplay {
position: relative !important;
}
#search-panel {
margin: 0;
padding: 10px 0;
margin-top: 15px;
margin-bottom: 15px;
}
#scenario-selection, #submit-search {
padding: 0 8px;
}
.tt-hint {
height: 47px;
}
#scenario-selection, #submit-search {
height: 47px;
line-height: 47px;
}
#textfield, .clean-text-field {
height: 47px;
}
#search-panel .container .panel-body.col-md-8 {
height: auto;
top: 10px;
max-width: 100%;
}
#globalAdvancedSearchLink {
background: none;
color: #fff;
padding: 10px;
position: absolute;
right: 0;
top: 41px;
}
.carrousel-txt-g .sub_cont {
padding: 0;
width: 100%;
}
.carrousel-txt-g .slider_container {
width: 100%;
height: auto;
padding: 5px;
}
.carousel_3 h3 {
font-size: 16px;
}
.carousel_3 p {
display: none;
}
#nav-rich-menu {
width: 100%;
}
#nav-rich-menu li a {
text-align: center;
text-decoration: none;
}
#nav-rich-menu li {
display: block;
}
#nav-rich-menu li .dropdown_container a {
background: transparent;
}
.img-responsive {
margin: 0 auto;
}
#nav-rich-menu .dropdown_container {
margin-top: 0;
}
#nav-rich-menu .dropdown {
padding: 0;
}
.title_menu span {
margin-left: 0;
text-transform: none;
}
#nav-rich-menu .dropdown_container a:focus, #nav-rich-menu .dropdown_container a:hover, #nav-rich-menu .dropdown_container a:active, #nav-rich-menu .dropdown_container a.active {
background: none repeat scroll 0 0;
}
#nav-rich-menu li > a span {
text-transform: uppercase;
}
#ariane {
font-size: 12px;
}
#dropChangeCulture .caret {
border-color: #000 transparent currentcolor;
}
.dropdown_container.col-xs-6.col-sm-6.col-md-6.col-lg-6.text-left:hover h4 span, .dropdown_container.col-xs-6.col-sm-6.col-md-6.col-lg-6.text-left:hover {
background: #2B3975;
color: #fff;
}
#nav-rich-menu .title_menu h4, #nav-rich-menu .title_menu p {
color: #646c79;
margin-top: 5px;
}
#nav-rich-menu li:nth-child(1) {
margin: 0 auto;
background: none;
padding: 5px;
width: 100%;
font-size: 20px;
}
#footer-4 #footer_connexes .container {
margin: 0px;
}
}
@media (min-width: 320px) and (max-width: 374px) /* col-xs */ {
#ariane {
display: none;
}
#search-panel {
padding-bottom: 30px;
}
}
@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 */ {
#nav-rich-menu li a {
font-size: 15px;
}
#nav-rich-menu li:nth-child(1) a {
font-size: 23px;
}
#nav-rich-menu .title_menu h4 {
font-size: 16px;
}
#nav-rich-menu .title_menu p {
font-size: 12px;
}
#search-panel {
padding: 35px 0 27px;
}
#globalAdvancedSearchLink {
background: none;
right: 0;
top: 80px;
}
#langue-btn {
bottom: 225px;
}
}
@media (min-width: 1024px) and (max-width: 1279px) /* col-md */ {
/*.navbar > .container .navbar-brand {
margin: 10px 0 10px;
}
#langue-btn {
bottom: 250px;
}
#globalAdvancedSearchLink {
right: 0;
top: 90px;/*background:red;
}
#nav-rich-menu li:nth-child(1) a {
font-size: 25px;
margin-left: 20px;
}
.navbar.navbar-inverse {
top: -50px;
}
*/
}
@media (min-width: 1280px) and (max-width: 1365px) /* col-lg */ {
#globalAdvancedSearchLink {
right: 0;
top: 90px;
}
}
@media (min-width: 1366px) and (max-width: 1399px) /* col-lg */ {
}
@media (min-width: 1400px) and (max-width: 1439px) /* col-lg */ {
}
@media (min-width: 1440px) and (max-width: 1599px) /* col-lg */ {
}
@media (min-width: 1600px) and (max-width: 1679px) /* col-lg */ {
}
@media (min-width: 1680px) and (max-width: 1919px) /* col-lg */ {
}
@media (min-width: 1920px) /* col-lg */ {
}
/***************/
@media (min-width: 768px) and (max-width: 992px) {
#menu-panel {
background: #232321;
}
#ermes_main_menu {
margin: 0;
}
}
@media (max-width: 767px) {
#menu-panel {
top: 43px;
}
/***********Menu mobile***********/
#ermes_main_menu {
width: 100%;
background: #242422;
margin: 0;
padding: 20px;
border-bottom: 10px solid #fff
}
#ermes_main_menu li.LEVEL1 {
width: 100%;
background: transparent;
border: none;
margin: 0 0 20px 0;
}
#ermes_main_menu li.LEVEL1 > a {
padding: 12px 0 16px 0;
color: #fff;
text-transform: uppercase;
height: 100%;
display: block;
width: 100%;
font-size: 1.8rem;
line-height: 100%;
font-weight: normal;
text-align: left;
border-top: 5px solid #fff;
}
#ermes_main_menu li.LEVEL1 > a:hover, #ermes_main_menu li:hover > a, #ermes_main_menu li.LEVEL1 > a:focus, #ermes_main_menu li:focus > a, #ermes_main_menu li.LEVEL1 a:focus {
background: #242422;
color: #fff;
border-top: 5px solid #fff;
}
#ermes_main_menu > li.LEVEL1.open a {background: #242422;
color: #fff;
}
/*************/
/*************/
#ermes_main_menu .dropdown-menu {
background: #242422;
border: none;
padding: 0;
border-radius: 0;
margin-top: 0px;
}
#ermes_main_menu .dropdown-menu>li>a {
color: #fff;
font-size: 16px;
text-align: left;
text-transform: none;
padding: 4px 14px;
border: none
}
#ermes_main_menu .dropdown-menu>li>a:hover, #ermes_main_menu .dropdown-menu>li:hover>a {
background: #fff;
color: #242422;
}
#ermes_main_menu li.LEVEL1 .caret, #ermes_main_menu li.LEVEL1 a:hover .caret {
border-bottom-color: #fff;
border-top-color: #fff;
}
#ermes_main_menu li.LEVEL1 > a:hover .caret, #ermes_main_menu li:hover > a .caret {
border-bottom-color: #fff;
border-top-color: #fff;
}
#menu-panel .navbar-collapse {
border: none;
}
}
@media (max-width: 767px) {
.frame-no-title .icon-resize-small.pull-right {
float: none !important;
}
.frame-no-title .panel-heading {
text-align: right;
}
}
#exportMyAccount {
display: none;
}
.btn-account .visible-xs i.icon-lock {
cursor: pointer;
top:1px;
}
.btn-account .visible-xs i.icon-lock:before {
content: 'MY KBR';
font-family: Monserrat, sans-serif;
}
.navbar-container.container.container-header{
height:65px;
}
.affichageshortcolumn{
vertical-align: top;
padding-left:15px;
width:15%;}
/*Digital doc: Masquer les grandes boutons, boutons partager*/
.zoomCustomNaviFS{
display: none !Important;
}
button[title=Partager]{
display:none !important;
}
button[title=Share]{
display:none !important;
}
button[title=Delen]{
display:none !important;
}
button[title=Détail]{
display:none !important;
}
button[title=Detail]{
display:none !important;
}
.field-container.select-field.field-code-TypeOfDocument_idx label {
display: none !important;
}
.field-container.checkbox-field.field-code-TypeOfDocument_idx .checkbox-field-label, .field-container.checkbox-field.field-code-DIGIT_idx .checkbox-field-label{
display:none !important;
}
.side-bar{
display:none !important;
}
.site-btn.btn-group{
display:none !important;
}
#group-UserData3 .form-group:nth-child(3) label {
float: right;
width: 85%;
text-align: left;
padding-left: 27px;
}
#group-UserData3 .form-group:nth-child(3)>div {
width:20px;
}
#group-UserData3 .form-group:nth-child(3) div.checkbox input[type*="checkbox"] {
text-align: right;
margin-left: 177px;
}
#UserAccountGroupPart1 legend {
display:none;
}