#blocmenu .on {
  background-color:transparent; 
  color : orange;
 }
#menuconteneur {
  
 } 
 

 #blocmenu ul { 
text-align :center;
height:auto;
list-style-type : none;
margin : 0px 0px 10px 0px;
line-height : 2em; 
 }
#blocmenu:focus ul {
	max-height: 25em; /* je fais apparaître la liste lorsque je donne le focus à nav*/
	} 
#blocmenu li {
display: inline-block;
/*display : inline;*/
/*float : left;*/
/*width : 150px;*/
margin : 0px 0px 0px 0px;
margin:auto;
padding : 0px 0px 0px 0px;
text-align :center;
color : #FFF;
width : 180px;
font-size : 22px;
/*font-weight:bold;	*/
z-index :1000;
font-family: "Courgette",cursive, Arial, Helvetica, sans-serif;
 } 

 } 
#blocmenu li a {	
display:block;
	 font-family: "Courgette",cursive, Arial, Helvetica, sans-serif;
	 color:#000;
	 text-decoration:none;
	 padding: 5px 5px 5px 5px;
	 margin:0px 0px 0px 0px;
	 	   	  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;	
	 
 }
#blocmenu li a:hover {
	 
	 font-family: "Courgette",cursive, Arial, Helvetica, sans-serif;
	 text-decoration:underline;
 }
 #blocmenu ul li ul {
	 display:none;
	 font-family: 'Courgette', cursive;
	 font-size:14px;
	 /*color:#FFFFFF;*/
	 border: 0px solid #AD7B47;
	 z-index :1000;
 }
 #blocmenu ul li:hover ul {
	   display:block;
	   font-family: "Courgette",cursive, Arial, Helvetica, sans-serif;
	   font-size:12px;
	   color:#005f87;
	  background-image: linear-gradient(#FF7400,#FFAD61); /*#a7e5ff autre bleu ciel */
	   
	   margin:0px;
	   top:35px;
 }
#blocmenu li:hover ul li {
	 float:none;
	 border: 1px solid #FFF;
	 /*width:250px;*/
	 
 }

 <!--[if !IE]> <-->
<style type="text/CSS">
#blocmenu li ul {
 position:absolute;
 }
</style>
<!--><![endif]-->
<!--[if IE 8]>
<style type="text/CSS">
#blocmenu li ul {
 position:absolute;
 }
</style>
<![endif]--> 

#blocmenu ul li  {
	padding:0px;
	/*width:250px;*/
	margin:0px;
	
}
#blocmenu ul li  ul {
		position: absolute;
		list-style-type: none;
 	   padding:0px;
}

#blocmenu ul li  li {
display : block;
	 float:none;
	 font-family: arial;
	 font-size: 16px; /*taille de police du déroulant*/
	font-weight: bold;
    font-family: "Courgette",cursive, Arial, Helvetica, sans-serif;
    padding:0px;

 }
#blocmenu ul li  li a {
    display:block;
	width:100%;
	/*height:20px;*/
    color:#0057A9;
	 padding:5px 0px;
    text-decoration: none;
    font-family: "Courgette",cursive, Arial, Helvetica, sans-serif;	
     background-image: linear-gradient(#D2EAF6,#86D1F1); /*couleur de fond du déroulant*/
     text-align:center;	
padding:5px;
	   	  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
text-shadow: 1px 0px 0px #FFF;
background-repeat : none;
transition-delay: 0s;
transition-duration: 0.5s;
transition-property: all;
transition-timing-function: ease-out;
-webkit-transition-property: width,height;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-webkit-transition-property: all;
-moz-transition-property: width,height;
-moz-transition-duration: 0.5s;
-moz-transition-timing-function: ease-out;
-moz-transition-property: all;			  
 }
#blocmenu ul li  li a:hover {
width:100%;
color:#0057A9; /*couleur de police a:hover du déroulant*/
background-color : #FF7400 ; /*couleur a:hover du déroulant*/
font-size: 16px;
text-transform:underline;	
display:block;
text-decoration:none;
text-align:center;
border: 1px solid #FFF;
transform:  scale(1.25) skewX(0deg);	 
-moz-transform:  scale(1.25) skewX(0deg);
-webkit-transform:  scale(1.25) skewX(0deg);
border-bottom-left-radius: 20%;
border-bottom-right-radius: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
font-weight : normal;	 
}
#blocmenu ul li  li a:active {
color:red; /*couleur de police a:hover du déroulant*/ 
}
 #blocmenu a:visited { 
  color : #0057A9;
 }