/*positionnement MENU */

div#header {position:fixed; width:1000px; left:50%; margin-left:-500px; z-index:999; }
div#header > div#logo, div#nav, div#ribon_left, div#corner, div#ribon, div#ribon_right { position:absolute;}

div#ribon {top:81px; left:-50%; margin-left:-490px; height:63px;
	width:100%;
	background-image: url(../images/ribon.png);
}	
div#ribon_right {
	top:15px;
	left:907px;
	width:75px;	height:63px;
	background: url(../images/ribon_right.png) 0 0 no-repeat;
	z-index:-1;
}
div#ribon_left { 
	top: 81px;
	left:10px;
	height: 63px;
	width:316px;
	background-image: url(../images/ribon.png);
		z-index:12;
}
div#corner { 
	top: 15px;
	left:320px;
	height: 143px;
	width:65px;
	z-index:10;
	background: transparent url(../images/corner.png) 0 0 no-repeat;	
}
div#logo { 	
	left:40px;
	top:40px;
	width:265px;
	height: 173px;
	z-index:50;
}

div#nav { 
	left:379px;	
	top:15px;	
	width:528px;
	height: 63px;
	background-image: url(../images/ribon.png);
	
}

/***menu***/

a#lang {padding:0 0 0 0; margin: 0 0 0 0;background-image:none; width:20px; height:20px; position:absolute; top:17px; left:53px; z-index:999; color: #81A4B5; text-shadow: #000 1px -1px 0px; }
a#lang:hover {background-image:none; ; color:#D7D9BC;}
ul.menu{
	margin: 14px 0 0 20px;
	padding:0;
	list-style: none;
	font-family:'BritannicBoldRegular', georgia,garamond,serif;
	font-weight:bold;
	width:560px;
}
ul.menu a{
	text-decoration:none;
	outline:none;
	text-transform:none;
}

ul.menu li{
	float:left;
	width:80px;
	margin-left:5px;
	height:30px;
	text-align: center;
	position:relative;
	top:0;
	cursor:pointer;
	z-index:10;
	
	
}
ul.menu li.sub { margin-right:20px;}

ul.menu li a{

	z-index:30;
	
}


ul.menu li a span{
	
	z-index:20;
	color: #81A4B5;
	font-size:1.6em;
	text-shadow:1px 1px 0px #f0e7f0;
}


ul.menu li a span:hover {
	color: #003E53;
	text-shadow: 1px 1px 0px #f0e7f0;
	}

ul.menu li a.active span { 
	color: #003E53; 
	text-shadow: 1px 1px 1px #fff;
	}

/*---- sous menu ----*/

li.sub {z-index:50;}


li.sub ul.sub_menu{
	position:absolute;
	overflow:hidden;	
	top:0px; left:-58px;
	height:0px;	width:0px;	
	display:none;
	margin-left:30px;
	padding-left:45px;
	background: transparent url(../images/bg_ul_submenu.png) center left no-repeat;
	z-index:60;
}

li.sub ul.sub_menu li {height:20px; width:100px; margin:35px 0px 0 0px; padding-top:5px; display:inline; border-left: 1px solid #003E53;}

li.sub ul.sub_menu li:first-child  {border-left:none; padding-right:5px;}		
li.sub ul.sub_menu li a  {width:100px; }

li.sub ul.sub_menu li a span {
	color: #f0e7f0; text-shadow:0px -1px 0px #003E53 ;
	font-family:'BritannicBoldRegular';
	font-size:15px;	
	z-index:70;
	
	}

li.sub ul.sub_menu li a span:hover{
	color:#CAD4D8;  text-shadow: #000 0px -1px 0px;
	}

/*--social links--*/
div#social-links {position:absolute; top:17px; left:430px; z-index:50; height:35px;}
a#facebook, a#twitter, a#linkedin, a#tumblr {background:transparent url(../images/social_links.png) 0 0 no-repeat; position:relative; display:block; height:27px; width:26px;}
a#twitter{top:-28px;left:30px;background-position: -1px -28px;}
a#twitter:hover { background-position: -1px 0px;}
a#facebook {	top:-54px;	left:60px;	background-position: -27px -28px;}
a#facebook:hover {background-position: -27px 0px;	}	
a#linkedin {	top:-81px;left:90px;background-position: -53px -28px;}
a#linkedin:hover {background-position: -53px 0px;}		
a#tumblr {left:0px;background-position: -79px -28px;	}
a#tumblr:hover {background-position: -79px 0px;}

/*----- class active ----*/

div#logo a{display: block;width:260px; height:164px; margin-top:-40px;background:transparent url(../images/home_logo.png) 0 0px no-repeat;}
div#logo a:hover, #logo a.active  { background:transparent url(../images/home_logo.png) 0 -165px no-repeat;}
li.active a.nav span, li.sub a.dark span{
	color: #003E53; 
}

ul.menu li.sub {height:80px;}