@charset "utf-8";


@media (max-width:720px){

nav{width:40%; float:left; font-size:1.2em;font-weight:normal; margin-top:5px; margin-bottom:5px; background-color:#ddd; text-align:left;background: linear-gradient(to right,  #eee 25%, transparent 80%);}

li{list-style:none !important;color:#FFF; padding-left:10px; padding-top:1px;padding-bottom:1px;text-decoration:none;}

nav ul{padding:0;margin:0; background-color:transparent;}

nav ul li{list-style:none;line-height:32px;float:none;color:#000;box-shadow:0 0.25em .25em 0 rgba(0, 0 , 0, .2);}

nav ul li a{color:#444; padding:4px; text-decoration:none;margin-left:1.5%;transition-property:color, background-color;transition-duration:1.2s;}

li a:hover{background-color:#bbb;}

nav ul li ul{display:none;}

nav ul li ul li{background-color:#bbb;width:15rem; background-color:#eee;}

nav ul li ul li a{color:#666;list-style:none !important;transition-property:color, background-color;transition-duration:1.2s;}

nav ul li:hover ul{z-index:99999;display:list-item !important;position:absolute;margin-top:-28px;margin-left:150px;list-style:none;}

nav ul li:hover ul li{float:none;}
}



@media (min-width:721px) and (max-width:960px){

nav{width:30%; float:left; font-size:1.3em; margin-top:15px; margin-left:17px; background-color:#ddd; text-align:left;background: linear-gradient(to right,  #eee 25%, transparent 80%);}

li{list-style:none !important;color:#FFF; padding-left:20px; padding-top:1px;padding-bottom:1px;text-decoration:none;}

nav ul{padding:0;margin:0;}

nav ul li{list-style:none;line-height:25px;float:none;color:#000;box-shadow:0 0.25em .25em 0 rgba(0, 0 , 0, .2);}

nav ul li a{color:#444; padding:4px;font-size:0.8em;font-weight:normal;text-decoration:none;margin-left:1.5%;transition-property:color, background-color;transition-duration:1.2s;}

li a:hover{background-color:#bbb;}

nav ul li ul{display:none;}

/*nav ul li ul li{background-color:#bbb;width:15rem; background: linear-gradient(to right,  #eee 15%, transparent 80%);}*/

nav ul li ul li{background-color:#bbb;width:15rem; background-color:#eee;}

nav ul li ul li a{color:#444;list-style:none !important;transition-property:color, background-color;transition-duration:1.2s;}

nav ul li:hover ul{z-index:99999;display:list-item !important;position:absolute;margin-top:-28px;margin-left:150px;list-style:none;}

nav ul li:hover ul li{float:none;}
}


@media (min-width:961px){
	
nav{padding-top:40px; text-align:left; font-family: "Arial narrow", "Helvetica narrow", sans-serif, narrow;}

li{list-style: none !important; color:#FFF; text-decoration:none; font-size:1em}

nav ul{padding:0;margin:0;}

nav ul li{float:left; list-style:none; line-height: normal; color:#444; font-size:1.1em; line-height:1.4em;}

nav ul li a{color:#333; padding-left:18px;  padding-top:10px; font-weight: normal;text-decoration:none;}

li a:hover{color: red; text-decoration:underline}

nav ul li ul{display:none;}

nav ul li ul li{background-color:#ccc; background: linear-gradient(to right,  #eee 55%, transparent 95%); width:18rem;}

nav ul li ul li a{color:#444;list-style:none !important;transition-property:color, background-color;transition-duration:1s;}

nav ul li:hover ul{z-index:99999;display:list-item !important;position:absolute;margin-left:-10px;list-style:none;}

nav ul li:hover ul li{float:none;}	

/* essai menu bas */

navBas{ width: 85%; padding-top:40px; text-align:left; font-family: "Arial narrow", "Helvetica narrow", sans-serif, narrow;}

navBas li{list-style: none !important; color:#FFF; text-decoration:none; font-size:1em}

navBas ul{padding:0;margin:0;}

navBas ul li{ padding-right:35px; float:left; list-style:none; line-height: normal; color:#444; font-size:1.1em; line-height:1.4em;}

navBas ul li a{color:#333; padding-left:18px;  padding-top:10px; font-weight: normal;text-decoration:none;}

navBas li a:hover{color: red; text-decoration:underline}

navBas ul li ul{display:none;}

navBas ul li ul li{background-color:#ccc; background: linear-gradient(to right,  #eee 15%, transparent 80%); width:18rem;}

navBas ul li ul li a{color:#444;list-style:none !important;transition-property:color, background-color;transition-duration:1s;}

navBas ul li:hover ul{z-index:99999;display:list-item !important;position:absolute;margin-left:-10px;list-style:none;}

navBas ul li:hover ul li{float:none;}	



}