a.blanc:link {color:white;}    
a.blanc:visited {color:white;}  
a.blanc:hover {color:navy;}    
a.blanc:active {color:blue;}    
  
a.bleu:link {color:#1e3be9;}    /* pas encore visité */
a.bleu:visited {color:#1e3be9;} /* visité */
a.bleu:hover {color:#097fec;}   /* souris sur le line */
a.bleu:active {color:#1eade9;}  /*au moment du clique*/

a.vert:link {color:#29ba15;}    
a.vert:visited {color:#29ba15;}
a.vert:hover {color:#24ec09;}  
a.vert:active {color:#59ff42;}  

a.jaune:link {color:#fd9500;}    
a.jaune:visited {color:#fd9500;} 
a.jaune:hover {color:#fdb900;}  
a.jaune:active {color:#fff54d;} 

a.rouge:link {color:#d02700;}    
a.rouge:visited {color:#d02700;} 
a.rouge:hover {color:#fd3000;}  
a.rouge:active {color:#ff4216;} 

body{
background-color: #f5f5f5;
color: #f0f0f0;
margin: 0;
}

#page{ /* cadre de la page */
padding-top:3%;
padding-right:5%;
padding-left:5%;
padding-bottom: 3%;
margin-top:3%;
margin-right:15%;
margin-left:15%;
margin-bottom:3%;
font-family: 'Play', sans-serif;
background-color: #222222;
border:3px;
border-style: double; 
}

hr{margin-top: 4em; margin-bottom: 4em; color: white;}

li{list-style-image: url("puce.png")}

#adr{
float: left;
padding: 2%;
}

#photo{
margin:0;
padding:0;
width: 10em;
float: right;
padding: 2%;
}

#finentete{
clear:both;
}

#ide{
float: right;
width:25%;
margin-bottom:-8%;
}


#finentete2{
clear: right;
}

h1{
text-align: center;
text-decoration: underline;
color: white;
font-size: 220%;
margin-bottom: 2em;
}

#menu{
width: 117%;
margin-right: -8.65%;
margin-left:-8.40%;
text-align:center;
}

.bleu, .vert, .jaune, .rouge{
float: left;
width: 25%;
height: 30px;
font-weight: bold;
background: url("barre.gif")repeat-x;
}

h2{font-size: 115%; text-decoration: underline;}


h2#Dip{color: #097fec;}

h2#Exp{color: #24ec09;}

h2#Comp{color:#fdb900;}

h2#Cent{color: #fd3000;}

span.italic{
font-style: italic;
}