html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: white;}


body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: white;}

head
{
height:0px;
}





nav, nav ul /* Liste */	
{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	line-height : 21px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

nav /* Ensemble du menu */
{
	
	font-family : Helvetica Neue; /* on utilise Arial c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
}

nav>ul>li>a /* Contenu des listes */
{
	display:block; /* on change le type d'élément, les liens deviennent des balises de type block */
	
	padding	: 0; /* aucune marge intérieure */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	

	padding-left: 20px;
	padding-right: 20px;
	border-style: double;
	border-color: rgb(201, 201, 201);
	border-radius: 0px 0px 5px 5px; /*forme de la bordure du menu*/
   background-color: rgb(68,114,196); /*couleur de fond*/
   color: white;
    font-family: Perpetua, 13;
}

nav ul li /* Elements des listes */	
{ 
	float : left; 
	
	border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
	font-size: 14px;
	line-height: 28px;
	height: 28px;

}





/* ie ne reconnaissant pas le sélecteur ">" */
html>body nav li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

nav li ul /* Sous-listes */
{ 
	position: relative; /* Position relative du déroulant par raport au nom de menu */
	
	width: auto;/* Taille du déroulant s'ajustant automatiquement*/
	left: -999em; /* Hop, on envoi loin du champ de vision */

	background-color: #EEEEEE;
}


.Taille1
{
	position: absolute;
	width:210px;
}

.Taille2
{
	position: relative;
	width:170px;
}


nav li ul ul /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
{
        margin    : -10px 0 0 70px ;   /*Position du sous-menu par rapport au menu déroulant*/
        color:blue;
        border:1px solid blue;
        background-color: #EEEEEE;
}
 



nav li ul li /* Eléments de sous-listes */
{
	font-size: 12px;
	
	font-weight: normal;
	text-align: left;
	color: #666666;
	height: 28px;
	line-height: 28px;

	text-indent: 10px;
	padding-right: 10px;
	float: none;




}




.actif:hover  /*, nav li ul a:hover /* Lorsque la souris passe sur un des liens */	
{
	
	background: #b1d9ff; /* ... et au contraire, le fond en blanc */
	color:rgb(112,48,160);
}




nav li:hover ul ul, nav li:hover ul ul ul, nav li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

nav li:hover ul, nav li li:hover ul, nav li li li:hover ul, nav li.sfhover ul, nav li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}


nav a {
	text-decoration: none;
	color: #000000;
}



nav li ul li a {
	
	color:rgb(170,48,6);
}

nav li ul li ul li a {

	color:rgb(35,49,197);
}


nav li ul li ul li:hover
{
	background-color: rgb(88,210,249);
	cursor:pointer;
}


nav li ul li:hover
{
	

	text-decoration: none;
	background-color: rgb(255,178,51);
	

	border-radius:3px 3px 3px 3px;
	cursor:pointer;

	

    
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;

	

    

	}