/* 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;
}
#fil_ariane{margin:5px 0 0 10px;}
#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 h3{
  
	position:absolute;
	width:355px; 
	height:17px;
	top:-17px; 
	left:-1px;
	color:#fff;
	padding:2px 0 0 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 a, #liste li h3 a:visited {color:#fff; text-decoration:none;}

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

#liste li h4 a, #liste li h4 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;
  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);*/
}

#auteur{ font-size:0.95em; margin-top:-2px;color:#521400;}
#prix{ color:#a6895a; font-size:1.6em; position:absolute; top:10px; right:5%;}

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