body {
background-repeat: no-repeat;
background-position: center;
text-align: center;
color:#FFFFFF;
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: verdana, arial, helevetica;
font-size: 13px;
}

scenario{
	text-align: justify;
}

@media only screen and (max-device-width : 568px) {
	resumes, resume{
		width: 100%;
	}
}

.pouvoirs{
	color: #a020ff;
	vertical-align: top;
	text-align: left;
}

.titres{
   color: #FFa000;
	vertical-align: top;
}
.nom{
	font-size: 16pt;
	color: #ff0000;
}
.secondaire{
   font-size: 14pt;
   color: #FFa000;
}
.competence{
   color: #FF4000;
}
.compteur{
   color: #FFE000;
}

a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #FFFFFF;
}
a:active {
color: #FFFFFF;
}
h1 {
text-align: center;
font-family: John Handy LET, Verdana, arial;
}
.styleCorps {
font-style: normal;
font-size: 13px;
background-color:black;
width: 620px;
margin: auto;
border-width: 1pt;
border-color:grey;
border-style:solid;
}
.styleNotes {
font-style: normal; font-size: 10px;
}
.new{
	color: Red;
}

a.bouton:link{
width:150px; 
height:30px; 
text-decoration:none;
color:black;
text-align:center; 
font-weight:bold; 
background-color:white;
padding:5px;
}

a.bouton:visited{
width:150px; 
height:30px;
text-decoration:none; 
color:black; 
text-align:center;
font-weight:bold;
background-color:white;
padding:5px}

a.bouton:hover{
width:150px; 
height:30px; 
text-decoration:none;
color:white; 
text-align:center; 
font-weight:bold; 
background-color:black;
background-image:url(aqua.jpg);
padding:5px}

.bouton{text-align:center;padding:5px;}

.boutonPage{
width:150px; 
height:30px; 
text-decoration:none;
color:black;
text-align:center; 
font-weight:bold; 
background-color:gray;
padding:5px;	
}

img{
	width: 620px;
	height: 430px;
}
.halte{width:60px; height: 60px; -moz-border-radius:10px 10px 10px 10px;}
.halteDouleur{width:80px; height: 80px;}