body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color : #DDDDDD;
	background:url("fond.gif")  left top;
    margin: 0; 
    text-align: center;
}
img {
	border:0px solid black;
}
form {
    margin: 0; 
    padding:0;
}

.fond {
	width: 800px;
	height: auto;
	min-height: 600px;
	background-color : #365f89; 
	margin-top: 10px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align:center;
}
.header {
	width:780px;
	height:90px;
	font-size: 0.9em;
	padding: 10px 10px 0px 10px;
}
.header2 {
	width:460px;
	height:90px;
	font-size: 0.9em;
	padding: 10px 10px 0px 10px;
	margin: auto;
}
.avatar {
	float: left;
	/*border:1px solid #999999;*/
}
.info {
	background:url("info.png") no-repeat left top;
	width:190px;
	height:60px;
	margin: 0 10px 0 10px;
	padding: 10px;
	text-align:left;
	float: left;
	font-size: 1em;
	color: #FFFFFF;
}
.onglet {
	background:url("onglet.png") no-repeat right top;
	color:#666666;
	width:80px;
	height:85px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	float: left;
	cursor: pointer;
}
.onglet_actif {
	background:url("ongletactif.png") no-repeat right top;
	color:#000000;
	width:80px;
	height:85px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	float: left;
	cursor: pointer;
}
.page {
	min-height: 470px;
	height: auto;
}
.page2 {
	width:480px;
	margin: auto;
}
.page_haut {
	background:url("pagehaut.png") no-repeat right top ;
	height:10px;
	font-size: 0.1em;
}
.page_haut2 {
	background:url("pagehaut2.png") no-repeat right top ;
	height:10px;
	font-size: 0.1em;
}
.page_centre {
	background:url("pagecentre.png") right top;
	height: auto;
	min-height: 450px;
	padding : 0px 20px 0 20px;
}
.page_centre2 {
	background:url("pagecentre2.png") right top;
	height: auto;
	min-height: 450px;
	padding : 0px 20px 0 20px;
}
.page_bas {
	background:url("pagebas.png") no-repeat right top;
	height:10px;
	font-size: 0.1em;
}
.page_bas2 {
	background:url("pagebas2.png") no-repeat right top;
	height:10px;
	font-size: 0.1em;
}
.footer {
	width:800px;
	text-align:center;
	color:#FFFFFF;
	font-size: 0.7em;
	padding: 5px 0px 5px 0px;
}
.footer a, .footer a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.footer a:hover {
	color: #3333FF;
	text-decoration: underline;
}

/* boite de dialogue
*******************************************************************************/
.boite {
	padding: 15px;
	font-size: 16px;
	width: 320px;
}
.titre_boite {
	height:20px;
	background:url("titre.jpg") right top;
	padding: 6px 10px 6px 10px;
	font-size: 1em;
	color : #FFFFFF;
	text-align:center;
}	
.contenu_boite {
	padding: 10px;
	background-color : #FFFFFF;
    text-align: center;
}
.erreur_boite {
	padding: 5px;
	background-color : #FFBBBB;
	color : #CC0000;
    text-align: center;
}

/* fenetre
*******************************************************************************/
.titre_fenetre {
	height:32px;
	/*background:url("titre.jpg") right top;*/
	background-color : #839FBC;
}	
.titre_gauche {
	float : left;
	padding: 5px 10px 4px 10px;
	font-size: 1em;
	color : #FFFFFF;
    text-align: left;
}	
.titre_droite {
	float : right;
	padding: 4px 10px 4px 10px;
	font-size: 1em;
	color : #FFFFFF;
    text-align: right;
}	
.contenu_fenetre {
	padding: 10px;
	margin:0px 0px 10px 0px;
	background-color : #F9F9F9;
    text-align: center;
}
.contenu_fenetre1 {
	padding: 10px;
	background-color : #F9F9F9;
    text-align: left;
}
.contenu_fenetre2 {
	padding: 10px;
	background-color : #F0F0F0;
    text-align: left;
}
.erreur_fenetre {
	padding: 5px;
	background-color : #FFBBBB;
	color : #CC0000;
    text-align: center;
}
.commentaire {
	color : #888888;
	font-style: italic;
}
.titre {
	font-weight: bold;
	font-size: 1.3em;
}
.erreur_texte {
	font-weight: bold;
	color : #FF0000;
    text-align: left;
}


/* contenu des tables
*******************************************************************************/
table {
	font-size: 0.8em;
}
.contenu_table {
	padding: 0px;
	margin: 0px;
	background-color : #FFFFFF;
    text-align: left;
}
.ligne_option {
	height:30px;
	background-color : #D0D7DF;
}
.ligne_paire {
	height:30px;
	background-color : #F7F7F7;
}
.ligne_impaire {
	height:30px;
	background-color : #FFFFFF;
}


/* fenetres
************************************************************************************/

.cache_anticlic{
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	position:absolute;
	z-index:3;
	top:0px;
	left:0px;
	display:none;
	filter:alpha(opacity=60);
	opacity:.60;
}

.fenetre_300_100{
	background-color:#F0F0F0;
	position:absolute;
	z-index:3;
	top:50%;
	left:50%;
    width: 300px;
    height: 100px;
    margin-top: -50px;
    margin-left: -150px;
	display:none;
	border:1px solid black;
}
.fenetre_titre{
	padding:4px;
	color:#FFFFFF;
	background-color:#94aed8;
	text-align:center;
	font-size: 18px;
}
.fenetre_contenu{
	padding: 5px 0px;
	text-align:center;
}
.fenetre_boutons{
	text-align:center;
}