/* --- MENU CATEGORIES (Horizontal) --- */
/*20,23,24,25,109,121 */
#menu {
   width: 800px;
   padding: 0;
   top: 2px;
   display: block;
   /*position: absolute;*/
   z-index: 10;
   margin-left: 270px;
}
/*On cadre le menu*/
ul#css3menu > li{
position: relative;
top: -3px;
width: 145px;
/*margin-right: 9px;
margin-left: 14px;*/
text-align: center;}
#css3menu li.li1{left:-25px; /**/top: 3px;/**/}
#css3menu li.li2{left:-37px;/**/top: -4px;/**//*left:-32px;*/}
#css3menu li.li3{left:-47px;/**/top: -4px;/**//*left:-38px;*/}
#css3menu li.li4{left:-58px;/**/top: -4px;/**//*left:-37px;*/}
#css3menu li.li5{left:-70px;/**/top: -4px;/**//*left:-43px;*/}
ul#css3menu li a {/**/text-align:center;/**/}

#menuDeroulant {list-style-type:none; position:relative; padding:0; margin-left:0px;}
#menuDeroulant li {float:left; width:auto; margin:0; padding:0;}
#menuDeroulant li a:link, #menuDeroulant li a:visited {display:block; height:1%; margin:0; font-weight:normal; 
padding:15px 15px 15px 15px;
text-decoration:none;
color:#ffffff;
margin-left:10px;}



#menuDeroulant li a:hover {  
display:block; 
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
background: rgb(109,179,242); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYjNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0YTNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2OTBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTY5ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-8 */
color:#FFFFFF;
border-top:2px solid white;}
#menuDeroulant li a:active { display:block; font-size:12px; text-align:left; margin:0; text-decoration:none; background:#000; z-index:99;}
#menuDeroulant .sousMenu {display:none; list-style-type:none; margin:0; padding:0; z-index:100;}
#menuDeroulant .sousMenu li {float:none; margin:0; padding:0;  z-index:399; line-height:0px; display:block;}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited {display:block; font-size:12px; text-align:left; margin:0; text-decoration:none; background:#000; z-index:99;}
#menuDeroulant .sousMenu li a:hover{background-color:#000;z-index:99;}
#menuDeroulant li:hover > .sousMenu { display: block; background-color:#000; z-index:99;}     



         /*********************************************
         ****************   Nouveau menu   ************
         *********************************************/

ul#css3menu,ul#css3menu ul{
	margin:0;list-style:none;}
ul#css3menu .submenu{
	display:none;
   position:absolute;
   top:100%;
   float:left;
   background-color:#91908B;
   background-color:rgba(145,144,139,0.8);
   padding:15px 10px 10px 10px ;
   border-right:5px solid #CCCCCC;
   border-bottom:5px solid #CCCCCC;
   border-left:5px solid #CCCCCC;
   background-color: white;
   border-radius:0px 0px 15px 15px;
   -moz-box-shadow: 0 0 25px #F5F5F5 inset, 10px 10px 10px #E9E9E9 inset;  
   -webkit-box-shadow: 0 0 25px #F5F5F5 inset, 10px 10px 10px #E9E9E9 inset;  
   box-shadow: 0 0 25px #F5F5F5 inset, 10px 10px 10px #E9E9E9 inset;  
   box-shadow:  7px 6px 15px #333;
   color:#AAAAAA;
}
ul#css3menu .submenu img{
   -moz-box-shadow: 0 0 10px #F5F5F5 inset, 10px 10px 10px #E9E9E9 inset;  
   -webkit-box-shadow: 0 0 10px #F5F5F5 inset, 10px 10px 10px #E9E9E9 inset;  
   box-shadow: 0 0 10px #F5F5F5 inset, 10px 10px 10px #E9E9E9 inset;  
   box-shadow:  3px 5px 15px #333;
   margin-bottom:10px;
}

ul#css3menu li:hover>*{
	display:block;}
ul#css3menu li:hover{
	position:relative;}
ul#css3menu ul .submenu{
	position:absolute;left:100%;top:0;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
ul#css3menu{
	position:relative;display:block;font-size:0;float:left;}
ul#css3menu ul{
	padding:0 10px 10px;}
ul#css3menu .column{
	float:left;}
ul#css3menu li{
	display:block;/*white-space:nowrap;*/font-size:0;float:left;}
ul#css3menu ul>li{
	margin:10px 0 0;}
ul#css3menu a:active, ul#css3menu a:focus{
	outline-style:none;}
ul#css3menu a{
	display:block;
   vertical-align:middle;
   text-align:left;
   text-decoration:none;
   color:#DDDDDD;
   cursor:default;
   /*padding:10px 18px;*/
   padding:5px 12px 5px 18px;
   font:16px Arial,Helvetica,sans-serif ;
   
   
   
   }
ul#css3menu ul li{
	float:none;margin:1px 0 0;}
ul#css3menu ul a{
	text-align:center;padding:5px 15px;font:12px Arial,Helvetica,sans-serif;color:#9ed9b3;text-decoration:none;}
ul#css3menu li:hover>a{
	border-style:none;font:12px Arial,Helvetica,sans-serif;color:#EEEEEE;text-decoration:none;}

ul#css3menu img.over{
	display:none;}
ul#css3menu li:hover > a img.def{
	display:none;}
ul#css3menu li:hover > a img.over{
	display:inline;}
ul#css3menu span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu ul span{
	background-image:url("arrowsub.png");padding-right:24px;}

.show_menu{
	background-image:url("arrowsub.png");padding:10px;}


 /*Style des listes 'top' du menu*/
ul#css3menu li.toproot>a, ul#css3menu li.topmenu>a, ul#css3menu ul li.menu>a{
   display:block;
   height:1%;
   margin:0;
   font-weight:bold; 
   color:white;
	font-size:12px;
   text-decoration:none;
   border:none;
}  
/*Listes sous-menu*/
/*Si sous-menu*/
ul#css3menu ul li.root:hover>a{
	background:none;
   text-decoration:none;
   font-size:17px;
}
ul#css3menu ul li.root>a{
   font-size:17px;
	background:none;
   color:#AAAAAA;
   border:none;
   text-decoration:none;
   box-shadow:none;
   -moz-box-shadow:none;
   -webkit-box-shadow:none;
   -webkit-border-radius:none;
   -moz-border-radius:none;
   border-radius:none;
}
/*Si PAS de sous-menu*/
ul#css3menu ul li.menu:hover>a{
   text-decoration:none;
   color:#AAAAAA;
}
/*Listes survol menu top*/
ul#css3menu li:hover>a{
	/*color:#000;*/
   opacity:0.6;
   cursor:pointer;
}
ul#css3menu ul li.menu > a {
   color:#000;
   font-size:11px;
   text-align:left;
   text-transform:uppercase;
}

ul#css3menu li.toproot > a:hover, ul#css3menu li.topmenu > a:hover{
}                         
ul#css3menu  li > a:hover{
   border-radius:0px;
}
ul#css3menu ul li.root > a:first-letter{
font-size:20px;
text-shadow:1px 1px black;
}