html {
  height: 80%;
  margin-bottom: 0px;
}
form {
  margin: 0;
  padding: 0;
}
body {
	font-family:Arial, Tahoma, verdana;
	color: #eebd29;
	height: 80%;
	margin: 0;
	padding:0px 0px 0px 0px;
	font-size: 14px;	
	background-color: #000000;
}
/*****************************************/
/*** Structure de la page ***/
/*****************************************/
div.page {
	position:absolute;
	/*top: 50%;*/
	left:50%;
	margin-top: 10px;
	margin-left: -512px;
	z-index:99;
	height:660px;
	width : 1024px;
	background: url(images/fondpageblack.jpg) top center no-repeat;
}
div.header {
	position: relative;
	width : 1024px;
	height: 95px;
	margin : auto;
}
div.logoedia {
	float: left;
	position: relative;
	margin-left :20px;
}
div.logoedia2 {
	float: left;
	position: absolute;
	margin-left :50px;
}
#logoedia2 ul {
	list-style: none;
	overflow : visible;
	text-decoration: none;
	margin-top :10px;
	margin-left :0px;
}
#logoedia2 li {
	font-family:Arial, Tahoma, verdana;
	text-align:left;
	float: left;
	font-size: 14px;
	text-decoration: none;
}
#logoedia2 a:hover {
	font-family: Arial, Tahoma, verdana;
	text-align:left;
	color: #eebd29;
	font-size: 14px;
	text-decoration: none;
}
#logoedia2  a {
	font-family: Arial, Tahoma, verdana;
	color: #eebd29;
	text-align:left;
	font-size: 14px;
	text-decoration: none;
}
div.entetedia {
	float: left;
	position: relative;
	width : 360px;
	margin-left : 210px;
	margin-top:-15px;
}
#entetedia ul {
	list-style: none;
	overflow : visible;
	text-decoration: none;
	margin-top :0px;
}

#entetedia li {
	font-family:  Arial, Tahoma, verdana;
	float: right;
	font-size: 13px;
	text-decoration: none;
}

#entetedia a:hover {
	font-family: Arial, Tahoma, verdana;
	color: #eebd29;
	font-size: 13px;
	text-decoration: none;
}

#entetedia  a {
	font-family: Arial, Tahoma, verdana;
	color: #eebd29;
	font-size: 13px;
	text-decoration: none;
}
div.emploedia {

	float: right;
	position: relative;
	width : 280px;
	margin-top :0px;
}
div.title {
	font-family:  Arial, Tahoma, verdana;
	font-size: 28px;
	position: relative;
	width : 520px;
	float: left;
	margin-left : 140px;
	margin-top : 40px;
	text-align: left;
}
div.content {
	position: relative;
	float: left;
	width : 520px;
	margin-left : 140px;
	margin-top : -10px;
	z-index:99;
}
div.content2 {
	position: absolute;
	z-index:1;
	background-color:#003366;
	color:FFFFFF;
	float: left;
	width : 700px;
	height:500px;
	margin-left : 140px;
	margin-top : 0px;
}
div.coldroite {
	position: relative;
	float: right;
	color: #eebd29;
	font-size: 18px;
	text-align:right;
	width : 230px;
	margin-right : 110px;
	margin-top : 20px;
}
div.coldroite2 {
	position: relative;
	float: right;
	color: #eebd29;
	font-size: 12px;
	text-align:right;
	width : 180px;
	margin-right : 110px;
	margin-top : 100px;
}
div.menu {
	float: left;
	color: #eebd29;
	position: absolute;
	width : 900px;
	height: 35px;
	margin-top : 530px;
	margin-left : 85px;
}
div.mention {
	float: left;
	color: #eebd29;
	position: absolute;
	width : 50px;
	height: 35px;
	margin-top : 530px;
	margin-left : 910px;
}
#mention li {
	font-family:  Arial, Tahoma, verdana;
	float: right;
	font-size: 9px;
	text-decoration: none;
}

#mention a:hover {
	font-family: Arial, Tahoma, verdana;
	color: #eebd29;
	font-size: 9px;
	text-decoration: none;
}

#mention  a {
	font-family: Arial, Tahoma, verdana;
	color: #eebd29;
	font-size: 9px;
	text-decoration: none;
}