/* CSS Document */

  
div#nav {
      	position:relative;
      	float: left; 
      	margin:0;
      	padding: 0;
      	border: 0;
      	/*background-color: #4C77A7;*/
      	width: 100%;
      	z-index:500; /*pour affichage sous-menu dans IE */
}


ul#menu li ul{
  display:none;
}

ul#menu li:hover>ul{
  display:block;
}


/* ul#menu{   bandeau menu 
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;
	float:left;
	font:12px Arial;
	/*background-color: #FF9900;*/
	/*background-color: #4f7f67;  /* couleur bandeau menu */
/* } 

* html ul#menu {
	width: 99%;
} */

ul#menu hr{
 padding-right: 0px; /* ald 4px */
 padding-left: 0px;
 color: #CADCF0;
 height:1px;
}


ul#menu li{
  float:left;
  display:block;
  padding-left:1px;  /*REPASSER A  0 SI PBME DE TAILLE */
}


ul#menu li.first{
  padding-left:0px;
}

ul#menu li.last{
  padding-right:0px;
}

ul#menu li a{
  display:block;
  padding:2px 4px; /* ald 2px 5px */
  border:1px solid #CCCCCC;
  color:#183D67;
  text-decoration:none
}


ul#menu li a:hover{
  border-top-color:#F0F0F0;
  border-left-color:#F0F0F0;
  border-right-color:#999999;
  border-bottom-color:#999999;
}


ul#menu ul{
  position:absolute;
  background:#FFFFFF url(../images/fond_menu.gif) repeat-y -160px 0%;
  list-style:none;
  margin:0px;
  padding:0px;
  width:160px;  /* largeur sous-menu */
  z-index:16;
}


ul#menu ul ul{
  top:0px;
  left:159px;
  z-index:17;
}

ul#menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;

}
* html ul#menu ul li{display:inline; }/* Pour IE  Evite un espace en dessous flèche*/

ul#menu ul li a{
  display:block;
	margin:0px;
	padding:0px;
	width:160px;
  border:none;
  border-bottom: 1px solid #CADCF0;
}

ul#menu ul li a span{
  display:block;
  width:144px;
	padding:2px 6px;
  margin:0px 2px;
  border:none;
	cursor:hand;
}

ul#menu ul li a.next span{
  background:url(../images/fleche.gif) no-repeat 0% 50%;
}
ul#menu ul li a.next:hover span{
  background-position: -160px 50%;
}

ul#menu ul li a:hover span{
  background-color:#33CC66;
  color:#183D67;
  border:none;
}

ul#menu ul li.first{
  padding-left:0px;
}

ul#menu ul li.first a{
  padding-top:2px;
	background:url(../images/fond_menu.gif) no-repeat -320px 0%;
}


ul#menu ul li.last{
  padding-right:0px;
}

ul#menu ul li.last a{
  padding-bottom:2px;
/*	background:url(/images/menu/fond_menu.gif) no-repeat left bottom;*/
  background:#FFFFFF url(../images/fond_menu.gif) repeat-y -160px 0%; /*fin 2ème smenu*/
}


/*
ul#menu ul li.last a{
  padding-bottom:2px;
  border-bottom: 1px solid #CADCF0;
}
*/

/************* NAVIGATION MENU **************/

/* ACCUEIL */
a#navaccueil { /* Pour FF */
  	width: 48px; /* largeur de l'image image reactive */
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/accueil.png) ; 
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
* html a#navaccueil {  /* Pour IE */
  	width: 50px; /* largeur de l'image */
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/accueil.png); 
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
a#navaccueil:hover {
	background-image: url(../images/accueil.png);
	background-repeat: no-repeat;
	background-position: 0 -20px;
  }
   


/* COMPETITION */
a#navcompet { /* affichage pour FF */
  	width: 100px; /* largeur de l'image image reactive 72*/
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/competition.png) ;
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
* html a#navcompet { /* Affichage IE */
  	width: 100px; /* largeur de l'image image reactive 78*/
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/competition.png) ;
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
a#navcompet:hover { /* pour les deux */
         	background: url(../images/competition.png) no-repeat 0 -20px ; 

  }
  
  
  
/* CLUB */
a#navclub {
  	width: 90px; /* largeur de l'image image reactive */
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/club.png); 
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
* html a#navclub {
  	width: 90px; /* largeur de l'image image reactive */
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/club.png); 
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
a#navclub:hover {
         	background: url(../images/club.png) no-repeat 0 -20px ;

  }
a#navclubselected {
  	width: 48px; /* largeur de l'image image reactive */
  	height: 15px; /* hauteur de l'image image reactive */	
         	background: url(../images/club.png) no-repeat 0 -20px ;
  	font-size:0px;
  	text-decoration:none;
  }
* html a#navclubselected {
  	width: 50px; /* largeur de l'image image reactive */
  	height: 15px; /* hauteur de l'image image reactive */	
         	background: url(../images/club.png) no-repeat 0 -20px ;
  	font-size:0px;
  	text-decoration:none;
  }
  
  
/* ECOLE */
a#navecole { /* affichage pour FF */
  	width: 100px; /* largeur de l'image image reactive 72*/
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/ecole.png) ;
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
* html a#navecole { /* Affichage IE */
  	width: 100px; /* largeur de l'image image reactive 78*/
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/ecole.png) ;
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
a#navinscript:hover { /* pour les deux */
         	background: url(../images/ecole.png) no-repeat 0 -20px ; 

  }
   
/* NEWS */
a#navnews { /* Pour FF */
  	width: 48px; /* largeur de l'image image reactive */
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/news.gif) ; 
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
* html a#navnews {  /* Pour IE */
  	width: 50px; /* largeur de l'image */
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/news.gif); 
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
a#navnews:hover {
	background-image: url(../images/news.gif);
	background-repeat: no-repeat;
	background-position: 0 -20px;
  }
   
 
/* LIENS */
a#navliens { /* Pour FF */
  	width: 100px; /* largeur de l'image image reactive */
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/liens.png) ; 
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
* html a#navliens {  /* Pour IE */
  	width: 100px; /* largeur de l'image */
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/liens.png); 
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
a#navliens:hover {
	background-image: url(../images/liens.png);
	background-repeat: no-repeat;
	background-position: 0 -20px;
  }
   
 

/* PHOTOS */
a#navphotos { /* Pour FF */
  	width: 100px; /* largeur de l'image image reactive */
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/photos.png) ; 
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
* html a#navphotos {  /* Pour IE */
  	width: 100px; /* largeur de l'image */
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/photos.png); 
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
a#navphotos:hover {
	background-image: url(../images/photos.png);
	background-repeat: no-repeat;
	background-position: 0 -20px;
  }
   
/* ANIMATIONS */
a#navanimations { /* Pour FF */
  	width: 100px; /* largeur de l'image image reactive */
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/animations.png) ; 
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
* html a#navanimations {  /* Pour IE */
  	width: 100px; /* largeur de l'image */
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/animations.png); 
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
a#navanimations:hover {
	background-image: url(../images/animations.png);
	background-repeat: no-repeat;
	background-position: 0 -20px;
  }
   
 /* CARTES POSTALES */
a#navcarte { /* Pour FF */
  	width: 100px; /* largeur de l'image image reactive */
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/carte.png) ; 
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
* html a#navcarte {  /* Pour IE */
  	width: 100px; /* largeur de l'image */
  	height: 15px; /* hauteur de l'image image reactive */	
  	background: url(../images/carte.png); 
  	background-repeat: no-repeat;
  	font-size:0px;
  	text-decoration:none;
  }
a#navcarte:hover {
	background-image: url(../images/carte.png);
	background-repeat: no-repeat;
	background-position: 0 -20px;
  }