body    
	{
	font-family	:	Verdana, Arial, Times New Roman; 	
        background-color:  	white;
	}
h1 {
        font-family:verdana, sans-serif;
        font-size:180%;
        color:silver;
        background-color:transparent;
        text-align:left;
}
h2 {
        font-family:verdana, sans-serif;
        font-size:140%;
        color:#696969;
        background-color:transparent;
        text-align:left;
}
h3 {
        font-family:verdana, sans-serif;
        font-size:100%;
        color:#B7245B;
        background-color:transparent;
        text-align:left;
}
h4 {
        font-family:verdana, sans-serif;
        font-size:140%;
        color:#666666;
        background-color:#CCCCFF;
        text-align:left;
}
h5 {
        font-family:verdana, sans-serif;
        font-size:80%;
        color:#696969;
        background-color:transparent;
        text-align:left;
}
h6 {
        font-family:verdana, sans-serif;
        font-size:140%;
        color:silver;
        background-color:transparent;
        text-align:left;
}

a:link,a:active,a:visited
        {
        text-decoration :       none;
        color   	: 	#B7245B;
        background	:  	transparent;
        }
a:hover
        {
        text-decoration :       underline;
        color   	: 	black;
        background      :       transparent; 
        }
a.image:link,a.image:active,a.image:visited,a.image:hover
        {
        text-decoration :       none;
        color   	: 	white;
        }
a.menud:link,a.menud:active,a.menud:visited
        {
	position	:	relative;
	font-family	:	Verdana, Arial, Times New Roman; 	
	font-size	:  	70%;
        text-decoration :       none;
        color   	: 	#B7245B;
        background	:       transparent; 
        }
a.menud:hover
        {
	background	: 	none;
       	z-index		: 	500;
	font-family	:	Verdana, Arial, Times New Roman; 	
	font-size	:  	70%;
        text-decoration :       none;
        color   	: 	#646464;
        }
a.menud span {
       display		:	none;
   }
a.menud:hover span {
      display		:	inline;
;       display		:	block;
       position		:	absolute;
       z-index		: 	500;
 	top		:	-330px;
	left		:	-480px;
       border-style	:	solid;
       border-width	: 	2px;
       border-color	: 	#B7245B;

       padding-left	:	25px;
       padding-top	:	20px;
       padding-bottom	:	5px;
       padding-right	:	25px;
       width		:	410px;
       height		:	550px;
;       font-family	:	Verdana, Arial, Times New Roman; 	
       font-size	:  	130%;
;       font-weight	:	normal;
;       font-style	:	italic;
;       text-decoration	:	none;
;       text-align	:	justify;
       background-color	:	#FFFFFF;
	
   }



a.menue:link,a.menue:active,a.menue:visited,a.menue:hover
        {
	font-family	:	Verdana, Arial, Times New Roman; 	
	font-size	:  	85%;
        text-decoration :       none;
        color   	: 	#666666;
        background	:       transparent; 
        }
a.menue:hover
        {
	font-family	:	Verdana, Arial, Times New Roman; 	
	font-size	:  	86%;
        text-decoration :       underline;
        color   	: 	black;
        background      :       transparent;
        }
a.menunu:link,a.menunu:active,a.menunu:visited,a.menunu:hover
        {
	font-family	:	Verdana, Arial, Times New Roman; 	
	font-size	:  	80%;
        text-decoration :       none;
        color   	: 	#B7245B;
        background	:       transparent; 
        }
a.menunu:hover
        {
	font-family	:	Verdana, Arial, Times New Roman; 	
	font-size	:  	81%;
        text-decoration :       none;
        color   	: 	black;
        background      :       transparent;
        }
input
	{
	font-family	:	Verdana, Arial, Times New Roman; 	
        color   	: 	#666666;
	text-align	:	left;
	font-style	: 	normal; 
	font-weight	: 	normal;
	font-size	:  	85%;
	}
textarea
	{
	font-family	:	Verdana, Arial, Times New Roman; 	
        color   	: 	#666666;
	text-align	:	left;
	font-style	: 	normal; 
	font-weight	: 	normal;
	font-size	:  	85%;
	}
select
	{
	font-family	:	Verdana, Arial, Times New Roman; 	
        color   	: 	#666666;
	text-align	:	left;
	font-style	: 	normal; 
	font-weight	: 	normal;
	font-size	:  	85%;
	}
div.normal
	{
	font-family	:	Verdana, Arial, Times New Roman; 	
        color   	: 	#666666;
	text-align	:	left;
	font-style	: 	normal; 
	font-weight	: 	normal;
	font-size	:  	85%;
	}
div.normal_just
	{
	font-family	:	Verdana, Arial, Times New Roman; 	
        color   	: 	#666666;
	text-align	:	justify;
	font-style	: 	normal; 
	font-weight	: 	normal;
	font-size	:  	85%;
	}
div.alerte
	{
	font-family	:	Verdana, Arial, Times New Roman; 	
        color   	: 	#006699;
	text-align	:	left;
	font-style	: 	italic; 
	font-weight	: 	normal;
	font-size	:  	85%;
	}
div.pasnormal
	{
	font-family	:	Verdana, Arial, Times New Roman; 	
        color   	: 	#666666;
	text-align	:	left;
	font-style	: 	normal; 
	font-weight	: 	normal;
	font-size	:  	85%;
	border: 0.1em solid silver;
    padding: 8;
	}
div.petitnormal
	{
	font-family	:	Verdana, Arial, Times New Roman; 	
        color   	: 	#666666;
	text-align	:	left;
	font-style	: 	normal; 
	font-weight	: 	normal;
	font-size	:  	70%;
	}
div.petitnormal_just
	{
	font-family	:	Verdana, Arial, Times New Roman; 	
        color   	: 	#666666;
	text-align	:	justify;
	font-style	: 	normal; 
	font-weight	: 	normal;
	font-size	:  	70%;
	}
div.titre
	{
	font-family	:	Arial, Verdana, Times New Roman; 	
        color   	: 	#646464;
	text-align	:	left;
	font-style	: 	italic;
	font-weight	: 	bold;
	font-size	:  	110%;
	}
div.titrebis
	{
	font-family	:	Arial, Verdana, Times New Roman; 	
        color   	: 	#B7245B;
	text-align	:	left;
	font-style	: 	italic;
	font-weight	: 	bold;
	font-size	:  	90%;
	}
div.menu
	{
	font-family	:	Verdana, Arial, Times New Roman; 	
        color   	: 	#646464;
	text-align	:	justify;
	font-style	: 	normal; 
	font-weight	: 	bold;
	font-size	:  	80%;
	}
	
	
	div.boite
	{
	border	:	solid;
	border-width	:	5px;
	background		:	#B7245B;
	font-family		:	Verdana, Arial, Times New Roman;
	font-size		:	75%;
	text-align	:	justify;
	color		:	e0e0e0;
	float			:	middle;
	width:500px;
	border-color: #B7245B;
	margin-left: 40px;
	}
	
table.menu
	{ text-align: left;
	background-color: silver;
	border: 0px #d79900 solid;
	border-collapse: collapse;
	border-spacing: 0px;}
ul.site
  {
    list-style-type: none;
    padding: 5;
    margin: 8;
    }
li.site
  {
    background-color: silver;
		    }
#nav, #nav ul { /* toutes les listes */
        padding: 0;
        margin: 0;
        list-style: none;
}

#nav a {
        display: block;
        width: 12em;
        height: 1.4em;
        color: white;
        background:  gray;
        text-decoration: none;
	font-size	:  	80%;
	border: 0.1em solid white;
}

#nav li { /* tous les items de liste */
        float: left;
        width: 9.5em; /* largeur obligatoire, sinon opera devient fou */
}


#nav li ul  { /* listes de deuxième niveau */
        position: absolute;
        width: 9em;
        left: -999em; /* on met left plutot que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'ecran */
        color: black;
        background: white;
        padding: 0;
	/* border: 0.1em solid silver; */
}

#nav a:hover { /* listes imbriqu"es sous les items de listes survol"s */
        left: auto;
        color: black;
        background:   white;
	font-size: 80%;
}

#nav li:hover ul, #nav li.sfhover ul {
        width: 10em;
        left: auto;
        color: black;
        background:   white; 
}