@charset "utf-8";
/* ****************************************************

	@file                    screen.css
	@description             Feuille de styles globale
	@version                 2010 02 03
  @dernière modification   22/09/2018
  @auteur                  @ixmedia.com
                           Marc-Antoine Sirois msirois@ixmedia.com

***************************************************** */
@import url("./reset.css");

/*
 * @section Basic
******************************************************************************/
html, body{
	height: 100%;
}

body{
	position: relative;
	font-size: 62.5%;
}

#wrap{
	position: relative;
	padding-bottom: 150px;
  min-width: 960px;
  overflow: hidden;
}

#conteneur{
	position: relative;
  height: auto !important;
  height: 100%; /* Pour IE6*/
  min-height: 100%;
	z-index: 99;
}

body, form, input, textarea{
	font-family: Arial, Verdana, sans-serif;
}


h1,h2,h3,h4,p,span,address,div.p{
	color: #2b3f4a;
}

a,a p,a:visited{
	color: #3366cc;
	text-decoration: none;
}

a:hover,a:hover p,a:active, a:focus{
	color: #2457bd;
}

button, a *, button * { cursor: pointer; }
button, label, select, option, input[type=submit] { cursor: pointer; }
button::-moz-focus-inner { border: 0; padding: 1px; }

a img{
	border: none;
}

div.p,p,address{
	line-height: 1.4em;
}

address{
	font-style: normal;
}

ul.puces li{
	list-style-type: disc;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */

small{
	color: #777;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 75%;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

.retour{
	float: right;
}

/*
 * @section Communs
******************************************************************************/
body #contenu{
	position: relative;
	width: 960px;
	margin: 0 auto;
}

p,a,address,li p,table,div.p{
	font-size: 1.2em;
}

p a,li a,li li,table p{
	font-size: 1em;
}

.titre{
	font-weight: bold;
	display: block;
}

#tooltip{
	position: absolute;
	border: 1px solid #333;
	background: #FFF;
	padding: 2px 5px;
	color: #243944;
	display: none;
	font-size: 1.1em;
	font-weight: bold;
	z-index: 9999;
}

table{
	font-size: 1.2em;
}

table td,table th{
	padding: 10px 12px;
}

/*
 * @section Layout
******************************************************************************/
#entete{
	position: relative;
	width: 100%;
    /*padding-top: 8px;*/
	background: #666666 url(../images/interface/bg-entete.png) repeat-x 0 0px;
    /*background-color: #000;*/
}

#entete .contenu{
	height: 199px;
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#entete, #sub-nav, #nav{
	width: 100%;
}

#entete .contenu ul li{
	display: inline;
}

#entete .contenu ul li a{
	float: left;
}

#entete .logo{
  position: absolute;
  top: 40px;
  left: 8px;
}

#entete .infolettre-cta{
  position: absolute;
  top: 40px;
  right: 8px;
  z-index:2;
}

.notification-banner{
  padding: 15px 0;
  min-height: 40px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  background-color: #3366cc;
  font: 500 16px/17px Arial;
  letter-spacing: 0.35px;
  color: #FFF !important;
}

.notification-banner:hover{
  color: inherit;
  background-color: #2457bd;
}

.notification-banner + .notification-banner{
  border-top: 1px solid #c39149;
}

.notification-banner__content{
	box-sizing: border-box;
	width: 960px;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	padding: 0 12px;
  }
  .notification-banner__content span{
	color:#FFFFFF;
  }

a#abonnement-infolettre.actif{
	/* background: url(../images/interface/bg-liste-infolettre.gif) no-repeat bottom center; */
	color: #CE5252;
}

form#abonnement-infolettre-form{
	display: none;
	position: absolute;
	bottom: -65px;
	right: 0px;
	width: auto;
	height: 30px;
	z-index: 200;
  background: #fff;
  padding: 10px 10px 20px 10px;
}

form#abonnement-infolettre-form input{
  color: #000;
  font-weight: bold;
  width: 161px;
  height: 14px;
  border: none;
  padding: 5px 20px;
  margin-right: 10px;
  border: 1px solid #8B8B8B;
  border-radius: 15px;
}

form#abonnement-infolettre-form input#envoyer-infolettre{
  width: 25px;
  height: 25px;
  padding: 0;
  background: #000;
  border: 1px solid #000;
  color: #fff;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: normal;
}

form#desabonnement-infolettre{
	margin-bottom: 50px;
}

form#desabonnement-infolettre input{
	border: 1px solid #CCC;
	float: left;
	width: 300px;
	padding: 5px;
	font-size: 12px;
}

form#desabonnement-infolettre label{
	width: 100px;
	float: left;
	font-size: 12px;
	padding-top: 5px;
}

input#desabonnement-bouton{
	clear: both;
	width: 100px!important;
	margin: 10px 10px 10px 100px;
	border: 1px solid #ccc;
}

input#desabonnement-bouton:hover{
	border: 1px solid #666;
}

a#desabonnement{
	color: #AAB2B6;
	font-size: 11px;
	margin-top: 10px;
	text-align: right;
	display: block;
	margin-right: 10px;
}

a#desabonnement:hover{
	color: #b42525;
}
.banner {
  /*background: url(/images/interface/banner.png);*/
  background: url(/images/interface/bg-banner-50e.svg) no-repeat center;
  height: 90px;
  width: 440px;
  display: block;
  position: absolute;
  left: 0px;
  top: 27px;
  overflow: hidden;
  margin: 0px 212px 0 308px;
}

#sub-nav{
	width: auto;
	text-align: right;
	height: 94px;
	position: absolute;
	right: 0px;
	top: 0px;
}

ul#sub-nav  li a{
	font-size: 1.1em;
	color: #FFF;
	padding: 10px;
	margin-right: 6px;
}

ul#sub-nav li a:hover,
ul#sub-nav li a.active{
	color: #B8996D;
}

#sub-nav .rss, #sub-nav .social{
	padding: 6px;
	margin-left: 20px;
}

#sub-nav .social{
	margin-left: 0px;
	padding: 5px 1px;
}

#sub-nav .social.premier{
	margin-left: 20px;
}

#nav{
	height: 29px;
	position: absolute;
	bottom: 42px;
}

#nav li a{
	line-height: 29px;
	color: #000000;
	height: 29px;
	padding: 0 11px;
	margin-left: 3px;
	font-size: 1em;
	text-transform: uppercase;
}

#nav li a.active{
	color: #000000;
}

#nav li a:hover{
	color: #000000;
	background-color:#FFF;
}

#classement{
	position: absolute;
	bottom: 0;
	height: 42px;
}

#classement ul li a{
	font-size: 1.6em;
	height: 42px;
	line-height: 42px;
	margin-right: 5px;
	padding: 0 12px;
	background: none;
	color: #666666;
}

#classement ul li a:hover,
#classement ul li a.active{
	color: #000000;
	background-color: #fabb00;
	/*background: url(../images/interface/bg-a-classement.gif) repeat-x;*/
}

.champ-recherche{
	position: relative;
}

.champ-recherche form{
	margin: 0;
}

.champ-recherche form span{
	display: block;
	background: url(../images/interface/bg-recherche.png) no-repeat;
	width: 201px;
	height: 25px;
	position: relative;
}

.champ-recherche form span input{
	font-size: 1.1em;
	color: #989c9d;
	position: absolute;
	margin-top: 6px;
	left: 14px;
	width: 158px;
	border: none;
	background: transparent;
}

.champ-recherche form	span button{
	text-indent: -9999px;
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	color:#7F7F7F;
	float:right;
	width:30px;
	height: 25px;
}

#sidebar .champ-recherche form{
	width: 175px;
	height: 25px;
	position: relative;
}


#sidebar .champ-recherche form span{
	display: block;
	background: url(../images/interface/bg-recherche-blogue.png) no-repeat;
	width: 175px;
	height: 25px;
	position: relative;
}

#sidebar .champ-recherche form span input{
	color: #989c9d;
	position: absolute;
	margin-top: 6px;
	left: 14px;
	width: 133px;
	border: none;
	background: transparent;
}

#entete #recherche{
	position: absolute;
	right: 130px;
	bottom: 8px;
}

.cart-holder {
	bottom: 1px;
	height: 42px;
	line-height: 42px;
	position: absolute;
	right: 8px;
}

.cart-holder a {
	background:  #fabb00 url(../images/interface/ico-cart.png) no-repeat 30px 12px;
	/*box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.50);*/
	padding: 15px 34px 13px 65px;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.cart-holder a:hover {
	background: #fabb00 url(../images/interface/ico-cart.png) no-repeat 30px 12px;
}

.cart-holder a span {
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}

#contenu h2{
	font-size: 1.8em;
	letter-spacing: 0;
}

#contenu h1,
#contenu h2.main{
	width: 100%;
	font-size: 3em;
	letter-spacing: -1px;
	line-height: 1em;
	background: url(../images/interface/bg-separateur-rangee.gif) repeat-x bottom left;
	padding: 24px 0 40px 0;
}

#contenu .colonne-droite h1,
#contenu .colonne-droite h2{
	padding: 0 0 10px 0;
	background: none;
}

#contenu h3{
	font-weight: bold;
	font-size: 1.4em;
	margin: 20px 0 14px 0;
}

#contenu ul li{
	font-size: 1.2em;
	line-height: 1.4em;
	color:#2b3f4a;
}

#contenu ul ul li{
	font-size: 1em;
}

/** @secion Ajouts layout */
#contenu form.stylized h2,
#contenu h2.highlight {
  margin: 30px 0px 10px 0px;
  padding: 7.5px 5px 5px 5px;
  padding-left: 30px;
  font-size: 24px;
  line-height: 20pt;
  color: #ffffff;
  font-weight: 500;

  background: linear-gradient(90deg, #fabb00 1.5%, #666666 1.5%);
}

#contenu form.stylized input, #contenu form.stylized select {
  font-size: 12px;
  border: 0px;
  border-radius: 0;
  border-bottom: 1px solid #666666;
  background-color: #f5f5f5;
  padding: 5px;
  margin: 10px 0px;
}

form.stylized .select2-selection--single {
  font-size: 12px;
  border: 0px!important;
  border-radius: 0!important;
  border-bottom: 1px solid #666666!important;
  background-color: #f5f5f5!important;
  padding: 5px!important;
  margin: 10px 0px!important;
}

form.stylized .select2-selection--single .select2-selection__arrow {
  top: 10px!important;
}
form.stylized .select2-container {
  width:100%!important;
}
form.stylized .select2-container .select2-selection--single .select2-selection__rendered {
  color: #000;
     line-height: 17px;
  font-weight: 400;
}

#contenu form.stylized input[type='checkbox']{
  font-size: 12px;
  border: 1px solid #666666;
  background-color: #f5f5f5;
  padding: 5px;
  margin: 0px;
  margin-top: 2px;
  appearance: none;
}

#contenu form.stylized button{
  border: none;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 16pt;
  color: #ffffff;
  background: #666666;
  padding: 5px;
  margin: 0px;
  margin-top: 50px;
  align-items: center;
  justify-content: center;
  width : 35%
}

#contenu form.stylized button:hover{
  background: #fabb00;
}

#contenu form.stylized input[type=submit] {
  border: none;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 16pt;
  color: #ffffff;
  background: #666666;
  padding: 5px;
  margin: 0px;
  margin-top: 10px;
  align-items: center;
  justify-content: center;
  width : 100%
}

#contenu form.stylized input[type=submit]:hover {
  background: #fabb00;
}

#contenu form.stylized .col{
  display: flex;
  flex-direction: column;
  margin-right: 5%;
}

#contenu form.stylized .row{
  display: flex;
  flex-direction: row;
  width: 105%;
  align-items: center;
  justify-content: space-between;
}
#contenu form.stylized .row.top {
  align-items: flex-start;
}
#contenu form.stylized .row.center {
  justify-content: center;
}

#contenu form.stylized .half{
  width: 50%;
  max-width: 453px;
}

#contenu form.stylized .small{
  width: 10%;
}

#contenu form.stylized .quarter{
  width: 25%;
}
#contenu form.stylized .threequarter{
  width: 75%;
}

#contenu form.stylized .third{
  width: 30%;
}
#contenu form.stylized .twothird{
  width: 65%;
}

#contenu form.stylized .full{
  width: 100%;
}

#contenu form.stylized label {
  font-size: 11px;
  padding-bottom: 5px;
  white-space:nowrap;
  font-weight:500;
}

#contenu form.stylized #autre_div {
  margin : 10px;
  padding : 2.5px 25px;

  background: #666666;
  color: #ffffff;
  display: flex;
  width: 92%;
}

span form.stylized {
  line-height : 11pt;
}

/*
 * @section Pied de page
******************************************************************************/
#pied{
  clear: both;
  position: relative;
	width: 100%;
	background-color: #666666;
	height: 84px;
  margin-top: -84px;
	color: #fff;
	font-size: 1.1em;
	z-index: 100;
  min-width: 960px;
}

#pied a{
	color: #fff;
}

#pied a:hover{
	text-decoration: underline;
}

#pied .contenu{
	width: 960px;
	margin: 0 auto;
}

#pied #coordonnees{
	float: left;
	margin: 26px 0 0 70px;
}

#pied #coordonnees address{
	padding-bottom: 8px;
	color: #fff;
	font-size: 1em;
	line-height: normal;
}

#pied .logo{
	float: left;
	margin: 20px 0 0 13px;
}

#droits{
	float: right;
	padding: 26px 20px 0 0;
	font-size: 0.9em;
	text-align: right;
	line-height: 1.5em;
}

#pied p,#pied span{
	color: #FFF;
}


/*
 * @section Auto-complete
******************************************************************************/
.ac_results {
	padding: 0px;
	background-color: white;
	color: #666666;
	overflow: hidden;
	z-index: 99999;
	font-size: 110%;
	margin-left: -21px;
	margin-top: 5px;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 3px 5px 3px 21px;
	cursor: pointer;
	display: block;
	overflow: hidden;
}

.ac_loading {
	background: url("../images/interface/ico-loading-mini.gif") right center no-repeat;
}

.ac_over {
	background-color: #AA132E;
	color: #fff;
}


/*
 * @section Commune - Colonne
******************************************************************************/
.sep-section{
	position: relative;
	padding-left: 8px;
	padding-bottom: 20px;
}

#contenu .sep-section h1,
#contenu .sep-section h2{
	background: none;
	padding: 0;
}

#contenu .sep-section h2{
	margin-left: 0;
}

.colonne-gauche,.colonne-droite{
	float: left;
/*	padding-top: 38px;
	padding-bottom: 30px;*/
}

#contenu .colonne-gauche h1,
#contenu .colonne-droite h1,
#contenu .colonne-gauche h2,
#contenu .colonne-droite h2{
	margin: 0;
}

#contenu .colonne-droite h1{
	font-size: 2.4em;
	color: #4b7b95;
	margin-bottom: 10px;
}

#contenu .colonne-droite h2{
	font-size: 1.8em;
	letter-spacing: 0;
}

#contenu .colonne-gauche{
	width:160px;
	padding: 18px 40px 30px 0;
}

#contenu .colonne-droite{
	width:720px;
	margin: 18px 0 30px 0;
	padding-left: 32px;
	background: url(../images/interface/sep-colonne.gif) repeat-y top left;
}
/*
.colonne-droite ul li{
	font-size: 1.2em;
	line-height: 1.4em;
}
*/
#contenu .colonne-gauche ul.sub-nav li{
	padding: 6px 0;
}

#contenu .colonne-gauche ul.sub-nav li ul,
#contenu .colonne-gauche ul.sub-nav li ul li,
#contenu .colonne-gauche ul.sub-nav h3{
	padding: 0;
	margin: 0 0 6px 0;

}

#contenu .colonne-gauche ul.sub-nav li ul{
	margin: 10px 0 0 10px;
}

#contenu .colonne-gauche ul.sub-nav li ul li ul{
	margin: 0 0 0 10px;
	border: none;
}

#contenu .colonne-gauche ul.sub-nav h3{
	font-size: 1.1em;
	padding: 0 0 2px 0;
	border-bottom: solid 1px #ccc;
}

#contenu .colonne-gauche ul.sub-nav li a{
	font-weight: bold;
}

#contenu .colonne-gauche ul.sub-nav li a.active{
	color: #2b3f4a;
}

#contenu p,#contenu div.p{
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 20px;
}

#contenu div.p p{
	font-size: 1em;
}

#contenu p a{
	font-weight: bold;
}

#contenu p em{
	position: relative;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
}

/*
 * Liste de sélection
*******************************/
div.select{
	z-index: 100;
}

div.select div {
	z-index: 101;
	width: 225px;
	position: relative;
	margin-left: -1px;
}

#contenu div.select p.label, .affilie-page div.select p.label {
	height: 26px;
	margin: 0;
	background: url("../images/interface/bg-select-recherche-avancer.gif") no-repeat top right;
	padding: 1px;
}

div.select p.label a {
	display: block;
	color: #7f7f7f;
	padding: 4px 0 1px 8px;
	height: 18px;
	outline: none;
	border: 1px solid #d1d2d3;
	text-decoration: none;
	font-size: 0.9em;
}

div.select p.label a:hover {
	border-color: #8d8d8d;
	color: #222;
}

* html #conteneur div.select ul {
   height: expression( this.scrollHeight > 282 ? "283px" : "auto" ); /* sets max-height for IE */
}

#conteneur div.select ul {
	display: none;
	z-index: 102;
	position: absolute;
	top: 26px;
	left: 1px;
	margin: 0;
	width: 221px;
	max-height: 283px;
	overflow: auto;
	background: #fff;
	border: 1px solid #afb0b0;
	font-size: 1em;
	padding: 0 !important;
	float: none !important;
	box-shadow: 0 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.3);
}

div.select ul li {
	float: none !important;
	padding: 0 !important;
}

* html div.select ul li {
	height: 1%;
}

#contenu div.select ul li a, .affilie-page div.select ul li a {
	display: block;
	padding: 8px 8px;
	border-bottom: 1px solid #e6e6e6;
	color: #666 !important;
	font-weight: bold;
	font-size: 11px;
}

* html div.select ul li a {
	height: 1%;
}

div.select ul li a:hover {
	background: #F2F2F2;
}

/*
 * @section Overlay
 ******************************************************************************/
#overlay {
	display: none;
	position: fixed !important;
	position: absolute;
	background: #000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10000;
}

.form-overlay {
	display: none;
	position: absolute;
	left: 50%;
	top: 100px;
	width: 300px;
	margin-left: -150px;
	background: #F0F2F4;
	z-index: 10010;
	color: #273843;
	font-size: 100%;
	border: 2px solid #273843;
	padding: 0 0 10px;
}

.form-overlay-alt form {
	padding: 20px 30px;
}


.form-overlay a.fermer {
	position: absolute;
	top: 10px;
	right: 15px;
	text-decoration: none;
	float: right;
	display: block;
	outline: none;
	color: #B9283C;
}

.form-overlay a.fermer:hover {
	color: #273843;
}

.form-overlay a.fermer strong {
	float: right;
	font-size: 170%;
}

.form-overlay a.fermer span {
	float: right;
	margin-top: 5px;
	margin-left: 4px;
	font-size: 90%;
}

.form-overlay h1 {
	font-size: 150%;
	margin: 0 0 0.8em;
	color: #273843;
}

.form-overlay form,.form-overlay .form {
	padding: 15px 20px 10px;
	position: relative;
}

.form-overlay form ul {
	margin: 0 0 2em;
}

.form-overlay form ul li {
	margin: 0 0 1.2em;
}

.form-overlay form input,
.form-overlay form textarea {
	display: block;
	border: 2px solid #2e190c;
	padding: 3px;
	margin-top: 3px;
	width: 230px;
	font-size: 1.1em;
}

.form-overlay form input.erreur,
.form-overlay form textarea.erreur {
	background: #E52439;
	color: #fff;
}

.form-overlay p.bouton {
	margin: 0;
}

.form-overlay button {
	background: #2E3E49;
	color: #fff;
	border: none;
	padding: 6px 8px;
	font-weight: bold;
	font-size: 120%;
}

.form-overlay .loading {
	text-align: center;
	padding: 35px 0 0 0;
	height: 1%;
}

.form-overlay .confirmation,
.form-overlay .form-erreur {
	text-align: center;
	padding: 25px 0 0 0;
}

.form-overlay .loading p {
	margin: 0;
}

/*
 * @vignette des livre commun pour la page d'accueil et pour le catalogue
******************************************************************************/
.livre{

	display: block;
/*	width: 187px;*/
	width: 180px;
	float: left;
	position: relative;
}

.livre a{

	/* position: relative; */
	z-index: 13;
}

.livre span.bg-top{
	position: absolute;

	z-index: 10;
	top: 0;
	left: 0;
/*	width: 187px;*/
	width: 180px;
	height: 24px;
	background: #fff url(../images/interface/bg-livre-top.gif) center top no-repeat;
}

.livre .vignette{
	height: auto !important;
	height: 1%;
	margin: 0 0 1em;
	/* position: relative; */
	padding: 0 0 26px 0;
	background: url(../images/interface/bg-livre-bottom.gif) center bottom no-repeat;
}

*+html .livre .vignette {
	zoom: 1;
}

.livre .vignette img{
	position: relative;
	top: 9px;
/*	left: 11px;*/
	left: 7px;
	z-index: 12;
	display: block;
}

.livre .infos{

}

.livre span.promo-label,
.couverture-image span.promo-label {
  background-color: #34ec8f;
  position: absolute;
  width: 64px;
  text-align: center;
  display: block;
  padding: 20px 5px;
  border-radius: 80px;
  border: 4px solid #ffffff;
  color: #21543b;
  font-size: 10px;
  line-height: 10px;
  right: -10px;
  top: -10px;
  z-index: 999;
}

.livre span.promo-label strong,
.couverture-image span.promo-label strong {
	font-size: 13px;
	line-height: 15px;
}

.livre span.promo-label {
	top: -15px;
	right: -30px;
}

.livre span.promo-label.smaller-space {
  right: -5px;
  top: -10px;
}

.table-of-contents{
  margin: 0 0 20px 0;
}

.table-of-contents__title{
  width: 100%;
}

.table-of-contents__toggle{
  display: none;
}

.table-of-contents__toggle:checked + .table-of-contents__list{
  margin: 0 0 0 0;
  max-height: 100%;
}

.table-of-contents__toggle:checked + .table-of-contents__list + label{
  display: none;
}

.table-of-contents__list{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  max-height: 124px;
  border-bottom: 1px solid black;
  margin: 0 0 -31px 0;
}

.table-of-contents__trigger{
  position: relative;
  background-color: white;
  width: auto;
}

.table-of-contents__trigger:after{
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #b42525;
}


.table-of-contents__trigger,
.table-of-contents__row{
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 8px 5px;
}

.table-of-contents__trigger{
  font: 600 12px/14px  Arial, Verdana, sans-serif;
}

.table-of-contents__row{
  font: 400 12px/14px  Arial, Verdana, sans-serif;
  width: 100%;
}

.table-of-contents__row span:first-child{
  flex: 1 0 0;
  padding: 0 30px 0 0;
}
.table-of-contents__row span:last-child{
  flex: 0 1 auto;
}

.table-of-contents__row:first-child{
  border-top: 1px solid black;
}

.table-of-contents__row + .table-of-contents__row{
  border-top: 1px solid #cacaca;
}
/*
 * @pagination Style commun pour la pagination de l'accueil et celle du catalogue
******************************************************************************/

.pagination ul li {
  float: left;
}

.pagination ul li a {
  padding: 2px 3px;
  margin: 0 5px;
  display: block;
  outline: none;
  font-weight: bold;
}

.pagination ul li a:hover {
  text-decoration: underline;
  color: #b42525;
}

.pagination ul li.active a {
  color: #ababab;
}

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

.pagination ul li.prev a,
.pagination ul li.next a {
  width: 14px;
  height: 19px;
  text-indent: -9999px;
  padding: 0;
  display: block;
  margin: 0;
}

.pagination ul li.prev a {
  background: url("../images/interface/btn-pagination.gif") no-repeat 0 -19px;
}

.pagination ul li.next a {
  background: url("../images/interface/btn-pagination.gif") no-repeat -14px -19px;
}

.pagination ul li.prev-inactive a {
  background: url("../images/interface/btn-pagination.gif") no-repeat 0 0;
  cursor: default;
}

.pagination ul li.next-inactive a {
  background: url("../images/interface/btn-pagination.gif") no-repeat -14px 0;
  cursor: default;
}

.pagination-petite ul {
  float: left;
  margin-top: 12px;
}

.pagination-petite p {
  margin: 0;
}

.pagination-petite ul li a {
  font-size: 1.2em;
  padding: 0px 3px;
  margin: 0 2px;
}

.pagination-petite ul li.prev a,
.pagination-petite ul li.next a {
  width: 10px;
  height: 13px;
  text-indent: -9999px;
  padding: 0;
  display: block;
  margin: 0;
}

.pagination-petite ul li.prev a {
  margin-right: 37px;
}

.pagination-petite ul li.next a {
  margin-left: 37px;
}

.pagination-petite ul li.prev a {
  background: url("../images/interface/btn-pagination-petit.gif") no-repeat 0 -13px;
}

.pagination-petite ul li.next a {
  background: url("../images/interface/btn-pagination-petit.gif") no-repeat -10px -13px;
}

.pagination-petite ul li.prev-inactive a {
  background: url("../images/interface/btn-pagination-petit.gif") no-repeat 0 0;
  cursor: default;
}

.pagination-petite ul li.next-inactive a {
  background: url("../images/interface/btn-pagination-petit.gif") no-repeat -10px 0;
  cursor: default;
}

.pagination-owl {
    position: absolute;
    width:100%;
    top:46%;
}

.carrousel-arrow {
    display:flex !important;
    flex-direction: row;
    justify-content: space-between;
}

/*
 * @barre de recherche utilisé dans le Catalogue et et la fiche de livre
******************************************************************************/
#recherche-avancer{
	width: 950px;
	height: 69px;
	background: url(../images/interface/bg-recherche-avancer.gif) no-repeat;
	margin: 20px 5px 38px 5px;
	padding: 15px 0 0 0;
	position: relative;
	z-index: 1000;
}

.revues #recherche-avancer,.themes #recherche-avancer,.collections #recherche-avancer{
	height: 46px;
	border-bottom: solid 1px #DEDFE0;
}

#recherche-avancer h3{
	text-transform: uppercase;
	color: #939da3;
	font-size: 1.6em;
	padding: 6px 0 0 69px;
	margin: 0;
	float: left;
}

#recherche-avancer #tous-themes, #recherche-avancer #tous-collections{
	position: absolute;
	top: 17px;
}

#recherche-avancer #tous-themes{
	left: 195px;
	z-index: 201;
}

#recherche-avancer #tous-collections{
	left: 435px;
	z-index: 301;
}

#recherche-avancer #tous-themes div{
	z-index: 202;
}

#recherche-avancer #tous-collections div{
	z-index: 302;
}

#recherche-avancer #choix-lettre{
	position: absolute;
	z-index: 1;
	width: 580px;
	bottom: 10px;
	left: 190px;
}

#recherche-avancer #choix-lettre ul{
	display: inline;
}

#recherche-avancer #choix-lettre ul li{
	font-size: 1.75em;
	font-weight: bold;
	display: block;
	float: left;
	padding: 4px;
}

#recherche-avancer #choix-lettre ul li.active a{
	color: #ababab;
}

#recherche-avancer #choix-lettre ul li.aucun-resultat{
	color: #ccc;
}

#recherche-avancer .champ-recherche{
	float: left;
	margin-left: 20px;
}

#recherche-avancer .champ-recherche	span{
	float: left;
}

/*
 * @barre de naviguation dans les résultats de recherche utilisé
 * dans le Catalogue et et la fiche de livre
******************************************************************************/
.nav-resultat{
	clear: both;
	width: 100%;
	height: 40px;
	position: relative;
	z-index: 100;
}

.top-nav{
	border-bottom: solid 1px #d6d7d8;
}

.bottom-nav{
	border-top: solid 1px #d6d7d8;
}

.nav-resultat span.nb-resultats{
	display: block;
	font-size: 1.2em;
	color: #7f7f7f;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-left: 10px;
}

.nav-resultat .pagination{
	position: absolute;
	right: 10px;
}

.nav-resultat .nb-par-page{
	width: 160px;
	float: right;
	top: 0;
	margin-right: 20px;
}

.nav-resultat .pagination{
	position: relative;
	float: right;
}

.nav-resultat .nb-par-page span{
	float: left;
	height: 40px;
	line-height: 40px;
	padding: 0 12px 0 0;
	font-weight: bold;
	color: #b42525;
}

.nav-resultat .nb-par-page .select{
	float: left;
	margin: 6px 0 0 0;
}

.nav-resultat div.select div {
	width: 99px;
}

#contenu .nav-resultat div.select p.label {
	background: url("../images/interface/bg-select-pagination.gif") no-repeat top left;
}

.nav-resultat div.select ul {
	width: 95px;
}

/*
 * @section H1 Accueil, Catalogue et Fiche d'un livre
******************************************************************************/

body.template-accueil #contenu h1,
body.template-catalogue #contenu h1,
body.template-fiche-livre #contenu h1,
body.template-listes #contenu h1{
	background: none;
	padding-bottom: 18px;
}


/*
 * @section Accueil
******************************************************************************/
body.template-accueil #contenu .sep-section{
	background: url(../images/interface/bg-separateur-rangee.gif) repeat-x top left;
}

.listing-livres {
    position: relative;
}

body.template-accueil .livres .contenu .listing-livres .pagination ul {
	display: none;
	margin: 0 auto;
	padding-top: 12px;
}

body.template-accueil .livres .contenu .listing-livres .pagination ul li a {
	font-size: 1.5em;
}

body.template-accueil .livres .contenu .listing-livres .pagination ul li.prev a {
	margin-right: 70px;
}

body.template-accueil .livres .contenu .listing-livres .pagination ul li.next a {
	margin-left: 70px;
}

body.template-accueil .livres {
	margin: 0 0 1.2em;
	padding: 0 0 4em;
}

body.template-accueil .livres .contenu .listing-livres {
	padding: 11px 0 0 0;
}

body.template-accueil .livres .contenu #vendeurs {
	display: block;
}


body.template-accueil .livres .contenu .viewport {
	width: 900px;
	overflow: hidden;
	position: relative;
	left: 30px;
}

body.template-accueil .livres .contenu .groupe-livre {
	width: 900px;
	float:left;
}

body.template-accueil .livres .contenu .listing-livres .vignette {
	position: relative;
	margin: 0 0 1em;
	height: 1% !important;
}

body.template-accueil #bas-de-page{
	width: 100%;
	height: 280px;
	padding-top: 20px;
}

body.template-accueil #contenu h2{
	font-size: 3em;
	line-height: 0.8em;
	margin: 0 0 17px 0;
}

body.template-accueil #contenu .colonne-gauche{
	width: 276px;
	margin-left: 25px;
}

body.template-accueil #contenu .colonne-droite{
	width: 560px;
}

body.template-accueil #contenu .colonne-droite span{
	display: block;
	font-size: 1.2em;
	margin-top: 28px;
}

body.template-accueil #contenu .colonne-droite span a{
	font-size: 0.84em;
	float: right;
}

body.template-accueil #contenu .colonne-droite h4 a{
	font-size: 1.8em;
	margin: 0 0 12px 0;
	line-height: 1em;
}

/*
 * @section Accueil-50-refonte
******************************************************************************/
.affilie__books-50ans {
  width:100% !important;
}

.conteneur-nouvelle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.conteneur-nouvelle .news__post {
  padding-bottom: 15px
}

.conteneur-nouvelle__news {
    width: 76%;
}

.conteneur-nouvelle__news a,
.conteneur-nouvelle__news a p,
.conteneur-nouvelle__news a:visited{
	color: #666666;
	text-decoration: none;
}

.conteneur-nouvelle__news a:hover,
.conteneur-nouvelle__news a:hover p,
.conteneur-nouvelle__news a:active, a:focus{
	color: #ababab;
}

.conteneur-nouvelle__facebook-tweet {
    width: 220px;
}

.conteneur-nouvelle__tweet {
    margin-top: 50px;
}

.conteneur-nouvelle__news-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.conteneur-nouvelle__news-bottom {
  padding-top: 90px;
}

.conteneur-nouvelle__news-bottom ul{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.conteneur-nouvelle__news-top--left {
}

.separateur {
  height: 699px;
  box-shadow: 0 3px 8px 0 #d6d7d8;
  border: solid 1px #e9ebec;
  margin-right:20px;
}

.conteneur-nouvelle__news-top--right {
  width: 65%;
  display: flex;
  flex-direction: row;
}

.news-carre li {
  padding-bottom: 16px;
}

.nouvelle__description {
  margin: 0 !important;
}

.nouvelle__description a{
  line-height: 20px;
}

.contain-nouvelle ul {
  padding-top: 40px;
}

.sep-section-news {
  position: relative;
  padding-bottom: 20px;
  width: 90%;
  margin: 0 auto;
  background: url(../images/interface/bg-separateur-rangee.gif) repeat-x top left;
}

/*
 * @section footer refont 50e
******************************************************************************/
.social-footer {
  width: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  right:20px;
}

.droits {
  position: relative;
  padding-top: 15px;
}
/*
 * @section page - 50e refont 50e
******************************************************************************/
#timeline .owl-nav {
  display:flex !important;
  position: absolute;
  flex-direction: row;
  justify-content: space-between; 
  width:100%;
  top:46%;
}

#timeline .owl-next{
  background: url("../images/interface/btn-pagination.gif") no-repeat -14px -19px;
}

#timeline .owl-prev{
  background: url("../images/interface/btn-pagination.gif") no-repeat 0 -19px;
}

#timeline .owl-next, #timeline .owl-prev{
  width: 14px;
  height: 19px;
  font-size: 0;
  margin:0 20px;
}

#timeline .carrousel-arrow {
}
.page-50-container {
  font-size: 16px;
}

.page-50-container ul {
  list-style: initial;
  padding-left:22px;
}

.page-50-container ol {
  list-style-type: decimal;
  font-size: 19px;
  padding-left:22px;
}

.page-50-container p {
  margin: 10px 0!important;
}

.mot-directrice {
  padding: 50px 0;
}

.mot-directrice h2 , .page-50-container h2 {
  color: #4b7b95;
  font-size: 24px !important;
}

.mot-directrice p {
  font-size: 14px !important;
}

.lien-ligne-temps {
  background: url(../images/interface/bg-ligne-temps.png) no-repeat;
  height: 253px;
  width: 960px;
}

.lien-ligne-temps h2 {
  color: #FFF;
  font-size: 35px !important;
  font-weight: normal !important;
  padding: 40px;
}

.lien-ligne-temps a {
  padding-left: 40px;
}

.lien-ligne-temps button {
  color: #bb332a;
  font-size: 14px;
  font-weight: 800;
  width: 180px;
  height: 49px !important;
  border-radius: 24.5px;
  -webkit-box-shadow: inset -5px 2px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: inset -5px 2px 5px 0px rgba(0,0,0,0.25);
  box-shadow: inset -5px 2px 5px 0px rgba(0,0,0,0.25);
}

.lien-ligne-temps button:hover {
  color: #FFF;
  background-color: #bb332a;
}

.separateur-puq {
  margin: 50px 0;
  width: 960px;
  height: 2px;
  box-shadow: 0 3px 8px 0 #d6d7d8;
}

.historique-puq {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 50px;
}

.historique-puq--gauche {
  padding-top: 50px;
  width: 60%;
}

.historique-puq--gauche h2 {
  color: #4b7b95;
  font-size: 24px !important;
}

.historique-puq--gauche p {
  font-size: 14px !important;
  padding: 30px 0;
  margin-right: 30px;
}

.historique-puq--droite {
  position: relative;
  text-align: center;
  width: 284px;
  height: 404px;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
}

.historique-icon {
  background-color: rgba(255, 255, 255, .8);
  border-radius: 50%;
  margin: 0;
  padding: 20px 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
}

.historique-icon span {
  padding-top: 17px;
  font-size: 18px !important;
}

.button-lire {
  position: relative;
  text-align: left;
  width: 214px;
}

.button-lire span{
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 800;
}
.button-lire img{
  margin: 8px;
  left: 0;
}

.anniversary-promo__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.anniversary-promo__item {
  margin: 8px;
  width:300px;
  height:220px;
}
.anniversary-promo__link {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.anniversary-promo__rabais {
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.anniversary-promo__discount {
  color: #FFF;
  padding-top: 70px;
  font-size: 50px;
  font-weight: 800;
}

.anniversary-promo__discount-of {
  color: #FFF;
  padding-bottom:0px;
  font-size: 16px;
}

.anniversary-promo__discount-now {
  color: #FFF;
  padding-bottom:50px;
  font-size: 16px;
}

/*
*  @section Refonte-50-page video
******************************************************************************/
.page-50__container {
  font-size: 14px;
}

.page-50__videos-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.page-50__video-single {
  width: 48%;
  padding-right: 2%;
}

.page-50__video-iframe {
  text-align: left;
  width: 100%;
}

.page-50__video-iframe iframe {
  width: 100%;
  min-height: 268px;
}

.page-50__h2 {
	padding-top: 5px;
  font-size: 24px !important;
  line-height: 24px !important;
  margin: 0 !important;
}


/*
 * @section Catalogue
******************************************************************************/
body.template-catalogue #contenu p em,body.template-catalogue #contenu p i{
	position: relative;
	font-style: italic;
	font-weight: normal;
	font-size: 1em;
}

body.template-catalogue .livres .contenu .groupe-livre {
	float: left;
	margin: 0 0 30px 0;
}

body.template-catalogue .livre .wrap{
	position: relative;
}

body.template-catalogue .livre a:hover span.titre{
	color: #000000;
}

body.template-catalogue .livre span.nouveaute{
	color: #ea923d;
	text-transform: uppercase;
	display: block;
	position: relative;
	margin: 0 0 0 12px;
	font-weight: bold;
	position: absolute;
	bottom: -10px;
}

body.template-catalogue .livre span.titre{
	display: block;
	margin: 14px 0 0 12px;
	color: #2b3f4a;
	font-size: 1.166em;
}

body.template-catalogue #contenu{
	padding: 0 0 0 0;
}

body.template-catalogue #contenu h2{
	padding: 40px 0 20px 8px;

}

body.template-catalogue #contenu h2 a{
	font-weight: normal;
	font-size: 90%;
}

body.template-catalogue .description{
	padding: 0 10px;
}

body.template-catalogue .no-resultats{
	padding: 12px;
}

body.template-catalogue .resultats-recherche{
	font-weight: normal;
	display: block;
	font-size: 0.7em;
	padding: 4px 0;
}

/*
 * @section Fiche d'un auteur
******************************************************************************/
#details h3{
	margin: 0;
}

#details{
	float: left;
}

#details .livre{
	float: left;
	display: block;
}

#details .content{
	padding: 0 0 20px 0;
	float: left;
	width: 720px;
}

#details .description{
	margin: 10px 0 30px 0;
	width: 220px;
	float: left;
}

#details .description a{
	font-weight: bold;
}

/*
 * @section Fiche d'un livre
******************************************************************************/
/*
body.template-fiche-livre #actions-livre{
	/*margin-bottom: 20px;
	width: 350px;
	float: right;
	margin-top: 20px;
	position: relative;
	width: 390px;
	float: right;
	margin-top:10px;
	color: #7F7F7F;
	margin-right: 10px;
}

body.template-fiche-livre #actions-livre ul{
}

body.template-fiche-livre #actions-livre ul li{
	float: right;
	width: 90px;
	border-left: 1px solid #d7d7d7;
	padding-left: 15px;
	line-height: 12px;
	text-align: left;
	font-size: 11px;
	margin-left: 15px;
	margin-top: 10px;
}

body.template-fiche-livre #actions-livre ul li a{
	min-height: 25px;
	color: #7F7F7F;
	display: block;
	padding-left: 27px;
}

*html body.template-fiche-livre #actions-livre ul li a{
	height: 25px;
}

div.ebook-link-not-found{
	display: none;
}

body.template-fiche-livre #actions-livre ul li a:hover{
	color: #000;
}

body.template-fiche-livre #actions-livre ul li.envoyer-ami a{
		background: url("/images/interface/ico-envoyer-ami.gif") no-repeat center left;
		 padding-left: 33px;
}

body.template-fiche-livre #actions-livre ul li.feuilleteur a{
		background: url("/images/interface/ico-feuilleteur.jpg") no-repeat center left;
		padding-left: 40px;
		text-indent: 0;
		width: auto;
		height: 25px;
}

body.template-fiche-livre #actions-livre ul li.feuilleteur{
	width: 100px;
}

body.template-fiche-livre #actions-livre ul li.document a{
		background: url("/images/interface/ico-fiche-produit.gif") no-repeat center left;
}

body.template-fiche-livre #actions-livre ul li.document{
	width: 80px;
}

body.template-fiche-livre #actions-livre ul li.envoyer-ami{
	padding-right: 15px;
}
 */

body.template-fiche-livre #fiche-livre{
	position: relative;
}
body.template-fiche-livre #voir-aussi h2 {
  font-size: 3em;
  margin-bottom: 15px;
}


body.template-fiche-livre #contenu h1{
	width: auto;
}

body.template-fiche-livre #contenu p em,body.template-fiche-livre #contenu p i{
	position: relative;
	font-style: italic;
	font-weight: normal;
	font-size: 1em;
}


body.template-fiche-livre #contenu .bottom-nav{
	height: 140px;
}

body.template-fiche-livre #contenu .pagination-petite li.titre{
	font-size: 1em;
}

body.template-fiche-livre .pagination-petite li.titre p{
	color: #7f7f7f;
}

body.template-fiche-livre .pagination-petite ul li.prev a {
	margin-right: 17px;
}

body.template-fiche-livre .pagination-petite ul li.next a {
	margin-left: 17px;
}

body.template-fiche-livre #contenu #titre-livre{
	position: relative;
	width: 560px;
}

body.template-fiche-livre #contenu #titre-livre h1{
  padding: 30px 0 5px 0;
  margin: 10px 0 0 0;
  line-height: 32px;
}

body.template-fiche-livre #titre-livre span.nouveautes{
	position: absolute;
	display: block;
	text-transform: uppercase;
	color: #e7811f;
	font-size: 1em;
	top: 4px;
	left: 8px;
	font-weight: bold;
}

body.template-fiche-livre #titre-livre p{
	clear: both;
  margin: 0 0 20px 0px;
  font-size: 1.6em;
  font-weight: bold;
  color: #737373;
}

body.template-fiche-livre #fiche-livre .apercu{
	width: 285px;
	float: left;
	margin: 0 20px 30px 0;
}

body.template-fiche-livre .couverture-large {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 400;
}

body.template-fiche-livre #fiche-livre .couverture {
  margin: 10px 0 1em;
  position: relative;
}

body.template-fiche-livre #fiche-livre .couverture .couverture-image {
	position: relative;
  padding-bottom: 60px;
}

.couverture-image img {
	margin-bottom: 20px;
}

.couverture-image:hover .book-action-info {
  background: #fabb00;
  border-color: #fabb00;
  box-shadow: inset -4px 1px 5px 0 rgba(43, 63, 74, 0.38);
  color: #000000;
}

.communication input {
  cursor: default;
}


body.template-fiche-livre #fiche-livre .couverture a {
	outline: none;
}

.book-action-info {
	background: #475962;
  bottom: 25px;
  border: 1px solid #C9D6DC;
  border-radius: 30px;
  box-shadow: inset -4px 1px 5px 0 rgba(5, 6, 7, 0.5);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: center;
  /* transition: background-color 0.2s ease, color 0.2s ease; */
	width: 99%;
	-webkit-font-smoothing: antialiased;
}

.ico-book-action {
	background: url("/images/interface/ico-book-w.png") no-repeat;
  display: inline-block;
  height: 16px;
  margin: 0 12px -3px 0;
  width: 18px;
}


.book-browse a:hover .ico-book-action {
	background: url("/images/interface/ico-book-b.png") no-repeat;
}
.action-livre {
	margin-top: -25px;
}

.document a {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(221,228,231,0.65) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(221,228,231,0.65) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(221,228,231,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6dde4e7',GradientType=0 );
  border: 1px solid #C9D6DC;
  border-radius: 30px;
  box-shadow: inset -4px 1px 5px 0 rgba(43, 63, 74, 0.38);
  color: #2b3f4a;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  -webkit-font-smoothing: antialiased;
}

.document a:hover {
	background: #fabb00;
  border-color: #fabb00;
  box-shadow: inset -4px 1px 5px 0 rgba(43, 63, 74, 0.38);
  color: #000000;
}

.ico-document {
	background: url(/images/interface/ico-document.png) no-repeat;
  display: inline-block;
  height: 17px;
  margin: 0 12px -3px 0;
  width: 12px;
}

.document a:hover .ico-document {
	background: url(/images/interface/ico-document-hover.png) no-repeat;
}

.feuillet a {
	background: #475962;
  bottom: 25px;
  border: 1px solid #C9D6DC;
  border-radius: 30px;
  box-shadow: inset -4px 1px 5px 0 rgba(5, 6, 7, 0.5);
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 10px 50px;
  width: fit-content;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}

.feuillet a:hover {
  background: #bb332a;
  border-color: #863736;
  box-shadow: inset -4px 1px 5px 0 rgba(43, 63, 74, 0.38);
  color: white;
}

body.template-fiche-livre #fiche-livre .apercu ul{
	list-style: none;
	padding: 20px 0 0 0;
	margin: 0 6px;
}

body.template-fiche-livre #fiche-livre .apercu ul li{
	margin: 14px 0;
}


body.template-fiche-livre #fiche-livre .apercu ul li.feuilleteur .ebook-link-not-found {
	display: none;
}

body.template-fiche-livre #fiche-livre .apercu ul li.feuilleteur a {
	background: url("/images/interface/ico-feuilleteur.jpg") no-repeat 0 50%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-indent: 0;
	font-size: 100%;
	font-weight: normal;
}

body.template-fiche-livre #fiche-livre .apercu ul li.envoyer-ami a {
	background: url("/images/interface/ico-envoyer-ami.jpg") no-repeat 0 50%;
}

body.template-fiche-livre #fiche-livre .apercu ul li.telecharger a span {
	display: block;
}

body.template-fiche-livre #fiche-livre .apercu ul li a{
	background: url("../images/interface/list-fiche-livre-suggestion.gif") no-repeat center left;
	display: block;
	height: 16px;
	line-height: 16px;
	padding: 0 0 0 42px;
	font-size: 1em;
}

body.template-fiche-livre #fiche-livre .description{
	margin: 0 20px 30px 0;
	width: 455px;
	float: left;
}

body.template-fiche-livre #fiche-livre .description p{
	<!-- margin: 18px 0 0 0; -->
}

body.template-fiche-livre #fiche-livre .description ol,
body.template-fiche-livre #fiche-livre .description ul{
	margin: 4px 20px 4px 30px;
	padding: 0;
}

body.template-fiche-livre #fiche-livre .description ol li{
	list-style-type: decimal;
}

body.template-fiche-livre #fiche-livre .description li{
	list-style-type: disc;
}

body.template-fiche-livre #fiche-livre .description p.titre{
	margin: 0 0 20px 0;
	line-height: 0.8em;
}
body.template-fiche-livre #fiche-livre .description p.titre-short {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 4px 0;
	line-height: 0.8em;
}

body.template-fiche-livre #fiche-livre .description ul.participants{
	margin: 25px 0 0;
}

body.template-fiche-livre #fiche-livre .description ul.participants li{
	margin: 0 0 6px 0;
	list-style-type: none;
}

body.template-fiche-livre #fiche-livre .description ul.participants li p{
	margin: 0 0 10px 0;
}

body.template-fiche-livre #fiche-livre .description ul.participants li a{
	font-weight: normal;
}

body.template-fiche-livre #fiche-livre .description ul.participants li p.titre{
	margin: 0 0 4px 0;
}

body.template-fiche-livre #fiche-livre .description p.details{
	color: #909090;
}

body.template-fiche-livre #fiche-livre .description blockquote{
	display: block;
	font-size: 1.2em;
	font-style: normal;
	line-height: 1.4em;
	background: #e9ebed;
	padding: 8px 18px 18px 18px;
	margin: 0 6px 6px 6px;
	color: #2b3f4a;
}

body.template-fiche-livre #fiche-livre .achats{
	float: left;
	width: 180px;
	margin: 0 0 30px 0;
	position: relative;
}

body.template-fiche-livre #fiche-livre .achats iframe{
	min-height: 450px;
}

.expected-price {
	border: 1px solid #d6d7d8;
	border-bottom: none;
	padding: 15px 10px;
}

.expected-format {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}

.expected-ka-ching {
	font-size: 15px;
	line-height: 16px;
}

.expected-price p,
.sale-date p {
	color: #2b3f4a !important;
	margin: 0 !important;
}

.sale-date {
	border: 1px solid #d6d7d8;
	padding: 15px 10px;
}

.sale-date-txt {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}

.sale-date-day {
	font-size: 44px;
	font-weight: bold;
	line-height: 44px;
}

.sale-date-month-year {
	font-size: 15px;
}

/*

body.template-fiche-livre #fiche-livre .achats ul.prix{
	width: 100%;
	margin: 0 0 20px 0;
}

body.template-fiche-livre #fiche-livre .achats ul.prix li{
	padding: 5px 20px;
	font-size: 1.8em;
	font-weight: bold;
	background: #eff2f4;
	margin: 0 0 1px 0;
	color: #2e424d;
	position: relative;
	padding-left: 39px;
}


body.template-fiche-livre #fiche-livre .achats ul.prix li.prix-cad{
	color: #2e424d;
}

body.template-fiche-livre #fiche-livre .achats ul.prix li.prix-eur{
	color: #909090;
}

body.template-fiche-livre #fiche-livre .achats ul.prix li.format-papier{
	background: #eff2f4 url("../images/interface/ico-format-papier.png") no-repeat 10px center;
}

body.template-fiche-livre #fiche-livre .achats ul.prix li.format-epub{
	background: #eff2f4 url("../images/interface/ico-format-epub.png") no-repeat 8px center;
}

body.template-fiche-livre #fiche-livre .achats ul.prix li.format-pdf{
	background: #eff2f4 url("../images/interface/ico-format-pdf.png") no-repeat 8px center;
}

body.template-fiche-livre #fiche-livre .achats ul.prix li span{
	position:absolute;
	top:0;
	left:-89px;
	z-index: 10;
	padding: 0.51em 0 0.51em 1em;
	display: none;
	width: 80px;
	font-size: 0.55em;
	background-color: #eff2f4;
}

body.template-fiche-livre #fiche-livre .achats ul.prix li span:after{
	content : " >";
	position:absolute;
	right: 0;
}

body.template-fiche-livre #fiche-livre .achats ul.prix li:hover span{
	display: block;
}

body.template-fiche-livre #fiche-livre .achats ul.prix li:hover span{
  display: block;
}

body.template-fiche-livre #fiche-livre .achats div.date-vente{
  text-align: center;
}

body.template-fiche-livre #fiche-livre .achats div.date-vente p.first{
  background: url("../images/interface/bg-titre-date-vente.png");
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 7px 0 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

body.template-fiche-livre #fiche-livre .achats div.date-vente p.first span.icon{
  background: url("../images/interface/ico-panier.png") no-repeat;
  display: block;
  float: left;
  height: 16px;
  margin: 3px 0 0 15px;
  width: 16px;
}

body.template-fiche-livre #fiche-livre .achats div.date-vente p.last{
  background: url("../images/interface/bg-date-vente.png");
  border: 1px solid #cecece;
  color: #253944;
  font-size: 44px;
  font-weight: bold;
  line-height: 50px;
  padding-bottom: 9px;
}

body.template-fiche-livre #fiche-livre .achats div.date-vente p span{
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: 10px;
}

*/

/* Ajustements déroulement */

li.lien-moins{
	display: none;
}

li.lien-plus, li.lien-moins{
	display: none;
	padding-left: 10px;

}

li.lien-plus a, li.lien-moins a{
	font-weight: bold;
	color: #2E424D;
	background: url("../images/interface/btn-en-voir-plus.gif") no-repeat top left;
	text-align: center;
	position: absolute;
	top: 12px;
	left: 0;
	width: 150px;
	text-transform:uppercase;
	font-size: 0.9em!important;
}

li.lien-plus a:hover, li.lien-moins a:hover{
	color: #B42525;
}

body.template-fiche-livre #contenu.deroule #fiche-livre .achats{
	/*width: 190px;*/
}

body.template-fiche-livre #contenu.deroule #fiche-livre .description{
	/*width: 435px;*/
}

/*body.template-fiche-livre #contenu.deroule #fiche-livre .achats ul.revendeurs a.lien-deroule.ouvert{
	background: url(../images/interface/ico-up.gif) no-repeat center right;
}

a.lien-deroule{
    border: 1px solid #E9E9E9;
    clear: both;
    font-size: 1.2em;
    position: relative;
				display: block;
			 padding: 10px 7px;
    position: relative;
				width: 163px;
				color: #2E424D;
				font-weight: bold;
				background: url(../images/interface/ico-down.gif) no-repeat 165px center;
				padding-right: 20px;
}

a.lien-deroule.ouvert{
	border-bottom: none;
	background: url(../images/interface/ico-up.gif) no-repeat 165px center;
}

a#deroule-numerique{
	margin-top: 15px;
}*/

body.template-fiche-livre #fiche-livre .achats ul.revendeurs{
	width: 100%;
	font-size: 1.2em;
	border: solid 1px #e9e9e9;
	background: #f1f4f5 url(../images/interface/bg-revendeurs.gif) repeat-x top left;
	position: relative;
	margin: 0 0 20px 0;
}

body.template-fiche-livre #contenu #fiche-livre .achats ul.revendeurs li{
	background: transparent;
	font-size: 1em;
	position: relative;
	border-top: solid 1px #e9e9e9;
	clear: both;
}

body.template-fiche-livre #contenu #fiche-livre .achats ul.revendeurs li.titre{
	display: block;
	color: #2e424d;
	padding: 12px 8px 10px 8px;
	font-size: 1em;
	line-height: 1em;
	/*border: none;*/
	background-color: #FFF;
}

body.template-fiche-livre #contenu #fiche-livre .achats ul.revendeurs li.titre a{
	color: #2E424D;
	padding-left: 10px;
}



body.template-fiche-livre #contenu #fiche-livre .achats ul.revendeurs li a{
	display: block;
	margin: 0;
	font-size: 1em;
}



body.template-fiche-livre #fiche-livre .achats ul.revendeurs li a img{
	padding: 6px  0 0 10px;
	position: absolute;
}

body.template-fiche-livre #fiche-livre .achats ul.revendeurs li a span {
	display: block;
	width: 70%;
	padding: 6px 0 0 38px;
	color: #B42525;
}

body.template-fiche-livre #fiche-livre .achats ul.revendeurs li span.instructions {
	display: block;
	width: 70%;
	padding: 8px 0 8px 38px;
	font-weight: bold;
	color: #B42525;
}

body.template-fiche-livre #fiche-livre .achats ul.revendeurs li a:hover span{
	color: #ababab;
}

body.template-fiche-livre #fiche-livre #ce-quon-en-dit{
	margin: 20px 0 6px 0;
	font-size: 1.4em;
	font-weight: bold;
}


body.template-fiche-livre #collaborateur{
	width: 500px;
	margin-left: -250px;
}

body.template-fiche-livre #collaborateur .collaborateur{
	font-size: 1.4em;
}

body.template-fiche-livre #tooltip{
	width: 160px;
	padding: 0;
}

/*
* Bouquinarium
*/

body.template-fiche-livre #fiche-livre .achats ul.revendeurs{
    //display: none;
}
body.template-fiche-livre #fiche-livre .achats ul.revendeurs li div{
    padding-left: 35px;
}
body.template-fiche-livre #fiche-livre .achats ul.revendeurs li img{

    padding: 0  0 0 7px;
    position: absolute;
}



/*
 * @section Revues/Thèmes et Collections
******************************************************************************/
.listes{
	width: 100%;
	padding: 0 0 20px 0;
}

.listes ul li{
	border-top: solid 1px #ebebeb;
	height: 1%;
}

.listes ul li a{
	display: block;
	padding: 6px 0 5px 8px;
	font-weight: bold;
	color: #2b3f4a;
	margin: 0;
}

.listes ul li a span.description{
	display: block;
	font-weight: normal;
	font-size: 100%;
}

.listes ul li.dernier{
	border-bottom: solid 1px #ebebeb;
}

/*
 * @section Pour nous joindre
******************************************************************************/
body.template-pour-nous-joindre #contenu p{
	font-size: 1.2em;
}

body.template-pour-nous-joindre #contenu h3{
	margin-top: 0;
}

body.template-pour-nous-joindre .emplacement{
	border: solid 1px #d3d3d3;
	box-shadow: 0 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.3);
}

body.template-pour-nous-joindre #contenu #carte{
	overflow: hidden;
	width: 330px;
	height: 200px;
}

body.template-pour-nous-joindre #contenu address{
	margin-top: 14px;
}

body.template-pour-nous-joindre #contenu .coordonnees{
	float: left;
}

body.template-pour-nous-joindre .courriels{
	float: left;
	margin-left: 0px;
	width: 340px;
}

body.template-pour-nous-joindre #contenu .courriels li{
	font-size: 1.2em;
}

body.template-pour-nous-joindre .courriels li a{
	font-weight: bold;
}

/*
 * @section Partenaires
******************************************************************************/
body.template-partenaires #contenu .colonne-droite h3{
	margin-bottom: 0;
}

body.template-partenaires #contenu .colonne-droite h3 a{
	font-size: 1em;
}

/*
 * @section Pour Publier
******************************************************************************/
body.template-pour-publier #contenu ul{
	margin: -16px 0 20px 30px;
}

body.template-pour-publier #contenu li{
	font-size: 1.2em;
	line-height: 1.4em;
	list-style-type: disc;
}

body.template-pour-publier #contenu li a{
	font-weight: bold;
}

/*
 * @section concours
******************************************************************************/
body.template-concours{

}
body.template-concours .colonne-droite ul{
	list-style-type: disc;
	margin: 5px 0 5px 20px;
	color: #2B3F4A;
}
body.template-concours #contenu .colonne-droite em{
	font-weight: normal;
	font-style: italic;
	font-size: 1em;
}
body.template-concours #contenu p{
	margin-bottom: 5px;
}
body.template-concours #contenu .colonne-droite h2{
	margin-top: 10px;
}
body.template-concours #contenu .inscription{
	margin-top: 10px;
}

/*
 * @section Droits de reproduction
 * @section Droits étrangers
******************************************************************************/
body.template-droits-de-reproduction #contenu .colonne-droite ul,
body.template-droits-etrangers #contenu .colonne-droite ul{
	margin: -16px 0 20px 0;
}

/*
 * @section Pour commander un livre
******************************************************************************/
body.template-pour-commander-un-livre .colonne-droite h4{
	font-size: 1.3em;
	margin-top: 26px;
}

body.template-pour-commander-un-livre #contenu .colonne-droite h3,
body.template-pour-commander-un-livre .colonne-droite h4,
body.template-pour-commander-un-livre .colonne-droite .coordonnees{
	margin-left: 10px;
}

/*
 * @section Pour recevoir un spécimen
******************************************************************************/
body.template-pour-recevoir-un-specimen ul.indent{
	margin: -10px 0 20px 20px;
}


/*
 * @section Pour s'abonner à une revue
******************************************************************************/
body.template-pour-sabonner-a-une-revue .colonne-droite ul{
	margin-bottom: 20px;
}

body.template-pour-sabonner-a-une-revue ul.puces{
	margin-left: 20px;
	margin-top: -10px;
}

/*
 * @section English
******************************************************************************/
body.template-english #contenu ol li p{
	margin: 0;
	padding: 0;
}

body.template-english #contenu ul.online-bookstores{
	margin: 0 0 0 10px;

}

body.template-english #contenu ul li{
	font-size: 1.2em;
	line-height: 1.4em;
}

body.template-english #contenu div{
	margin: 0 0 20px 10px;
}

body.template-english #contenu div ol{
	list-style: decimal;
	margin: -10px 0 20px 40px;
}

body.template-english #contenu div ol li{
	font-size: 1.2em;
}

body.template-english #contenu div ol li p,
body.template-english #contenu div ol li ul li{
	font-size: 1em;
}

body.template-english #contenu div ul{
	margin: 0 0 20px 0;
}

body.template-english #contenu .coordonnees{
	margin: 0 0 10px 20px;
	padding-top: 10px;
}

body.template-english #contenu ul.coordonnees{
	margin-top: -20px;
}

/*
 * @section Plan de site
******************************************************************************/
body.template-plan-de-site #contenu h2{

}

body.template-plan-de-site #contenu ul{
	margin : 20px 16px;
}

body.template-plan-de-site #contenu ul.groupe{
	margin-bottom: 30px;
}

body.template-plan-de-site #contenu ul li{
	width: 160px;
	margin: 0 10px 0 0;
}

body.template-plan-de-site #contenu ul li h3{
	margin: 16px 0 4px 0;
	font-size: 120%;
}


body.template-plan-de-site #contenu ul ul li{
	float: none;
	width: auto;
}

body.template-plan-de-site #contenu ul ul{
	margin: 0 0 0 16px;

}



/*
 * @section Communiqués et Événements (liste) et Communiqué (détail)
******************************************************************************/
body.template-nouvelles #contenu .nouvelle{
	margin: 0 0 40px 0;
	clear: both;
}

body.template-nouvelles #contenu .nouvelle h2{
	margin: 0 0 6px 0;
	padding: 0;
}

body.template-nouvelles #contenu .nouvelle h2 a,
body.template-nouvelles #contenu .nouvelle h2 p{
	font-size: 110%;
	margin: 0;
	padding: 0;
}


body.template-nouvelle #contenu .colonne-droite h2,
body.template-nouvelle #contenu .colonne-droite h2 p{
	margin: 0;
	padding: 0;
}


body.template-nouvelles #contenu .nouvelle .texte,{
	clear: both;
	padding: 10px 0 0 0;
}

body.template-nouvelles #contenu .nouvelle .texte p{
	clear: both;
	margin: 0;
}

body.template-nouvelles #contenu .nouvelle .document{
	clear: both;
}

body.template-nouvelles #contenu .nouvelle a.lire-suite{
	float: right;
}

body.template-nouvelles #contenu .nouvelle div.date{
	font-size: 0.85em;

}

body.template-nouvelles #contenu .nouvelle div.date p{
	color: #777;
}

body.template-nouvelles #contenu .nouvelle div.date *{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

body.template-nouvelles #contenu p em{
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
}

/*
 * @section Prix et distinctions
******************************************************************************/
body.template-prix-et-distinctions #contenu .colonne-droite{
	padding-left: 0;
}

body.template-prix-et-distinctions div.distinction{
	width: 325px;
	float: left;
	height: 180px;
}

body.template-prix-et-distinctions span.annee{
	clear: both;
	display: block;
	margin: 0 0 16px 0;
	padding: 10px 0 2px 0;
	width: 100%;
	font-size: 140%;
	font-weight: bold;
	color: #2b3f4a;
}

body.template-prix-et-distinctions #contenu .colonne-droite h1,
body.template-prix-et-distinctions div.distinction,
body.template-prix-et-distinctions span.annee{
	padding-left: 35px;
}

body.template-prix-et-distinctions #contenu div.distinction h3{
	font-size: 120%;
}

body.template-prix-et-distinctions #contenu div.distinction h3,
body.template-prix-et-distinctions #contenu div.distinction p{
	margin: 0 0 4px 0;
}

body.template-prix-et-distinctions div.distinction img{
	float: left;
	margin: 0 12px 30px 0;
}

body.template-prix-et-distinctions #contenu div.distinction p.details{
	font-size: 110%;
	font-weight: bold;
}

body.template-prix-et-distinctions #contenu div.distinction p.details em{
	font-size: 100%;
	font-style: italic;
}

body.template-prix-et-distinctions #contenu div.distinction p.auteurs{
	font-size: 110%;
}

body.template-prix-et-distinctions #contenu div.distinction p.distinction{
	font-size: 100%;
	color: #ea923d;
	text-transform: uppercase;
	font-weight: bold;
}

.guide-achat-numerique {
  font-size: 11px;
  padding: 40px 0;
}
.guide-achat-numerique h2 { padding-bottom: 15px; }
#contenu.guide-achat-numerique h3 {
  transition: background-color 0.3s ease, color 0.3s ease;
  background: #f5f5f5;
  cursor: pointer;
  margin: 5px 0;
  padding: 10px;
}
#contenu.guide-achat-numerique h3:hover {
  background: #b3b3b3;
  color: #fff
}
#contenu p.note { color: #5f5f5f; font-style: italic; margin-bottom: 0px; }
body.template-pour-publier #contenu.guide-achat-numerique ol { padding: 5px 0 15px 30px; }
body.template-pour-publier #contenu.guide-achat-numerique ol li { list-style-type: decimal; padding-bottom: 10px;}

.tab { display: none; padding: 15px 0 10px; }
.tab.show { display: block; }

.tooltip { }
.tooltip-info {
  background: rgba(0, 0, 0, 0.33);
  cursor: help;
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 16px;
  position: absolute;
  right: -9px;
  top: 5px;
  text-align: center;
  line-height: 16px;
  color: #fff;
}
.drm-cart .tooltip-info { right: -17px; top: 9px; }
.drm-cart .tooltip .tooltip-target.open { right: -9px; }

.tooltip-target { display: none; position: absolute;   right: -30px; }
#contenu .tooltip-target p { color: #fff; font-size: 12px; margin-bottom: 10px; }
.tooltip .tooltip-target.open {
  background: #2E2E2E;
  color: #F3F3F3;
  display: block;
  width: 450px;
  padding: 15px 20px 5px;
  z-index: 1000;
  position: absolute;
  top: 0;
  right: 0px;
}

#contenu .tooltip:hover .tooltip-target a, body.template-fiche-livre #contenu #fiche-livre .achats ul.revendeurs li .tooltip-target a { color: #fff; text-decoration: underline; display: inline; white-space: nowrap; }
body.template-fiche-livre #fiche-livre .achats ul.revendeurs li div.drm-cart { padding: 0 0 0px 15px; position: relative; }
body.template-fiche-livre #fiche-livre .achats ul.revendeurs li div.drm-cart img { position: absolute; left: -7px; top: 0; }
div.drm-cart .tooltip-target { right: 10px; }


#bt-free-access {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(221, 228, 231, 0.65)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(221, 228, 231, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(221, 228, 231, 0.65) 100%);
    border: 1px solid #d6d7d8;
    border-radius: 10px;
    height: 80px;
    float: left;
    width: 178px;
}

p#txt-free-access {
    float: left;
    color: #bb332a;
    font-size: 16px;
    font-weight: bold;
    padding-left: 55px;
    position: relative;
    letter-spacing: 1px;
    margin-top: 22px;
    letter-spacing: 0.03em;
    line-height: 20px;
}

p#txt-free-access::before {
		background: url("/images/interface/ico-pdf.png");
		content: " ";
		display: block;
    height: 31px;
    position: absolute;
    left: 12px;
    top: 5px;
    width: 31px;
}

.ico-guide {
  float: left;
  margin-right: 8px;
  width: 46px;
}
.js-no-link-on-browse-flip { display: none; }


body {
	position: relative;
}

#bubble
{
    text-align: left;
    color: #fff !important;
    background: #111;
    border-radius: 4px;
    position: absolute;
    z-index: 100;
    padding: 25px 15px 15px !important;
    display: block;
}

#bubble p {
	color: #fff !important;
	font-style: normal;
	padding-bottom: 10px;
}

    #bubble:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

        #bubble.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }

        #bubble.left:after
        {
            left: 10px;
            margin: 0;
        }

        #bubble.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }

.affilie__main-content { padding: 50px 0; }
.affilie__bottom-media { padding: 20px 0; display: flex; flex-wrap: wrap; margin: 0 -10px; }
.affilie__bottom-media a { margin: 0 10px; }
.affilie__bottom-media img { box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5); }
.affilie__books-holder { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 50px; }
.affilie__books { width: 700px; }
.affilie__books h1 { padding: 0 0 40px 8px !important; }
.affilie__side-bar { max-width: 220px; padding-top: 47px; }
.affilie__side-media img,
.affilie__facebook { padding-bottom: 20px; }
.template-affilie .banner { display: none; }
.template-affilie #entete:before {
	/*background: linear-gradient(180deg, #DF6254 0%, #BB332A 100%);*/
	content: "";
	height: 50px;
	width: 100%;
	display: block;
	position: absolute;
}
.affilie__logo {
	border-left: 1px solid #fff;
	padding-left: 30px;
  display: block;
  position: absolute;
  left: 0px;
  top: 40px;
  overflow: hidden;
  margin: 0px 242px 0 338px;
}

.affilie__books .groupe-livre {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
	padding-bottom: 40px;
}

.affilie__books .groupe-livre .livre { margin: 0 20px;  }
.affilie__books .groupe-livre .livre .vignette img { width: 100%; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5); }
.affilie__books .livre .vignette,
.affilie__books .livre span.bg-top { background: none; }
.affilie__books .groupe-livre .livre a {
	font-size: 15px;
  line-height: 18px;
  /* position: relative; */
 }

.owl-nav {
 	display: none;
 }

.owl-dots {
 	text-align: center;
 	margin: 15px 0;
 }

 .owl-dot{
	width: 10px;
	height: 10px;
	background: #C9D6DC;
	display: inline-block;
	margin: 0 5px;
 }

.owl-dot.active { background: #000000; }

.affilie-page {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

.affilie-page__content-left {
	max-width: 75%;
}

.affilie-page .nav-resultat {
	padding: 20px 0 0 0
}

.affilie-page__content {
	margin: 40px 10px;
}

.affilie-page__content h1 {
	font-size: 30px;
	padding-top: 30px;
	padding-bottom: 40px;
}

.affilie-page__content h2 {
	font-size: 21px;
	padding: 20px 0 15px
}

.affilie-page__content p {
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 15px;
}

.affilie-page__content address {
	font-size: 14px;
	line-height: 22px;
	font-family: monospace;
	padding: 0 0 10px;
}

.affilie-page__content ol,
.affilie-page__content ul {
	list-style: inherit;
	font-size: 14px;
	line-height: 22px;
	color: #888;
	padding: 20px;
}

.affilie-page__content blockquote {
	font-size: 16px;
	line-height: 26px;
	color: #888;
	padding: 20px;
	background: #e8e8e8;
  border-left: 4px solid #c1c1c1;
  font-style: italic;
  width: 75%;
  margin-top: 10px;
  margin-bottom: 20px;
}

.contenu-d-interet,
.chronique-d-auteur {
	position: relative;
  display: inline-block;
}

.contenu-d-interet::after,
.chronique-d-auteur::after {
  content: "";
  width: 130px;
  height: 120px;
  display: block;
  position: absolute;
}

.contenu-d-interet::after {
	background: url(../images/picto/ico-contenu.png) no-repeat;
	background-size: cover;
	right: -140px;
  top: -60px;
  width: 130px;
  height: 120px;
}

.chronique-d-auteur::after {
	background: url(../images/picto/ico-chronique.png) no-repeat;
	background-size: cover;
	right: -140px;
  top: -70px;
  width: 150px;
  height: 120px;
}

.ico-epub,
.ico-pdf,
.ico-podcast,
.ico-video,
.ico-webinaire,
.ico-word,
.ico-xls {
  padding-left: 35px;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  max-width: 75%;
  line-height: 18px;
  color: #2b3f4a !important;
}
.ico-epub:hover,
.ico-pdf:hover,
.ico-podcast:hover,
.ico-video:hover,
.ico-webinaire:hover,
.ico-word:hover,
.ico-xls:hover {
	text-decoration: underline;
}

.ico-epub::before,
.ico-pdf::before,
.ico-podcast::before,
.ico-video::before,
.ico-webinaire::before,
.ico-word::before,
.ico-xls::before {
	content: "";
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	left: 0;
	top: 0px;
}

.ico-epub::before { background: url(../images/picto/picto-epub.png) no-repeat; background-size: cover; }
.ico-pdf::before { background: url(../images/picto/picto-pdf.png) no-repeat; background-size: cover; }
.ico-podcast::before { background: url(../images/picto/picto-podcast.png) no-repeat; background-size: cover; }
.ico-video::before { background: url(../images/picto/picto-video.png) no-repeat; background-size: cover; }
.ico-webinaire::before { background: url(../images/picto/picto-webinaire.png) no-repeat; background-size: cover; }
.ico-word::before { background: url(../images/picto/picto-word.png) no-repeat; background-size: cover; }
.ico-xls::before { background: url(../images/picto/picto-xls.png) no-repeat; background-size: cover; }

#contenu.guide-achat-numerique h3.emphase {
	background: #bb332a;
	color: #fff;
}

.containerVideo{
  margin-bottom: 40px;
}

.containerVideoAlign{
	display: flex;	
	justify-content: center;
}

.containerVideoIPhone{
	width: 50%;
	margin-bottom: 40px;
}
.ui-accordion .ui-accordion-header{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(221,228,231,0.65) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(221,228,231,0.65) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(221,228,231,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6dde4e7',GradientType=0 );
	color: #bb332a;
	border: none;
	border: 1px solid #C9D6DC;
	box-shadow: inset -4px 1px 5px 0 rgba(43, 63, 74, 0.38);
	margin: 20px 0 0 0!important;
}

.ui-accordion .ui-accordion-header-icon{
	display: none;
}