html,body {
background: white;

} 
p,td {
font-size :100%;
font-family : Arial;
color : white;
font-weight:bold;
margin-left:1px;
margin-right:1px;
margin-top:1px;

background-color:#000000;
word-spacing: 1px;
text-align:left;
} 
p.h{
font-family :Arial , comic sans ms, Arial Narrow , Helvetica, Geneva, sans-serif;
font-size :90%;
line-height: 16px;
margin-top:0px;
font-weight;bold;
color : black;
text-align:justify;
background-color:#ffdd00;
padding:0px;
display:blocks;
width:310px;
}  
p.g{
font-family :Arial , comic sans ms, Arial Narrow , Helvetica, Geneva, sans-serif;
font-size :80%;
line-height: 16px;

font-weight;bold;
color : black;
text-align:left;
background-color:#ffff99;
padding:10px;
}  
p.b{
font-family :Times, comic sans ms, Arial Narrow , Helvetica, Geneva, sans-serif;
font-size :100%;
line-height: 16px;
margin-top:1px;
font-weight;bold;
color : black;
background-color:#cccccc;
text-align:left;

padding:2px;

}  

p.n{
font-family :Times, comic sans ms, Arial Narrow , Helvetica, Geneva, sans-serif;
font-size :100%;
line-height: 16px;
margin-top:1px;
font-weight;bold;
color : white;

text-align:left;

padding:4px;

}  

h1 {
font-size :150%;
font-family : verdana, Arial, Helvetica, Geneva, sans-serif;
color :#blue;
text-align: left;
padding:0px;

width:100%;
} 

h2 {
font-size:150%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color:black;
background-color:white;
text-align:right;
width:100%;
}
h3 {
font-size : 130%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color :#ffcc00;
background-color:black;
text-align:left;
width:200px;

}



a:link {color: black;font-size:110%;text-decoration:none;display:block;text-align:right}
a:visited {color: black;font-size:110%;text-decoration:none;display:block;text-align:right}
a:hover {color:red; text-decoration:none;text-align:right}

a.g:link {color: brown;font-size:100%;text-decoration:none;display:block;background-color:black;}
a.g:visited {color: brown;font-size:100%;text-decoration:none;display:block;background-color:black;}
a.g:hover {color:red; text-decoration:none;background-color:black;}

a.n:link {color: white;font-size:110%;text-decoration:none;display:block;}
a.n:visited {color: brown;font-size:110%;text-decoration:none;display:block;}
a.n:hover {color:red; text-decoration:none;}



.hautg {

 

position:absolute;
left; 
top:500px;

width:300px;

}

.haut {

 

position:absolute;


left:10px; top:100px;
width:200px;

background-color:black;
padding:10px; 


}
.centreh {
position:absolute;


left:300px; top:80px;
width:200px;
border-style:groove; 
border-top-width:0px; 
border-bottom-width:0px; 
border-right-width:0px; 
border-left-width:0px; 
border-color:#aa0000; 
background-color:white;
padding:5px; 



}

.centrec {
position:absolute;


left:300px; top:450px;
width:250px;
border-style:groove; 
border-top-width:0px; 
border-bottom-width:0px; 
border-right-width:0px; 
border-left-width:0px; 
border-color:#aa0000; 
background-color:white;
padding:5px; 



}
.gauche {border-style:groove; 
border-top-width:0px; 
border-bottom-width:0px; 
border-right-width:2px; 
border-left-width:0px; 
border-color:black; 
background-color:white;
padding:10px; 
margin-top:-10px;
float:left;
width:200px;


 
}

.milieu {border-style:none; 
border-top-width:1px; 
border-bottom-width:1px; 
border-right-width:1px; 
border-left-width:1px; 
border-color:#aa2200; 


position:absolute;
left:40%; top:130px;



} 

.basd {border-style:groove; 
border-top-width:1px; 
border-bottom-width:1px; 
border-right-width:1px; 
border-left-width:1px; 
border-color:#cccc00; 


padding:5px; 
width:30%;

position:absolute;
left:60%; top:120px;


} 

table{

width:80%;
padding:40px;

}

td{
border:solid;
 vertical-align:bottom;
padding:20px;
width:50%;
text-align:center;
}