/*--------- 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:420px;
}

.prix{
	width:100px;
	position:relative;
	top:30px;
}

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

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


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

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

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

.panier{
	margin-top:20px;
}

#liste .panier img{
	width:35px;
	height:35px;
	cursor:pointer;
}


.panier figure{
	margin-top:20px;
}

.panier  span{
	display:inline-block;
	width:20px;
	position :relative;
	top:-10px;
	margin-left:10px;
	margin-right:10px;
	font-size:18px;
}


/*-- Gestion des options de commande ---*/

#commande span:first-child{
	color:#C0D9E2;
}

#commande a{
	color:#3E3E3E;
}

#commande a:hover{
	border:none;
	color:#3E3E3E;
}

#commande{
	margin-top:-10px;
}

#commande div:last-child{
	margin-bottom:-10px;
	text-align:center;
	background-color:#C0D9E2;
	
	border-radius:5px;
}



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

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


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


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

article{
	background-color:#E2E2E2;
}

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

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

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

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