
 /* **************************************** */
 /*MENU */
 /* **************************************** */
 /*#menu{
 margin-top:2px;
 }
 
 #menu table {
 border-collapse:collapse;
 }
 
 #menu table tr td{
 height:50px;
 font-size:12pt;
 text-align:center;
 vertical-align:middle;
 }
 
  #menu table tr a{
  display:block;

 }
 #menu table tr td:hover{
 background-color:yellow;
 }
 
 #menu .m-accueil{
	width:108.42px;
	border-top:solid #C72C48 9px;
 }
 
 #menu .m-accueil a{
	color:#C72C48;
 }
 
 #menu .m-accueil a:hover{
	background:url('image/accueilHover.jpg') no-repeat;
 }
 
 #menu .m-decouvrir{
	width:108.42px;
	border-top:solid #26B08A 9px;
 }
 
  #menu .m-decouvrir a{
	color:#26B08A;
 }
 
 #menu .m-democratie{
	width:108.42px;
	border-top:solid #545996 9px;
 }
 
 #menu .m-democratie a{
	color:#545996;
 }
 
 #menu .m-famille{
	width:108.42px;
	border-top:solid #F29400 9px;
 }
 
 #menu .m-famille a{
	color:#F29400;
 }
 
 #menu .m-sport{
	width:133.42px;
	border-top:solid #93117E 9px;
 }
 
 #menu .m-sport a{
	color:#93117E;
 }
 
 #menu .m-vivre{
	width:133.42px;
	border-top:solid #C9D200 9px;
 }
 
 #menu .m-vivre a{
	color:#C9D200;
 }
 
 #menu .m-economie{
	width:133.42px;
	border-top:solid #E395A3 9px;
 }
 
 #menu .m-economie a{
	color:#E395A3;
 }
 
 #menu .m-ouensommes{
	width:133.42px;
	border-top:solid #00A6D4 9px;
 }
 
 #menu .m-ouensommes a{
	color:#00A6D4;
 }*/
 
 
 /*
 petit:109px
 grand:134px
 */
 ul#menu{border:none;}
 /*General menu */
	#menu li  {
		float:left; 
		padding:0; margin:0; 
		position:relative; 
		width:121px;  
		z-index:100;
		}  
    #menu  li  a, #menu  li a:visited {
		text-decoration:none;
		display:block;
		padding:0;}  

		
    #menu  dl {/*contenant la liste principale*/
		position:absolute; 
		top:0; left:0; 
		width: 100%;
		text-align:center; 
		margin: 0; padding: 0; 
		background: #FFF/*transparent url(transparency.gif)*/;
		}  
    #menu  dt {/*titre de la liste*/
		background: #fff; 
		margin:0;font-size: .85em; 
		font-weight: bold; 
		width:121px; 
		height: 40px;
		display: block;
		text-align:center;
		float:left;
		border-bottom:solid #fff 2px;
		} 
	#menu  dd {/*éléments de la liste*/
		display:none; 
		background: transparent;  
		clear:left; 
		margin:0; padding:0; 
		color: #fff; 
		width:121px; 
		font-size: .8em; 
		text-align:left;
		}  
      
   #menu dt a, #menu dt a:visited {/*éléments titres liens*/
		display:block; 
		margin:0;
		padding: 0 2px;
		width:117px;
		height:40px;
		}  
		
   #menu dd a, #menu dd a:visited {/*éléments liens*/
		text-decoration:none; 
		display:block;  
		color: #fff; 
		text-align:center;
		padding: 2px 5px;
		height:100%;
		width:111px;
		}  
     
	#menu  li a:hover {
		border:0;
		}  
     
	#menu li:hover dd, #menu li a:hover dd {
		display:block;
		border-bottom:solid #fff 1px;
		}  
	#menu li  a:hover dl {
		width:100%;} 

	#menu li:hover dt a   {
		color:#fff;  
		font-weight: bold;
		}
		
	#menu li dd a:hover{
		opacity: 0.8;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		}
 
 
  
 /*pour accueil*/
	#menu li .one {border-top:solid #C72C48 9px;}  
	#menu .one dt a{color:#C72C48;padding: 0px 2px 10px 2px;}  
	#menu .one dd a {background:#C72C48; }  

  
  
	 /*pour decouvrir*/
	#menu li .two{float:left; padding:0; margin:0; position:relative; width:100%; height:30px; z-index:100;border-top:solid #59C7B5 9px;}      
    #menu .two dt a{color:#59C7B5;padding: 0px 2px 0px 2px;}  
    #menu .two dd a{background:#59C7B5; }  
    #menu li:hover .two dt a,#menu li .two dt a:hover, #menu li .two  a:hover dt a  {background:#59C7B5; color:#fff; } 
   
  /*pour democratie*/
	#menu li .three{float:left; padding:0; margin:0; position:relative; width:100%; height:30px; z-index:100;border-top:solid #545996 9px;}      
    #menu .three dt a{color:#545996;padding: 0px 2px 0px 2px;}  
    #menu .three dd a{background:#545996; }  
    #menu li:hover .three dt a, #menu li .three dt a:hover, #menu li .three  a:hover dt a    {background:#545996; color:#fff; }  
	   
	
	   
  /*pour petits*/
	#menu li .four{float:left; padding:0; margin:0; position:relative; width:121px; height:30px; z-index:100;border-top:solid #E8A154 9px;}      
    #menu .four dt a{color:#E8A154;padding-left:2px;padding-right:2px;height:30px;padding-top:8px;}  
    #menu .four dd a {background:#E8A154; }  
    #menu li:hover .four dt a,#menu li .four dt a:hover, #menu li .four  a:hover dt a ,#menu li .four a:hover dt,#menu li:hover .four dt    {background:#E8A154; color:#fff; }  
	   
		
   	   
  /*pour sports*/
	#menu li .five{float:left; padding:0; margin:0; position:relative; width:100%; height:30px; z-index:100;border-top:solid #B67DB0 9px;}      
    #menu .five dt a{color:#B67DB0;padding: 0px 2px 0px 2px;}  
    #menu .five dd a{background:#B67DB0; }  
    #menu li:hover .five dt a,#menu li .five dt a:hover, #menu li .five a:hover dt a     {background:#B67DB0; color:#fff; }  
	   
		
   
   	   
  /*pour vivre*/
	#menu li .six{float:left; padding:0; margin:0; position:relative; width:121px; height:30px; z-index:100;border-top:solid #7DD62B 9px;}       
    #menu .six dt a{color:#7DD62B;padding-left:2px;padding-top:8px;padding-right:2px;height:30px;}  
    #menu .six dd a{background:#7DD62B; }  
    #menu li:hover .six dt a,#menu li .six dt a:hover, #menu li .six  a:hover dt a ,#menu li .six a:hover dt,#menu li:hover .six dt      {background:#7DD62B; color:#fff; }  
	   
		

   /*pour entreprises*/
	#menu li .seven{float:left; padding:0; margin:0; position:relative; width:100%; height:30px; z-index:100;border-top:solid #E395A3 9px;}      
    #menu .seven dt a{color:#E395A3;padding: 0px 2px 0px 2px;}  
    #menu .seven dd a {background:#E395A3; }  
    #menu li:hover .seven dt a ,#menu li .seven dt a:hover , #menu li .seven a:hover dt a    {background:#E395A3; color:#fff; }  
	   
	

   /*pour infos*/
	#menu li .eight{float:left; padding:0; margin:0; position:relative; width:100%; height:30px; z-index:100;border-top:solid #787878 9px;}       
    #menu .eight dt a{color:#787878;padding-top:6px;padding-bottom:6px;padding-left:2px;padding-right:2px;height:24px;}    
    #menu .eight dd a{background:#787878; }  
    #menu li:hover .eight dt a,#menu li .eight dt a:hover, #menu li .eight a:hover dt a ,#menu li .eight a:hover dt,#menu li:hover .eight dt     {background:#787878; color:#fff; }  
	   
		
	
   /*pour ouensommes*/
	#menu li .nine{float:left; padding:0; margin:0; position:relative; width:100%; height:30px; z-index:100;border-top:solid #00A6D4 9px;}      
    #menu .nine dt {}  
    #menu .nine dt a{color:#00A6D4;padding: 0px 2px 0px 2px;width:117px;}  
    #menu .nine dd a{background:#00A6D4; }  
    #menu li:hover .nine dt a ,#menu li .nine dt a:hover, #menu li .nine  a:hover dt a     {background:#00A6D4; color:#fff; }  
	   
		
   
 
 
 
 /*general*/
     #menu {list-style-type:none; margin-top:2px; padding:0; height:50px;}  
      
    /*#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:108.42px; height:1px; z-index:100;}  
    #menu li a, #menu li a:visited {text-decoration:none;}  
      
    #menu dl {position:absolute; top:0; left:0; width: 108.42px; margin: 0; padding: 0; background: transparent url(transparency.gif);}  
    #menu dt {background: #fff; margin:0;font-size: 1.1em; width:150px; float:left;}  
    #menu dd {display:none; background: transparent;  clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}  
      
   #menu dt a, #menu dt a:visited {display:block;   width:125px;}  
   #menu dd a, #menu dd a:visited { text-decoration:none; display:block;  width:276px;}  
     
   #menu li a:hover {border:0;}  
     
   #menu li:hover dd, #menu li a:hover dd {display:block;}  
   #menu li:hover dl, #menu li a:hover dl {}  
   #menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover { }  */
