@charset "UTF-8";

#header {
	width: 100%;
	display: block;
	height:88px;
	text-transform: uppercase;
	position: fixed;
	top:0;
	z-index:2;
	background: url(../images/content/background-bloc.png);
	/*font-family: 'metrophobicregular' !important;*/
}
#header .navigation{
	height:60px;	
	background-color: #463935;
}
#header div li {
	display: inline;
	margin-left: 8px;
}

#header div li:first-child {
	margin-left: 0!important;
}

#header div ul {
	display: inline-block;
	position: absolute;
	/*width:450px; */
}

#header ul.nav1  {
	margin: 25px auto 0 -460px;
	position: absolute;
	left: 50%;
	top: 0;
    text-align:left;
    width:407px;
	
}

#header ul.nav2 {
    margin: 25px -490px 0 auto;
    position: absolute;
    right: 50%;
    top: 0;
    text-align:right;
    width:430px;
}

#header ul a {
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;
	padding: 0 2px;
	font-size:12px;
	-webkit-transition: color 0.5s ease;/* Safari 3.2+, Chrome */
	-moz-transition: color 0.5s ease;/* Firefox 4-15 */
	-o-transition: color 0.5s ease;/* Opera 10.5-12.00 */
	transition: color 0.5s ease;/* Firefox 16+, Opera 12.50+ */
}

#header.galMenu .navigation ul{
	display:none	
}


#header ul.navGal  {
	margin: 0px auto 0 -490px;
	position: absolute;
	left: 50%;
	top: 0;
    text-align:left; 
	display:none;
	height:28px;
}
#header.galMenu .navigation ul.navGal{
	display:block	
}

#header.galMenu{
	height:28px;
	z-index:13;
}
#header.galMenu .navigation{
	height:0;
	
}
#fleches{ 
	background: url("../images/content/background-bloc.png") repeat scroll 0 0 transparent;
    bottom: 0;
    display: inline-block;
    height: 28px;
    margin-right: -490px;
    position: absolute;
    right: 50%;
}
#fleches .close{
	width:80px;	
	padding: 0 10px;
	display: none;
}

#header.galMenu  #fleches .close{
	display: block;	
}
#fleches span,
#fleches a{
	display:block;
	height:28px;
	line-height: 28px;
	vertical-align: middle;
	color:#FFF;
	width:18px;
	float:right;
	text-decoration:none;
	text-align:center;
	-webkit-transition: color 0.5s ease;/* Safari 3.2+, Chrome */
	-moz-transition: color 0.5s ease;/* Firefox 4-15 */
	-o-transition: color 0.5s ease;/* Opera 10.5-12.00 */
	transition: color 0.5s ease;/* Firefox 16+, Opera 12.50+ */
}
#fleches a:hover{
	
	  color: #D94D2F;
}

#header ul li.reserve a {
	line-height: 15px;
	margin-top: 10px;
}

#header ul a:hover, #header ul a.current, #header ul a.active, .active a {
	color: #d94d2f;
}

.logo {
    left: 50%;
    margin-left: -57px;
    position: absolute;
    width: 115px;
}

.logo a, div ul {
	margin: 0 auto;
}

.logo a span,
.logo a {
	display:block;
	width: 115px;
	height: 80px;
	background: transparent url(../images/header/logo.png) top left no-repeat;
}

/*.logo a span {
	width: 115px;
	height: 90px;
	display: block;
}*/

.logo a:hover {
	/*background-position: bottom left;*/
}
#header.galMenu .navigation ul.avantlogo {
    display: block; 
    margin: 0px 80px 0 auto;
    position: absolute;
    right: 50%;
    top: 0;
    text-align: right;
    width: 430px;

}
#header.galMenu .navigation ul.apreslogo {
    display: block; 
    margin: 0px -330px 0 auto;
    position: absolute;
    right: 50%;
    top: 0;
    text-align: right;
    width: 430px;

}