body {
	margin: 0;
	padding: 0;
	font: normal 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: black;
  background: #F0FAFF;
}

#menu {
  margin: 0 0 0 5px;
  padding: 0;
  list-style: none;
}

#menu li {
  float: left;
  margin-right: 9px;
}

#menu li a {
  display: block;
  padding-right: 13px;
  color: #333333;
  font-weight: bold;
  text-decoration:none;
}

#menu li a span {
  display: block;
  padding: 6px 5px 5px 18px;
}

#menu li a.actif {
  position: relative;
  z-index: 100;
  top: 1px;
}

#menu li.menu1 a { background: #016cca url(images/fond_menu1.png) no-repeat 100% -50px; }
#menu li.menu1 a span { background: #016cca url(images/fond_menu1.png) no-repeat 0 -50px; }
#menu li.menu1 a.actif, #menu li.menu1 a:hover { background: url(images/fond_menu1.png) no-repeat 100% 0; }
#menu li.menu1 a.actif span, #menu li.menu1 a:hover span { background: url(images/fond_menu1.png) no-repeat 0 0; }

#menu li.menu2 a { background: #5a9b00 url(images/fond_menu2.png) no-repeat 100% -50px; }
#menu li.menu2 a span { background: #5a9b00 url(images/fond_menu2.png) no-repeat 0 -50px; }
#menu li.menu2 a.actif, #menu li.menu2 a:hover { background: url(images/fond_menu2.png) no-repeat 100% 0; }
#menu li.menu2 a.actif span, #menu li.menu2 a:hover span { background: url(images/fond_menu2.png) no-repeat 0 0; }

#menu li.menu3 a { background: #f0b400 url(images/fond_menu3.png) no-repeat 100% -50px; }
#menu li.menu3 a span { background: #f0b400 url(images/fond_menu3.png) no-repeat 0 -50px; }
#menu li.menu3 a.actif, #menu li.menu3 a:hover { background: url(images/fond_menu3.png) no-repeat 100% 0; }
#menu li.menu3 a.actif span, #menu li.menu3 a:hover span { background: url(images/fond_menu3.png) no-repeat 0 0; }

#menu li.menu4 a { background: #dc7028 url(images/fond_menu4.png) no-repeat 100% -50px; }
#menu li.menu4 a span { background: #dc7028 url(images/fond_menu4.png) no-repeat 0 -50px; }
#menu li.menu4 a.actif, #menu li.menu4 a:hover { background: url(images/fond_menu4.png) no-repeat 100% 0; }
#menu li.menu4 a.actif span, #menu li.menu4 a:hover span { background: url(images/fond_menu4.png) no-repeat 0 0; }


/*  Eléments du sous-menu  */

#sous_menu {
  clear: left;
  position: relative;
  z-index: 10;
  margin: 0; 
  padding: 0 0 0 5px;
  height: 22px;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  list-style: none;
}

ul.menu1 { background: #34d7fe url(images/menu1.gif) repeat-x 0 0; }
ul.menu2 { background: #cdf79a url(images/menu2.gif) repeat-x 0 0; }
ul.menu3 { background: #fbf969 url(images/menu3.gif) repeat-x 0 0; }
ul.menu4 { background: #ffe12e url(images/menu4.gif) repeat-x 0 0; }

#sous_menu li {
  float: left;
  padding: 4px 8px;
  background: url(images/menu_li.gif) no-repeat 100% 0;
}

#sous_menu li a {
  padding-left: 8px;
  font-size: 0.95em;
  font-weight: bold;
  color: #333333;
  text-decoration:none;
}

#sous_menu li a span {
  padding-right: 7px;
}

.menu1 li a.actif, .menu1 li a:hover { background: url(images/left_menu1.png) no-repeat 0 50%; }
.menu1 li a.actif span, .menu1 li a:hover span { background: url(images/right_menu1.png) no-repeat 100% 50%; }
.menu2 li a.actif, .menu2 li a:hover { background: url(images/left_menu2.png) no-repeat 0 50%; }
.menu2 li a.actif span, .menu2 li a:hover span { background: url(images/right_menu2.png) no-repeat 100% 50%; }
.menu3 li a.actif, .menu3 li a:hover { background: url(images/left_menu3.png) no-repeat 0 50%; }
.menu3 li a.actif span, .menu3 li a:hover span { background: url(images/right_menu3.png) no-repeat 100% 50%; }
.menu4 li a.actif, .menu4 li a:hover { background: url(images/left_menu4.png) no-repeat 0 50%; }
.menu4 li a.actif span, .menu4 li a:hover span { background: url(images/right_menu4.png) no-repeat 100% 50%; }

#centre {
  margin: 0 0 0 15px;
  padding: 0;
  list-style: none;
}