body {
color:#33FFFF;
background-color:#0066CC;
margin:5px 5px 5px 5px;
}

 h1 {
font-family:verdana, sans-serif;
font-size:28px;
color:#FF66CC;
background-color:transparent;
text-align:center;
}
 h2 {
font-family:verdana, sans-serif;
font-size:16px;
color:#33FF33;
background-color:transparent;
text-align:left; 
padding-left:15px;
}
 
 p {
text-align:justify;	
font-family:verdana, sans-serif;
font-size:12px;
background-color:transparent;
margin-left:5px;
margin-right:5px;
}

 a:link {
font-family:verdana, sans-serif;
font-size:12px;
color:#ffff00;
background-color:transparent;
text-decoration:underline;
}
 a:visited {
font-family:verdana, sans-serif;
font-size:12px;
color:#ffc0cb;
background-color:transparent;
text-decoration:underline;
}
 a:hover {
font-family:verdana, sans-serif;
font-size:12px;
color:#ffa500;
background-color:transparent;
text-decoration:none;
}

 div.hautdroit {
 position: absolute;
 background-color: #003399;
 color:#33FFFF;	   
 border: 1px solid black;
 height: 45%;
 width:45%;	
 top: 5%;
 left:50%;
 font-size:16px;
}
div.basgauche {
 position: absolute;
 background-color: #003399;
 color:#33FFFF;	   
 border: 1px solid black;
 height: 42%;
 width:45%;	
 top: 55%;
 left:5%;
 font-size:16px;
}

div.hautgauche {
 position: absolute;
 height: 45%;
 width:45%;	
 top: 5%;
 left:5%;
 font-size:16px;
}
div.basdroit {
 position: absolute;
 height: 42%;
 width:45%;	
 top: 55%;
 left:50%;
 font-size:16px;
}

div.main {
  width: 79%;
  text-align:justify;	
}

div.col1 {
 color:#33FFFF;
 position: absolute;
 background-color: #003399;
 border: 1px solid black;
 top: 80px;
 width: 380px;
}

div.col2 {
 color:#33FFFF;
 position: absolute;
 background-color: #003399;
 border: 1px solid black;
 top: 80px;
 left: 400px;	
 width: 380px;
}

div.main h1 {
font-family:verdana, sans-serif;
font-size:28px;
color:#FF66CC;
background-color:transparent;
text-align:center;
}
div.main h2 {
font-family:verdana, sans-serif;
font-size:16px;
color:#33FF33;
background-color:transparent;
text-align:left; 
padding-left:15px;
}
div.main h3 {
font-family:verdana, sans-serif;
font-size:14px;
color:#99FF99;
background-color:transparent;
text-align:left; 
  padding-left:30px;
}
div.main p {
text-align:justify;	
font-family:verdana, sans-serif;
font-size:12px;
background-color:transparent;
margin-left:5px;
margin-right:5px;
}
div.main li {
font-family:verdana, sans-serif;
font-size:12px;
color:#33FFFF;
background-color:transparent;
text-align:left;
margin-left:15px;
margin-right:5px;
}
div.main a:link {
font-family:verdana, sans-serif;
font-size:12px;
color:#ffff00;
background-color:transparent;
text-decoration:underline;
}
div.main a:visited {
font-family:verdana, sans-serif;
font-size:12px;
color:#ffc0cb;
background-color:transparent;
text-decoration:underline;
}
div.main a:hover {
font-family:verdana, sans-serif;
font-size:12px;
color:#ffa500;
background-color:transparent;
text-decoration:none;
}
div.main table {
border-color:transparent; 
}
div.main td {
font-family:verdana, sans-serif;
font-size:12px;
color:#33FFFF;
background-color:transparent;
border-color:transparent;
}
div.main th {
font-family:verdana, sans-serif;
font-size:14px;
color:#33FFFF;
background-color:transparent;
border-color:transparent;
text-align:center;
}

table.tableau {
border-style:solid;
border-width:1px;
border-color:#33FFFF;
color:#33FFFF;
background-color:#003399;
border-spacing:2.5px;
}
table.tableau td {
border-style:solid;
border-width:1px;
padding:6px;
border-color:#33FFFF;
}
table.tablo th {
border-style:solid;
border-width:1px;
border-color:white;
padding:15px;
}
table.tablo {
border-style:solid;
border-width:1px;
border-color:white;
color:white;
background-color:white;
border-spacing:2.5px;
}
table.tablo td {
border-style:solid;
border-width:1px;
padding:6px;
border-color:white;
}
table.tableau th {
border-style:solid;
border-width:1px;
border-color:#33FFFF;
padding:15px;
}

div.boite {
width:75%;
color:#33FFFF;
background-color: #003399;
text-align:center;
font-size:16px;
}