/*--------- Entête de la liste -------- */
#enteteListeReap,#enteteListeLigne,#enteteListeCocher{
	margin-top:-5px;
	margin-bottom:1px;
	height:40px;
	margin-left:190px;
	padding-left:5px;
	color:#E2E2E2;
	background-color:grey;
	border-radius:2px;
}

h2{
	margin-top:5px;
	padding-top:5px;
}

#ajoutLigne, #ajoutCocher{
	float:right;
	width:150px;
	position:relative;
	top:5px;
	cursor:pointer;
}

#ajoutLigne img,#ajoutCocher img{
	width:30px;
}

#ajoutLigne label,#ajoutCocher label{
	position:relative;
	top:-10px;
}

/*--------- La liste -------- */
#listeReap,#listeLigne,#listeCocher{
	margin-left:190px;
	margin-bottom:30px;
	border:1px solid grey ;
	border-radius: 10px;
}

#listeReap article,#listeLigne article,#listeCocher article{
	border-bottom :1px solid grey ;
	width:100%;
	height:50px;
	background-color:#E2E2E2;
}

.corpsProduitReap{
	width:400px;
	height:50px;
}

.corpsProduit{
	width:700px;
	height:50px;
}

.corpsProduit div,.corpsProduitReap div{
	display:inline-block;
}

/*-- Gestion des options et du menu */

#option p a img{
	width:30px;
}

#sousHead{
	width:inherit;
}

#sousHead a:hover{
	color:#C0D9E2;
}

#rechercheDiv{
	float:left;
	width:450px;
	margin-right:30px;
}

#fonctions{
	float:left;
}

#rechercheDiv input{
	width:300px;
}

#head hr{
	margin-top:0;
	margin-left:-30px;
	height:1px;
	background-color:#E2E2E2;
}

#head label{
	display:inline;
}

#head button{
	background-color:#E2E2E2;
	color:black;
	border:none;
	padding:2px;
	border:solid 1px white;
	border-radius:2px;
	cursor:pointer;
	font-size:14px;
}

#head button:hover{
	background-color:#C0D9E2;
}

#head button:active{
	border:inset 1px white;
}


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

#listeReap figure,#listeLigne figure,#listeCocher figure{
	display:inline-block;
	position:relative;
	right:0;
	padding-bottom:0;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	text-align:center;
}

#listeReap span,#listeLigne span,#listeCocher span{
	display:inline-block;
	position:relative;
	top:-10px;
}


#listeReap img,#listeLigne img,#listeCocher img{
	width:30px;
	height:30px;	
}


/*--- Gestion de l'article ---*/

.nom{
	clear:both;
	width:150px;
	height:30px;
	margin-left:70px;
	margin-right:70px;
	font-size: 18px;
	text-align:center;
}

.quantiteReap{
	width:120px;
	margin-left:30px;
}

.quantite{
	width:120px;
}

.prix{
	width:100px;
}

.iconeCocher{
	margin-left:100px;
}

.icone,.iconeCocher{
	cursor:pointer;
}


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

/*--- Gestion du surlignage ---*/

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

/* Gestion du bouton commande */

.commander {
	padding:5px;
	text-align:center;
	background-color:#C0D9E2;
	border-radius:5px;
	position:relative;
	top:-10px;
	border:outset 1px #C0D9E2;
}

.commander a{
	color:#3E3E3E;
}
.commander:active{
	border:inset 1px #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;
}