body {
	background-image: url(images/fond_01.jpg);
	background-repeat: repeat;
}

.copyright {
	position: absolute;
	left:270px;
	top: 100%;
	font-family: Arial;
	color: #FFF;
	font-size: 10px;

}
.copyright  a{

	font-family: Arial;
	color: #FFF;
	font-size: 10px;

}
.copyright  a:hover{

	font-family: Arial;
	color: #000000;
	font-size: 10px;

}
.copyrightindex {
	position: absolute;
	left:170px;
	top: 100%;
	font-family: Arial;
	color: #FFF;
	font-size: 10px;

}
.copyrightindex  a{

	font-family: Arial;
	color: #FFF;
	font-size: 10px;

}
.copyrightindex  a:hover{

	font-family: Arial;
	color: #000000;
	font-size: 10px;

}
.logo{
	position: absolute;
	left:50px;
	top: 198px;

}
.logo2{
	position: absolute;
	left:65px;
	top: 15px;

}
.titre1{
	position: absolute;
	left:80px;
	top: 90px;
	color: #F4C100;
	font-weight: bold;
		font-family: Verdana;
font-size: 25px;
}

.langue{
	position: absolute;
	left:25px;
	top: 162px;
	color: #F4C100;
	font-weight: bold;
		font-family: Verdana;
font-size: 25px;
}


.chapob{
	position: absolute;
	left:63px;
	top: 140px;
	color: #336699;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	width: 500px;
}

.menu{
	position: absolute;
	left: 430px;
	top:10px;

}
.menu ul {

	list-style-type: none;
}

.menu li{
	display:inline;
	padding-right:50px;

}

.menu a {
	text-decoration: none;
	font-family: Verdana;
	font-size: 12px;
	color: #336699;


}

.menu a:hover {
	color: #F4C100;
	font-weight: bold;


}

.active a {
color: #F4C100;
	font-weight: bold;
	
}

.personnage{
	position: absolute;
	left: 455px;
	top:70px;

}

.personnage2{
	position: absolute;
	left: 570px;
	top:150px;

}
.personnage3{
	position: absolute;
	left: 630px;
	top:150px;

}
.personnage4{
	position: absolute;
	left: 572px;
	top:210px;

}

.chapo{
	position: absolute;
	left: 458px;
	top:250px;
	font-family: Arial;
	font-size: 17px;
	color: #336699;
	width: 466px;
	height: 75px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #336699;

}
.aboutus{
	position: absolute;
	left:80px;
	top: 130px;
	font-family: Verdana;
	font-size: 12px;
	color: #999999;
	width: 700px;
	height: 304px;
}
.aboutus h2{
	font-family: Verdana;
	font-size: 12px;
	color: #327490;
}

.contact{
	position: absolute;
	left:60px;
	top: 160px;
	font-family: Verdana;
	font-size: 12px;
	color: #999999;
	width: 350px;
	height: 304px;

	padding: 10px;
}

.recruitment{
	position: absolute;
	left:60px;
	top: 160px;
	font-family: Verdana;
	font-size: 12px;
	color: #999999;
	width: 450px;
	height: 350px;
	font-weight: bold;
	overflow-y:auto; 
	border: thin solid #999999;
	padding: 5px;
}
.recruitment a{

	font-family: Verdana;
	font-size: 12px;
	color: #336699;
	font-weight: bold;
	text-decoration: underline;

}

.recruitment a:hover{
	
	color: #666666;
	

}

.contact2{
	position: absolute;
	left:300px;
	top: 160px;
	font-family: Verdana;
	font-size: 12px;
	color: #999999;
	width: 268px;
	height: 304px;

	padding: 10px;
}
.contacts{

	font-family: Verdana;
	font-size: 12px;
	color: #999999;
	
	font-weight: bold;
}

.contact h2{
	font-family: Verdana;
	font-size: 12px;
	color: #327490;
}

.chapo2{
	position: absolute;
	left: 460px;
	top:352px;
	width: 448px;
	height: 136px;
	font-family: Arial;
	font-size: 32px;
	color: #7c7c7c;

}
.offer_view{
	margin-left:20px;
	margin-right:20px;

}
.afficheAnnonce{
	font-family: verdana;
	font-size: 11px;
	color: #666666;
}
.mention{
font-size: 9px;
}