body { color : black;background: #8686FF}
p.titre {text-align : center}
p {font-family : "arial" ; text-align : left}
p.important { font-weight: bold}
p.titre1 {color: gray;font-weight: bold;text-decoration: underline;font-size: medium;}
p.fin { font-weight: bold;text-align : center;color : red}
p.copryght { font-weight: bold;text-align : center;color : black;font-family : "MS Serif" }
p.titre2 {color: red;font-weight: bold;text-decoration: underline;font-size: medium}
p.reglement {font-size: 10pt; }
p.reglementbis {font-size: 10pt; text-align: center }
b.style  {color: red }
span.titre {font-size: 36pt; font-style: italic; text-decoration: underline; font-weight: bold; background-color: #00FF00}
span.titre2 {font-size: 36pt; font-style: italic; text-decoration: underline; font-weight: bold; background-color: #FFFF00}
p.titre3  {color: black; text-align: center; font-size: 18pt; text-decoration: underline; font-style: italic; font-weight: bold}
a.interne:link { color : black } 
a.interne:active { color : black }
a.interne:visited { color : black }
a.interne:hover { color : red }
a.interne2:link { color : black; font-weight: bold; text-decoration: none } 
a.interne2:active { color : black; font-weight: bold; text-decoration: none }
a.interne2:visited { color : black; font-weight: bold; text-decoration: none }
a.interne2:hover { color : red; font-weight: bold; text-decoration: none }
a.interne3:link { color : black; font-weight: bold; text-decoration: none; font-style: italic; font-size: 18pt } 
a.interne3:active { color : black; font-weight: bold; text-decoration: none; font-style: italic; font-size: 18pt }
a.interne3:visited { color : black; font-weight: bold; text-decoration: none; font-style: italic; font-size: 18pt }
a.interne3:hover { color : red; font-weight: bold; text-decoration: none; font-style: italic; font-size:18 pt }
a.interne4:link { color : black; text-align : left; font- face: Arial Narrow; font-weight: bold; font-size: 18pt} 
a.interne4:active { color : black; text-align : left; font- face: Arial Narrow; font-weight: bold; font-size: 18pt}
a.interne4:visited { color : black; text-align : left; font- face: Arial Narrow; font-weight: bold; font-size: 18pt}
a.interne4:hover { color : red; text-align : left; font- face: Arial Narrow; font-weight: bold; font-size: 18pt}
.banniere { text-align : center;
font color : white;
}
.banniere2 {text-align : center; color : red; font- face: Arial Narrow; font-weight: bold }
.banniere3 { text-align : left} 
td.annuaire {text-align : left; font- face: Arial Narrow;  font-size: 11pt}
table.annuaire2 {left : auto}
td.principal { background : red­­}
fieldset
 {
 margin-bottom : 20px;
 background-color : #E2D49B;
 border : 2px solid black; 
 }
 legend
 {
 font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
 color : red;
 border : 2px solid black; 
}
 label
 {
 font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
}
fieldset.ban
 {
 margin-bottom : 8px;
 background-color : #D8D8D8;
 border : 1px solid black;
 }
 fieldset.bana
 {
 margin-bottom : 8px;
 background-color : #D8D8D8;
 border : 1px solid black;
 text-align: left;
 }

 legend.ban
 {
 font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
 color : black;
 border : 1px solid black;
 background-color : #FFFFFF; 
}
legend.bana
 {
 text-align: center;
 font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
 color : black;
 border : 1px solid black;
 background-color : #FFFFFF; 
 }

.haut
{
width: 760px;
position : absolute;
 top : 220px;
 left : 310px;
}
.fondationsol
{
position : absolute;
 top : 720px;
 left : 960px;
}
#meteo
 {
  position : absolute;
 top : 770px;
 left : 860px;
}
#pubbana
 {
  position : absolute;
 top : 740px;
 left :60px;
}
#news
 {
  position : absolute;
 top : 430px;
 left : 330px;
 width: 470px;

}

 ul 
{
position : absolute;
top : 220px;
left : 280px;
font: 16px "Comic Sans MS", "Trebuchet MS", Georgia, serif;
width: 100%;
list-style-type: none;
}
.menu li 
{
float: left;
}

.menu a 
{
font-size: 8pt;
width: 760px;
height: 32px;
display: block;
text-align: center;
border: 1px solid black;
text-decoration: none;
color: black;
background: #EAEAEA;
}
.menu a:hover 
{
background: #C9F83B;
border: 1px solid black; 
}

.menu a:active
{
background: #C9F83B;
border: 1px solid black; 
color: #fff;
}
.nothing
{
 display : none;
 }