/* ------------------------ */
/* G�n�ralit�s              */
/* ------------------------ */
body {
margin: 0;
padding: 0;
font: 75% arial, verdana, sans-serif;
color:#616b6e;
background:#fff;
}

* {
margin: 0;
padding: 0;
}
.float-right {float:right;}
.float-left {float:left;}

.spacer {
clear: both;
height: 1px;
font-size: 0;
line-height: 1px;
} 	
.spacer-dashed {
clear: both;
height:1px;
font-size: 0;
line-height: 1px;
border-bottom:1px dashed #cccccc;
padding:5px 0px 0px 0px;
margin-bottom:10px;
} 

a img {
border: none;
}	
a {color:#729dce;text-decoration:underline;}
a:hover {text-decoration:none;}	 
span.afficher_masquer{
font-size:0.8em;
text-align:right;
width:100px;
display:block;
margin:2px 5px 2px 0;
}
span.afficher_masquer a{}

.exergue-black{color:#000000}
strong.date{
float:right;
}
span.epuise {
color:#B22222;  
font-weight:bold;
margin:0px;
display:block;
padding:0px;
}

div.separateur-home {
margin:8px 0px 5px 0px;
background:url(../design/separateur-home.jpg) no-repeat;
}
div.separation {
height:8px;
border:none;
margin:8px 0px 8px 0px;
background:url(../design/fond1.jpg) repeat;
}
div.separation2 {
float:left;
margin:8px 20px 0px 0px;
height:63px;
width:5px;
background:url(../design/separateur2.jpg) repeat;
}
img.logo {
margin:30px 0px 15px 40px;
}


div#conteneur {
width:1000px;
margin-left:auto;
margin-right:auto;
position:relative;
}

div#contenu_secondaire {
z-index:1;
position:absolute;
left:0px;
width:207px;
}
div#contenu_principal {
z-index:2;
position:absolute;
left:170px;
background:url(../design/fd-centre-haut.png) no-repeat top;
width:675px;
}
div#contenu_tertiaire {
z-index:1;
position:absolute;
width:207px;
left:811px;
}

div#contenu {
background:url(../design/fd-centre-bas.png) no-repeat bottom;
padding:10px 40px 40px 40px;
margin:0;
}
body#home div#contenu {margin:0;}

body#pages div#contenu {margin:6px 0 0 0;}

/***********************************************************************
Recherche - Fil Ariane
************************************************************************/
body#home div#bloc-recherche {
background:#dbe6ed;
padding:10px 0px 5px 5px;
}
body#pages div#bloc-recherche {
background:#dbe6ed;
padding:10px 0px 5px 5px;
margin:0 0 0 40px;
width:591px;
}
ul.liste-recherche, ul.liste-recherche li {
list-style-type: none;
display:inline;
float:left;	  	 
margin:0px 4px 0px 4px;
}  
ul.liste-recherche label {
color:#000000;
font-size:0.8em;
vertical-align:top;
}
input.input-recherche{height:17px;margin-bottom:2px;}	 
input{
color:#696969;
font-family:arial,verdana,sans-serif; 
font-size:0.9em;   
border:1px solid #989898;
margin:0px;
padding:0px;
}
input.noborder{border:none;}
input.bouton-ok{border:none;}
select#types-articles{width:130px;height:17px;font-size:0.9em;font-family:arial,verdana,sans-serif;color:#696969;}

p#fil-ariane {color:#787878;font-size:0.9em;border-bottom:1px dotted #e1e1e1;padding:0px 0px 2px 0px;margin:12px 0px 12px 0px;}
p#fil-ariane a {color:#787878;}

/***********************************************************************
Titres
************************************************************************/
h1 {
padding:0px;
margin:30px 0px 20px 75px;
width:532px;
height:59px;
text-indent:-9999px;
background:url(../design/titre-galerie.png) no-repeat center;
}
h1 img{border:none;display:block;}
p#sous-titre{
position:absolute;
top:75px;
left:95px;
width:462px;
height:29px;
text-indent:-9999px;
background:url(../design/sous-titre-galerie.png) no-repeat center;
}

h2 {
color:#000000;
padding:2px 0px 2px 2px;
background:url(../design/fond1.jpg) repeat;
font-size:1.1em;
width:99%;
margin:0px 0px 0px 3px;
}
h2 a {color:#000000;}
h2 span{font-size:0.8em;font-weight:normal;}

h6 { 
clear:both;
color:#000000;
font-weight:bold;  
font-size:1.1em;
text-align:left;
margin:0px;
letter-spacing:0.1em;  
}	 
  
h6 span{	
letter-spacing:0em;  
font-weight:normal;	 
font-size:0.8em; 
margin-left:5px;
}

/***********************************************************************
Mise en avant colonne gauche et droite
************************************************************************/
h4 {
font-size:1em;
color:white;
font-weight:bold;
text-transform:uppercase;
letter-spacing:0.01em; 
padding:2px 0px 2px 8px; 
}
h4 img {border:none;vertical-align:middle;margin:0px 2px 0px 2px;}

h5 { 
font-size:1.1em;
font-weight:bold; 
color:#000000;
background: url(../design/puce1.gif) left no-repeat;	
padding:0px 0px 0px 9px;
margin:8px 2px 4px 5px;
} 
h5 a{color:#000000;text-decoration:none;}
h5 a:hover{text-decoration:underline;}

div.mea-cote {
background: url(../design/fd-mea-haut.png) top left no-repeat;	
width:191px; 	 
margin:0 0 0 10px;	
padding:12px 0px 0px 0px;
min-height:12px;  
height: auto;  
}	
ul.bloc-mea-cote	{
background: url(../design/fd-mea-bas.png) bottom left no-repeat;
padding:5px 20px 20px 18px;  
min-height:50px;  
height: auto;
}  	   
ul.bloc-mea-cote li {list-style-type:none;font-size:0.9em;}
ul.bloc-mea-cote li.actif img {border:1px solid #dbe6ed; } 
ul.bloc-mea-cote img {
border:1px solid #b3b3b3; 
margin:0px 2px 2px 2px;
padding:2px;
}  	 
ul.bloc-mea-cote img.puce {border:none;padding:0px;vertical-align:middle}
ul.bloc-mea-cote p { 
width:135px;
margin:0 2px 0 4px;
} 	
ul.bloc-mea-cote p a {color:#5c8ec6;font-weight:normal;text-decoration:underline;}
ul.bloc-mea-cote p a:hover {text-decoration:none;}

ul.bloc-mea-cote a.produits-auteurs {
background:url(../design/puce2.jpg) left no-repeat;
margin:0 0 0 5px;
padding:0 0 0 12px;
display:block;
font-weight:normal;
text-decoration:none;
}
ul.bloc-mea-cote a.produits-auteurs:hover{text-decoration:underline;}

ul.bloc-mea-cote a.produits-series {
background:url(../design/puce2.jpg) left no-repeat;
margin:0 0 0 5px;
padding:0 0 0 12px;
font-weight:normal;
text-decoration:none;
}
ul.bloc-mea-cote a.produits-series:hover{text-decoration:underline;}

/***********************************************************************
Publicite
************************************************************************/
body#home div#publicite {width:468px;margin:0 0 6px 100px;display:block;}
body#pages div#publicite {width:468px;margin:50px 0 6px 100px;display:block;}
div#publicite img {border:1px solid #696969;display:block;}

/***********************************************************************
Background
************************************************************************/
body#home  {
background:url(../images/site/pub_background/background.jpg) no-repeat top;
}
body#home div#conteneur  {
margin-top: 80px;
}

/***********************************************************************
Catalogue central
************************************************************************/
div.catalogue, div.autres_informations {
background: url(../design/fd-catalogue-haut.gif) top left no-repeat;	
width:597px; 	 
margin:0px 0px 5px 0px;	
min-height:26px;  
height: auto;
padding-top:8px;
}	
div.bloc-catalogue, div.bloc_autres_informations	{
background: url(../design/fd-catalogue-bas.gif) bottom left no-repeat;
padding:5px 10px  12px 10px;  
min-height:26px;  
height: auto;
}  	 
div.bloc-catalogue p,div.bloc_autres_informations p  { 
font-size:0.9em;
margin:0px 2px 0px 4px;
} 	

div#loadarea {
border:1px solid #d6d5d5; 
margin:0px;
padding:0px;
}

/* Auteur */
img.portrait-auteur {float:right;margin:0 2px 2px 2px;border:1px solid #d6d5d5;max-width:302px;}

div.bloc_autres_informations p {
padding:0 0 0 10px;
background:url(../design/puce2.jpg) no-repeat left;
}
div.bloc_autres_informations ul li {
list-style-type:none;
font-size:0.9em;
display:inline;
background:url(../design/puce4.jpg) no-repeat left;
padding:0 0 0 6px;
margin:0 2px 0 4px;
}

/* Techniques */
ul.cartouche_techniques,ul.cartouche_techniques2 {
float:left;
width:30%;
padding:0 0 0 5px;
margin:5px 0 5px 0;
}
ul.cartouche_techniques2 {
width:40%;
}
ul.cartouche_techniques2 li strong{color:#729dce;}
ul.cartouche_achats {float:left;width:21%;margin:0 0 0 20px;}
ul.cartouche_achats li{
font-size:0.8em; 
list-style-type:none;margin:10px 0 10px 0;
}
ul.cartouche_achats li.panier a,ul.cartouche_achats li.liste a{
padding:5px 5px 5px 20px;
}
ul.cartouche_techniques  li,ul.cartouche_techniques2 li {
list-style-type:none;
padding:0 0 0 8px;
margin:2px 0 2px 0;
font-size:0.9em;
background:url(../design/puce3.jpg) no-repeat left;
}
ul.cartouche_techniques_parabd {
position:relative;
padding:0px 0px 0px 5px;
margin:5px 0px 10px 0px;
}
ul.cartouche_techniques_parabd  li {
list-style-type:none;
padding:0px 0px 0px 8px;
margin:2px 0px 2px 0px;
font-size:0.9em;
background:url(../design/puce3.jpg) no-repeat left;
}
p.supplement {
clear:both;
font-weight:bold;
padding:2px;
background:#f9f9f9;
}
ul.cartouche_supplement {
clear:both;
margin:2px 0 0 5px;
}
ul.cartouche_supplement li{
display:inline;
list-style-type:none;
}

/* Panier, liste et envoyer a un ami */
ul.outils li,ul.outils_solo li{
list-style-type:none;display:block;margin:10px 0 10px 0;
}
ul.outils a,ul.outils_solo a{
font-size:0.8em; 
padding:5px 5px 5px 20px;
}
li.liste a{
background:url(../design/picto-liste.jpg) no-repeat left;
}
li.panier a{
border:1px dotted #000;
font-weight:bold;
color:white;
background:#ff9a15 url(../design/picto_panier.png) no-repeat left;
}
li.envoyer a{
background:url(../design/picto-envoyer.jpg) no-repeat left;
}
li.feuilleter a {
background:url(../design/picto-feuilleter.jpg) no-repeat left;
padding:5px 5px 5px 15px;
}
ul.cartouche_achats li.reserver a{
border:1px dotted #729dce;
padding:5px;
background:transparent no-repeat left;
}
ul.outils_solo li.panier a{
border:none;
background:url(../design/picto-panier.jpg) no-repeat left;
} 
div.miseaupanier {font-size:0.9em;text-align:center;color:#ff9a16;font-weight:bold;}
div.miseaupanier a {color:#ff9a16;text-decoration:underline;}
div.miseaupanier a:hover {color:#ff9a16;text-decoration:none;}

a.panier_achat_livre {
background:url("../design/picto_panier.png") no-repeat scroll left center #FF9A15;
border: 1px dotted #000000;
color: white;
display:block;
width:120px;
margin:0 0 5px 0;
padding:5px 5px 5px 20px;
font-weight: bold;
text-decoration:none;
} 
a.panier_achat_livre:hover {
text-decoration:underline;
}

/* Liste des planches */
ul.liste-planche-serie {
clear:both;
list-style-type:none; 
margin:5px 0;
} 
ul.liste-planche-serie li{	   
float:left;
width:135px;
margin:0 7px 5px 0;	
position:relative;
} 
ul.liste-planche-serie li p {
margin:0;
padding:0;
font-size:0.9em; 
text-align:center;
}	   
ul.liste-planche-serie li img {
border:1px solid #d6d5d5;
margin:0;
padding:1px;
}	

ul.liste-planche-serie li img.nouveaute {position:absolute;top:-2px;right:-5px;border:none;}
ul.liste-planche-serie li h5+a img.nouveaute {position:absolute;top:25px;right:-5px;border:none;}
table.panier tr td img.nouveaute {position:absolute;left:125px;border:none;}

p.autres-nouveautes {
color:#8d989c;
font-size:0.9em;
margin:4px 0px 0px 0px;
}
p.autres-nouveautes a{
font-weight:bold;
}

/* Planche suivante */
a.suivant {float:right;font-size:0.9em;font-weight:bold;background:url(../design/puce2.jpg) no-repeat right;padding:0 10px 0 0;}
a.precedent {font-size:0.9em;font-weight:bold;background:url(../design/puce2bis.jpg) no-repeat left;padding:0 0 0 10px;}

/* Num�rotation des pages */
p.num-page {
display:block;
text-align:center;
font-size:0.8em; 
font-family:verdana,sans-serif;
margin:8px 0px 8px 0px;
}
p.num-page a, p.nbre-planche-page a  {
font-family:verdana,sans-serif;
font-size:0.9em;
font-weight:bold;
}  
p#nbre-planche-page{
text-align:right;	 
font-size:0.8em; 
font-family:verdana,sans-serif;
margin:2px 3px 10px 0px;
} 

/***********************************************************************
Presentation des livres
************************************************************************/
div.livre {
margin:2px 0px 5px 10px; 
width:60%; 
}	
div.livre p,div.livre-detail p {
font-size:0.9em;
}
div.livre span {
font-size:1.2em;
display:block;
margin:0px 0px 10px 0px;
}
div.livre-detail { 
margin:2px 0px 5px 0px; 
width:34%;
}
div.bloc-catalogue img.livre-noborder {
border:none;
}
div.livre-image { 
width:210px;
}
div.livre-contenu{
width:320px;
} 
div.bloc-catalogue img.livre {
border:2px solid #8d989c; 
margin:2px 2px 2px 0px;
padding:0px;  
width:200px;
}	

/***********************************************************************
Para-BD
************************************************************************/
ul#classement-alpha {list-style-type:none;margin:5px 0px 0px 5px;}
ul#classement-alpha li {
float:left;width:20px;list-style-type:none;background:url(../design/fond-ordre-alpha.jpg) no-repeat;
padding:3px 0px 0px 0px;
height:20px;
margin:0px 0px 5px 0px; 
text-transform:uppercase;
font-size: 0.9em; 
font-weight:normal;
text-align:center;
}
ul#classement-alpha li a {
display: block;
color: #729dce;
font-weight:normal;
text-decoration: none;	
} 
ul#classement-alpha li a:hover {font-weight:bold;text-decoration:underline;}
ul#classement-alpha li a.actif {font-weight:bold;}
ul#classement-alpha li strong {color: #729dce;font-weight:bold;}

/***********************************************************************
Adresse Galerie
************************************************************************/
div#adresse-galerie {
background:url(../design/fd-adresse.jpg) no-repeat top;
color:#000000;
text-align:center;
font-size:0.8em;
margin:15px 0px 0px 0px;
padding:12px 0px 0px 0px;
}
div#adresse-galerie span{font-size:1.1em;font-weight:bold;}

/***********************************************************************
Footer
************************************************************************/
div#footer {
clear:both;
background:url(../design/fd-footer.jpg) no-repeat top right;
padding:0;
margin:10px 0px 0px 0px;
font-size:0.8em;
text-align:right;
color:#729dce;
}
div#footer img.facebook {vertical-align:middle;border:none;margin:0 5px 0 0;}
div#footer img.cb {vertical-align:middle;border:none;margin:0 0 0 5px;}
div#footer img.cadenas {vertical-align:middle;border:none;margin:0 0 0 5px;}
/***************
Paiements 
*****************/
img.paypal {vertical-align:middle;border:none;margin:0 0 0 5px;}

/***********************************************************************
Resultats de recherche - pages des resultats de recherche
************************************************************************/
p.resultats-recherche {
font-size:0.9em;
margin:3px 0px 10px 5px;
}
p.all-resultats {
clear:both;
background:url(../design/fd-all-resultats_gauche.gif) no-repeat left;
font-weight:bold;
padding:5px 0px 5px 18px;
}
p.all-resultats a{background:url(../design/fd-all-resultats_droit.gif) no-repeat right;height:15px;
padding:5px 20px 5px 0px;}

ul.bloc-mea-cote p.affiner-recherche a,ul.bloc-mea-cote ul li a {text-decoration:none;}
ul.bloc-mea-cote p.affiner-recherche a:hover,ul.bloc-mea-cote ul li a:hover {text-decoration:underline;}

ul.bloc-mea-cote ul {
margin:0 0 0 5px;
}
ul.bloc-mea-cote ul li {
padding:0 3px 0 5px;
font-size:0.9em;
position:relative;
}
ul.bloc-mea-cote li {position:relative;}
ul.bloc-mea-cote  li img.nouveaute {position:absolute;top:-1px;right:0;border:none;}
ul.bloc-mea-cote  li h5+a img.nouveaute {position:absolute;top:17px;right:0;border:none;}
div#contenu_secondaire ul.bloc-mea-cote  li h5+a img.nouveaute {position:absolute;top:17px;right:7px;border:none;}

/**************************
Plan du site 
****************************/ 
dl#plansite dt {font-weight:bold;margin:4px 0 2px 0;}
dl#plansite dd ul {margin:3px 0 0 4px;}
dl#plansite dd ul li {list-style-type:none;background:url(../design/puce6.jpg) no-repeat left;font-size:0.9em;margin:0 2px 0 2px;padding:0 0 0 8px;display:inline}


/**************************
Newsletter
****************************/ 
input#krkllu-krkllu {width:110px;}