@charset "utf-8";
nav {
	position: fixed;
	width: 1200px;
	height: 80px;
	top: 90px;
	left: 50%;				/* On positionne l'élément à la moitié de l'écran */
	margin-left: -600px;	/* On applique une marge négative de la moitié de la largeur de l'élément */
	/*display: inline-block;*/
	margin-top: 0px;
	padding: 10px 5px 5px 5px;
	/*overflow: hidden;*/
	background-color: #FFF;
	z-index: 99;
}
#navigation {	/* Pour la hauteur et le fond du menu principal */
	height: 70px;
	/*margin: 0 1px 0 1px;*/
	/*background-color: #2F2F2F;*/
	line-height: 70px;
	/*background-image:url(../images/menu/main-bg2.png); 		/* Si image en background, alors pas de couleur de fond */
}
#navigation ul {
    float: right;
	margin: 0;
    padding: 0px 0px 0px 0px;
    list-style: none;
    list-style-type: none;
	float: right;
	/*background-color: #2F2F2F;*/
	line-height: 60px;
	
	-moz-transition: .0s all .4s;
	-webkit-transition: .0s all .4s;
	transition: .0s all .4s;
}
#navigation ul.menu {
    padding-left: 5px;
	line-height: 100px;
}
#navigation li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0 5px 0 5px;
    display: block;
    float: left;
}
#navigation li:hover>ul {
    left: -2px;
}
#navigation a {
    position: relative;
    z-index: 10;
    height: 70px;
	width: auto;
    display: block;
    float: left;
    line-height: 70px;
    text-decoration: none;
	font-size: 18px;
    /*font: normal 12px Trebuchet MS;*/
}
#navigation a:hover, #navigation a:hover span {   	/* Couleur du lien survolé dans le menus principal*/
	color: #990000;
}
#navigation li.current a {}
#navigation span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
}
#navigation ul ul a.parent span {
    background-position:95% 8px;
    background-image: url(../images/menu/item-pointer.gif);
}
#navigation ul ul a.parent:hover span {
    background-image: url(../images/menu/item-pointer-mover.gif);
}
/* menu::level 1 */
#navigation a {
    padding: 0 7px 0 7px;
    line-height: 60px;
    color: #b9ae98;	/* Couleur des liens dans le menu */
}
#navigation span {
    margin-top: 5px;
}
/* Pour mettre un délimiteur entre les boutons du menu*/
#navigation li { 
	/*background: url(../images/ligne.gif)98% 4px no-repeat;*/
}
#navigation li.last { 
	background: none;
}
/* menu::level 2 */
#navigation ul ul li { 
	background: none; 
	z-index: 20;	/* Fait passer le sous-menu au-dessus du menu principal */
}
#navigation ul ul {
    position: absolute;
    top: 55px;
    left: -999em;
    width: 180px;	/* A reporter dans #navigation ul ul ul (Niveau 3)*/
    padding: 0;
    background: #fff;
    margin-top: 1px;	/* Espace entre le menu principal et le premier niveu de menu */
	
	-moz-transition: .0s all .4s;
	-webkit-transition: .0s all .4s;
	transition: .0s all .4s;
}
#navigation ul ul a {
    padding: 0 0 0 15px;
    height: auto;
    float: none;
    display: block;
    line-height: 35px;
    color: #b9ae98;
}
#navigation ul ul span {
    margin-top: 0;
    padding-right: 15px;
    _padding-right: 20px;
    color: #b9ae98;
}
#navigation ul ul a:hover span {	/* Couleur du lien survolé dans les sous-menus*/
    color: #990000;
}
#navigation ul ul li.last { 
	background: none; 
}
#navigation ul ul li {
    width: 100%;
}
/* menu::level 3 */
#navigation ul ul ul {
    padding: 0;
    margin: -50px 0 0 180px !important;	/* Hauteur du sous-menu */
    margin-left:172px;
	
	-moz-transition: .0s all .4s;
	-webkit-transition: .0s all .4s;
	transition: .0s all .4s;
}
/* menu::level 4 */
#navigation ul ul ul ul {
    padding: 0;
    margin: -49px 0 0 180px !important;	/* Hauteur du sous-menu */
    margin-left:172px;
	
	-moz-transition: .0s all .4s;
	-webkit-transition: .0s all .4s;
	transition: .0s all .4s;
}

/* colors */
#navigation ul ul ul { background: #2F2F2F; }
#navigation ul ul ul ul { background: #2F2F2F; }
#navigation ul ul ul ul { background: #2F2F2F; }
/* lava lamp */
/*#navigation li.back {
    background: url(../images/menu/lava.png) no-repeat right -44px !important;
    background-image: url(../images/menu/lava.gif);
    width: 13px;
    height: 44px;
    z-index: 8;
    position: absolute;
    margin: -1px 0 0 -5px;
}
#navigation li.back .left {
    background: url(../images/menu/lava.png) no-repeat top left !important;
    background-image: url(../images/menu/lava.gif);
    height: 44px;
    margin-right: 8px;
}*/