a:active /* Quand le visiteur clique sur le lien */
{
   background-color:#f5d263;
   color:#da8428;
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color:#da8428;
}

a /* Lien normal */
{
   text-decoration: none;
   color:#3333ff;
   
}

h1{
font-weight: bold; color: rgb(0, 0, 0); font-size:110%;
}

h2{
color: rgb(255, 255, 204);
}

.nav a{
text-decoration:none; font-weight:bold; color: blue; padding:0 10px 0 0;}


.nav a:active /* Quand le visiteur clique sur le lien */
{
   background-color:#f5d263; font-weight:bold;
}

.nav a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color:#da8428; font-weight:bold;
}

.header h1{
background:#f5d263 none; color:#3333ff; margin:0; text-align:left;
font-size:150%; width:650px; padding:3px 0;}
.header img{
margin:0; display:block;}



.main p.nav{
width:85%; margin:0 auto; padding:20px 15px 10px 15px; font-size:73%;
text-align:center; color:#f5d263}
.main p{
width:85%; margin:0 auto; padding:10px 0; font-size:80%;
text-align:left;}
.main p img{
float:right; padding:10px 10px 10px 10px;}
.main p span{
width:100%; display:block; text-align:center; margin:20px auto 10px auto;
padding:15px 0 0 0; border-top:1px solid #f5d263;}
.main p span img{
float:none; padding:0 10px;}
.main p span a{
float:none; padding:0 10px;}
.loulou{
width:75%;}





.footer p{
width:85%; margin:0 auto; padding:1%; font-size:70%; color:#cccccc;}
.footer p a{
color:#b99a55; text-decoration:none; font-size:85%; margin:10px auto 0 auto;}