body {
	background-color: #dfd1c3;
	font-family: Verdana, Calibri, sans-serif;
	margin: 0px;
	padding: 0px;
}

.rectBlanc {
  background:#ffffff;
  height: 70px;
  width: 350px;
  text-align: center;
  margin: 20px auto 20px auto; 
  padding: 40px;
  border-radius: 25px 0 25px 0px;
}
.rectBlanc >p {
  margin: 0px;
  padding: 0px;
  background-color: white;
}
.rectBlanc >p >label {
  display: inline-block;
  width: 130px;
  text-align: right;
  font-size: 14px;
}
.bouton {
  text-align:center;
  margin-top:15px;
}

.entete{
  margin-left:auto;
  margin-right:auto;
  width:700px;
}
.logo{
	width: 150px;
	margin-left:0px;
  	margin-top:0px;
}
.titrePage{
  float:right;
  margin-top:105px;
  margin-right:10px;
}
.infoUtilisateur {
  width:300px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  background-color: #fff;
}
.infoUtilisateurFiche{
  margin-left:auto;
  text-align: right;
  font-size: 12px;
}
.rectPied {
  padding:0px;
  margin:30px auto 30px auto;
  list-style-type:none;
}
.rectP1, .rectP2, .rectP3 {
  float:left;
  width:22%;
  padding: 4px;
  margin: 0 5% 0 5%;
  color:#7f4319;
  background-color:#ffffff;
}
.rectP1 {
  text-align:left;
}
.rectP2 {
  text-align:center;
}
.rectP3 {
  text-align:right;
}

.tableFormulaire {
	border : 0px;
	background-color: white;
	width: 400px;	
}
.tdFormulaire {
	text-align: right;
}
.tableau {
	width:70%;
	margin: 5px auto 5px auto;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #e0a279;
	text-align: center;
}
.TRfiche {
	vertical-align: bottom;
}
.TRfiche > td {
	border: 1px solid black;
}
.listeAchat {
	width:70%;
	border-collapse: collapse;
	border-spacing: 0px;
	border-width: 1px; 
	background-color: white;
	margin: auto;
}
.TDlisteAchat {
	/*background-color: white;*/
	border-width: 1px; 
	border-style: solid; 
	border-color: black;
}
.tableMenu {
	width:380px;
	border : 4px;
}
.tdMenu1 {
	background-color: #c2704f;
	height : 50px;
}
.tdMenu2 {
	background-color: #00a000;
	height : 50px;
}
.tdMenu3 {
	background-color: #004dff;
	height : 50px;
}
.tdMenu4 {
	background-color: #c2704f;
	height : 50px;
}

a.aMenu {
	color: white;
	 text-decoration:none; 
}
.tableArticle {
	border : 0px;
	background-color: white;
	width: 700px;	
}
.tdArticleD {
	width : 70%;
}
.tdArticleG {
	width : 40%;
}
.TRstock {
	background-color: #c2704f;
}
.TRstock > td {
	background-color: white;
	border: 1px solid black;
	text-align: center;
}
.formClient {
  background-color: #c2704f;
  width: 700px;
  margin: auto;
}
.formArticle {
  background-color: #c2704f;
  width:  800px;
  margin: auto;
}
.formClient >label {
  display: inline-block;
  width: 120px;
  height: 30px;
  text-align: right;
}
.formArticle >label {
  display: inline-block;
  width: 220px;
  height: 30px;
  text-align: right;
  font-size: 14px;
}
input[type=submit] {
/*  display: block;*/
  width: auto;
  margin: auto;
  box-shadow: 1px 1px 1px brown;
  cursor:pointer;
}
.ficheArticle{
  width: 800px;
  margin: 20px auto;
  background-color: #c2704f;
  padding: 10px 10px 10px 0px;
}
.ficheImage {
  float: right;
  height: 145px;
  border: 4px solid #858585;
  z-index: 1000;
}
.ficheDiv {
  height: 35px;
}
.ficheNom {
  display: inline-block;
  width: 150px;
  text-align: right;
}
.ficheDonnee {
  display: inline-block;
  background-color: white;
  font-weight: bold;
}
.alerte {
	color: #ed1c24;
	font-weight : bold;
	text-align: center;
}
.tableauVente {
  border-spacing: 0px;
  border: solid 1px red;
  margin: 0px auto;
}
.venteTitre {
	background-color: #aaaaaa;
	border: solid 1px red;
}
.colonne1, .colonne2, .colonne3, .colonne4, .colonne5, .colonne6 {
    border: solid 1px red;
}
.colonne1 {
  width: 10%;
}
.colonne2 {
  width: 45%;
  text-align: left;
}
.colonne3 {
  width: 10%;
}
.colonne4 {
  width: 10%;
  text-align: right;
}
.colonne5 {
  width: 10%;
  text-align: right;
}
.colonne6 {
  width: 5%;
}
.venteLigne {
  height: 30px;
  border: solid 1px;
  text-align: center;
	background-color: white;
}
#tableVenteFiche {
  display: table;
  margin: auto;
  background-color: white;
}
.rowTitre {
  display: table-row;
  background-color: #aaaaaa;
  font-weight: bold;
}
.rowLigne {
  display: table-row;
}
.cellReference, .cellNon, .cellNombre, .cellPrix, .cellOutils, .cellTotaux {
  display: table-cell;
  border: solid 1px;
  text-align: center;
}
.cellReference {
  width: 120px;
}
.cellNon {
  width: 300px;
  text-align: left;
}
.cellNombre {
  width: 125px;
}
.cellPrix {
  width: 125px;
  text-align: right;
}
.cellOutils {
  width: 60px;
}
.cellTotaux {
  width: 422px;
  text-align: right;
}
.rowLigneTotaux {
  display: table-row;
  width: 200px;
}
#tableFicheStock {
  display: table;
  width: 600px;
  margin: auto;
  background-color: #c2704f;
}
.rowFSLigne {
  display: table-row;
}
.cellFSLabel {
  display: table-cell;
  text-align: right;
  padding: 3px 5px;
  width: 240px;
}
.cellFSChamp {
  display: table-cell;
  text-align: left;
  padding: 3px 5px;
  width: 340px;
}
.texteMessage {
  text-align: center;
  color: #553521;
  font-size: 14px;
}
.cadreRecherche {
  margin: auto;
  width: 800px;
  padding: 5px;
}
.titreRecherche {
  text-align: center;
  margin: 10px 0 2px 0;
  font-weight: bold;
}
.contenuRecherche {
  display: inline-block;
}
.DonneesInfoClient, .infoClient{
  display: inline-block;
  margin: 0;
}
.DonneesInfoClient {
  width: 29%;
  text-align: right;
}
.infoClient {
  width: 70%;
  text-align: left;
}
.ficheLegende, .ficheFormulaire {
  display: inline-block;
  width: 49%;
  margin: 2px 0;
}
.ficheLegende {
  text-align: right;
}
.ficheFormulaire {
  text-align: left;
}
.teteTableau {
    opacity: 0;
}