body {
background-image: url(../images/space4.jpg);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin-right: 50px; 
margin-left: 50px; 
margin-bottom: 0px; 
margin-top: 0px;
}
img {border:none;}
.center {
text-align: center;}
.left {
text-align: left;}

#conteneur {
background-image : url(../images/space4.jpg);}

#centre {
width: 600px;
height: auto;
background-color:#cccccc;
margin-top: 2px;
margin-left:auto;
margin-right:auto; 
padding-right: 5px; 
padding-left: 5px; 
padding-bottom: 3px; 
padding-top: 3px;
border-right: 1px solid #999999; 
border-top: 1px solid #333333;  
border-left: 1px solid #999999; 
border-bottom: 1px solid #333333;}
#centre h2, #centre h3 {
margin-top: 0px;
margin-bottom: 0px;
padding-left: 15px;
border-bottom: #000000 2px solid;
font-size: 1.2em;
text-align: center;
background: #000000;
color: #99ffff;
font-family: Arial, Verdana, sans-serif;}
#centre h3 {
font-size: 1.4em;
text-align: center;
color: #ff0000;}
#centre h4 {
font-size: 1.6em;
color: #000000;}
#centre h5 {
font-size: 1.1em;
color: #ffffff;}
#centre h6 {
font-size: 1.2em;
color: #000000;}
#centre ol {
text-align: left;
font-size: 1.0em;
color: #000000;}
#centre ul {
text-align: left;
font-size: 0.9em;
color: #000000;}
.taille {
text-align: center;
font-size: 0.9em;
font-family: arial;}
.taille2 {
text-align: left;
font-size: 0.9em;
font-family: arial;}
#centre p { 
margin-right:10px;
margin-left:10px;
font-size: 0.9em;
text-align: center;}
#centre a {
color: #6699ff; 
text-decoration: none;}
#centre a:hover {
color: #ffff99; 
text-decoration: none;}

#intro {
background-image: url(images/space10.jpg);
background: #03080b;
color: #ffffff;}

#status table, th, td, tr {
border: 1px solid ;}
#status table {
margin:0 auto 0 auto;
text-align:center;
border-style:ridge;
border-color: #666666;
width:42em;
height:auto;}
#status th {
background-image:url(../images/fondgris.gif);
color:#ffffff;}
#status td {
background-color:#000000;
color:#ffffcc;}

#classement table, th, td, tr {
border: 1px solid ;}
#classement table {
background:#000000;
margin:0 auto 0 auto;
text-align:center;
border-style:ridge;
border-color: #666666;
height:auto;}
#classement tr {
text-align: center;}
#classement th {
background-image:url(../images/fondgris.gif);
color:#ffffff;
text-align: center;}
#classement td {
color:#ffffcc;}

#ecran {
width: 500px;
border: 5px double;
border-top-color: #333333;
border-left-color: #333333;
border-bottom-color: #999999;
border-right-color: #999999; 
margin:0 auto 0 auto;
color: #ffffff;
font-size: 0.8em;
font-weight: bold;
background-image: url(images/space2.jpg);
background: #000000;}

#anomalies p { color: #cccccc; }

.texte a {
color : #123123; 
text-decoration : none;} 
.texte a:hover {
text-decoration : underline;}

.texte2 {
font-weight : bold; 
font-size : 15px; 
color : #000000;
text-align: center;}

.texte3 {
font-weight : bold; 
font-size : 14px; 
color : #777777;
text-align: center;} 
.texte3 a {
font-weight : bold; 
font-size : 13px; 
color : #000000; 
text-decoration : none;}

.contact {
background-image:url(../images/fondgris.gif);
font-size : 12px;
color: #ffffff;
text-align: center;}

label {
display: inline;
float: left;
width: 15em;
text-align:right;} 
.averto {
background-color:#ffffff;
color:#ff0000;}
.optim {
text-align:center;
color:#FF6600;}

#hall tr{
color: #ffff99;}


/* divers */
input, textarea {
background-color: #cccccc;
}

/* infobulle*/ 
.infobulle{ 
position: absolute;    
visibility : hidden; 
border: 1px solid Black; 
padding: 10px;
font-family: Verdana, Arial;
font-size: 10px;
background-color: #FFFFCC;
}