body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	line-height: 23px;
	color: #A69468;
}

/* DEBUT - MISE EN FORME DE L'ENTETE */
.enteteTable {
		background-color: #669900;
		width:100%;
		border:none;		
}
.enteteInfoClient{
	width:100%;
	color: #FEF9ED; 
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: 800;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
}
.menuTable{
		background-color: #CBD8DE;
		width:100%;
		font-family:Arial, Helvetica, sans-serif;
		height:22px;
		text-align:center;
		font-weight: 100;
		font-size:14px;
}

/* FIN - MISE EN FORME DE L'ENTETE */

/* DEBUT - MISE EN FORME DU FORMULAIRE */
.titrePage{
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-indent: 100px;
}
.formCadre{				/* description du cadre d'un formulaire */
	border:  solid;
	background-color: #F2F1E3;
}
.formLegende{			/* description du texte du cadre d'un formulaire */
	font-size:14px;
	align:right;
}
.bouton{					/* description des boutons du formulaire */
color: #336699;
/*color.disabled:#DCDCDC;*/
font-weight:600;
border: solid;
border-width:thick;
border-color: #CBD8DE;
background-color: #F8F4EF;
text-decoration:none;
-moz-border-radius:7%;
-moz-opacity:0.95;
}
.bouton:disabled{			/* description des boutons désactivés du formulaire */
color:#CBD8DE;
font-weight:600;
border: solid;
border-width:thick;
border-color:#CBD8DE;
background-color: #F8F4EF;
}
.bouton:disabled:hover{		/* description des boutons désactivés et survolés du formulaire */
color:#CBD8DE;
font-weight:600;
border: solid;
border-width:thick;
border-color:#CBD8DE;
background-color: #F8F4EF;
}
.bouton:hover{				/* description des boutons survolés par la souris */
color: #336699;
font-weight:600;
border: solid;
border-width:thick;
border-color:#336699;
background-color: #F8F4EF;
}
.bouton:focus{				/* description des boutons ayant le focus */
color:#336699;
font-weight:600;
border: solid;
border-width:thick;
border-color:#336699;
background-color: #F2F1E3;
}
.liste{
	color:#336699;
	background-color: #F5FAF9;
	border:solid;
	border-style: solid;
	border-width:thin;
	border-color: #BAB78D;
}
.liste:focus{
	color:#7C98AD;
	background-color:#E4F0F1;
	border:solid;
	border-style: solid;
	border-width:thin;
	border-color: #BAB78D;
}
.champ{
	color: #336699;
	background-color: #F5FAF9; 
	border:solid;
	border-width:thin;
	border-color: #BAB78D;
}
.champ:focus{
	color: #336699;
	background-color: #E4F0F1;
	border:solid;
	border-width:thin;
	border-color: #BAB78D;
}
/* FIN - MISE EN FORME DU FORMULAIRE */

/* DEBUT - MISE EN FORME DE LA PAGE */
.contenuPageTable{
	background-color:#CBD8DE;
	color:#746645;
	font-size:11px;
	font-weight:700;
}
.contenuPageTr{
	text-align:center;	
}

.contenuPageMessageTable{
	width:100%;
}
.contenuPageMessageTd{
	text-align:center;
	color: #FF0000;
	height:10px;
	font-weight:800;
	font-size:10px;
}
.contenuPageMsgConnexionTable{
	height:65%;
	vertical-align: middle;
	text-align:center;
	width:100%;
}
.bigMsg{
	color: #A69468;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-decoration: none;
}
.bigMsgCapitale{
	color:#A69468;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-decoration: none;
	text-transform: lowercase,capitalize;
}
.ligneNombre {
	text-align:right;
}
tr.ligneCouleur1 {		/* mise en forme du tableau des lignes (historique des achats, tarifs, commandes) */
	text-indent: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:400;
	font-stretch:condensed;
	font-size: 10px;
	line-height: 16px;
	border:thin;
	background-color: #F5F5F5;
}
tr.ligneCouleur2 {		/* mise en forme du tableau des lignes (historique des achats, tarifs, commandes) */
	text-indent: 2px;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight:400;
	font-stretch:condensed;
	font-size: 10px;
	line-height: 16px;
	border:thin;
	background-color: #FFFFFF;
}
td.ligneZoom {
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:700;
}
td.ligneZoom:hover {
	background-color:#A69468;
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:700;
}
a.zoom {
	color:#A69468;
	text-decoration: none;
}

a.zoom:hover {
	color: #FFFFFF;
	text-decoration: none;	
}
a.zoom:disabled {
	background-color:#D3D5BB;
	color:#DCDCDC;
}
/* FIN - MISE EN FORME DE LA PAGE */

/* DEBUT - MISE EN FORME DE LA FENETRE DETAIL D'UN ARTICLE */
.detailDesignation
{
		color:#A69468;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight: 600;
		letter-spacing:normal;
		text-align:center;
}
.detailImage{
	border:thin;
	border-color:#A69468;
	background:url(../images/DEFAUT.jpg);
	background-image:url(../images/DEFAUT.jpg);
	height:150;
}
.detailZoneTexte{
	background-color:#F8F4EF;
	border-color:#A69468;
	border-width:thin;
	border-style: solid;	
	color: #746645;
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
	word-spacing:2px;
	margin-top: 5px;
	width:520px;
	height:400px;
	overflow: auto;
}
/* FIN - MISE EN FORME DE LA FENETRE DETAIL D'UN ARTICLE */

/* DEBUT - MISE EN FORME DU PIED DE PAGE */
.piedDePageTable{
	color:#A69468;
	font-size:10px;
	font-weight:100;
	width:100%;
}
.piedDePageTr{
	text-align:center;
}
/* FIN - MISE EN FORME DU PIED DE PAGE */

td, th {		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #A69468;
}
a {
	color:#336699;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration:none;
}


.title {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
	line-height: 30px;
  background-color: #006666;
	color: #DCDCDC;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
  color: #006666;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #006666;
  color: #DCDCDC;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
	background-color: #CCCCCC;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-color: #DEDECA;

}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCCCCC;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
  background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  	color: #006666; 
	font-weight: bolder;
	font-size: medium;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}