/*--------- La liste -------- */

#liste{
	margin-left:205px;
	margin-bottom:30px;
	border:1px solid grey ;
	border-radius: 10px;
}

article{
	width:100%;
	height:105px;
	border-bottom :1px solid grey ;
}

.corpsProduit div{
	float:left;
}

.infos {
	width:500px;
}

#liste .nom{
	font-weight: bold;
}

.corpsProduit{
	width:800px;
}

/*--- Gestion de l'image ---*/

#liste figure{
	margin: 5px 15px 0px 15px;
	text-align:center;
}

#liste figcaption{
	height:20px;	
	background-color:green;
	color:white;
}

#liste img{
	width:70px;
	height:70px;
}

/*--- Gestion de la quantité ---*/

.quantite{
	color : #FF0000;
	font-size:17px;
}


/*--- Gestion des éléments cachés ---*/
.cacher{
	display:none;
}

.achat,.catProduit,.zoneProduit{
	display:none;	
}

.catProduit,.zoneProduit{
	width:50px; 
	height:50px;
	border-radius:2px;
	background-color:white;
	position:relative;
	top:10px;	
}


/*--- Gestion de la péremption ---*/

.perime{
	background-color:#FFDDDD;
}

.perime .datePerime {
	color : #FF0000;
}

.dateOk{
	background-color:#E2E2E2;
}

article:hover{
	background-color:#C0D9E2;
}


/*--- Gestion des bords arrondis --- */

#liste article:first-child{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#liste article:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}