<style type="text/css">{  }
body {  
background-color: #333333;
margin-top: 20px;
margin-left: 30px;
margin-right: 30px;
font-family: Century Gothic;
}

#titre {
text-align: center;
background-color: FFCC00;
padding: 10px;
}


#image_mosaique {
float: left;
margin-top: 30px;

}


#menu_1 { 
background-color: #999999;
margin-left: 650px;
height: auto;
padding-bottom: 3px;
}

.lien_jaune {
font-size: 2em;
padding-top: 30px;
}
.lien_jaune ul {
list-style-type: none;
}
.lien_jaune a {
color: #FFCC00;
text-decoration: none;
line-height: 45px;
}
.lien_jaune a:hover {
color: #00FF00;
text-decoration: none;
}

.lien_gris {
font-size: 2em;
padding-right: 50px;
text-align: right;
padding-top: 0px;
}
.lien_gris ul {
list-style-type: none;
}
.lien_gris a {
color: #333333;
text-decoration: none;
line-height: 45px;
}
.lien_gris a:hover {
color: #00FF00;
text-decoration: none;
}


.lien_blancs {
font-size: 1.5em;
padding-top: 0px;
line-height: 30px;

}
.lien_blancs ul {
list-style-type: none;
}
.lien_blancs a {
color: #FFFFFF;
text-decoration: none;
}
.lien_blancs a:hover {
color: #00FF00;
text-decoration: none;
}



.actualite { 
text-align: center;
background-color: #666666;
margin-left: 15px;
margin-right: 15px;
margin-top: 25px;
padding-top: 10px;
padding-bottom: 10px;
 }



 
.trois_actus{
text-align: center;
background-color: #666666;
margin-left: 15px;
margin-right: 15px;
padding-top: 5px;
}

h1{
color: #FFFFFF;
font-weight: normal;
font-size: 1.4em;
line-height: 1px;
text-align: center;
margin-top: 20px;
}

h2{
color: #FFFFFF;
font-size: 1em;
line-height: 1px;
text-align: center;
padding-top: 5px;

}
h4{
color: #FFCC00;
font-size: 1em;
font-weight: normal;
line-height: 1px;
text-align: center;
padding-bottom: 15px;
}

.acces { 
text-align: left;
font-style: italic;
margin-left: 15px;
margin-right: 15px;

 }
.acces a {
color: #000000;
}
.acces a:hover {
color: #00FF00;
text-decoration: none;
}

#texte{
position: absolute;
left: 35px;
top: 700px;
width: 600px;
color: #FFFFFF;
font-size: 1.1em;
line-height: 35px;
font-weight: bold;
clear : left;
font: verdana;
}



#pied_de_page {
background-color: #FFCC00;
color: #000000;
font-size: 0.9em;
padding-bottom: 5px;
font: verdana;
}
.gauche {
float: left;
text-align: left;
color: #000000;

}
.droite {
text-align: right;
color: #000000;
font-size: 1.1em;

}
.droite a {
color: #0000FF;
}
.droite a:hover {
color: #00FF00;
text-decoration: none;
}


#compteurs {
text-align: center;
margin-top: 150px;
}
-->
</style>
