body
{
	 background-color:#003366; 	/*Dark Blue*/	
	 font-family: Arial, Helvetica, sans-serif;
 	 font-size: 14px;
}

		
/****************
 *****HEADER*****
 ****************/
#header
{
	background: url(images/barreMenu.gif) no-repeat bottom left;
	width: 735px;
	height: 100px;
	margin-bottom: 20px;
}

#header img#logo, img#nom, img#ico1, img#ico2, img#ico3, #menu, #login, #pagetitle
{
	position: absolute;
}
	
#header img#nom
{
	top: 15px;
	left: 180px;
}

#header img#ico1,#ico2,#ico3
{
	top: 2px;
}

#header img#logo
{
	top:2px;
	left: 26px;
}

#header img#ico1
{
	left: 510px;
}

#header img#ico2
{
	left: 585px;
}

#header img#ico3
{
	left: 660px;
}

#header #login
{
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	width: 120px;
	height: 15px;
	overflow: hidden;

	left:32px;
	top: 100px;	
}

#header #menu
{
	left:185px;
	top:70px;
	width: 536px;
}
		
#header #menu A
{
	color: black;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	background-color: none;
	padding: 2px 3px 0px 1px;
}
#header #menu A:visited
{
	color: black;
}

#header #menu A:active
{
	color: #464646; /*Charcoal*/
}

#header #menu A:hover
{
	background-color:#003366; /*Dark Blue*/
	color: white;
}
	
#header A#login
{
	text-decoration: none;
}

#header A:visited#login
{
	color: white;
}

#header A:active#login
{
	color: white;
}

#header A:hover#login
{
 	color: #DBDBDB; /*Ligth grey : was tan*/
	background-color: transparent;
}		
		
#header #pagetitle
{
	text-align: center;
	font-size: 13pt;
	font-weight: bold;
	color: white;
	width: 225px;
	height: 20px;
	overflow: hidden;

	left:378px;
	top: 94px;	
}



/*********************		
 *****MENU GAUCHE*****
 *********************/
#menugauche 
{
	display: block;
	float:left;
	width: 155px;
	padding: 0px 0px 17px 0px;
	margin: 0px 20px 0px 0px;
	background: url("images/menugauche_coin2.gif") no-repeat right bottom;	
	background-color: #DBDBDB; /*Light Grey*/
 	font-size: 14px;
}
		
#menugauche A
{
	display: block;
	margin-bottom: 5px;
	text-decoration: none;
	color: #000000; /*Black*/
	font-weight: bold;
	font-size: 12px;
	padding-left: 15px;
	margin-right: 2px;
}

#menugauche A:hover
{
	background: url("images/note.gif") no-repeat left top;
	background-color: #fff09b; /*Almost Black*/
	text-decoration: underline;
}

#menugauche #titre
{
	background: url("images/menugauche_coin.gif") no-repeat right top;
 	background-color: tan;
	margin:0 0 5px 0;
	padding:0 17px 0 0;
	text-align: center;
}

#menugauche A#cettePage
{
	color: black;
	background: url("images/note.gif") no-repeat left top;
	background-color: #fff09b; /*Almost Black*/
}



/*******************
 *****MENU PAGE*****
 *******************/
/*Une barre en haut dans la partie blanche de la page*/
#menupage {
	font-size: 8pt;
	margin: -18px 0 -15px 0; /*Placer dans la partie padding de la page*/
	padding: 0 5px 0 5px;
	text-align: right;
}



/**************
 *****PAGE*****
 **************/
#page
{
	display: block;
	float:left;	
	width: 555px;
	padding: 20px 15px 20px 20px;
	background: url("images/page_coin.gif") no-repeat left top;
	background-color: white;
	color: black;		  
}

#col1
{
	width: 250px;
	margin: 0px 10px 0px 0px;
	float:left;
}

#col2
{
	width: 250px;
}

UL
{
   list-style: outside;
   margin-left: 15px;
}

LI
{
}

	
H1
{
   font-size: 16px;
   text-align:center;
}

H4
{
   border-bottom: 2px solid #003366; /*Dark Blue*/
}
	
IMG
{
	border: 0px;
}
		
A
{
   color: #003366;	 /*Blue background*/
   background-color: transparent;
   text-decoration: none;
   font-weight:bold;
}
		
A:hover
{
   background-color: #DBDBDB;
   text-decoration: underline;		
}
		
p
{
	text-align:justify;
}

.postedInfos
{
	color: #003366; /*Dark Blue*/
	font-style: italic;
	font-size: 10pt;
	margin-top:-20px;
	padding:0px;
}

.photo
{
	width:400px;
	text-align:center;
}

.imgLettre
{
	width:22px;
	height:22px;
}

.posteOuvert
{
	font-style:italic;
}

.texteEmphase
{
	font-weight:bold;
}



/********************
 *****FORMULAIRE*****
 ********************/
LABEL
{
	width: 140px;
	color:#003366; /*Dark Blue*/
	font-weight:bold;
}

TEXTAREA
{
	vertical-align:bottom;
}

LABEL.sublabel
{
	font-style:italic;
	font-size:8pt;
	font-weight:normal;
}

INPUT,SELECT,TEXTAREA
{
	background-color:none;
}

INPUT#submit,INPUT#reset
{
	border-style: outset;
	border-color: #DBDBDB;
	color: white;
	font-weight: bold;
	background-color: #003366;
	cursor: hand;
} 

FIELDSET
{
	padding:5px;
	border:1px solid #003366;
}

FIELDSET LEGEND
{
	background-color:white;
}

#photoUsager
{
	float: right;
}



/*****************
 *****TABLEAU*****
 *****************/

TABLE
{
	border: 2px solid #003366;
	border-collapse: collapse;
	font-size: 10pt;
	empty-cells: show;
}

TABLE CAPTION
{
	display: none;
}

TR
{
   border-bottom: 1px solid #003366;
   text-align: left;
   vertical-align:top;
}

TH
{
   background-color: #808080; /*Dark Grey*/
}

.ligneA
{
}

.ligneB
{
	background-color: #DBDBDB;
}


.ligneAHead
{
	font-style:italic;
}

.ligneBHead
{
	background-color: #DBDBDB;
	font-style:italic;
}

.ligneARole
{
	font-weight:bold;
}

.ligneBRole
{
	background-color: #DBDBDB;
	font-weight:bold;
}

.actionFailli
{
    color:red;
    font-style:italic;
}

.actionSucces
{
    color:green;
    font-style:italic;
}

.inputTitre
{
}



/****************
 *****FOOTER*****
 ****************/

#footer
{
	display: block;
	clear:both;
	background: url(images/footer.jpg) no-repeat bottom left;
	width: 735px;
	height: 29px;
	margin-top: 10px;
}

#footer A
{
	color: white;
	background-color: transparent;
	font-size: 11px;
	text-align:center;			
	position:absolute;
	left: 60px;
	width: 125px;
	margin-top:1px;
}