body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	/*background-color : #DDDDDD;
	background:url("fond.gif")  left top;*/
	background-color : #365f89; 
    margin: 0; 
    text-align: center;
}
table{
	font-size:13px;
	margin:auto;
}

img {
	border:0px solid black;
}
form {
    margin: 0; 
    padding:0;
}

.fond {
	height: auto;
	min-height: 600px;
	background-color : #365f89; 
	margin-top: 10px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align:center;
}


.header {
	width:770px;
	height:90px;
	padding: 10px 20px 0px 10px;
	margin: auto;
	font-size:14px;
}
.header2 {
	width:530px;
	height:90px;
	padding: 10px 20px 0px 10px;
	margin: auto;
	font-size:14px;
}
.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;
	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: right;
	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: right;
	cursor: pointer;
}
.page {
	width:800px;
	min-height: 470px;
	height: auto;
	margin: auto;
}
.page2 {
	width:560px;
	margin: auto;
}
.page_haut {
	background:url("pagehaut.png") no-repeat right top ;
	height:10px;
	font-size: 0.1em;
}
.page_haut2 {
	background:url("pagehaut3.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("pagecentre3.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("pagebas3.png") no-repeat right top;
	height:10px;
	font-size: 0.1em;
}
.footer {
	text-align:center;
	color:#BBBBBB;
	font-size: 11px;
	padding: 5px 0px 5px 0px;
}
.footer a, .footer a:visited {
	color: #BBBBBB;
	text-decoration: underline;
}
.footer a:hover {
	color: #EEEEEE;
	text-decoration: underline;
}


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

/* fenetre
*******************************************************************************/
.titre_fenetre {
	height:32px;
	font-size:16px;
	/*background:url("titre.jpg") right top;*/
	background-color : #839FBC;
}	
.titre_gauche {
	float : left;
	padding: 5px 10px 4px 10px;
	color : #FFFFFF;
    text-align: left;
}	
.titre_droite {
	float : right;
	padding: 4px 10px 4px 10px;
	color : #FFFFFF;
    text-align: right;
}	
.contenu_fenetre {
	padding: 10px;
	margin:0px 0px 10px 0px;
	background-color : #F9F9F9;
    text-align: center;
	height:100%;
	/*border: 1px dotted #BBBBBB;*/
}
.contenu_fenetre1 {
	padding: 10px;
	background-color : #F9F9F9;
    text-align: left;
}
.contenu_fenetre2 {
	padding: 10px;
	background-color : #F0F0F0;
    text-align: left;
}
.contenu_fenetre3 {
	padding: 10px;
	margin:0px;
	background-color : #FFFFFF;
	text-align: left;
}

.message_expiration {
	width:740px;
	padding: 10px;
	margin:0px 0px 10px 0px;
	background-color : #FFBBBB;
	color : #CC0000;
    text-align: center;
}

.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 : #F0F0F0;
}
.ligne_impaire {
	height:30px;
	background-color : #FFFFFF;
}

.erreur_fenetre {
	padding: 5px;
	background-color : #FFBBBB;
	color : #CC0000;
    text-align: center;
}

.commentaire {
	color : #888888;
	font-style: italic;
}
.titre {
	font-weight: bold;
	font-size: 14px;
}
.erreur_texte {
	font-weight: bold;
	color : #FF0000;
    text-align: left;
}

.bouton_ouvrir{
	width: 100px;
	text-align: center;
	cursor: pointer;
	background-color: #FFEEEE;
	border-style: double;
	padding: 5px;
	margin : 10px 20px;
	color: #DD0000;
	font-weight: bold;

}