/* CSS Document */
body {
	width:1100px; 
	margin:0 auto auto auto;
	background-color:black;
	color:#333333;
}

/* BANNIERE DU HAUT */

div#baniere_haute {
	width:1100px;
	height:215px;
	padding:0;
	margin:0;
}

div#baniere_hh {
	width:900px;
	height:182px;
	padding:0;
	margin:0;
}

div#banG {
	width:282px;
	height:182px;
	float:left;
	background-image:url(../images/elts_pages/topG.png);
	background-repeat : no-repeat;
}

div#banD {
	width:618px;
	height:182px;
	float:left;
}

div#banDH {
	height:147px;
	background-image:url(../images/elts_pages/topDH.png);
	background-repeat:no-repeat;
	clear: both;
}

div#banDB {
	height:35px;
	background-image:url(../images/elts_pages/topDB.png);
	background-repeat:no-repeat;
}

div#banB {
	height:33px;
	background-image:url(../images/elts_pages/head.png);
	background-repeat:no-repeat;
	vertical-align:text-top;
	text-align:left;
}

div#liens_baniere_hh {
	height:25px;
	padding-top:10px;
	padding-right:35px;
	text-align:center;
}
/* FIN BANNIERE DU HAUT */

/* MILIEU DU SITE */

div#conteneur {
	width:1100px;
	padding:0;
	margin:0;
	float:left;
	background:black url(../images/elts_pages/main.png) repeat-y;
	color:#333333;
	/*min-height:500px;*/
	vertical-align:middle;
}
div#gauche {
	width:282px;
	vertical-align:text-top;
	float:left;
}
div#milieu {
	width:550px;
	margin-left:16px;
	margin-right:16px;
	background-color:#FFFFFF;
	vertical-align:text-top;
	float:left;
}

.verdana_11_gris_fonce{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333;
}

div#droite {
	width:200px;
	float:left;
}

/* FIN DU MILIEU */

/* BANNIERE DU BAS */

div#banniere_basse {
	width:1100px;
	height:75px;
	background-image:url(../images/elts_pages/bottom.png);
	background-repeat:no-repeat;
	clear:both;
	
}

div#copyright_et_W3C {
	width:1008px;
	height:100%;
	text-align:center;
	vertical-align:text-bottom;
	padding-top:30px;
	float:right;
}
div#copyright {
	width:618px;
	color:#FFFFFE;
	text-align:center;
	vertical-align:text-bottom;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight: bold ;
	float:left;
}

a#lien_ReM {
	color:#FFFFFE;
	background: #504E99;
	text-decoration:underline;
}

a#lien_ReM:hover{
	color:#FFFFFE;
	background: #504E99 ;
	text-decoration:none;
	top:1px;
	left:1px;
}

/* FIN BANNIERE DU BAS */


/* MENU HAUT */

.liens_menu_haut {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #333333; 
}

.liens_menu_haut a {
	color: #333333;
	text-decoration: none;
}

.liens_menu_haut a:visited {
	color: #333333;
	text-decoration: none;
}

.liens_menu_haut a:hover {
	color: #000001;
	text-decoration: underline;
}

/* FIN MENU HAUT */

a:link {
	text-decoration: none;
	color: #333333;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}

img.border_img{
	border:2px ridge #333333;
	vertical-align:middle;
}

 /* VALIDATORS */
 /* Style des messages d'erreurs */
span.errorMessage {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: red;
	font-style: italic;
	font-weight: bold;
	display: block;
	padding: 10px 0px 10px 35px;
	background: transparent url(../images/error_button.png) no-repeat;
	background-position: 5px 50% ;
	margin: 5px 5px 5px 0px;
	background-color: #FFD1C7;
	vertical-align: text-top;
}

 /* Style des messages de d'information */
span.actionMessage {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: blue;
	font-style: italic;
	font-weight: bold;
	display: block;
	padding: 10px 0px 10px 35px;
	background: transparent url(../images/icon_info.png) no-repeat;
	background-position: 5px 50% ;
	margin: 5px 5px 5px 0px;
	background-color: #C5E3FF;
	vertical-align: text-top;
}

/* Etoile '*' rouge des champs obligatoire */
span.required {
	font-weight: bolder;
	color: red;
	font-size: 11px;
}

form#form_register div.errorMessage{
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: red;
	font-style: italic;
	font-weight: bold;
}

form#form_register input{
	margin-left: 2px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form#form_register input[type="submit"]{
	margin-top: 10px;
}


form#form_register input:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

form#form_register select{
	margin-left: 2px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form#form_register textarea{
	margin-left: 2px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form#form_register select:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

form#form_register textarea:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

form#form_register{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #666666;	
	font-size: 11px;
}




/* Ajout d'un membre du bureau */
form#creerMembreBureau div.errorMessage{
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: red;
	font-style: italic;
	font-weight: bold;
}

form#creerMembreBureau input{
	margin-left: 2px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


form#creerMembreBureau input:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

form#creerMembreBureau select{
	margin-left: 2px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form#creerMembreBureau textarea{
	margin-left: 2px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form#creerMembreBureau select:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

form#creerMembreBureau textarea:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

form#creerMembreBureau{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #666666;	
	font-size: 11px;
}

/* Mofification ordre affichage du bureau */
form#modifierOrdreAffichageBureau input{
	margin-left: 2px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form#modifierOrdreAffichageBureau input[type="submit" ]{
	margin-left: 2px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


form#modifierOrdreAffichageBureau input:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

form#modifierOrdreAffichageBureau option{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #666666;	
	font-weight: bold;
	font-size: 11px;
}

/* Mofification d'un Membre du bureau */
form#validerModifierMembreBureau input{
	margin-left: 2px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form#validerModifierMembreBureau input[type="submit" ],input[type="button" ]{
	margin-left: 2px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


form#validerModifierMembreBureau input:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

form#validerModifierMembreBureau option{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #666666;	
	font-weight: bold;
	font-size: 11px;
}

/* Création utilisateur */
form#creerUtilisateur input{
	margin-left: 2px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form#creerUtilisateur input[type="submit" ],input[type="button" ]{
	margin-left: 2px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bouton {
	margin-left: 2px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input.bouton:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

form#creerUtilisateur input:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

form#creerUtilisateur option{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #666666;	
	font-weight: bold;
	font-size: 11px;
}


form#form_mail div.errorMessage{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: red;
	font-style: italic;
	font-weight: bold;
}

form#form_mail input{
	margin-left: 2px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form#form_mail input:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

form#form_mail select{
	margin-left: 2px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form#form_mail textarea{
	margin-left: 2px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form#form_mail select:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

form#form_mail textarea:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

form#form_mail{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #666666;	
	font-size: 11px;
}


span#maintenance {
	background-image: url("../images/maintenance.png");
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	width: 560px;
	height: 400px;
}

table.consultation_table{
	border: 1px dashed #666666;
	padding: 8px 8px 8px 8px; 
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 11px;
}

table.consultation_table td{
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	color: black;
}

table.consultation_table b{
	color: #666666;	
}

form input{
	margin-left: 2px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form input[type="submit"]{
	margin-top: 10px;
}

form input:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

table.consultation_table select{
	margin-left: 2px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table.consultation_table select:hover{
	border: 1px solid #000000;
	color: #000000;
	background-color: #DDEEFF;
}

            .prog-border {
                height: 15px;
                width: 600px;
                background: #fff;
                border: 1px solid #000;
                margin: 0;
                padding-right: 5px;
            }
            .prog-bar {
                height: 11px;
                margin: 2px;
                padding: 0px;
                background: blue;
            }
            .st { font-size:12px; }