/* Main menu */


/* Position globale */
#menu, #menu ul{
	list-style:none;
	text-align:center;
	z-index: 99;
	display : block;
	margin-left : auto;
	margin-right : auto;
	width : 100%;
	background-color: #0688FA;
}

#menu ul li{
	display:inherit;
	border-radius:0;
}

/* Position & couleur premier niveau */
#menu li{
	display:inline-block;
	position:relative;
}

#menu ul{
    display: none;
    position: absolute;
    width: auto;
    padding : auto;

}

#menu li:hover ul{
	border : solid 1px red;	
	width : 200%;
	text-align : center;
	position : center;
	display : block;
	margin-left: -70px;
	color:#ffffff;
}

#menu li:hover, #menu li:first-child li:hover{
	background:#57C4FF;
	color:#ffffff;
}

#menu a{
	text-decoration:none;
	display:block;
	padding:8px 32px;
	color:#ffffff;
	font-family:arial;
}

#menu ul a{    
    padding: 8px 0;
}

#menu ul a:hover{
    background-color: #57C4FF;
	color: #ffffff;
}

#menu ul a{
    color: #ffffff;
}

#menu li:hover a{
    color:#ffffff;

}

/*
#menu li:first-child{
	border-radius:150px 0 0 150px;
}

#menu li:last-child{
	border-radius:0 150px 150px 0;
}
*/








/* Sub-menu */

/* background des liens sous menus 
#menu li li{
	background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0.02, #FFFFFF),
	color-stop(0.02, #00bceb),
	color-stop(0.62, #00bceb),
	color-stop(0.98, #00bceb),
	color-stop(0.98, #FFFFFF)
    );
    background-image: -o-linear-gradient(right, #FFFFFF 2%, #00bceb 2%, #00bceb 62%, #00bceb 98%, #FFFFFF 98%);
    background-image: -moz-linear-gradient(right, #FFFFFF 2%, #00bceb 2%, #00bceb 62%, #00bceb 98%, #FFFFFF 98%);
    background-image: -webkit-linear-gradient(right, #FFFFFF 2%, #00bceb 2%, #00bceb 62%, #00bceb 98%, #FFFFFF 98%);
    background-image: -ms-linear-gradient(right, #FFFFFF 2%, #00bceb 2%, #00bceb 62%, #00bceb 98%, #FFFFFF 98%);
    background-image: linear-gradient(to right, #FFFFFF 2%, #00bceb 2%, #00bceb 62%, #00bceb 98%, #FFFFFF 98%);
    margin-top: 4px;  
    border-radius: 50px;
      
}  */

/* background des liens menus et sous menus au survol */

 /*
#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a{
	color:#ffffff;
    background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0.02, #FFFFFF),
	color-stop(0.02, #08cbfc),
	color-stop(0.62, #08cbfc),
	color-stop(0.98, #08cbfc),
	color-stop(0.98, #FFFFFF)
    );
    background-image: -o-linear-gradient(right, #FFFFFF 2%, #08cbfc 2%, #08cbfc 62%, #08cbfc 98%, #FFFFFF 98%);
    background-image: -moz-linear-gradient(right, #FFFFFF 2%, #08cbfc 2%, #08cbfc 62%, #08cbfc 98%, #FFFFFF 98%);
    background-image: -webkit-linear-gradient(right, #FFFFFF 2%, #08cbfc 2%, #08cbfc 62%, #08cbfc 98%, #FFFFFF 98%);
    background-image: -ms-linear-gradient(right, #FFFFFF 2%, #08cbfc 2%, #08cbfc 62%, #08cbfc 98%, #FFFFFF 98%);
    background-image: linear-gradient(to right, #FFFFFF 2%, #08cbfc 2%, #08cbfc 62%, #08cbfc 98%, #FFFFFF 98%);
        border-radius: 50px;
    
} */

/*
#menu li li:hover a, #menu li li li:hover a, #menu li li li li:hover a{
	color:#000000;
    background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0.02, #FFFFFF),
	color-stop(0.02, #57C4FF),
	color-stop(0.62, #57C4FF),
	color-stop(0.98, #57C4FF),
	color-stop(0.98, #FFFFFF)
);
background-image: -o-linear-gradient(right, #FFFFFF 2%, #57C4FF 2%, #57C4FF 62%, #57C4FF 98%, #FFFFFF 98%);
background-image: -moz-linear-gradient(right, #FFFFFF 2%, #57C4FF 2%, #57C4FF 62%, #57C4FF 98%, #FFFFFF 98%);
background-image: -webkit-linear-gradient(right, #FFFFFF 2%, #57C4FF 2%, #57C4FF 62%, #57C4FF 98%, #FFFFFF 98%);
background-image: -ms-linear-gradient(right, #FFFFFF 2%, #57C4FF 2%, #57C4FF 62%, #57C4FF 98%, #FFFFFF 98%);
background-image: linear-gradient(to right, #FFFFFF 2%, #57C4FF 2%, #57C4FF 62%, #57C4FF 98%, #FFFFFF 98%);
} */



/*
#menu li:frst-child:hover a{
    background-color:#57c4ff;
    color:#000000;
    border-radius:150px 0 0 150px;
}

#menu li:last-child:hover a{
    background-color:#57c4ff;
    color:#000000;
	border-radius:0 150px 150px 0;
}

#menu li li:last-child:hover a{
    background-color:#57c4ff;
    color:#000000;
	border-radius:0 0 0 0;
} 
*/