body, html {
	margin: 0;
	padding: 0;
	background: #000000;
}
html {
	font-family:Arial, Helvetica, sans-serif;
}
div#global {
	position: relative;
	width: 900px;
	margin: 0 auto;
}
div#haut{
	position:relative;
	width: 900px;
	
	background:  #00FF99/*url(../img/fond/visuel-index.jpg) no-repeat;*/
	height: 719px;
	/*background: url(../img/fond/index-degrade.png) top repeat-x #FFFFFF;
  height: 400px;*/
	display: table;
}
div#logo{
	position:absolute;
	width:331px;
	height: 150px;
	/*background: url(../img/fond/fond-logo.jpg) no-repeat;*/
	z-index: 100;
}
div#logo a{
	margin: 15px 0 0 7px;
	width: 275px;
	height: 80px;
	display:block;
	text-decoration:none;
}
div#menu{
	position:absolute;
	width:565px;
	height:26px;
	margin: 0 0 0 335px;
	z-index: 100;
}
div#haut-gauche{
	position:relative;
	width:450px;
	height:100%;
	float: left;
}
div#haut-droite{
	position:relative;
	width:450px;
	height:100%;
	float: right;
}
div#haut-texte{
	position:relative;
	width:390px;
	margin: 170px 0 0 40px;
}
div#haut-texte h1{
	margin: 0;
	color: #FF0000;
	font-size: 1.8em;
	text-indent: 10px;
}
div#haut-texte p{
	color: #333333;
	font-size: 0.7em;
	font-weight:bold;
	margin: 8px 0 0 0;
	text-indent: 10px;
}
div#bas{
	position:relative;
	width: 900px;
	background: url(../img/fond/bandeau-index-bas.jpg) no-repeat;	
	display: table;
	height: 206px;
}
div#bas-gauche{
	position:relative;
	margin: 50px 0 0 20px;
	width:435px;
	height:150px;
	float: left;
}
div#bas-gauche p{
	color: #FFFFFF;
	font-size: 0.7em;
	font-weight:bold;
	margin: 8px 0 0 0;
	text-indent: 10px;
}
div#bas-gauche h1{
	margin: 0;
	color: #ffa200;
	font-size: 1.6em;
	text-indent: 10px;
}
div#actu {
  position: absolute;
  z-index: 120;
  height: 89px;
  width: 112px;
  margin: 23px 0 0 455px;
  background: url(../img/fond/bouton-actu.jpg) no-repeat;
}
div#actu a{
  height: 89px;
  width: 112px;
  display: block;
  cursor: pointer;
  text-decoration: none;
}
div#actu :hover {
  background: url(../img/fond/bouton-actu-hover.jpg) no-repeat;
}
div#bas-droite{
	position:relative;
	width:340px;
	float: right;
	margin: 60px 0 0 0;
	color: #FFFFFF;
}
div#coord1{
	height: 41px;
	width: 247px;
	margin: 0 0 0 93px;
	background: url(../img/fond/index-coord-1.jpg) no-repeat;
}
div#coord1 a{
	height: 41px;
	width: 247px;
	display:block;
	text-decoration:none;
}
div#coord1 :hover {	
	background: url(../img/fond/index-coord-1-hover.jpg) no-repeat;
}
div#coord2{
	height: 41px;
	width: 277px;
	margin: 9px 0 0 63px;
	background: url(../img/fond/index-coord-2.jpg) no-repeat;
}
div#coord2 a{
	height: 41px;
	width: 277px;
	display:block;
	text-decoration:none;
}
div#coord2 :hover {	
	background: url(../img/fond/index-coord-2-hover.jpg) no-repeat;
}
div#coord3{
	height: 41px;
	width: 307px;
	margin: 9px 0 0 33px;
	background: url(../img/fond/index-coord-3.jpg) no-repeat;
}
div#coord3 a{
	height: 41px;
	width: 307px;
	display:block;
	text-decoration:none;
}
div#coord3 :hover {	
	background: url(../img/fond/index-coord-3-hover.jpg) no-repeat;
}
div#bas-droite p.ville{
	color:#ffa200;
	font-size: 0.9em;
	margin: 0;
	text-align:right;
}
div#bas-droite p{
	color:#FFFFFF;
	font-size: 0.8em;
	margin: 0;
	text-align:right;
}
.img{
	border: 2px solid #ffa200;;
}
div#pied-page {
	width: 900px;
	margin: 0 auto;
	text-align:center;
	height: 30px;
	line-height: 30px;
	color:#FFFFFF;
	font-size:0.8em;
}
div#pied-page a{
	color: #ffa200;
	text-decoration:underline;
}