/* CSS Document */

/* La liste des 4 produits dispos�s en carr� sur la home */
#boite_produits {
	width: 830px;
	list-style: none;
	padding:0;

	margin-left : -30px; 
	float: right;
}
#boite_produits li {
	position: relative;
}
#boite_produits li.modele_empty,
#boite_produits li.modele_horizontal,
#boite_produits li.modele_vertical {
	float: right;
	width: 387px;
	height: 285px;
	overflow: hidden;   /* Si jamais le contenu depasse, il sera masque */
	margin: 0 0px 20px 20px;


}

#boite_produits li h4 {
	font-size:1.1em;
	font-weight:bold;
	padding:0;
	margin:5px 0 8px 12px;
}
#boite_produits li h5 {
	font-size: 1.0em;
	letter-spacing: normal;
}
#boite_produits li ul.description {
	list-style: none;
	font-size: 0.65em;
/*	letter-spacing: -0.3px;*/
	margin: 5px 10px
}
#boite_produits li ul.description li {
	padding-right: 5px;
	font-size: 0.9em;
}

#boite_produits li p.bandeau {
	font-size: 0.75em;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding-top: 2px;
	clear: left;
}
#boite_produits li p.bandeau span {
	background-color: #F00;
	padding: 1px 4px;
}
#boite_produits li a.plus {
	background-image: url(../../img/icones/btn.gif);
	background-repeat: no-repeat;
	background-position: center;
	color: #1F4779;
	position: absolute;
	bottom: 2px;
	right: 2px;
	display: block;
	width: 50px;
	height: 18px;
	text-align: center;
	font-size: 0.8em;
	text-transform: uppercase;
}

/* Contenu du bloc en mod�le horizontal : avec image au dessus et texte en dessous, en deux morceaux */
/* On va fixer la taille des images tout au moins en largeur */
#boite_produits li.modele_horizontal img {
	width: 386px;
}
#boite_produits li.modele_horizontal ul.description li {
	width: 48%;
	float: left;
}
/* Contenu du bloc en mod�le vertical : avec image et textes sur le c�t� */
	/* On fixe la largeur de l'image */
#boite_produits li.modele_vertical img {
	width: 215px;
	float: left;
	margin-right: 5px;
}
#boite_produits li.modele_vertical h4 {
	margin-top: 20px;
}
#boite_produits li.modele_vertical h5 {
	margin-top: 5px;
}

/***********  liste des produits ****************/
#contenu ul.liste_produits {
	list-style:none;
	width: 792px;
	float: right;
}

#contenu ul.liste_produits li {
	position: relative;
	float:left;
	width:196px;
	height: 355px;
	border:1px solid #CCC;
	color:#1f4779;
	margin:-1px -1px 0 0px;
	text-align: center;
}
#contenu ul.liste_produits li img {
	height:145px;
	margin:5px 0 0 -1px;
}

#contenu ul.liste_produits li h4 {
	font-size: 0.8em;
	font-weight: bold;
	color: #000066;
	text-transform:uppercase;
	margin: 25px 0 10px 0;
}
#contenu ul.liste_produits li p {
	font-size:0.6em;
	margin: 8px 0 4px 0;
}
#contenu ul.liste_produits li a.plus {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 194px;
	color: #f00;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.7em;
}