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('fr/font/MankSans.ttf') format('trutype');
	font-family: 'MankSansMedium';
	src: url('fr/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:332px;
    height:320px;
    background-image:url(img/home_logo.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
    position:relative;
	right:0px;
	left:-345px;
    top:19px;
	margin:0 auto 0 auto;
	z-index:6;
}

#menu{
	position:relative;
	top:-1px;
}

#menu a{
	text-decoration: none;
	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:-650px;
	top:-27px;
	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: 175px;
	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: 29px;
	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;
}