* {
margin: 0;
padding: 0;
}

body {
font: 0.8em "Trebuchet MS", helvetica, sans-serif;
color: #000;
background: #fff;
line-height: 1.2em;
}
		
div#conteneur {
position: absolute;
width: 100%;
}

#haut {
margin-top: 0.5em;
padding: 0.3em;
padding-left: 1em;
font: 1.2em Arial, Verdana, helvetica, sans-serif;
color:  rgb(83,85,172);
font-weight: bold;
border-top: 0.5em solid rgb(140,142,199); 
border-bottom: 0.05em solid rgb(140,142,199); 
}

div#centre {
text-align: center;
margin-left: 15em;
margin-top: 2em;
}

div#pied {
margin-top: 1.5em;
padding-left: 1em;
color: rgb(140,142,199);
border-top: 0.5em solid rgb(140,142,199); 
line-height: 1em;
}

div#pied a {
color: rgb(140,142,199);
}
		
div#pied a:visited {
color: rgb(140,142,199);
}
		
div#pied a:link {
color: rgb(140,142,199);
}
		
div#pied a:hover {
color: rgb(140,142,199);
}
		
div#pied a:active {
color: rgb(140,142,199);
}

#photo {
border: 0;
background: no-repeat center center;
}

#ppte {
font-size: 8pt;
}

ul {list-style-type: none;} 

li {
padding: 0.2em;
}

ul#menu, ul#menu2 {
position: absolute;
left:1em;
padding: 2em;
margin-top: 2em;
}

#menu a {
padding: 0.3em;
width: 11em; 
display: block;
text-align: center;
text-decoration: none;
color:  rgb(83,85,172);
font-weight: bold;
border: 1px solid rgb(140,142,199); 
}
	 
#menu a:hover {
color: white;
background-color: rgb(140,142,199);
}

#menu a:active {
color:  rgb(83,85,172);
border: 1px solid rgb(140,142,199); 
}

#menu2 a {
padding: 0.3em;
width: 11em; 
display: block;
text-align: center;
text-decoration: none;
color:  white;
background-color: rgb(140,142,199);
}
	 
#menu2 a:hover {
color: gray;
background-color: rgb(255,255,221);
}

#menu2 a:active {
color:  white;
}

		
#accueil {
margin-top: 5px;
margin-left: 10px;
}

#accueil a {
color: blue;
}
		
#accueil a:hover {
color: blue;
}