html, body{
	margin:0px;
	padding:0px;
	height:100%;
	min-width:1024px;
	font-family: 'MankSansMedium', Arial, sans-serif;
	background: url(img/bg.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #0961aa;
}

@font-face{
	font-family: 'MankSans';
  	src: url('font/MankSans.ttf') format('trutype');
	font-family: 'MankSansMedium';
	src: url('font/manksansmedium.ttf') format('truetype');
  	font-weight:normal;
	font-style:normal;
}

#container {
	min-height:100%;
	min-width:1024px;
	position:relative;
	left:0px;
	right:0px;
	margin:0px auto 0px auto;
	color:#fff;
	z-index:4;
}
#header {
	background: url(img/bg_01.png) repeat-x;
	min-witdh:1024px;
	padding:0px;
	z-index:6;
}

#logo{
    width:185px;
    height:165px;
    background:url(img/logo.png) no-repeat center;
    position:relative;
	right:330px;
    top:18px;
	margin:0 auto 0 auto;
	z-index:6;
}
#logo a{
	width:146px;
	height:160px;
	position:absolute;
	left: 19px;
	border-bottom: 0px;
	
}

#menu{
	position:absolute;
	top:67px;
	left:170px;
	right:0px;
	width:650px;
	margin:0px auto 0px auto;
	z-index:5;
}

#menu_bg{
	min-width:1024px;
	height:67px;
	position:absolute;
	top:50px;
	left:0px;
	right:0px;
	background:url(img/bg_05.png) repeat-x;
	z-index:2;
}

#menu a{
	text-decoration: none;
	margin-left: 28px;
	font-size: 23px;
	border-bottom: 2px #5277A1 solid;
	color: #5277A1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#menu a:hover, a:focus{
	text-decoration:none;
	color:#fff;
	text-shadow:#fff 0px 0px 4px;
	border-bottom: 5px #71cbff solid;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

li #active {
	color:#fff;
	text-shadow:#fff 0px 0px 4px;
	border-bottom: 5px #71cbff solid;
}

#menu li{
	float: left;
	list-style: none;
	padding-bottom:2px;
}

#langue a{
	width:150px;
	height:35px;
	margin:auto;
	position:relative;
	right:-50px;
	top:4px;
	color:#fff;
	border-bottom: 0px;
	font-size:19px;
	text-shadow:#fff 0px 0px 4px;
	text-decoration:none;
	z-index:5;
}

#langue a:hover{
	color:#5277A1;
	text-shadow:#000 0px 0px 0px;
	z-index:5;
	border-bottom: 0px;
}

#body{
	width: 875px;
	margin: 0px auto 0px auto;
	padding: 10px;
	padding-bottom: 180px;	/* Height of the footer */
	z-index: 5;
}

#bottom_bar{
    min-width:1024px;
    height:67px;
	position:absolute;
	left:0px;
	right:0px;
	bottom:95px;
	text-align:center;
	padding-bottom:24px;
    background:url(img/bg_05.png) repeat-x center;
	
	z-index:3;
}

#bottom_bar p{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
    font-size:28px;
	color:#FFF;
    text-shadow: #000 1px 1px 2px;
	
	z-index:2;
}

#footer {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	min-width:1024px;
	height:75px;			/* Height of the footer */
	background:url(img/bg_08.png) repeat-x center;
	z-index:4;
}
	/* other non-essential CSS */
#header p,
#header h1{
	margin:0;
	padding:10px 0 0 10px;
}
#footer p {
		font-size:17px;
		color:#FFF;
		padding:7px;
		margin:0px;
		text-align:center;
		text-shadow: #000 2px 2px 3px;
}

.mc_position{
	position:relative;
	top:13px;
}

img{
	font-size;:0px;
	border:0px;
}