/* CSS Document */

/* BOBY*/
body {
	background-color: #666666;
	}
	
/*menu*/
ul {
	list-style-type: none;
	margin:0;
	padding:0;
	position: absolute;
	/*top: 2em;  positionnement du menu, que vous pouvez changer à loisir */
/*left: 3em;*/
width: 100%; /* précision pour Opera */
	top: 148px;
}

li {
float: left;
}

.menu a {       /* définition de chaque bouton du menu */
width: 128px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 20px;
float: left;
display: block;
text-align: center;
border: 1px solid #fff; 
text-decoration: none;
color: #000;
background: #fff;
}

.menu a:hover {
color: #411;
background: #AAA;
border: 1px 1px 1px 1px solid gray; 
border-bottom: 0px;
color: #fff;
}

.menu a span {     /* définition de la balise <span> inclue dans <a> */
display: none;
}

.menu a:hover span {   /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 20px;
left: 0;
width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu */
text-align: center;
border-top: 1px 1px 1px 1px solid gray;
color: #000;
}

/*effet sur la premiere rubrique*/
 a.lien1  {   
 color:#336600;    
 text-decoration:none;   
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%;
 font-weight: bold;  }   
   
 a.lien1:hover  {    
 color:#000000;    
 text-decoration:none;    
 color: #411;
background: #67CC66;
/*border: 1px 1px 1px 1px solid gray; */
border-bottom: 0px;
color: #fff;
  font-family: Arial, Helvetica, sans-serif;
 } 
  
#global {
position:absolute;
left: 50%;
top: 50%;
width: 801x;
height: 400px;
margin-top: -300px; /* moitié de la hauteur */
margin-left: -350px; /* moitié de la largeur */
border: 0px solid #333;
background-color: #fff;
}

/* police de caracteres*/
.texte_petit {
	font-family: Arial, Helvetica, sans-serif;
	color: #336600;
	font-size: 80%;

}

.texte_petit_sur {
	font-family: Arial, Helvetica, sans-serif;
	color: #669900;
	font-size: 80%;
	font-weight: bold;
	}
	
.rouge_texte_petit_sur {
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: 90%;
	font-weight: bold;

}

.texte_moyen {
	font-family: Arial, Helvetica, sans-serif;
	color: #336600;
	font-size: 100%;
}
.texte_moyen_sur {
	font-family: Arial, Helvetica, sans-serif;
	color: #669900;
	font-size: 110%;
	font-weight: bold;

}

.texte_grand_sur {
	font-family: Arial, Helvetica, sans-serif;
	color: #669900;
	font-size: 130%;
	font-weight: bold;

}