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

	@file         screen.css
	@description  Feuille de styles globale
	@version      20100203

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

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

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

#wrap{
	position: relative;
	padding-bottom: 100px;
}

#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: #b42525;
	text-decoration: none;
}

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

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;
}

#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%;
	background: url(../images/interface/bg-entete.gif) repeat-x top left;
}

#entete .contenu{
	height: 165px;
	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: 27px;
	left: 8px;
}

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

form#abonnement-infolettre-form{
	display: none;
	position: absolute;
	top: 45px;
	left: 475px;
	width: 500px;
	height: 30px;
	z-index: 10;
}

form#abonnement-infolettre-form input{
	background: url(../images/interface/bg-form-infolettre.gif) no-repeat top left;
	color: #FFF;
	font-weight: bold;
	width: 161px;
	height: 14px;
	border: none;
	padding: 5px 20px;
	margin-right: 10px;
}

form#abonnement-infolettre-form input#envoyer-infolettre{
	background: url(../images/interface/bg-envoyer-infolettre.jpg) no-repeat top left;
	width: 22px;
	height: 22px;
	padding-top: 1px;
}

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: 6px;
	text-align: right;
	display: block;
	margin-right: 90px;
}

a#desabonnement:hover{
	color: #FFF;
}

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

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

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

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

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

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

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

#nav li a{
	line-height: 29px;
	/*color: #D99393;*/
	color:#eedddd;
	height: 29px;
	padding: 0 12px;
	margin-left: 3px;
	font-size: 1em;
	text-transform: uppercase;
}

#nav li a:hover,
#nav li a.active{
	color: #D99393;
}

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

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

#classement ul li a:hover,
#classement ul li a.active{
	color: #FFF;
	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: 13px;
	bottom: 8px;
}

#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 8px;
}

#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;
}

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

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

#pied a{
	color: #ababab;
}

#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 {
	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 {
	display: block;
	padding: 4px 8px;
	border-bottom: 1px solid #e6e6e6;
	color: #666 !important;
	font-weight: bold;
	font-size: 0.9em;
}

* 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{

}

/*
 * @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;
}

/*
 * @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;
}

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 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: #b42525;
}

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{
	/*border-right: 1px solid #d7d7d7;*/
	padding-right: 15px;
}

body.template-fiche-livre #fiche-livre{
	position: relative;
}

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: 14px 0 0 0;
	margin: 10px 0 0 6px;
}

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 18px 8px;
	padding: 4px 0 0 0;
	font-size: 1.4em;
}

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: 0 0 1em;
}


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


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: 10px 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 ul.participants{
	margin: 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: 170px;
	margin: 0 0 30px 0;
	position: relative;
}

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;
}


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;
}



/* 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;

}



body.template-fiche-livre #contenu #fiche-livre .achats ul.revendeurs li a{
	display: block;
	margin: 0;
	padding: 4px 0 6px 0;
	position: relative;
	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 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;
}

/*
 * @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.025em;
}

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;
}