/* CSS Document */

/* VISUELS COLONNE GAUCHE --------------------------------------------------------------------------------- */

/* visuel livraison gratuite --------------------------------------------------------------------------------- */
.box_livraison{ margin-bottom:20px;}

/* visuel promo du mois --------------------------------------------------------------------------------- */
.box_promo_mois{ margin-bottom:20px;}
	.box_promo_mois	h3	{ 
		width:170px;height:23px; 
		background:url(../images/bg_onglets_g.png) no-repeat; 
		margin:0;
		color:#fff;
		text-align:left;
		font-size:1.3em;
		padding:2px 0 0 10px;
}

/* visuel alerte f�te des M�res --------------------------------------------------------------------------------- */
.box_fetemeres{margin-bottom:20px;}

/* Bouton test de personnalisation  --------------------------------------------------------------------------------- */
.bouton_test{
	width:160px;
	height:57px;
	background:url(../images/bt_personnalisation.png) no-repeat;
	margin-bottom:20px;
	padding:5px 10px 5px 10px;
	color:#521400;
	margin-bottom:20px;
}
	.bouton_test span{ color:#bd2f00; font-size:1em; font-weight:bold;}

/* visuel roman d'entreprise --------------------------------------------------------------------------------- */
.box_ro_entreprise{
	border:1px solid #d0bb99;
	border-top:none;
	text-align:left;
}
	.box_ro_entreprise p{margin:10px 10px 10px 10px; color:#521400;}
	h4.ro_entreprise	{
		width:180px;
		height:35px;
		background:url(../images/coins_arrondis_g.png) no-repeat;
		margin:0;
		padding-top:5px;
		color:#bd2f00; 
		font-size:1em; 
		font-weight:bold;
}
	h4.ro_entreprise span{ font-size:1.5em;}
	
/* colonne centrale --------------------------------------------------------------------------------- */

#titre_rubrique {
	width:750px;
	height:110px;
	background:url(../images/bg_titre_liste.png) no-repeat;
	position:relative;
	right:0;
	top:-25px;
	text-align:left;
}

#titre_rubrique div.description{
  position : absolute;
  bottom:0;
  right:0;
  width:320px;
  font-style:italic;
  text-align: justify;

  padding:15px;
  color:#8f7246;
}
#fil_ariane{margin:5px 0 0 10px; text-align:left;}
#container > #fil_ariane{margin: 0 0 8px 10px; text-align:left;}
#fil_ariane span {font-size:1em; font-weight:normal;}
#fil_ariane a{ font-size:1em !important;}

.test2{
	width:130px;
	height:28px;
	background:url(../images/bt_personnalisation2.png) no-repeat;
	text-align:center;
	position:absolute;
	top:60px;
	right:10px;
	padding-top:5px;
	font-size:1.3em;
	font-weight:bold;
}

.test2 a{ text-decoration:none; color:#521400;}
.test2 a:hover{color:#bd2f00;}

#liste{ /*margin-top:105px;*/ text-align:left;}

#liste li{

  background-color: #fff;
  border: solid 1px #d0bb99;  
  border-top: none;
  width:273px;
	height:170px;
	margin: 15px 3px;
	vertical-align: top;
	position:relative;
	padding:0 0 0 90px;
  display : inline-block;
  
  zoom:1;
  *display: inline;
}

#liste li h2{
  
	position:absolute;
	width:355px; 
	height:17px;
	top:-17px; 
	left:-1px;
	color:#fff;
  padding:1px 0 1px 10px;
  font-size:1em;
  font-weight:bold;
  text-shadow:  0 0 2px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;zoom:1;
  filter: glow(color=#000000,strength=1);
  background:url(../images/bg_onglets_liste_trans.png) no-repeat;
}



#liste li h3{
	font-size:1.2em;
	padding-top:5px;
  padding-right:85px;
	color:#521400;
  font-weight:bold;
}

#liste li h3 a, #liste li h3 a:visited {color:#521400; text-decoration:none;}

#liste li img{ position:absolute; top:30px; left:10px; max-width:70px; max-height:110px; z-index:1}
#liste #description p {
  font-size           : 12px;
  padding-right       : 10px;
  margin-top          : 10px;
  line-height         : 1.2em;
  text-align          : justify;
}
#liste a.sp {
  position:absolute; bottom:10px;
  
  display: inline-block;
  height:16px;
  /*width:99px;*/
  text-align:center;
  font-weight:bold;
/*  color:white;*/
  /*text-decoration:none;*/
  /*text-shadow:  0 0 2px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;*/
  zoom:1;
  /*filter: glow(color=#000000,strength=2);*/
  font-size:0.9em;
  /*background: 0 0 no-repeat url(../images/bg_button_sp.png);*/
}
#liste a.sp:hover {
  /*color:#ffa;*/
  /*text-shadow:  0 0 2px red, 0 0 1px red, 0 0 1px red, 0 0 1px red, 0 0 1px red, 0 0 1px red;
  filter: glow(color=red,strength=1);*/
}

#liste a.ap {
  position:absolute; bottom:10px;
  right:10px;
  background: 0 0 no-repeat url(../images/bg_button_ap.png);
  display: inline-block;
  height:16px;
  width:137px;
  text-align:center;
  color:white;
  text-decoration:none;
  text-shadow:  0 0 2px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
  zoom:1;
  filter: glow(color=#000000,strength=2);
  font-size:0.9em;
}
#liste a.ap:hover {
  color:#ffa;
 /* text-shadow:  0 0 2px yellow, 0 0 1px yellow, 0 0 1px yellow, 0 0 1px yellow, 0 0 1px yellow, 0 0 1px yellow;
  filter: glow(color=yellow,strength=1);*/
}

#liste .auteur{ font-size:0.95em; margin-top:-2px;color:#521400;}
#liste .prix { 
  float     : right;
  color     : #a6895a; 
  font-size : 1.6em; 
  margin    : 10px;
}

#liste .prix span.nowrap {
  white-space : nowrap;
}
#liste .prix span.nowrap small {
  font-size   : 0.5em;
}


#produit1{float:right;}
#produit2{}
#produit3{float:right;}
#produit4{}
#produit5{float:right;}
#produit6{}
#produit7{float:right;}
#produit8{}
#produit9{float:right;}
#produit10{}

#anim_catalogue{margin:10px auto 10px auto; height:228px;}

h4.mini_liste_products {
  font-weight         : normal;
  font-size           : 1.2em;
  padding-left        : 60px;
  margin              : 20px 50px 10px 0px;
  background          : transparent url(../images/book-copy-48.png) 0 0 no-repeat;
  min-height          : 4em;
}

ul.mini_liste_products {
  margin-top          : 10px;
  margin-bottom       : 10px;
  max-height          : 400px;
  overflow-y          : scroll;
  color               : #521400;
  background-color    : white;
  border-radius       : 3px;
  -moz-border-radius  : 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  -icab-border-radius : 3px;
  -o-border-radius    : 3px;
  padding             : 5px;
}

ul.mini_liste_products li {
  cursor              : pointer;
  border-radius       : 3px;
  -moz-border-radius  : 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  -icab-border-radius : 3px;
  -o-border-radius    : 3px;
  padding             :  3px 5px 5px 5px;
  line-height         : 1em;
  -moz-transition     : all 0.25s ease-in-out 0s;
  -webkit-transition  : all 0.25s ease-in-out 0s;
  -o-transition       : all 0.25s ease-in-out 0s;
  -ms-transition      : all 0.25s ease-in-out 0s;
  font-weight         : bold;
  outline             : 0;
  background-color    : transparent;
  border              : 1px solid transparent;
  
}

ul.mini_liste_products li img {
  float               : left;
  margin-right        : 10px;
  width               : 45px;
  height              : auto;
}

ul.mini_liste_products li br.clear {
  height              : 0;
  clear               : both;
  line-height         : 0;  
}

ul.mini_liste_products li > div {
  margin-left         : 60px;
}
ul.mini_liste_products li > div p,  
ul.mini_liste_products li > div div {
  font-size           : 0.9em;
}

ul.mini_liste_products li > div p.context {
  font-style          : italic;
}

ul.mini_liste_products li > div h5 {
  font-size           : 1.4em;
}

ul.mini_liste_products li:hover {
  border-color        : #53820b;
  color               : white;
  background-color    : #80cb11;
  text-shadow         : -1px -1px 0 #53820b, 1px -1px #53820b, -1px 1px #53820b, 1px 1px #53820b;
  background-image    : -moz-linear-gradient(bottom, #6caa0e, #80cb11);
  background-image    : -webkit-gradient(linear, left bottom, left top, from(#6caa0e), to(#80cb11)); 
  background-image    : -webkit-linear-gradient(bottom, #6caa0e, #80cb11); 
  background-image    : -ms-linear-gradient(bottom, #6caa0e, #80cb11);  
  background-image    : -o-linear-gradient(bottom, #6caa0e, #80cb11);
  background-image    : linear-gradient(bottom, #6caa0e, #80cb11);
  
}

p.mini_liste_products[class~=error] {
  background          : transparent url(../images/dialog-warning.png) 0 0 no-repeat;
  padding-left        : 20px;
  margin              : 10px;
  color               : red;
}