html, body
{
	font-family : arial, sans-serif, verdana;
	font-size : 10pt;
	background : url("../../image-site/gris_150.jpg");
	color : black;
}

body
{
	background-color : #A9A9A9;
}

label
{
	display:block;
	width:80px;
	float:left;
}

#accueil_form 
{
	margin : 0% 0% 0% 15%;
}

#accueil 
{
	height : 200px;
	width : 600px;
}



#tableau
{
	width : 780px;
	height : 600px;
}




#haut
{
	background-color : #CCCCCC;
	background: url("../../image-site/grisfonce_001.gif") no-repeat left;
	color :black;
	height: 18%;
}

#haut_td
{
	width:125px;
}

.center
{
	text-align:center;
}

.width
{
	background-color:#898989;
	width:83%;
	height:90%;
}

.onglet_bg
{
	background-color:#898989;
}

.width_demande
{
	width:10%;
}

#left
{
	text-align:left;
	padding :0px 0px 0px 5px; 
}

.icon
{
	width:50px;
	height:60px;
	
}
#button_aide a
{
	font: normal 8pt verdana, serif;
	background-color : #676767;
	background:url("../../image-site/bouton4.gif") no-repeat center;
	padding:7px 10px 7px 10px;
	color : white;
}

#button_aide #current
{
	background-color : #898989;
	background :url("../../image-site/bouton7.gif") no-repeat center;
	color : #AA0000; 
}

#button_aide a:hover
{
	text-decoration : none ;
	background-color : #CCCCCC;
	background :url("../../image-site/bouton7.gif") no-repeat center;
	color : #AA0000; 
}





#menu_gauche
{
	text-decoration : none;
	text-align : center;
	color : #000000;
	background-color : #676767;
	background : url("../../image-site/menu1.gif") left;
	height : 100% ;
	width:17%;
}

#mg
{
	margin-top: 10px;
	font: normal 8pt verdana, serif;
}

#omg A
{
	font: normal 8pt verdana, serif;
	background-color : #CCCCCC;
	background:url("../../image-site/bouton2.gif") no-repeat center;
	padding:7px 10px 10px 10px;
	color : white;
}

#omg A:hover
{
	text-decoration : none ;
	background-color : #CCCCCC;
	background :url("../../image-site/bouton6.gif") no-repeat center;
	color : #AA0000; 
}

#omg #current
{
	background-color : #CCCCCC;
	background :url("../../image-site/bouton6.gif") no-repeat center;
	color : #AA0000; 
}





#menu_onglet
{
	background-color:#676767;
	color : black;
	text-decoration : none;
}

.menu
{
	margin-top:5px;
	padding : 0px 0px 12px 0px;
}


#onglet A
{
	font: normal 8pt verdana, serif;
	background-color : #CCCCCC;
	background:url("../../image-site/bouton2.gif") no-repeat center;
	padding:7px 3px 9px 3px;
	color : white;
}

#onglet A:hover
{
	text-decoration : none ;
	background-color : #CCCCCC;
	background :url("../../image-site/bouton6.gif") no-repeat center;
	color : #AA0000; 
}

#onglet #current
{
	background-color : #CCCCCC;
	background :url("../../image-site/bouton6.gif") no-repeat center;
	color : #AA0000; 
}




h1
{
	text-align : center;
	font-size: 10pt;
}

h2
{
	font-size: 11pt;
	text-align :left;
}

h4
{
	text-align : center;
	font-size: 11pt;
}

h5
{
	text-align: left;
	font-size :8pt ;
}

a
{
	text-decoration : none ;
	color: #AA0000 ;
}

a:visited
{
	color: #000000 ;
}

a:hover
{
	text-decoration : underline ;
}

a img
{
	border: none;
}




#form fieldset
{
	height : auto;
	margin-left : 5%;
	margin-right : 5%;
	background : #BBBBBB;
	color: black;
}

#form label 
{
	float : left;
	width : 100px;
}

#form TEXTAREA 
{
	text-align : left;
	margin : 0px;
	padding : 0px;
	font-family : arial, sans-serif, verdana;
	font-size : 12px;
}

#form 
{
	margin-top : 2%;
}



#choix
{
	width : 80%;
	margin: 10% 0% 0% 0%;
}

#choix tr
{
	height : 100px;
	text-align : center;
}




#affich
{
	background-color : #CCCCCC;
	color : black;
	width : 95%;
	background : url("../../image-site/gris_390.jpg") ;
}

#affich table
{
	border: medium solid #565656;
	width : 100%;
}

#affich #titre
{
	border: 0;
	width :100%;
	height : 100%;
	padding :0px;
}

#affich td
{
	border: thin solid #999999;
	text-align : left;
	padding : 5px;
}




#loggin
{
	background-color : #AAAAAA;
	margin :100px 0px 0px 250px;
	text-align : center;
	background : url('../../image-site/session.gif') no-repeat center;
	color:white;
}




#produit_commande
{
	color :#BB0000;
	text-align: center;
}




#stats
{
	background-color : #CCCCCC;
	background:url("../../image-site/gris_390.jpg");
	color : black;
	width : 95%;
	font-size :8pt ;
	margin-top : 15px;
	text-align : left;
}

#stats #titre
{
	text-align : center;
	font-size : 9pt;
}




#aide 
{
	background-color : #CCCCCC;
	background:url("../../image-site/gris_390.jpg");
	color : black;
	width : 95%;
}

#aide div
{
	text-align :left;
	color : #0000CC;
	font-size:10pt;
}

#aide p
{
	text-align :left;
	color : #000000;
	font-size:10pt;
}

.aide
{
	color :#0000DD;
	font-size:10pt;
}

.nodata
{
	color :#BB0000;
	font-size:10pt;
}

.small
{
	font-size:8pt;
}


#requete
{
	font :normal 8pt arial , serif;
	background-color : #CCCCCC;
	background :url("../../image-site/gris_390.jpg");
	color :black;
	width:990px;
}

#aide_requete
{
	background-color : #CCCCCC;
	background:url("../../image-site/gris_390.jpg");
	color :black;
	width : 95%;
}

#aide_requete p
{
	text-align :left;
	color : #0000CC;
	font-size:10pt;
}

#aide_requete div
{
	text-align :left;
	color : #000000;
	font-size:10pt;
}