body {
margin:0;
padding:0;
background:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
color: #003366;
font-size:15px;
}
#article table {
/*border:1px solid #000000;*/
border-collapse:collapse;
width:90%;
margin:auto;

}
#article a:link
{
color:#003366;
}
#article td {
/*border:1px solid #000000;*/
font-family:arial, sans-serif;
font-size:80%;
padding:5px;
text-align:left;
}
a.menu:link {
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
a.menu:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
a.menu:hover {
	color: #ffffff;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
a.menu:active {
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

a:link {
	color:#003366;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
a:visited {
	color:#003366;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
a:hover {
	color:#003366;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
a:active {
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.texte_gris{
	text-align:center;
	color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.titre{
	color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
}
.texte_blanc{
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

img, table { margin:0; padding:0; border:none; }	

/*menu horizontal*/ 
#global {
 margin-left:auto;
 margin-right:auto;
 width:1000px;
}
/*  conteneur du menu*/
#menu {
 /* rien... mais ne pas supprimer sinon erreur IE6...*/
}

ul.menu li ul{
  display:none;
}

ul.menu li:hover>ul{
  display:block;
}
/* menu racine */
ul.menu{
  margin:0px;
  padding:0px;
  list-style:none;
  float:left;
  font-size:15px;
  font-family:Arial, Helvetica, sans-serif;
  list-style:none;
  text-align:left;
  background-color:#003366;
}
/* style du trait de séparation */
ul.menu hr{
 margin-right:4px;
 margin-left:4px;
}
ul.menu li{
  float:left;
  display:block;
  padding:2px 1px; /* espace entre les entêtes des menus */
  width:198px;
}
/* cadre autour d'une entrée de menu */
ul.menu li a{
  display:block;
  padding:0px 7px; /* laisser le 1er paramètre à 0 pour ne pas déformer le tableau d'accueil
                       et jouer sur le second pour centrer le menu dans le cadre d'accueil
					   (j'ai pas trouvé d'autre moyen...) */
  border-right:#FFFFFF 1px solid;
  font-weight:bold;
  color:#FFFFFF;
  text-decoration:none
}
/*durzy*/
/* Les sous menu */
ul.menu ul{
	position:absolute;
	/*border:1px solid #CCCCCC;*/
	background:#90B5D3;
	font:12px arial;
	list-style:none;
	font-weight:normal;
	margin:0px;
	padding:0px;
	width:196px;
	z-index:1;
	vertical-align: middle;
}

/* état d'un sous menu survolé */
ul.menu ul a:hover{
    color:#003366;
	background:#E5EFF8;
}
/* les sous sous menu */
ul.menu ul ul{
  top:-1px;
  left:197px;
  z-index:2;
  background:#7590AA;
}

ul.menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;
  /*_display:inline;*/
}

ul.menu ul li a{
  display:block;
  margin:0px;
  padding:0px;
  width:196px;
  border:none;
  font-weight:normal;
}
.fleche {
  position: relative;
  float:right;
  /*margin:-10px 3px 0px 0px;*/
  margin:-13px 3px 0px 0px;
}

/* menu vertical */
#menuvertical {
 z-index:4;
}
div#menuvertical ul#menulist li ul{ 
 display:none;
 font-weight:normal;
 background-color:#ffffff;
 padding:5px;
 font-size:12px;
 line-height:2px;
 border: 1px solid #003366;
}
 
div#menuvertical ul#menulist li:hover>ul{ display:block; }
 
div#menuvertical ul#menulist {
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#FFFFFF;
    position:static;
}
 
div#menuvertical ul#menulist, div#menuvertical ul#menulist ul {
  list-style:none;
  margin:0;
  padding:0px;
  width:7em;
  /*background-color: #003366;*/
}
div#menuvertical li.smenu {
font-weight:bold;
}  
div#menuvertical ul#menulist ul{
  cursor:pointer;
  position:absolute;
  left:4em;
  width:auto;
  top:0px;
  bakground-color:#CC6600;
}
 
div#menuvertical ul#menulist li{
  position:relative;
  margin:0px;
  padding:0px;
  display:inline
}
 
div#menuvertical ul#menulist a{
  display:block;
  /*width:100%;*/
  text-decoration: none;
  /*text-indent: 1em;*/
  width: 9em;
  padding: 5px 0;
}
 
div#menuvertical ul#menulist li:hover, div#menuvertical ul#menulist li a:hover {
 cursor:pointer;
}

div#menuvertical ul#menulist a {
    color:#003366;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}
a.pied:link {
	text-align:center;
        text-decoration:none;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
a.pied:visited {
	text-align:center;
        text-decoration:none;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
a.pied:hover {
	text-align:center;
        text-decoration:none;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
a.pied:active {
	text-align:center;
        text-decoration:none;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}