/* Base */
* {box-sizing:border-box;}
html{height:100%}
body{height:100%;background:white;color:#000;font-family:'Open Sans',Helvetica,Arial,Tahoma,Sans-Serif;margin:0;padding:0;font-size:12px;width:100%}
ul,li{list-style:none;margin:0;padding:0}
p{margin:0;padding:0;}
img{border:none;display:inline-block;vertical-align:middle}
form,fieldset{margin:0;padding:0;border:none}
input{margin:0;padding:0}
input[type=text],input[type=password]{padding:5px;background:#fff;border:1px solid #cfcfcf}
input[type=submit]{cursor:pointer}
a{color:#000000;text-decoration:none;cursor:pointer;}
a:hover{color:#222;text-decoration:underline}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-style:normal;font-weight:normal;line-height:100%}
table{width:100%;margin:0;padding:0;border-collapse:collapse}
tr{vertical-align:top;margin:0;padding:0;border-collapse:collapse}
td{vertical-align:middle;margin:0;padding:0;border-collapse:collapse}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;}
.position-relative{position:relative;}
.no-padding {padding: 0;}
.d-none {display: none;}
.d-block {display: block !important;}
.d-inline-block {display: inline-block;}
.d-inline {display: inline;}
.vertical-align-middle {vertical-align: middle;}
.text-right {text-align: right !important;}
.pull-left, .float-start {
  float: left;}
.fw-bold {
  font-weight: bold;}
.fst-italic {
  font-style: italic;}
.fs-2em {
  font-size: 2em;
}
.fs-40px {
  font-size: 40px;}
.ffa-georgia {
  font-family: Georgia, 'Times New Roman', Times, serif;}
.w-100 {
  width: 100% !important;}
.text-transform-capitalize {
  text-transform: capitalize;}
.px-05 {
  padding: 0 5px 0 5px;}
.p-15 {padding: 15px;}
.pb-01 {padding-bottom: 10px;}
.d-table {
  display: table;}
.m-auto {margin:auto;}
.mx-1 {margin:0 10px 0 10px;}
.mb-005 {margin-bottom: 5px;}
.mb-01 {margin-bottom: 10px;}
.mb-02 {margin-bottom: 20px;}
.me-01 {margin-right:10px;}
.me-02 {margin-right:20px;}
.ms-02 {margin-left:20px;}
.ms-01 {margin-left:10px;}
.mt-005 {margin-top: 5px;}
.mt-02 {
  margin-top: 20px;}
.mt-03 {
  margin-top: 30px;}
.text-info {
  color: #D9832F;}
.pull-right, .float-end {
  float: right;}
.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;}
.bg-primary {
  background: #2c71a5;}
.bg-white {
  background: #ffffff;}
.border-0 {
  border: 0;}
.border-bottom-primary {
  border-bottom:1px solid #2c71a5;}
.bg-sucess {
  background: #00851f;}
.bg-secondary {
  background: #6A6A6A;}
.text-white {
  color: #fff;}
.text-dark {
  color: #000;}
/*** NOUVELLE VERSION MBPRO ***/

/* Header */
.navbar {
  width: 100%;
  position: relative;
  padding: 1rem 0.5rem;
  background: #EBF1F9;}
/* Menu main  */
#btn-navbar--main-menu {
  padding: 5px 15px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  font-family:'Open Sans',Helvetica,Arial,Tahoma,Sans-Serif;}
#main-menu {
  list-style-type: none;
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  width: auto;
  z-index: 1000;
  top: 35px;
  position: absolute;
  padding: 15px 0px;
  border-radius: 7px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);}
#main-menu li {
  padding: 5px 20px;}
#main-menu li a {
  text-decoration: none;
  color: #000000;
  font-size: 14px;}
#main-menu li a:hover {
  text-decoration: underline;}
.navbar-item-settings, .navbar-item-deconnexion, .navbar-item-home,.search-bar button {
  padding: 10px;
  border-radius: 50px;
  display: inline-block;}
.navbar-item-settings:hover, .navbar-item-deconnexion:hover, .navbar-item-home:hover,.search-bar button:hover {
  background: #C4E6FF;
  border-radius: 50px;}
.search-bar {
  border-radius: 20px;
  background-color: #fff;
  position: relative;
  border: 2px solid #D4DCE2;}
.search-bar  input[type=text]::-webkit-input-placeholder {
  font-style: italic;
  color: #6a6a6a;
  font-weight: normal;}
.search-bar  input[type=text]:-moz-placeholder {
  font-style: italic;
  color: #6a6a6a;  
  font-weight: normal;}
.search-bar  input[type=text]::-moz-placeholder {
  font-style: italic;  
  color: #6a6a6a;
  font-weight: normal;}
.search-bar  input[type=text]:-ms-input-placeholder {  
  font-style: italic; 
  color: #6a6a6a;
  font-weight: normal;}
.search-bar input[type="text"] {
  padding: 10px;
  font-size: 14px;
  width: calc(100% - 22px); /* Adjusting for padding */
  border: 1px solid #ccc;
  transition: border-color 0.3s;}
.search-bar input[type="text"]:autofocus {
  outline: 2px solid #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}
.focused {
  border: 2px solid #0D63AD;}
.search-bar select,
.search-bar input[type="text"],
.search-bar button {
  vertical-align: middle;
  border: none;
  outline: none;
  background-color: transparent;
  position:relative;
  z-index: 10000;
  color: #000;}
.search-bar select {
  padding: 10px;
  width: 135px;
  box-sizing: border-box;
  -webkit-appearance: none; /* Pour les navigateurs WebKit */
  -moz-appearance: none; /* Pour les navigateurs Firefox */
  appearance: none; /* Modern browsers */
  background: transparent;
  /* Masquer la flèche par défaut pour IE */
  *background-color: transparent;
  *border: none;
  *color: transparent;
  *font-size: 0;
  *line-height: 0;
  *text-align: right;}
/* Masquer la flèche par défaut de IE */
.search-bar select::-ms-expand {
  display: none;}
/* Ajouter une flèche personnalisée */
.search-bar::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 115px;
  width: 16px;
  height: 16px;
  background: url('/images/icon-news-version/Fleche_basnoir.png') no-repeat center center;
  width: 10px;
  background-size: contain;
  pointer-events: none; /* Empêche la flèche d'être cliquable */
  transform: translateY(-50%);
  z-index: 10000;}
.search-bar input[type="text"] {
  width: 320px; /* Largeur fixe pour une meilleure compatibilité */
  padding: 13px;
  border-left: 1px solid #d0d0d0;}
.search-bar button {
  cursor: pointer;
  margin: 0 2px;}
.search-bar button img {
  width: 20px;
  height: 20px;}
.dataTables_processing {
  width: 200px;
  height: 200px;}
.home-search-bar .search-bar {
  background: #F5F6F8;}
.home-search-bar .search-bar input[type="text"] {
  width: 550px;}
.home-search-bar .list-inline a {
  color: #0D63AD;}
.list-inline {
  padding-left: 0;
  list-style: none;}
.list-inline-item {
  display: inline-block;}
.container-columns {        
  width: 100%;
  display:table;}
.column {
  display: inline-block; /* Rend chaque colonne en mode bloc-inline */
  vertical-align: top; /* S'assure que les colonnes sont alignées en haut */
  padding: 20px;}
.column-side-left {
 width:270px;}
.column-side-right {
 width:400px;}
.column-center {
 width:280px;}
.column-content {
  margin-bottom:20px;        
  border: 1px #ffffff solid;
  border-radius: 10px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
  padding:10px;}
.column-content h3 a img {
  width:15px;}
.column-content h4 a img, .column-content ul li a img, a.link-palmares img {
  width:12px;
  margin-top: 4px;}
.column-content ul li {
  padding: 7px 0;}
#palmaresHome {
  margin: 30px 0px;}
#palmaresHome tr {
  border-bottom: 1px #9e9baa solid;
  padding: 5px;}
#palmaresHome td {
  font-size: 12px;
  padding: 10px 0px;}
.td-title {
  width: 80%;
  font-weight: bold;}
.td-img {
  width: 10%;}
.td-img img{
  width: 30px;}
.td-rank, .td-count {
  width: 5%;
  font-weight: bold;}
.td-count span {
  background: #e8e8e8;
  padding: 0 4px 2px 4px;
  border-radius: 5px;
  color: #000000;
  border: 1px solid #e8e8e8;}
.dateActu{
  color:#7c6e6e;}
.text-primary {
  color: #2C71A5;}
.messageInfo {
  margin: 10px 0px;}
#contentMail {
  margin-top: 10px;
}
#resultNewsletter{
  margin-top: 10px;}
.card-documentation {
  display: inline-block;
  vertical-align: top;
  padding: 20px;
  float: left;
  width: 350px;
  height: 155px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
  border: 1px #ffffff solid;
  border-radius: 10px;
  position: relative;}
.icon-book-user {
  background: #EDEDED;
  border-radius: 50px;
  padding: 15px;}
.position-absolute {
  position: absolute;}
.btn-download {
  float: left;
  align-items: center;
  background: #F0F0F0;
  color: #2C71A5;
  padding: 10px;
  border-radius: 10px;
  font-size: 14px;
  bottom: 20px;
  left: 20px;}
.bg-primary-light {
  background: #E4EDF7;}
.p-2 {
  padding: 20px;}
.px-2 {
  padding: 0 20px 0 20px;}
.text-secondary {
  color: #6A6A6A;}
.me-005 {
  margin-right: 5px;}
.p-3 {
  padding: 30px;}
.m-0-auto {
  margin: 0 auto;}
.card {
  margin-bottom: 30px;
  border: 1px #ffffff solid;
  border-radius: 10px;
  box-shadow: 0px 0 6px rgba(0, 0, 0, 0.4);
  padding: 20px;
  width: 95%;
  float:left;}
.px-3 {
  padding: 0 30px;}
.left--annuaire-detail, .right--annuaire-detail {
  float: left;
  width: 45%;}
.card-title {
  display: inline-block;
  width: 100%;
  height: 40px; /* Ajustez cette hauteur selon vos besoins */
  line-height: 40px; /* Doit correspondre à la hauteur pour centrer verticalement */
  vertical-align: middle;}
.card-title-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; /* Ajustez l'espacement entre l'icône et le texte */}
.card-title img {
  vertical-align: middle; /* Aligne l'image verticalement avec le texte */
  height: 100%; /* Assurez-vous que l'image ne dépasse pas la hauteur de la ligne */}
.card-title h2 {
  display: inline-block;
  vertical-align: middle;
  font-size:2em;}
.card-title-icon {
  display: inline-block;
  width: 40px; /* taille du cercle */
  height: 40px; /* taille du cercle */
  background-color: #F0F0F0; /* couleur de fond */
  -ms-border-radius: 50%; /* bordure arrondie pour IE8 */
  border-radius: 50%; /* bordure arrondie pour les autres navigateurs */
  text-align: center;
  line-height: 50px; /* centrage vertical en utilisant la hauteur du conteneur */
  position: relative;}
.card-title-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%; /* ajustez selon la taille de l'image */
  height: 50%; /* ajustez selon la taille de l'image */
  transform: translate(-50%, -50%); /* centrage avec transformation */
  -ms-transform: translate(-50%, -50%); /* centrage avec transformation pour IE8 */}
.card-list li {
  padding: 2px 0;
  font-size: 13px;}
#table--annuaires tbody tr {
  cursor: pointer;}
#table--annuaires tbody tr:hover {
  background: #e8f5ff;}
.table th, table.dataTable thead th, table.dataTable thead td {
  text-align: left;
  padding: 10px 5px !important;
  font-weight: bold !important;
  font-size: 14px;
  border-bottom: 2px solid #E9E9E9 !important;}
.table td {
  border-bottom: 1px solid #E9E9E9;
  padding: 5px;
  height: 50px;
  font-size: 14px;}
.table.dataTable.no-footer {
  border-bottom: 2px solid #E9E9E9;}
.dataTables_info {
  font-size: 13px;}
#table--annuaires_info {
  padding: 10px 5px;}
.dataTables_length {
  font-size: 13px;
  padding-top: 0.755em;
  padding-left: 50px;}
.dataTables_length .form-control {
  padding: 4px;
  border-radius: 5px;}
.table td a {
  color: #0D63AD;
  font-weight: bold;}
.table.dataTable thead th {
background: transparent !important;
white-space: nowrap;}
.table.dataTable thead span.sort-icon {
display: inline-block;
padding-left: 5px;
width: 16px;
height: 16px;}
.table.dataTable thead .sorting span { background: url('https://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_both.png') no-repeat center right;}
.table.dataTable thead .sorting_asc span { background: url('https://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_asc.png') no-repeat center right;}
.table.dataTable thead .sorting_desc span { background: url('https://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_desc.png') no-repeat center right;}
.pagination .active {
  background: #2C71A5;
  color: #ffffff;}
.pagination .active a {
  color: #ffffff;}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: 4px !important;
  padding: 0 !important;
  margin: 2px;
  font-size: 13px;}
.dataTables_wrapper .dataTables_paginate .paginate_button a {
  padding: 0.4em 0.8em;
  display: block;
  text-decoration: none;
  border:  1px solid transparent !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #2C71A5 !important;
  border: 1px solid transparent !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button a:hover {
  color: #ffffff;
  text-decoration: none;}
.dataTables_wrapper .dataTables_paginate {
  padding-top: 1.25em !important;}
.table th {
  text-align: left;
  padding: 10px 5px;
  font-weight: bold;
  border-bottom: 2px solid #cfcfcf;}
.table td {
  border-bottom: 1px solid #cfcfcf;
  padding: 5px;}
.cursor-pointer {
  cursor: pointer;}
.fw-bold {
  font-weight:bold;}
.list-inline li {
  display: inline-block;}
.px-3 {
  padding: 0 30px 0 30px;}
.mb-2 {
  margin-bottom: 20px;}
.mb-1 {
  margin-bottom: 10px;}
.ms-1 {
  margin-left:10px;}
.nav-tabs {
  border-bottom: 1px solid #E9E9E9;}
.nav-tabs li label {
  display: block;
  padding: 10px 15px;
  border-bottom: 2px solid transparent;
  font-size: 1.35em;
  font-weight: bold;}
.nav-tabs li input[type="radio"] {
  display: none;}
.nav-tabs li input[type="radio"]:checked + label  {
  border-bottom: 2px solid #2c71a5;
  color: #2c71a5;}
.nav-tabs li input[type="radio"] + label a  {
  text-decoration: none;}
.nav-tabs li input[type="radio"] + label:hover  {
  border-bottom: 2px solid #000;}
.search-container {
  position: relative;}
#input_titre {
  padding: 6px 10px 6px 35px;
  box-sizing: border-box;
  width: 25%;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;}
#button_submit {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: none;
  cursor: pointer;}
#button_submit img {
  width: 17px;
  height: 17px;}
#input_titre:focus,.search-container select:focus {
  outline: none;
  border: 2px solid #2c71a5;}
.search-container select {
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 15px;}
.search-container .custom--checkbox {
  padding: 4px 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 15px;}
.noLink {
  color: #6A6A6A;}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
/* Messages d'alerte */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-home {
  width:60%;
  margin:10px auto;
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.loader {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 55%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: -22px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #000;
  animation: spinner .6s linear infinite;
}

.loader_fixe {
  width: 13px;
  height: 13px;
}

@keyframes rotation {
  from {
    opacity: 1;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(359deg);
  }
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
/*****/
.wrapper { /* div qui englobe la page � l'exception du footer */
height:auto;margin:0 auto;
}
.wrapper>.tet_logo{padding-top:30px;width:100%;margin: 0 auto}
.wrapper>.tet_logo2{padding-top:72px;margin:0 auto;width:100%;}

.cont-search{width: 100%;text-align: left;}
.cont-search>a {
display:inline-block;
zoom: 1;
display: inline;/* ie7 */
vertical-align:middle;
line-height:12px;
padding:0 10px;
}

/* interface de connexion au service */
#box-login{margin:30px auto;padding:10px 0 0 0;width:40%;}
#box-login #Log{text-align: center;}
#box-login p{margin:20px 0 0 0}
#box-login label,#box-login input {
  display:inline-block;
  vertical-align:middle;
  font-size:16px;
  color:#919191;
}
#box-login label{
  text-align:left;
  margin-bottom: 10px;
  width:100%;
  padding: 5px 10px 5px 5px;
}
#box-login input[type=text],
#box-login input[type=password] {
  width:100%;
}
#box-login p.souvenir{
margin:5px 0 0 0;
text-align: left;
}
#box-login p.souvenir>input{
font-size: 14px;
}
#box-login p.souvenir>label{
font-size: 14px;
width: 90%;
padding: 0 5px 0 10px;
}
#box-login>form>p>button {
	border: none;
	cursor: pointer;
	padding: 8px 20px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	background:#2C71A5;
	color:#fff;
	box-shadow: 0 2px #005ec2;
	border-radius:3px;
	font-size: 12px;
}
#box-login>form>p>button:hover{
box-shadow: 0 2px #005ec2;
background:#2C71A5;
top: 1px;
}
#box-login>form>p>button:active{
box-shadow: 0 0 #005ec2;
background: #2C71A5;
top: 3px;
}
#box-login>p{
margin: 20px 0 0 336px;
font-size: 14px;
color: red;
}
/**/
.menu-light-mbpro{text-align:right; float: right;}
.menu-light-mbpro > li {
  display:inline-block;
  zoom: 1;
  *display: inline;/* ie7 */
  vertical-align:top;
  margin:0 5px;
}

.btn_base_choice{
  background-color: #2C71A5;
  color: white;
  border: none;
  padding: 10px;
  width: 80%;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.bloc_btn_base{
  padding: 10px;
}

.books_menu_box {
  display:none;
  list-style-type:none;
  background:#efefef;
  border:1px solid #2C71A5;
  border-left:0;
  border-right:0;
  position: absolute;
  z-index: 1000;
}

.books_menu_box li {
  padding:5px;
  text-align:left;
}

.books_menu_box li a {
  font-size:1.1em;
  font-weight:bold;
  color:#2C71A5;
}

.navSuivPrec {
  margin-top: 7px;
}

.navSuivPrec ul li {
  display: inline-block;
}

.pictoNouv { padding: 3px; background: #EE8648; color: #ffffff; text-transform: uppercase; font-size: 8px; font-weight: bold; border-radius: 3px;}

.logo_TL{float:left}
.logo{
  clear: both;
  margin: 0 auto;
  text-align: center;
  font-family: georgia, serif;
  font-size: 4em;
  font-style: italic;
}
.logo a{color:#2C71A5}
.logo a:hover{text-decoration:none}


p.infoStocks{
  display:inline;
	font-weight:bold !important;
}
.adv-search {
  margin-left:5px;
  display:inline-block;
  zoom: 1;
  *display: inline;/* ie7 */
  vertical-align:middle;
  text-align:center;
  width:10%;
}
.adv-search>a{
	color: #2c71a5;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}
.adv-search>a:hover{
	color:#000;
	text-decoration:none;
}
.icon-adv-search {
  display: inline-block;
}
.message_service {
  margin:0 auto 10px;
  padding:20px;
  background-color:#F8F4D5;
  border: #EFECD1; 
  margin-top:20px;
  width:700px;
  border:1px solid #E9E4BE;
}
.message_infos {
  margin: 0 auto 10px;
  padding: 10px;
  width:670px;
  text-align:left;
  background: #fff7e3;
  color: #EE8648;
  display: table;
  align-items: center;
}
.message_infos p {
  width: 95%;
}
/* Moteur Pertimm */
/* Suppression style de jquery.css */
.ui-widget-content {
  border: 0;
  background: none;
  color: #555;
}
.ui-corner-all {
  border-radius: 0;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
  border: none;
  background: #cfcfcf;
  font-weight: normal;
  color: #555;
  outline: none;
}
.ui-helper-hidden-accessible{display:none}

.ui-autocomplete {
  font:12px/150% arial,sans-serif;
  border:1px solid #cfcfcf;
  width:250px;
  background-color: #FFF;
  margin: 0;
  padding: 0 0 5px 0;
  box-shadow: 3px 3px 10px #1f1f1f;
  text-align:left;
  z-index: 100000;
}

.tet_recherche .suggest-menu {
  top: 210px !important;
}

.suggest-menu ul li {
  display: inline-block;
  width: 100%;
  padding: 3px 8px !important;
}

.suggest-menu li {
  margin: 0 !important;
}

.suggest-menu .suggestInfos {
  float: left;
  width: 85%;
}

.match {
  font-weight: 900;
}

.suggestTitre {
  font-weight: 600;
  font-size: 14px;
}

.suggest-menu li:hover, .suggest-menu a:focus {
  background: #ededed;
}

.suggestAuteur {
  color: #757575;
  font-size: 13px;
}

.ui-state-focus {
  border: none;
  color: #555;
  background: #cfcfcf;
}

.ui-menu-item a {
  display:block;
  line-height:150%;
  padding:3px 5px;
  color: #555;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #555;
  text-decoration: none;
}

.ui-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
li.ui-menu-item {cursor:pointer;}

/* Auto-Compl�tion */
#DevReponses{
  position:absolute;
  top:44px;
  left:15px;
  text-align:left;
  display:none;
  background-color:#FFF;
  margin:0;
  padding:0;
  width:512px;
  border:1px solid #cfcfcf;
  box-shadow: 3px 3px 10px #555;
  z-index:10000000000;
}
#DevReponses ul{margin:0;padding:0;list-style-type:none;height:auto}
#DevReponses ul li { padding:5px 0; background:#FFF; float:none; height:auto; line-height:100%; }
#DevReponses ul li a {color:#222; display:block; font-weight:normal; padding:0 5px; height:auto; line-height:100%; }
#DevReponses ul li.suggest:hover,
#DevReponses ul li.sughov{background-color:#cfcfcf}
#DevReponses ul li.suggest:hover a,
#DevReponses ul li.sughov a{color:#000}

/* wrap central */
#wrap_central {
	width:100%;
	margin:0 auto;
  float: left;
}

.no_result{background:#fff;text-align:center;padding:20px 0 20px 0;margin:20px 0 20px 0;font-size:1.4em}
.msg_no_result{font-size: 1.8em;margin-bottom: 40px;}

.link_no_result{
  color: #2C71A5;
  font-size: 20px;
  line-height: 16px;
  font-weight: bold;
}

/* Filtre de tri */
.cont_filtre_tri{background:#2c71a5;}
.cont_filtre_tri{color:#333;font-size:11px;padding:5px 0 5px;width:100%;margin:0 auto;float: left;}
.cont_filtre_tri label{font-weight:bold;padding-right:5px}
.cont_filtre_tri select {
  border: solid 1px #fff;
  color: #0D63AD;
  margin-right: 8px;
}

/* recherche avancee */

#recherche_avancee{
  width: 100%;
  text-align: left;
  margin: 0 auto;
}

#recherche_avancee>form>p{margin-top:10px;}
#recherche_editeur>form>p>label,
#recherche_editeur>form>p>input,
#recherche_avancee>form>p>label, #recherche_avancee>form>div.toduplicate>p>label,
#recherche_avancee>form>p>input,
#recherche_avancee>form>p>select{display:inline-block;vertical-align:middle;}
#recherche_avancee>form>p>label,#recherche_avancee>form>div.toduplicate>p>label,#recherche_avancee>form>p>legend{width:200px;}
#recherche_avancee>form>p>label.dateFinPeriode{width:40px;}
#recherche_avancee>form>p>input[type='text'],#recherche_avancee>form>div.toduplicate>p>input[type='text'],
#recherche_editeur>form>p>input[type='text'],
#recherche_avancee>form>p>select,#recherche_avancee>form>div.toduplicate>p>select{width:250px;font-size: 16px;padding: 5px;border: 1px solid #cfcfcf;}

#rcha_titre2,#rcha_titre3, #rcha_titre4, #rcha_titre5{margin-left: 205px; margin-bottom: 5px;}
#rcha_auteur2,#rcha_auteur3, #rcha_auteur4, #rcha_auteur5{margin-left: 205px; margin-bottom: 5px;}
#rcha_editeur2,#rcha_editeur3, #rcha_editeur4, #rcha_editeur5{margin-left: 205px; margin-bottom: 5px;}
#rcha_collection2,#rcha_collection3, #rcha_collection4, #rcha_collection5{margin-left: 205px; margin-bottom: 5px;}
#rcha_compositeur2,#rcha_compositeur3, #rcha_compositeur4, #rcha_compositeur5{margin-left: 205px; margin-bottom: 5px;}
#rcha_artiste2,#rcha_artiste3, #rcha_artiste4, #rcha_artiste5{margin-left: 205px; margin-bottom: 5px;}
#rcha_interprete2,#rcha_interprete3, #rcha_interprete4, #rcha_interprete5{margin-left: 205px; margin-bottom: 5px;}

#recherche_avancee>form>p>select{width:262px;color: #919191;}
#recherche_avancee>form>p>select.selectJour{width:70px;}
#recherche_avancee>form>p>select.selectMois{width:120px;}
#recherche_avancee>form>div.toduplicate>p>select{width:70px;}
#recherche_avancee>form>p>select.selectAnnee{width:80px; padding:5px 0 5px 5px;}
#recherche_avancee>form>p.rcha_format>label,
#recherche_avancee>form>p.rcha_format>label>input{display:inline-block;vertical-align:middle;}
#recherche_avancee>form>p.rcha_format>label+label{width:130px;}
#recherche_avancee>form>p.rcha_format>label+label>input{margin-right:3px;}
#recherche_avancee>form>p.rcha_parution>input+label{width: 60px;text-align: center;}
#recherche_avancee>form>p.rcha_parution>input{width:85px; text-align:center;}
#recherche_avancee>form>p.rcha_drm,
#recherche_avancee>form>p.rcha_extrait,
#recherche_avancee>form>p.rcha_drm>label,
#recherche_avancee>form>p.rcha_drm>label>input,
#recherche_avancee>form>p.rcha_extrait>label,
#recherche_avancee>form>p.rcha_extrait>label>input{display:inline-block;vertical-align:middle;}
#recherche_avancee>form>p.rcha_drm,
#recherche_avancee>form>p.rcha_extrait{padding:10px 0;}
#recherche_avancee>form>p.rcha_drm>label{padding-left:205px;}
#recherche_avancee>form>p.rcha_drm>label,
#recherche_avancee>form>p.rcha_extrait>label{width:130px;}
#recherche_avancee>form>p.rcha_drm>label>input,
#recherche_avancee>form>p.rcha_extrait>label>input{margin-right:3px;}
#recherche_avancee>form>p.rcha_disponibilite>label,
#recherche_avancee>form>p.rcha_disponibilite>label>input{display:inline-block;vertical-align:middle;}
#recherche_avancee>form>p.rcha_disponibilite>label #indisponible{padding-left:5px;}
span.rca_indispo {color:#EE3A68;}
span.rca_dispo {color:#6c3;}
span.rca_aparaitre{color:#6cf;}
#recherche_avancee>form>p.rcha_disponibilite>label+label{width:130px;}
#recherche_avancee>form>p.rcha_disponibilite>label>input{margin-right:3px;}
#recherche_editeur>form>p>button,
#recherche_avancee>form>p>button{
  border: none;
  cursor: pointer;
  padding: 8px 20px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  outline: none;
  position: relative;
  background: #2C71A5;
  color: #fff;
  box-shadow: 0 2px #005ec2;
  border-radius: 3px;
  font-size: 12px;
  float: right;
}


#recherche_editeur>form>p>button{
  margin-left: 10px;
}



/*
#recherche_avancee>form>p.rcha_disponibilite, #recherche_avancee>form>p.rcha_format, #recherche_avancee>form>p.rcha_drm, #recherche_avancee>form>p.rcha_extrait {
  display:none;  filtres qui ne fonctionnent pas pour l'instant
}*/
#recherche_avancee>form>p.rcha_drm, #recherche_avancee>form>p.rcha_extrait {
  display:none; /* filtres qui ne fonctionnent pas pour l'instant*/
}

/* Recherche : Tri */
.tri_recherche{display:inline-block;font-weight:bold;background:#fff;padding:5px 10px;text-align:right;float: right;margin: 0 10px;}
.tri_recherche>form{margin:0}

/* Recherche : Filtre type livre */
.bloc_filtre_type {
  float:left;
  margin-right:60px;
}
/* Recherche : Form nb articles */
.form_nb_articles {
  font-weight: bold;
  background: #fff;
  padding: 5px 10px;
  float: right;
}

/* Recherche : Filtre prix */
.bloc_filtre_prix {
  float:left;
  padding-top:3px;
}

.bloc_filtre_prix ul {
  display:inline-block;
  *float:left;
  list-style-type:none;
}
.bloc_filtre_prix ul li {
  display:inline-block;
  *float:left;
  margin-left:8px;
}
.bloc_filtre_prix ul li a{
  display:block;
  color:red;
}
.bloc_filtre_prix ul li a:hover{
  text-decoration:underline;
}
.colorsansdrm{color:#696}

.dispo{display:inline-block;vertical-align:middle;background:url('/images/icon_disponible.png') no-repeat top left; background-size: 100%;}
.dispo_ebook{display:inline-block;vertical-align:middle;background:url('/images/icon_disponible.png') no-repeat top left; background-size: 100%;}
.dispo_aparaitre{display:inline-block;vertical-align:middle;background:url('/images/icon_a_paraitre.png') no-repeat top left; background-size: 100%;}
.dispo_epuise,.dispo_indispo{display:inline-block;zoom: 1;*display: inline;/* ie7 */vertical-align:middle;background:url('/images/icon_epuise.png') no-repeat top left; background-size: 100%;}
.dispo_commande {display:inline-block;vertical-align:middle;background:url('/images/icon_manquant.png') no-repeat top left; background-size: 100%;}
.dispo_inconnu{display:inline-block;vertical-align:middle;background-color:#8C8383;}
.cdispo{background:url('/images/icon_disponible.png') no-repeat top left; background-size: 100%;}
.cdispo_epuise,.cdispo_indispo{background:url('/images/icon_epuise.png') no-repeat top left; background-size: 100%;}
.cdispo_aparaitre{background:url('/images/icon_a_paraitre.png') no-repeat top left; background-size: 100%;}
.cdispo_commande{background:url('/images/icon_manquant.png') no-repeat top left; background-size: 100%;}

/* Liste Livre*/
#grid_livres{background:#fff;overflow:hidden;}
.liste_selec{background:#e8f5ff;}
#grid_livres ul li{line-height:1.5}
.info-autre-format{display:none;}
.meta_produit-titre {
  margin-bottom: 15px;
}
#grid_livres li:last-child .zone_image {
  height: 150px;
}

/* Liste Oeuvre */
.extrait{color:#2e7fbe;}
#grid_livres p.zone_image img{max-width: 100%;}
.itemZoneimage { float: left; width: 10%; }
.itemZoneimage a img, .itemZoneimage span img {max-width: 94px;}
.itemZoneimage a img:hover, .itemZoneimage span img:hover {
    transform: scale(1.7);
    filter: brightness(100%);
    z-index: 1000;
    padding: 1px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.4);
}
#grid_livres .livre_scolaire img {float: left;margin-right: 5px;}
#grid_livres a:hover{text-decoration:underline}

#grid_livres li.livre_titre{
  font-size:1.3em;
  font-weight:bold;
}

#grid_livres li.livre_titre a{
  color:#0D63AD;
  text-transform: uppercase;
}

#grid_livres li.livre_titre,
#grid_livres li.livre_auteur,
li.separateur {
  display:block;
  zoom: 1;
  *display: inline;/* ie7 */
  vertical-align:middle;
}
#grid_livres li.livre_titre a.livre_auteur {font-size:1em;color:#4d4d4d;font-weight:bold}
#grid_livres li.livre_editeur {font-weight:bold;color:#4d4d4d}
#grid_livres li.date_parution {font-size:10px}
#grid_livres span.livre_date {color:#919191;padding-left:10px;font-weight:normal;font-size:10px}
#grid_livres span.aparaitre {font-size:1em;padding-left:10px;font-weight:normal;font-size:10px}
.tab_meta.item_meta {margin:15px 0;}
.tab_meta.item_meta td {white-space:nowrap;vertical-align:bottom;padding:2px 5px 2px 0}
.format_ebook {font-size:11px}
td.item_format {min-width:100px}
td.item_prix {min-width:60px}
td.item_info {width:540px}
td.item_editeur {min-width:350px}
td.item_info span.sansDrm,
td.item_info span.extrait{padding:0 5px 0 0}

.bloc_autres_formats p {background:#efefef;padding:2px 5px}
.bloc_autres_formats table th,
.bloc_autres_formats table td{
  padding:3px;
  color: #4d4d4d;
  vertical-align:top;
  line-height:1.2;
  border-bottom:1px solid #efefef;
}


.bloc_autres_formats table td a {white-space:nowrap;}
.prix-papier, .prix-ebook {font-weight:bold;}
.blocInfosRight .prix .prix-papier, .blocInfosRight .prix .prix-ebook {font-size: 1.5em;}

.prix-ebook{color:#000}
.prix-papier{color:#ff3312}

.item_dispo div {
  width: 15px;
  height: 15px;
}

.puce_disponibilite {
  width:12px;
  height:12px;
  cursor: pointer;
  margin-left: -3px;
}

.subitem_prix {
  width: 85px;
  text-align: right;
}
.subitem_format {
  width:120px;
  font-weight:bold;
}
.subitem_stock{
  text-align:right;
  width:110px;
}
.subitem_gencod{
  text-align:right;
  width: 100px;
}
.subitem_diffusion {
  text-align: right;
  width: 50px;
}
.subitem_diff {
  float: none !important;
  text-align: initial !important;
}
.subitem_diffusion a{
  color: #0D63AD;
}

.subitem_cdRayon {
  text-align: right;
}

.formatprix {
  margin-top: 10px;
  padding: 10px 5px 5px;
}
.formatprix a{color:#2e7fbe}
#grid_livres span.format {font-weight:bold;font-size:1.2em; color:#919191}
#grid_livres span.prix {font-weight:bold;font-size:1.2em}

h1.listeliv{font-size:2em;margin:30px 0 5px}

.list_results h1 {
  line-height:150%;
}


.infosPri h2, .infosPri h3, .infosPri span {
  display: inline-block;
}

.listItem li {
  display: inline-block;
}
  
  .listItem td {
    padding: 5px;
  }
  
  .cdRayon b, .cdRayon {
    text-transform: capitalize !important;
    font-weight: normal !important;
  }
  
  .itemFormat a {
    color: #0D63AD;
    font-weight: bold;
  }

.btnOtherEditions img {
  width: 15px;
  cursor: pointer;
}

#otherEditions {
  padding-left: 0 !important;
}

.headFirstTable { 
background: #e8e8e8;
border-bottom: 1px solid #aeaeae;
}

.headFirstTable th {
text-align: left;
padding: 10px 5px;
color: #aeaeae;
font-weight: bold;
font-size: 11px;
}

.headFirstTable .tooltip {
display: table-cell !important;
}

.th_itemEditeurCollection, .itemEditeurCollection {
width: 19%;
}

.itemDistributeur {
color: #6A6A6A;
}

.th_MediaLog, .MediaLog {
width: 13%;
}

.th_item_dispo, .item_dispo {
width: 2%;
}

.th_infoStock, .infoStock {
width: 4%;
}

.th_subitemRight, .subitemRight {
width: 4%;
}

.primaryFormat .livre_titre {
  font-weight: bold;
  font-size: 1.6em;
  float: left;
}

.primaryFormat .livre_auteur{
  font-style: italic;
  float: left;
  font-size: 1.3em;
}

.primaryFormat .livre_auteur a {
  color: #0D63AD;
}

.itemTitreAuteur {
  margin-bottom: 20px;
  float: left;
  display: flex;
  align-items: baseline;
}

.primaryFormat {
  float: left;
  width: 100%;
  padding: 10px;
  margin-bottom: 30px;
  border-bottom: none !important;
}

.primaryFormat:nth-child(even) {
  background: none !important;
}

.infoStock {
  background: none !important;
  border-radius: 0 !important;
  position: relative;
}

.infoStock b {
  background: #e8e8e8;
  padding: 0 4px 2px 4px;
  border-radius: 5px;
  color: #000000;
  border: 1px solid #e8e8e8;
}


.infoStockVert b {
color: #6C3;
}

.infoStockOrange b {
  color: #ee9a3a;
}

.itemPrice {
  white-space: nowrap;
}

.infosSec {
float: left;
width: 90%;
table-layout: fixed;
}

.subitem_diff  {
  color: #0D63AD;
  white-space: nowrap;
}

.copy-link {
  background: #e8e8e8;
  color: #000000;
  padding: 3px;
  cursor: pointer;
  text-align: center;
  border-radius: 2px;
  border: none;
  width: 105px;
}

.ellipse-h {
  display: none;
}

.lineOther {
  padding: 6px 0;
}

.lineOther:hover {
  background:#e8f5ff;
}

.Collapse {
  display: none;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.mr-01 {
  margin-right: 10px;
}

.mt-01 {
  margin-top: 10px;
}

.mr-005 {
  margin-right: 5px;
}

.m-6 {
    margin: 6px;
}

.listItem {border-bottom: 1px solid #cfcfcf;}
.listItem:hover { background: #e8f5ff;}

/*---------------------------------*/
/*    Bloc Facette
/*---------------------------------*/
.wrap_left {
  float: left;
  width: 15%;
  border-right:1px solid #cfcfcf;
}
.blocFacette {
  box-sizing:border-box;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.blocFacette-title {
  background-color:#efefef;
  padding: 10px;
}

.blocFacette-content {
  padding: 10px;
  overflow-y: auto;
  max-height: 500px;
}

@media (max-width:1180px){
  .blocFacette-content {
    max-height: 680px;
  }
  .d-none-xs {
    display: none;
  }
}

.blocFacette-content .btnLien {
  color:#0D63AD;
  font-weight: bold;
  padding:0;
  cursor: pointer;
  margin: 10px 0;
}

.blocFacette-content .btnLien:hover {
  text-decoration: underline;
}

.blocFacetteTheme {
  margin-bottom: 0;
  float: left;
  width: 100%;
}

.blocFacetteTheme .blocFacette-content  {
  padding: 0 10px;
}

.blocFacetteTheme .ul_facette li {
  padding: 0;
  display: flex;
  align-items: center;
}

#ul_faccodegtl1 {
  margin-top: 10px;
}

.blocFacetteDispo  {
  margin-top: 20px;
}

.blocDRM .blocFacette:first-child, .blocSupport .blocFacette:first-child {
  margin-bottom: 0;
}

.blocSupport {
  float: left;
  width: 100%;
}

.blocSupport .blocFacette-title{
  margin-bottom: 10px;
}

.blocDRM .blocFacette-content, .blocSupport .blocFacette-content   {
  padding: 0 10px;
}

.ul_facette li {
  line-height: 1.8;
  padding: 3px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.ul_facette li a { 
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-box-flex : 1;
  -ms-flex : 1 1 0%;
  flex : 1 1 0%
}

.ul_facette input[type="checkbox"], .custom--checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

.ul_facette input[type="checkbox"], .custom--checkbox input[type="checkbox"] {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 17px;
  width: 17px;
  background: #fff;
  border: 1px solid #CECECE;
  margin-bottom: -4px;
  cursor: pointer;
  position: relative;
}

.ul_facette input[type="checkbox"]:checked, .custom--checkbox input[type="checkbox"]:checked {
  background: #2C71A5;
  position: relative;
  border: 1px solid #2C71A5;
}

.ul_facette input[type="checkbox"]:checked::before, .custom--checkbox input[type="checkbox"]:checked::before {
  content: '\2713';
  display: block;
  color: #ffffff;
  font-size: 11px;
  left: 3px;
  position: absolute;
}

.ul_facette input[type="checkbox"]:checked:disabled, .custom--checkbox input[type="checkbox"]:checked:disabled {
  background: #E7E7E7;
  position: relative;
  border: 1px solid #CECECE;
}

.ul_facette li a:hover input[type="checkbox"]  {
  border: 1px solid #CECECE;
  background: #E7E7E7;
}

.ul_facette li a:hover input[type="checkbox"]::before   {
  content: '\2713';
  display: block;
  color: #9c9c9c;
  font-size: 11px;
  left: 3px;
  position: absolute;
}

.facette_freq {
  color: #999;
  margin-left: 5px;
  display: inline-block;
}

.date_container {
  margin-bottom: 20px;
  float: left;
}

.date_container label {
  margin-bottom: 5px;
  display: block;
}

.datepicker-bloc {
  position: relative;
}

.datepicker-bloc input[type="text"] {
  padding: 5px 5px 5px 25px;
  width: 100%;
}

.calendar_gris {
  position: absolute;
  top: 5px;
  left: 5px;
  pointer-events: none;
  cursor: pointer;
  color: #aaa;
}

#fvmoins, #fvplus, #fvplusf1, #fvmoinsf1, #fvmoinsl, #fvplusl {
  color: #2C71A5;
  margin-bottom: 10px;
}

#plusdefiltre, #moinsdefiltre {
  border-radius:25px;
  border:1px solid #9c9c9c;
  padding: 7px 15px;
  color: #1E1E1E;
  display: inline-block;
  cursor: pointer;
  margin: 10px;
}

#datemin label, #datemax label {
  display: block;
  margin-bottom: 10px;
}

#datemin select, #datemax select {
  padding: 4px;
  color: #999;
  border-radius: 0;
  margin-left: -1px;
  background: none;
  border: 1px solid #1E1E1E;
}

.blocFilter {
  padding: 10px;
}

.btnFilter {
  margin: 5px 2px;
  display: inline-block;
}

.btnFilter a {
  border-radius: 15px;
  background: #E7E7E7;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #E7E7E7;
  display: block;
}

.btnFilter a:hover {
  border: 1px solid #6A6A6A;
  text-decoration: none;
}

.btnLien {
  cursor: pointer;
}

.SearchInFac {
  width: auto;
  margin: 10px 10px 0 10px;
  position: relative;
}

.loupe_gris {
  position: absolute;
  top: 8px;
  left: 5px;
  pointer-events: none;
  cursor: pointer;
}

.clearText {
  position: absolute;
  right: 0;
  cursor: pointer;
  z-index: 1000;
  padding: 5px;
  margin: 2px;
  background: #ffffff !important;
}

.xmark {
  padding: 5px;
  cursor: pointer;
}

.SearchInFac input[type=text] {
  padding: 7px 7px 7px 25px !important;
  width: 100%;
}

.SearchInFac input[type=text]::-webkit-input-placeholder {
  font-style: italic;
}

.SearchInFac input[type=text]:-moz-placeholder {
  font-style: italic;  
}

.SearchInFac input[type=text]::-moz-placeholder {
  font-style: italic;  
}

.SearchInFac input[type=text]:-ms-input-placeholder {  
  font-style: italic; 
}

#plusdefiltre:hover, #moinsdefiltre:hover {
  border:1px solid #1E1E1E;
}

.blocResultats.facetteOn {
  width: 85%;
  box-sizing:border-box;
  padding:10px;
  border-left: 1px solid #cfcfcf;
  float: left;
  margin-left: -1px;
}

.recherche_avancee_v2 {
  margin: 50px auto;
  text-align: center;
  font-size: 16px;
}

.recherche_avancee_v2 b {
  padding: 20px 0; 
  display: block;
}

.recherche_avancee_v2 .btnLien {
  padding-top: 20px;
  cursor: pointer;
  text-decoration: underline;
  color: #0D63AD;
}

.blocResultats  {
  float: left;
  width: 100%;
}

#grid_livres, #grid_livres ul { list-style-type : none; }
#grid_livres > li {
  padding: 10px;
  margin: 10px;
  border: 1px solid #d0d0d0;
  width: 47%;
  min-height: 300px;
  display: inline-flex;
}

.noDisplay {
  display: none;
}

#grid_livres > li.premiers{border-top:none}
#grid_livres > li > p {overflow:hidden}

#grid_livres .zone_image {
  float:left;
  width: 16%;
}
#grid_livres .meta_produit  {
  width: 82%;
  float: left;
  margin: 3px 3px 15px 3px;
}

#grid_livres > li > ul {margin-left:100px}
#grid_livres.liste_palmares > li > ul {margin-left: 130px}

#grid_livres > li > ul > li {font-size:12px}
#grid_livres li.livre_auteur>a, li.separateur p {
font-style: italic;
font-size: 1.3em;
}

#grid_livres > li > ul > li.bouton_achat { padding:10px; }

#grid_livres p.telecharger_extrait { margin:5px 5px 10px; }
#grid_livres p.telecharger_extrait img {
  display : inline-block;
  margin-right : 7px;
  background:url('/images/bg_btn_dlextrait.png') no-repeat top left;
  width:117px; height:33px;
}

#liste_livres > li > p {overflow: hidden;}
#liste_livres > li {
    padding: 10px 0;
    clear: both;
    width: 100%;
    float: right;
}
#liste_livres .zone_image {
    float: left;
    width: 10%;
}
#liste_livres .meta_produit {
    width: 90%;
    float: left;
}
#liste_livres li.livre_titre, #liste_livres li.livre_auteur, li.separateur {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
}
#liste_livres li.livre_titre {
    font-size: 1.3em;
    font-weight: bold;
}
#liste_livres li.livre_auteur, li.separateur {
    padding-left: 5px;
}
#liste_livres li.livre_titre, #liste_livres li.livre_auteur, li.separateur {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
}
#liste_livres li.livre_titre a {
    color: #0D63AD;
}
#liste_livres li.livre_auteur>a, li.separateur p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: bold;
    font-size: 1.3em;
}
#liste_livres p.itemZoneimage img {
    max-width: 100%;
}

/* Liste livre v2 */
#listeLivre tbody:nth-child(even) {
  background: #f4f4f4;
}
#listeLivre .odd {
  background: #efefef;
}

#headListeLivre {
  background: #c9c9c9;
}

#headListeLivre th {
  border-left: 1px solid #9d9d9d;
  text-align: left;
  padding: 10px;
}

#headListeLivre th:first-child {
  margin: 8px;
}

.headPrice {
  padding: 10px 18px !important;
}

.TablePrimaryFormat td {
  padding: 10px;
}

.TableOtherFormats td {
  padding: 5px 10px;
  text-align: left;
}

.TableOtherFormatsLeft .itemZoneimage {
  float: left;
  margin: 0 15px;
  min-height: 150px;
}

.TableOtherFormatsLeft .blocMedialog {
  margin-bottom: 10px;
}

.blocMedialog {
  float: left;
  margin: 6px 8px;
}

.TableOtherFormatsLeft form {
  float: left;
}

.TableOtherFormatsLeft form input {
  background: #efefef; 
}

.TableCollapse {
  display: none;
}

.borderCol { border: 2px solid #2C71A5;}


.PlusMinus {
  text-align: center;
  cursor: pointer;
  position: relative;
  width: 20px;
  display: block;
  height: 20px;
  margin: 7px auto;
  border: 1px solid #9d9d9d;
}

.PlusMinus:before, .PlusMinus:after {
  background: #9d9d9d;
  content: '';
  height: 1px;
  left: 6px;
  position: absolute;
  top: 10px;
  width: 10px;
  transition: transform 500ms ease;
}

.PlusMinus:after {
  transform-origin: center;
}
.PlusMinus.collapsed:after {
  transform: rotate(90deg);
}
.PlusMinus.collapsed:before {
  transform: rotate(180deg);
}

/* Slider price */
.cont_filtre_tri_prix {
  margin: 20px 10px 30px 10px;
  padding: 10px;
  float: left;
}

.cont_filtre_tri_prix input {
  border: 0;
  color: #4d4d4d;
  background: none;
}

.cont_filtre_tri_prix button {
  border: 0;
  background: none;
  float: right;
  cursor: pointer;
}

.ui-corner-all {
  border-radius: 0 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: none !important;
  border: none !important;
}

 /* Overlays */
#slider-range {
  margin-top: 10px;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* Tooltip container */
.tooltip, .tooltipDispo{
  position: relative;
  cursor: pointer;
  overflow: visible;
}

.tooltipDispo {
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  width: initial;
  background-color: #3B4043;
  color: #fff;
  text-align: center;
  padding: 5px;
  font-size: 10px;
  border-radius: 5px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 70%;
  left: initial;
  right: 10px;
  margin-left: initial;

  /* Fade in tooltip */
  display: none;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555555 transparent transparent transparent;
  display: none;
}

/* Tooltip text */
  .tooltipDispo .tooltipDispoText {
    width: 230px;
    background-color: #FFFFFF;    
    color: #000000;
    font-weight: bold;
    padding: 10px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    top: 310%;/*bottom: -650%;*/
    left: 50%;
    margin-left: -125px;
    box-shadow: 0 0 15px grey;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
    visibility: hidden;
  }
  
  /* Tooltip arrow */
  .tooltipDispo .tooltipDispoText::after {
    content: " ";
    position: absolute;
    top: -6%; /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #FFFFFF transparent ;
  }

  .contentBtnSearchDispo {
    width:auto;
    height: auto;
    margin:auto;
    text-align:center;
  }


.btn-Base {
  display: flex;
  align-items: center;
  height: 17px;
}

.btn-Base label, .btn-Base input {
  cursor: pointer;
}

.btn-Base label {
  color: #ffffff;
  margin-left: 5px;
}

#formDispo li {
  display: block;
  margin: 10px 0;
  position: relative;
}

#formDispo .dispoBook {
  position: absolute;
  top: 3px;
}

#formDispo .puce_disponibilite {
  margin-left: 20px;
}


/* Navigation */
.navPages{margin:0;text-align:right}
.navPages strong,
.navPages a,
.navPages span {
  margin: 0 5px;
  display:inline-block;
  font-weight:normal;
  color:#fff;
  text-decoration:none;
}
.navPages strong{color:#fff;font-weight:bold;font-size:13px}
.navPagesBas strong{color:#616161;}
.navPages>a>span{text-decoration:none}
.navPages a:hover{font-weight:bold;color:#222}

a.nav-next:hover,
a.nav-prev:hover {font-weight:normal;}

span.lastpage {
  display:inline-block;
  margin-left:10px;
  color:#ffc;
}

p.navPages.navPagesBas {text-align:right;margin:3px auto 50px;font-weight:bold;float:none;background:#fff;padding:10px 0 10px;width: 100%;float: left;}
p.navPagesBas a {display:inline-block;margin:0 3px;padding:0 5px;color:#919191;}
p.navPagesBas a:hover{text-decoration:none;background:#cfcfcf}
p.navPages.navPagesBas>span{color:#919191}

.plus-minus-toggle {
  cursor: pointer;
  height: 15px;
  position: relative;
  float: right;
  background-color: #2c71a5;
  border-radius: 4px;
  padding: 7px;
}
.plus-minus-toggle:before,
.plus-minus-toggle:after {
  background: #ffffff;
  content: '';
  height: 2px;
  left: 3px;
  position: absolute;
  top: 7px;
  width: 8px;
  transition: transform 500ms ease;
}
.plus-minus-toggle:after {
  transform-origin: center;
}
.plus-minus-toggle.collapsed:after {
  transform: rotate(90deg);
}
.plus-minus-toggle.collapsed:before {
  transform: rotate(180deg);
}

.plus-minus-toggle-list {
  cursor: pointer;
  height: 15px;
  position: relative;
  float: left;
  color: #000000;
  border-radius: 4px;
}

.plus-toggle-list {
  cursor: pointer;
}

.plus-minus-toggle-list:before,
.plus-minus-toggle-list:after {
  background: #000000;
  content: '';
  height: 2px;
  left: 3px;
  position: absolute;
  top: 7px;
  width: 8px;
  transition: transform 500ms ease;
}
.plus-minus-toggle-list:after {
  transform-origin: center;
}
.plus-minus-toggle-list.collapsed:after {
  transform: rotate(135deg);
  top: 10px;
}
.plus-minus-toggle-list.collapsed:before {
  transform: rotate(225deg);
  top: 5px;
  left: 87px;
}

.plus-minus-toggle-list:after {
  transform: rotate(-45deg);
  left: 87px;
}
.plus-minus-toggle-list:before {
  transform: rotate(-135deg);
  left: 92px;
}

.plus-minus-toggle-medialog {
  cursor: pointer;
  height: 15px;
  position: relative;
  float: right;
  background-color: #000000;
  border-radius: 4px;
  padding: 8px;
}
.plus-minus-toggle-medialog:before,
.plus-minus-toggle-medialog:after {
  background: #ffffff;
  content: '';
  height: 2px;
  left: 4px;
  position: absolute;
  top: 7px;
  width: 7px;
  transition: transform 500ms ease;
}
.plus-minus-toggle-medialog:after {
  transform-origin: center;
}
.plus-minus-toggle-medialog.collapsed:after {
  transform: rotate(45deg);
  left: 3px;
}
.plus-minus-toggle-medialog.collapsed:before {
  transform: rotate(135deg);
  left: 7px;
}
.plus-minus-toggle-medialog:after {
  transform: rotate(-45deg);
  left: 3px;
}
.plus-minus-toggle-medialog:before {
  transform: rotate(-135deg);
  left: 7px;
}

/* Filtre liste / grid */
.toolBar_pgRecherche {
  float: right;
  padding: 6px;
  width: 75px;
}

.toolBar_pgRecherche #list {
  margin-right: 5px;
}

/* page d�tail livre */
.slider-nav .slick-current {
  border: 2px solid #0D63AD !important;
  border-radius: 5px;
}

.bloc_img .slider-for {
  margin-bottom:20px;
}

#img_detailRecto, #img_detailVerso {
  height: auto;
}

.otherCouvs, #couverture {
  width: 100%;
}

.bloc_img .slick-slide {
  height: auto; 
  width: 50px; 
  padding: 8px; 
  margin: 0 5px;
}

.bloc_img .img_thumbnail {
  height:auto; 
  width:100%;
}

.barrenavdetail {
  width: 90%;
  margin: 20px auto;
}
.barrenavdetail a{color:#0D63AD;}

.barrenavdetail ul li {
	*float:left;
	display:inline-block;
	line-height:50px;
	padding:0 10px;
}
.barrenavdetail li:hover {opacity: 0.8;}
.barrenavdetail li.barcode:hover {background:none;}

.barcode { float: right; }
.barcode-number { margin-right: 10px; }


/* image */
.visubook>div.bloc_img{width:100%}
.visubook>div.bloc_img>p>img{max-width:100%;padding:5px;border:1px solid #D1CFCB}
.visubook>div.recto_verso{padding:10px 0;width:auto}
.visubook>div.recto_verso>div{
    display: inline-block;
    zoom: 1;
    *display: inline;/* ie7 */
    vertical-align: middle;
    text-align: left;
}
.visubook>div.recto_verso>div+div{text-align: right}
.visubook>div.recto_verso>div>p{
    display: inline-block;
    zoom: 1;
    *display: inline;/* ie7 */
    vertical-align: middle;
}
.visubook>div.recto_verso>div>p.barcode{
    padding-left:30px;
}
.visubook>div.recto_verso>div>p.barcode>img,
.visubook>div.recto_verso>div>p.barcode>span{
    display: block;
}
.visubook,
div.metabook{
    display: inline-block;
    zoom: 1;
    *display: inline;/* ie7 */
    vertical-align:top;
}
.visubook{float:left;text-align:center;width: 20%;padding: 0 15px;}

.BlocBiographie , .BlocBiographie h2{
	margin-bottom: 20px;
}

ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.tabs li {
	color: #000000;
	display: inline-block;
	cursor: pointer;
	margin: 0 -2px;
	padding: 10px;
	text-transform: uppercase;
	border: 1px solid #000000;
}

ul.tabs li.current{
	background: #efefef;
	color: #000000;
}

.tab-content ul {
	margin-bottom: 10px;
}

.tab-content ul li {
	padding: 10px 10px 10px 0;
  display: inline-block;
}

.tab-content ul li span {
	font-weight: bold;
}

.tab-content{
	display: none;
	background: #ffffff;
	padding: 15px 0;
}

.tab-content.current{
	display: inherit;
}

/* MetaBook */
div.metabook{width:55%;float: left;}

ul.metabookdet li.titre>.livre_scolaire {display:inline-block;margin-right: 5px;}
.livre_scolaire img{vertical-align:baseline;width: 35px;}
ul.metabookdet li.titre>h1{color:#000000;line-height:110%;display:inline;}
ul.metabookdet li.titre>h2>a{line-height:150%;font-weight: bold;color: #0D63AD;}
ul.metabookdet li.titre>h2>p{font-size: 15px;}

ul.metabookdet li{
	font-size:1.2em;
	color:#6A6A6A;
	font-style:italic;
	line-height:150%;
}

ul.metabookdet li > span,
ul.metabookdet li > a,
ul.metabookdet li.format{
	color:#000;
	font-family:'Open Sans',Helvetica,Arial,Tahoma,Sans-Serif;
	font-style:normal;
	padding-left:5px;
}
ul.metabookdet li.format{padding:0;}

ul.metabookdet li a:hover{
	text-decoration:none;
}

ul.metabookdet li.autres_editions{display:none}
ul.metabookdet li.prix,
ul.metabookdet li.autres_editions{
    margin-top:20px;
}
ul.metabookdet li.prix span{
    font-weight:bold;
    font-size:1.1em;
}
ul.metabookdet li.prix {
    color: #919191;
    font-family:'Open Sans',Helvetica,Arial,Tahoma,Sans-Serif;
    font-style:normal;
    font-weight:bold;
    display:inline-block;zoom: 1;*display: inline;/* ie7 */
		vertical-align:middle;
		line-height:15px;
}
ul.metabookdet li.prix .dispo{vertical-align:top;}
ul.metabookdet li.prix span.prix-papier{color:#ff3312}
ul.metabookdet > li.autres_editions {
    color: #000;
    font-family:'Open Sans',Helvetica,Arial,Tahoma,Sans-Serif;
    font-style:normal;
}
ul.metabookdet>li.rnd>p{color:#f00}
ul.dewey{
    padding-top:20px;
}
ul.dewey>li{
    border-left:3px solid #2c71a5;
}
ul.dewey>li>p{
    font-size:1.1em;
    padding-left:10px;
}
ul.dewey>li>p>.deweytitre{
    display:inline-block;
    zoom: 1;
    *display: inline;/* ie7 */
    width: 65px;
    color: #bfbfbf;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

.blocPrixLitt {
  color: #0D63AD;
  padding: 5px 0;
}

.BandoMedialog{float: left; width: 100%;}
.BandoMedialog_detail ul { margin-top:10px; width: 100%; float: left;}
.BandoMedialog_detail > div { width: 100%;}
.Text13 form {float:left;}
.BandoMedialog_detail li {background-color: #ffffff;padding:10px; margin-bottom: 10px;border-radius: 10px;cursor: pointer;}
.BandoMedialog_detail label {cursor: pointer;}
.BandoMedialog_detail form {display: flex;align-items: center;font-size: 14px;}
.BandoMedialog_detail .Text13{text-align:left;width:32px;}
td.Text13:first-child {padding-left: 5px;width:300px;text-align:left;} /*intitul� rayon 20 carac.max, + stock 3 chiffres */
.BandoMedialog_liste td.Text13 {float: right;}
.BandoMedialog_liste td.Text13:first-child {float: left;width: auto;margin: 5px;} /* pas de stock en page liste*/
.BandoMedialog #MLSTOCK {margin-right: 10px;}

.zoom-fab {
  display: inline-block;
  padding: 0 5px;
  transition: 0.2s ease-out;
  color: #0D63AD;
  cursor: pointer;
}

.zoom-fab:hover {
  text-decoration: none;
  color: #0D63AD;
}

.zoom-menu {
  display: inline-block;
}

.zoom-menu .gdl {
  background-color: transparent;
  cursor: default;
}

.zoom-menu li {
  display: inline-block;
  border-right: none !important;
}

.zoom-menu img {
  opacity: 0.6;
}

.zoom-menu .zoom-fab:hover img{
  opacity: 1;
}

.commentLangue{font-size:16px;}

.block--replaceBy {
  background: #FFFCEA;
  border: 1px solid #E2DFBD;
  padding:15px;
  margin-top: 15px;
  margin-bottom:20px;
  font-size: 17px !important;
  line-height: 28px;
}
.block--replaceBy .copy-link {
  background: #E2DFBD;
}

.block--replaceBy a:hover, .block--replace a:hover {
   text-decoration: underline !important;
}
.block--replace {
  background: #F2F2F2;
  border: 1px solid #E0E0E0;
  padding:15px;
  margin-top: 15px;
  margin-bottom:20px;
  font-size: 14px !important;
  line-height: 28px;
}
.block--replace li {
  font-style: normal !important;
  color: #000000 !important;
  font-family: inherit !important;
}

.text-underline {
  text-decoration: underline;
}

#show-more-replaces {
  font-size: 1.2em;
}

/* Autres Infos book sur la droite */
.blocInfosRight {
  width: 24%;
  margin-left: 1%;
  float: left;
  background: #efefef;
  border-left: 1px solid #cfcfcf;
  padding: 15px;
}

.blocInfosRight .prix {
  float: left;
  width: 100%;
}

.blocInfosRight .autres_editions {
  width: 100%;
  float: left;
}

.libelleSupport {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.3em;
}

/* Autres editeurs */
#othered tr:hover{background:#efefef}

#othered .otherEdi li {
  display: inline-block;
}

.otherEdTitle {
  font-size: 1em;
  font-weight: bold;
}

/* Bloc Contenu editorial */
.bloc_contenu_editorial {margin:20px auto 10px;width: 100%;}
.bloc_ce p {padding:10px 0}

.lnkEd, .LnkDis , .LnkRemark{
    display:inline-block;
    zoom: 1;
    *display: inline;/* ie7 */
		cursor:help;
    margin: 0 5px;
}
.info_edit, .info_distrib {
	position:relative;
}
.cont_info,.contT, .contImg{
	position:absolute;
	display:none;
	background-color:#FFF;
	border:5px solid #CFCFCF;
	padding:10px;
	/**/
	color: #000;
	font-family: 'Open Sans',Helvetica,Arial,Tahoma,Sans-Serif;
	font-style: normal;
}
.cont_info{
  width:300px;
	top:25px;
	left:20px;
	z-index:10000;
}
.contT{
  width:650px;
	top:150px !important;
	right:350px;
	z-index:10200;
}
.contImg{
  width:30%;
	text-align:center;
	top:20px;
	right:20px;
	z-index:10400;
}

.contImg img{
	width:450px;
}

#fond_info {
	display: none;
	position: fixed;
	_position: absolute;
	opacity: 0.2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	background:#FFF;
}
/* pop-up remarques */
.remarque{
  text-decoration: underline;
	display:inline-block;
	vertical-align: middle;
  font-size: 13px;
}

.remarque a:hover {
  color: #2C71A5;
}

#formRemarques{
  width:100%;
}
#formRemarques form table{
  width:100%;
	border:0;
	text-align:center;
}
#formRemarques form table textarea{
  width:100%;
  height:100px;
}
#formRemarques input[type=text] {
	width:100%;
	padding:2px;
	border: 1px solid #A9A9A9;
}
#formRemarques .typeBold{
 font-weight:bold;
}

#formRemarques form td.spaceTdTxt{
  padding-top:10px;
}

#formRemarques form td.spaceTd{
 padding:5px 0;
}

/* INFOS EDITEUR */
#info_editeur{
width:90%;
margin:auto;
}
#nomsEditeurs{
  width:33%;
  background-color: #FFF;
  padding: 2px;
  display: inline-flex;
}
#nomsEditeurs li{
 margin:5px 0;
 font-weight:bold;
}
#infosEditeur{
 display:none;
 float:left;
 width:40%;
 background-color:#FFF;
 border:5px solid #CFCFCF;
 color: #000;
 font-family: 'Open Sans',Helvetica,Arial,Tahoma,Sans-Serif;
 font-style: normal;
 margin-bottom:10px;
}
.clearing{
 clear:both;
}

.tabloEditeurs{
	float:left;
	width:50%;
  text-align: left;
}

.tabloDistributeurs{
	float:left;
	width:50%;
  text-align: left;
}

.resultContent{
  width: 50%;
  margin: 0 auto;
  text-align: left;
}

#bloc_infos_editeurs {
  width: 90%;
  margin: auto;
}

#bloc_infos_distributeur{
  width: 90%;
  margin: auto;
}

#listEditors {
  width: 90%;
  margin: 0 auto;
  display: table;
}

#recherche_editeur {
  display: table;
  /* float: left; */
  width: 100%;
}

.top5{
  margin-top: 5px;
}
.bottom5{
  margin-bottom: 5px;
}
.left5{
  margin-left: 5px;
}
.right5{
  margin-right: 5px;
}


.tips h3 {
  display: inline-block;
}

/********************************/
/*      Biographies auteurs     */
/********************************/
#biographie h1 {
  padding: 13px 40px;
  font-size: 18px;
  color: #fff;
  padding: 15px;
  float: left;
  width: 100%;
  background: #2c71a5;
}

.leftBio {
  float: left;
  width: 20%;
  margin: 10px;
}

.leftBio h2 {
  background: #9d9d9d;
  padding: 15px;
  color: #ffffff;
}

.blockBio {
  background: #efefef;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

#formAuteur, #formDate {
  display: block;
  margin: 10px;
}
#searchAuteur {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
}

.btnLanceRecherche, .btnSearchDispo {
  border: none;
  background: #2c71a5;
  color: #ffffff;
  display: block;
  width: 100%;
  border: 1px solid #2c71a5;
}

.btnLanceRecherche {
    padding: 10px;
}

.btnSearchDispo {
    padding: 5px;
}

.btnLanceRecherche:hover, .btnSearchDispo:hover {
  background: none;
  color: #0D63AD;
}

.blockDateNaissance {
  margin-bottom: 20px;
}

.blockDateDeces {
  margin-bottom: 10px;
}

.selectBio {
  height: 34px;
  width: 31%;
}

#formDate label {
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

.ListAuteurBio {
  float: left;
  width: 75%;
  margin: 10px;
}

.blockResultBio h3 {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
}

.blockResultBio ul li {
  display: inline-block;
  padding: 10px 10px 10px 0;
}

.blockAuteur {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #9d9d9d;
  float: left;
  width: 100%;
}

.btnConsultOuvrage {
    padding: 10px;
    border: 1px solid #2c71a5;
    color: #0D63AD;
    float: right;
    display: block;

}

.btnConsultOuvrage:hover {
    background: #0D63AD;
    color:  #ffffff;
    text-decoration: none;
  }

.blockResultBio ul span {
  font-weight: bold;
}

.titleResultBio {
  margin-bottom: 20px;
  border-bottom: 2px solid #2c71a5;
  padding: 10px 0;
}

.listAnniv li {
  padding: 10px;
  border-left: 4px solid transparent;
}

.listAnniv label {
  font-weight: bold;
}
.firtList {
cursor: pointer;
}
.borderLeftFull,.firtList:hover {
  border-left: 4px solid #9d9d9d !important;
}

.displayList {
  display: none;
}

.eyeAnniv {
  display: block;
  float: right;
  width: 1.4em;
  height: 23px;
}


/********************************/
/*           Palmarès 				  */
/********************************/

.tabPalmares th{text-align:center; padding:5px; background-color : #BBBBBB;}
.tabPalmares td{padding:5px;}
.marginBottom10{margin-bottom:10px;}
.evenBackground{background-color : #FFF;}
.oddBackground{background-color : #f9f9f9;}


/********************************/
/*     Bloc du même auteur 		  */
/********************************/

#livreAuteur ul {list-style-type:none; }
#livreAuteur > ul > li{
  *float:left;
  display:inline-block;
  text-align:center;
  padding:10px; margin:5px;
  vertical-align:top;
}
#livreAuteur ul li:hover { background:#F0F0F0; }

#livreAuteur ul li .item { text-align: center; width: 150px; }

#livreAuteur ul.infolivre  li {
  padding:0;
  line-height: 130%;
}
.item > a > img{
  background: white;
  border: 1px solid #CFCFCF;
  height: 180px;
  width: 122px;
  margin-bottom: 5px;
}
/********************************/
/*   Bloc Autres Informations   */
/********************************/

.bloc_contenu_editorial div p {
  font-size:1.2em;
}

#BlocAutresInformations{
	margin-top:20px;
}

#BlocAutresInformations ul {
	width:100%;
	padding:10px 0 0 5px;
	list-style-type:none;
}
#BlocAutresInformations ul li {
	border-bottom: 1px dotted #999;
	margin:0 0 15px;
	height:10px;
	clear:both;
}
#BlocAutresInformations ul li span {
	display:inline-block;
	height:16px;
}
#BlocAutresInformations ul li span.libelle,
#BlocAutresInformations ul li span.info {
	background:#FFF;
	padding-right:5px;
}
#BlocAutresInformations ul li span.info {
	float:right;
	padding:0 0 0 5px;
}

.BlocPresa .bloc_ce h2 {
    color:#bfbfbf;
    font-style: italic;
}


/*** Fin Bloc Autres Informations ***/

.tableau_alphabetique_editeur {
  padding:10px;
  float: left;
  width: 100%;
  text-align: center;
}
.tableau_alphabetique_editeur ul li {
  *float:left;
  display:inline-block;
}
.tableau_alphabetique_editeur ul li a{
  display:block;
  border:1px solid #cfcfcf;
  background:#fff;
  padding:5px;
  margin-right:5px;
}
.tableau_alphabetique_editeur ul li span{
  display:block;
  border:1px solid #cfcfcf;
  background:#cfcfcf;
  padding:5px;
  margin-right:5px;
}
.tableau_alphabetique_editeur ul li a:hover{
  background:#f1f1f1;
}
#boutonfermeture{
  width:30px;
	height:30px;
	float:right;
	clear:both;
	cursor:pointer;
}

.parutionsAuteur {
  width: 100%;
  text-align: center;
  margin: 40px auto;
}

/* Page Dernières recherches */

#last_searches{margin-top:20px;}
#search_title{color:#ffffff; background:#2c71a5; padding:15px; font-size:18px; margin-bottom:20px;}
#search_wrapper{margin-left:20px; margin-bottom:20px;}
.type_Search{font-weight:bold; margin-top:10px; margin-bottom:20px;}
.last_search_wrapper{float:left; width:20%; padding:5px;}
.last_search_wrapper .search_advanced{background:#2c71a5; padding:15px; color:#ffffff;}
.last_search_wrapper .search_simple{background:#9d9d9d; padding:15px; color:#ffffff;}
.last_search_wrapper .content_search{background:#efefef; min-height: 150px; padding:15px;}
.clear_float{clear:both; margin-bottom:30px;}
.last_article_wrapper{width:33%; padding:5px; float:left;}
.last_article_float{float:left; margin-right: 10px;}

/* Fin Page Dernières recherches */

/* Message recherche floue */
#msgFlou{padding:15px;  border-bottom: 1px solid #2c71a5; display: block; text-align:center; z-index:1000; color:#f95757; font-size:12px; font-weight:bold; background-color:#fde7e5}
#msgFlou span{color:#CC9966;}
#msgFlou_simple{text-transform: uppercase;}
#msgFlou_avance{z-index:1000;font-size:11px; font-weight:normal;}
#msgFlou_avance a{color:#0D63AD;}

/* Fin */

/* FOOTER */
.footer,.push{height:23px; float: left;width: 100%;}
.footer{text-align:center;font-size:11px;color:#919191;margin:0 auto;clear:both;}
.footer>a,
.footer>p,
.footer>div>img{
zoom: 1; /*offre le layout � un �l�ment (*)*/
display: inline;
vertical-align:middle;
}
.footer>p>a{color:#919191}
.footer>p{
padding:0 3px;
}
.footer>div>img{
width: 165px;
margin-bottom: 10px;
}

/* Banni�re info apr�s redirection dans les pr�f�rences */
.bdd_info,.bdd_error {
  font-size: 1em;
  padding: 10px;
  text-align: center;
  margin: 10px 0;
  font-weight:bold;
  float: left;
  width: 100%;
}
.bdd_info {
  color: #45A764;
	background:#ECFFED;
	border:1px solid #9DDF82;
}
.bdd_info > a {
  color: #1E643D;
  margin-left: 10px;
  font-size: 0.9em;
}
.bdd_error {
  color: #C73434;
	background:#FFEDED;
	border:1px solid #F33;
}
.SearchSettings{margin:0 auto;padding-top:20px; width: 70%;}
.SearchSettings td{padding-bottom:15px}
.SearchSettings .searchTitre{font-weight:bold;font-size:1.2em}
.SearchSettings select{font-size:1em;height:20px;padding:0;margin:0;color:#000;font-weight:normal;background-color:#fff;border:1px solid #000;border-radius:3px}
.SearchSettings select option{font-size:1em;color:#000;font-weight:normal}
.SearchSettings input{vertical-align:middle}
.SearchSettings .CIndispo{font-weight:bold;color:#E22828;background: none;}
.SearchSettings .CCommande {font-weight:bold;color:#D9832F;background: none;}
.SearchSettings .CDispo{font-weight:bold;color:#00851F;background: none;}
.SearchSettings .CApara{font-weight:bold;color:#2C71A5;background: none;}
.SearchSettings .CAffichPrix{font-weight:bold;color:#0D63AD}
.SearchSettings .ValidSearch{border:none;cursor:pointer;text-transform:uppercase;font-weight:bold;letter-spacing:1px;outline:none;position:relative;background:#2C71A5;color:#fff;box-shadow:0 2px #005ec2;border-radius:3px;font-size:12px;padding:8px 20px;margin:0 auto}
.SearchSettings .ValidSearch:hover{box-shadow:0 2px #005ec2;background:#2C71A5;top:1px}
.width5{width:5%}
.width10{width:10%}
.width20{width:20%}
.width30{width:30%}
.width35{width:35%}

/* MEDIA QUERIES */
@media(max-width:900px){
    .cont-search>a {
      padding: 0 5px 0 5px;
    }
    .adv-search {
      margin: 20px 0;
      width: 20%;
    }
    #recherche_avancee{
      padding-left:5px;
    }
    #grid_livres > li > p {
      padding-left: 0;
    }
    p.navPages.navPagesBas {
      text-align: left;
    }
    .menu-light-mbpro {
      width: 100%;
      position: initial;
    }
    .wrap_left {
      width: 100%;
    }
    .blocResultats.facetteOn {
      width: 100%;
    }
    #recherche_avancee>form>p>label, #recherche_avancee>form>div.toduplicate>p>label, #recherche_avancee>form>p>legend {
      width: 100%;
    }
    #recherche_avancee>form>p>input[type='text'], #recherche_avancee>form>div.toduplicate>p>input[type='text'], #recherche_editeur>form>p>input[type='text'],
    #recherche_avancee>form>p>select, #recherche_avancee>form>div.toduplicate>p>select {
      width: 100%;
    }
    #recherche_avancee>form>p.rcha_parution>input+label {
      width: 100%;
      text-align: left;
    }
    #recherche_avancee>form, #recherche_editeur>form {
      width: 100%;
    }
    #rcha_titre2,#rcha_titre3, #rcha_titre4, #rcha_titre5{margin-left: 0; margin-bottom: 5px;}
    #rcha_auteur2,#rcha_auteur3, #rcha_auteur4, #rcha_auteur5{margin-left: 0; margin-bottom: 5px;}
    #rcha_editeur2,#rcha_editeur3, #rcha_editeur4, #rcha_editeur5{margin-left: 0; margin-bottom: 5px;}
    #rcha_collection2,#rcha_collection3, #rcha_collection4, #rcha_collection5{margin-left: 0; margin-bottom: 5px;}
    #rcha_compositeur2,#rcha_compositeur3, #rcha_compositeur4, #rcha_compositeur5{margin-left: 0; margin-bottom: 5px;}
    #rcha_artiste2,#rcha_artiste3, #rcha_artiste4, #rcha_artiste5{margin-left: 0; margin-bottom: 5px;}
    #rcha_interprete2,#rcha_interprete3, #rcha_interprete4, #rcha_interprete5{margin-left: 0; margin-bottom: 5px;}
    .SearchSettings {
      width: 100%;
    }
    .tabloEditeurs {
      width: 100%;
    }
    .table_responsive {
      overflow-x: auto;
      width: 100%;
    }
    .visubook {
      width: 100%;
    }
    .div.metabook {
      width: 100%;
    }
    .barrenavdetail {
      width: 100%;
    }

    #grid_livres > li {
      width: 100%;
    }
    .bloc_autres_formats {
      overflow: scroll;
    }
    .leftBio,.ListAuteurBio {
      width: 100%;
      margin: 0;
    }
}
@media (max-width: 1010px){
  .menu-light-mbpro {
    right: 0;
    }
}

.selectOp{
	display:inline;
}

.marginlink{
  display:inline-block;
  margin:5px;
}
.gtl_thema th{
  background-color: #2C71A5;
  color: #FFFFFF;
  font-size:20px;
  border: 1px solid black;
}

.gtl_thema td{
  vertical-align:top;
  border: 1px solid black;
  background-color:#EFEFEF;
}
.bloc_autres_formats {
  overflow: hidden;
}

#contentLoad {
  padding: 10px;
  background-color: #F0F0F0;
  width:60%;  
  margin:auto;
}

#contentLoad embed{
width: 100%;
}
@media (max-width:900px) and (min-width:400px){
  #contentLoad embed{  
    height: 400px;
    margin:auto;
    display:block;
  }
}

@media (min-width:901px){
#contentLoad embed{
  height: 700px;
  margin:auto;
  display:block;
}

}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10900; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-open {
  overflow: hidden;
}

.modal--custom .modal-content  {
  width: 655px;
  height: 670px;
  max-width: initial;
  border-radius: 0;
  border: 6px solid #CFCFCF;
  margin: 5% auto;
  padding: 30px;
}

.modal--custom .modal-body {
  overflow: auto;
  max-height: 550px;
}

.modal-content {
  background-color: #fff;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 500px;
  border-radius: 8px;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  background: none;
  border: none;
}

.close:hover { color: black; }

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    /*margin: 15% auto;*/ /* 15% from the top and centered */
    /*padding: 20px;
    border: 1px solid #888;*/
    width: 80%; /* Could be more or less, depending on screen size */
}

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

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* LOADER */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 8px;
  border: 3px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #c5c5c5 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Margin */
.mBottom5{margin-bottom: 5px;}
.mBottom10{margin-bottom: 10px;}
.mBottom20{margin-bottom: 20px;}

.mTop5{margin-top: 5px;}
.mTop10{margin-top: 10px;}
.mTop20{margin-top: 20px !important;}

.mRight5{margin-right: 5px;}
.mRight20{margin-right: 20px;}

.mLeft5{margin-left: 5px;}
.mLeft10{margin-left: 10px;}
.mLeft15{margin-left: 15px;}

@media only screen and (max-width : 1132px) {
  .infosSec {
  width: 88%;
  table-layout: initial;
  }

  .itemZoneimage a img, .itemZoneimage span img {max-width: 75px;}

  .MediaLog {
    width : 15%
  }
}

/* Bouton switch */
.libelleSwitch {	
	float: right;
	padding-left: 5px;
}
.switchButton {
	margin: 10px;
  display: flex;
}
.switchButton input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
}
.switchButton label {
	cursor: pointer;
	text-indent: 200px;
	width: 40px;
	height: 20px;
	background: grey;
	display: block;
	border-radius: 10px;
	position: relative;
}
.switchButton label:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 9px;
	height: 9px;
	background: #fff;
	border-radius: 9px;
	transition: 0.3s;
}
.switchButton input:checked + label {
	background: #bada55;
}
.switchButton input:checked + label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}
.switchButton label:active:after {
	width: 30px;
}

.infoCircle {
	float: left;    
}

.infoCircle  span{
	border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 1px;
    background: #ee9a3;
    border: 2px solid #ee9a3a;
    color: #ee9a3a;
    text-align: center;
    vertical-align:middle;
	font-weight:bold;
	display:block;
}

.infoContent{
	float: right;	
}

.block--RNL {
  margin: 0 auto 10px;
  padding: 10px;
  background: white;
  color: #555;
  width: 70%;
  margin-left:15%;
}
.block--RNL img {
  width: -webkit-fill-available;
  wid
}
.block--RNL h2 {
  font-size: 1.6em;
  color: #2C71A5;
}
.block--RNL a {
  background: #2C71A5;
  border: 1px solid #2C71A5;
  color: #ffffff;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
}
  .block--RNL a:hover {
    background: #ffffff;
        color: #2C71A5;
  }
.block--RNL p {
  font-size: 16px;
 }
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.line_underscore {
  display: block;
  height: 1px;
  margin: 15px 0;
  background: #2C71A5;
}

@media (max-width:900px) and (min-width:400px){
  .infoCircle {  
    width: 15%;
  }  
  .infoContent{
	width: 85%;
  }
}

@media (min-width:901px){
  .infoCircle {  
    width: 5%;
  }  
  .infoContent{
	width: 95%;
  }
}

@media only screen and (max-width : 1280px) {
  .form_nb_articles {
    display: none;
  }
  .block--RNL {
    margin: 0 auto 10px;
    padding: 10px;
    background: white;
    color: #555;
    width: 100%;
    margin-left: inherit;
  }
}


.infoHome {
	display:block;
	clear:both;
	width:30%;
	margin:auto;
	margin-bottom:20px;
	padding: 5px;
	vertical-align:middle;
	background-color:#fbf2d6;
	color:#ee9a3a;
	font-weight:bold;
}




/** PALMARES **/

.page-palmares {
    font-size: 11px;
    color: #000;
}
.palmares-erreur {
    text-align: center;
    padding-top: 85px;
    font-size : 13px;
}

.div-titre-page {
    background-color: #2C71A5;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.div-titre-page > h1 {
    color: #ffffff;
    padding: 20px;
}

.palmares-td-semaine {
    font-size: 16px;
    padding-left: 20px;
}
.palmares-td-recherche {
    font-size: 11px;
    float: right;
    margin-right: 163px;
}
.palmares-champ-recherche {
    margin-left: 5px;
}

/* Suppression de la croix pour vider le champ de recherche */
.page-palmares input[type=text]::-ms-clear {  
    display: none; 
    width : 0; 
    height: 0; 
}
.page-palmares input[type=text]::-ms-reveal {  
    display: none; 
    width : 0; 
    height: 0; 
}
.page-palmares input[type="text"]::-webkit-search-decoration,
.page-palmares input[type="text"]::-webkit-search-cancel-button,
.page-palmares input[type="text"]::-webkit-search-results-button,
.page-palmares input[type="text"]::-webkit-search-results-decoration { 
    display: none; 
}

#palmares_table {
    margin-top: 30px;
}
.palmares-table-titre {
    width: fit-content;
}
.palmares-table-titre img {
    width: 40px;
}
.palmares-td-couverture {
	width: 50px;
}
.palmares-div-titre, .palmares-div-titre > a {
    font-weight: bold;
    color: #0d63ad;
}
.palmares-div-gencod {
    color: #9b9b9b;
    margin-top: 3px;
}
.palmares-td-repere, .palmares-th-repere {
    display: none;
}
.palmares-tr {
    border-bottom: 1px solid #e9e9e9;
}
#palmares_table td {
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size : 11px;
}
.palmares-td-rang {
    font-size : 13px !important;
    text-align: center;
    padding-left: 0px !important;
}
.palmares-td-titre {
    padding-left: 0px !important;
}
.palmares-td-dispo {
    padding-left : 20px !important;
}
.palmares-td-actions img {
    opacity: 0.6;
    image-rendering: -webkit-optimize-contrast;
}
.palmares-td-actions img:hover {
    opacity: 1;
    image-rendering: -webkit-optimize-contrast;
}
.palmares-td-icones-actions {
    padding-left: 0px !important;
    padding-right: 5px !important;
}
.palmares-td-actions table {
    width: 120px;
}
.palmares-header2-table > th {
    border: 1px solid #e9e9e9;
    background-color: #f3f4f6;
    color: #888;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    padding-right: 10px;
    height: 55px;
}
.palmares-header-table > th {
    background-color: #dedede;
    border: 1px solid #e9e9e9;
    color: #888;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.icone-point-interrogation {
    width: 12px;
    margin-left: 5px;
    opacity: 0.5;
}
.palmares-carre-tableau {
    width: 25px;
    height: 25px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding-top: 4px;
}
.palmares-div-stock {
    font-size : 13px;
    background-color: #ebebeb;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
}

.palmares-div-switch {
    margin-top: 20px;
    margin-left: 20px;
}

.palmares-div-infos-couleurs {
    float: right;
    margin-right: 30px;
    margin-bottom: 20px;
    display : none;
}
.palmares-div-infos-couleurs td {
    color: #626262;
    font-size : 11px;
    padding-bottom: 4px;
}
.palmares-carre {
    width: 10px;
    height: 10px;
    margin-right: 5px;
}
.vert-fonce {
    background-color: #007000;
}
.vert-clair {
    background-color: #90ba32;
}
.orange {
    background-color: #d59809;
}
.rouge {
    background-color: #d2222d;
}
.dispo-bleu {
    background-color: #6CF;
}
.dispo-vert {
    background-color: #6C3;
}
.dispo-orange {
    background-color: #ee9a3a;
}
.dispo-rouge {
    background-color: #EE3A68;
}

/* Bouton switch */
.palmares-switch-libelle {	
	padding-top: 3px;
}
.palmares-switch-button > div {
	padding-right: 5px;
}
.palmares-switch-button input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
}
.palmares-switch-button label {
	cursor: pointer;
	text-indent: 200px;
	width: 40px;
	height: 20px;
	background: grey;
	display: block;
	border-radius: 10px;
	position: relative;
}
.palmares-switch-button label:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 9px;
	height: 9px;
	background: #fff;
	border-radius: 9px;
	transition: 0.3s;
}
.palmares-switch-button input:checked + label {
	background: #bada55;
}
.palmares-switch-button input:checked + label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}
.palmares-switch-button label:active:after {
	width: 30px;
}
/* HACK IE8 */
.palmares-switch-button {
    display: table\9;
}
.palmares-switch-libelle {
    height: 45px\9; 
    vertical-align: middle\9; 
    display: table-cell\9;
}

/* Tooltip */
.palmares-tooltip {
    background-color: #000 !important;
    padding: 5px !important;
    font-size : 11px;
	font-weight: normal;
}
.palmares-tooltip:after {
    border-color: #000 transparent transparent transparent !important;
    margin-left: -10px !important;
}

.padding-0-left {
    padding-left: 0px; 
}
.padding-0-right {
    padding-right: 0px; 
}
.padding-5-left {
    padding-left: 5px; 
}
.padding-5-right {
    padding-right: 5px; 
}
.padding-0 {
    padding-left: 0px;
    padding-right: 0px;
}
.colxs12 {
    width: 100%;
}
.colxs6 {
    width: 50%;
}
.colmd4 {
    width: 33,33333333%;
}

.productDescription-content {
    padding: 20px 0px;
    font-size: 1.2em;
}