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

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

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

.corpsProduit div{
	float:left;
}

.infos {
	width:450px;
}

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

.corpsProduit{
	width:850px;
	height:90px;
}

#enregistrerProduit {
	width:300px;
}

#enregistrerProduit input{
	color:#3E3E3E;
	background-color:#C0D9E2;
	font-weight:bold;
}

/*--- Gestion des edit --- */

.inputQuantite{
	width:30px;
}

.inputNom{
	width:320px;
}

.inputDatePerime,.inputDateAchat{
	margin:0;
	padding:0;
}

.ui-datepicker {
    font-size: 10px !important;
} 


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

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

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

#liste .sup img,#liste .modif img{
	width:40px;
	height:40px;
	cursor : pointer;
}

#liste .sup,#liste .modif{
	margin-top:10px;
}

.faux{
	border-color:red;
}

/*--- 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 ---*/

#liste article{
	background-color:#E2E2E2;
}

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