

/* partie positionnement et déco */  
#menu a {  
    display:block;  
    color: #c4ffa4; /*#fff; */
	text-align: center; 
    text-decoration:none; 
	
}  
#menu > li,  
#menu > li li {  
    position: relative;  
    display:inline-block;  
    width: 80px;  /* 90px; */
    padding: 6px 15px;  
    background-color: #444444;;  
	background-image: -moz-linear-gradient(#7c7c7c, #111); /* #444, #111 */
		background-image: -webkit-gradient(linear, left top, left bottom, from(#7c7c7c), to(#111));	
		background-image: -webkit-linear-gradient(#7c7c7c, #111);	
		background-image: -o-linear-gradient(#7c7c7c, #111);
		background-image: -ms-linear-gradient(#7c7c7c, #111);
		background-image: linear-gradient(#7c7c7c, #111); 
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		
} 

#menu li {
	/*float: left; */
	border-right: 2px solid #222; /* #444 */
	-moz-box-shadow: 2px 0 0 #7c7c7c;
	-webkit-box-shadow: 2px 0 0 #7c7c7c;
	box-shadow: 2px 0 0 #7c7c7c;
	position: relative;
}

/* Added on 2013-01-15 by LL */
#menu li li {
	background: url(../Images/bg_ss_menu2_112.png) left top no-repeat;
	border: none;
	width: 82px; /* 112-30 de padding */
	min-height: 46px;
	height: auto !important;
	height: 46px; /* 58-12 de padding */
	box-shadow: none;
	border-radius: 0;
	padding-bottom: 8px;
	z-index: 15; 
}


#menu li li:hover {background: url(../Images/bg_ss_menu_hover_112.png) left top no-repeat;}

/* #menu > li li { background: transparent none; } Commented by LL */

#menu > li li a { color: white; }/*#444; } couleur du texte sous-menu*/ 
#menu > li li a { font: .8em Arial, Helvetica;}
#menu > li li a { border-bottom: 2px solid dark; }
/* #menu > li li:hover {background:grey;} Commented by LL */
#menu > li:first-child {  
	border-right: 2px solid #777; 
	border-bottom: 1px solid white; 
	border-radius: 8px 0 0 8px;  
}  
#menu > li + li {  
    border-left: 2px solid #aaa; 
	border-bottom: 1px solid white;  
    border-right: 2px solid #777;  
}  
#menu > li:last-child {  
    border-right:0;  
/*	border-bottom: 2px solid white; */
    border-left: 2px solid #aaa;
	border-right: 1px solid #757373;
	border-radius: 0 8px 8px 0 ;  
}  
#menu > li:hover {  
    background-color: #000944;  
    background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);  
}  
/* (presque) fin de la partie positionnement/déco */  
/* dans cette déclaration, on fixe le max-height */  
#menu ul {  
    position: absolute;  
    /* top: 2em; Commented by LL */
	top: 30px;
	left:0;  
    max-height:0em;  
    margin:0;
	padding: 5px 0 0;  
    /* background-color:#444;
    background-image: linear-gradient(#fff,#ddd); Commented by LL */
    overflow:hidden;  
    transition: 1s max-height 0.1s;  
    border-radius: 0 0 8px 8px;  
}  
/* ici on change la valeur de max-height au :hover */  
#menu > li:hover ul {  
    /* need an adaptation, lower is better, but see it large   */  
    max-height:83em;  
} 

#logofacebook {

float: right;

}
#logoFR3 {
	float: right;
	
	
}
