@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	border:0;
}

body{
	background-color:#e1e1e1;
	font-size:14px;
	font-family:"Helvetica Neue",Helvetica, sans-serif;
	font-weight:200;
	color:#6c6c6c;
}
#conteneur{
	margin:20px auto;
	width:1000px;
	background-color:white;
}

/****************************************************************************************************************************** HEADER */
#header{
	padding:20px;
	width:960px;
	height:186px;
	background:url(../images/bg-header.jpg) top right no-repeat #f5f5f5;
}
#anime{
	width:960px;;
	height:139px;
}
#header #anime img{
	display:block;
	float:left;
	margin-left:20px;

}
#header #anime .chef{
	margin-left:76px;
	clear:both;
}

/****************************************************************************************************************************** MENU */
#menu{
	width:750px;
	height:45px;
	margin:auto;
}
#menu ul{
	width:750px;
	height:45px;
}
#menu ul li{
	width:150px;
	height:45px;
	text-align:center;
	line-height:45px;
	float:left;
	list-style-type:none;
	text-transform:uppercase;
}
#menu li a{
	text-decoration:none;
	display:block;
	height:45px;
	color:#6c6c6c;
	text-shadow:0px 1px 0px #FFFFFF;
	background:url(../images/separation.jpg) top left no-repeat;
}
#menu li a.accueil{
	background-image:none;
}
#menu li a.accueil:hover{
	/*background:url(images/grib-seul.png) top center no-repeat transparent;*/
}
#menu ul li a:hover{
	/*background:url(images/bg-menu-seul.png) top center no-repeat transparent;*/
	text-shadow:none;
}

/****************************************************************************************************************************** MENU FONDU */
#fondu {
	margin:0; 
	padding:0;
	list-style:none;	
	text-align:center;
}
#fondu li {
	float:left;	
	background:url(../default.jpg) no-repeat center center;	/* default background image	*/
	width:150px;
	height:45px;
	position:relative;
				/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
}
#fondu li a {
	z-index:20;		/* z-index must be higher than .hover class */
	display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
	/*line-height:47px;*/
	position:relative;
	/*font-family: 'Josefin Sans', sans-serif;*/
}
#menu #fondu li .hover {
	background:url(../images/bg-menu-clair-seul.png) top center no-repeat transparent;
	position:absolute;	/* must be postion absolute 	*/
	width:150px;
	height:45px;
	left:0; 
	top:0;	
	z-index:0;		/* display under the Anchor tag	*/
	display:none;	/* hide it by default	*/
}

/**************************************************************************************sous listes*/

/* IE ne reconnaissant pas le sélecteur ">" */

#menu li ul /* Sous-listes */
{ 
	position: absolute; 
	width: 150px; 
	left: -999em; 
	z-index:1000;
}
#menu li ul li
{
	width:150px;
	height:45px;
	line-height:70px;
	/*font-size:0.8em;*/
	text-align:center;
	/*background-color: #f5f5f5;*/
	background-color : rgba(245,245,245,0.95);
	border-top:1px solid #fff;
	
	-moz-box-shadow: 1px 1px 1px 0px #c0c0c0;
	-webkit-box-shadow: 1px 1px 1px 0px #c0c0c0;
	-o-box-shadow: 1px 1px 1px 0px #c0c0c0;
	box-shadow: 1px 1px 1px 0px #c0c0c0;
	/* [if lte IE 8]
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=1);
	}
	[endif] */
}
#menu li ul li a
{
	width:150px;
	height:45px;
	text-decoration:none;
	display:block;
	line-height:45px;
	color:#6c6c6c;
	text-shadow:0px 1px 0px #FFFFFF;
	background-image:none;
}
#menu li ul li a:hover
{
	width:150px;
	height:45px;
	text-decoration:none;
	display:block;
	background-image:none;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: 0; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}
	

/****************************************************************************************************************************** CONTENU */

/****************************************************************************************************************************** footer */
#footer{
	clear:both;
	width:1000px;
	height:37px;
	background-color:#f5f5f5;
}
#footer p{
	margin:auto;
	line-height:37px;
	/*vertical-align:middle;*/
	background-color:#f5f5f5;
	text-align:center;
	text-shadow:0px 1px 0px #FFFFFF;
	color:#b3b3b3;
}
#footer p a{
	text-decoration:none;
	color:#b3b3b3;
}
#footer p a:hover{
	color:#6c6c6c;
}
#footer p a em{
	font-style:normal;
}
#footer p a em:hover{
	font-style:normal;
}