html, body, #wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
}

body {
	font-size : 0.75em;
	font-family : Arial, Helvetica;
/*	background-color : #E6F2F4;*/
	background-color : #CFCDD0;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	width: 900px;
	border : 0 none;
	margin : 0 none;
}

#wrapper td {
	border: 0 none;
	border-collapse : collapse;

}

#container {
	display : block;
	position : relative;
	margin : 0 auto;
	width : 900px;
	height : 650px;
	background-image : url(../img/fond.jpg);
	background-repeat : no-repeat;
	background-position : left top;
}

/* Le code html des liens */

/* bloc de texte au survol */
div.icon-details {
	
	position : absolute;
	left : 10px;
	bottom : 10px;
	display : block;
	width : 230px;
	height : 260px;
	overflow : hidden;
	display : none;
	
}

div.icon-details h3 {
	color : #CF3616;
	font-size : 1.3em;
	margin-bottom : 0.5em;
}

div.icon-details p {
	margin-top : 0;
	font-size : 1em;
	line-height : 1.2em;
}


a.icon {
	display : block;
	width : 30px;
	height : 30px;
	background-image : url(../img/boutons.png);
	background-repeat : no-repeat;
	background-position : left top;
	text-decoration : none;
}	

a.icon:hover {
	background-position : 0 -30px;
}

a.icon:active {
	background-position : 0 -30px;
}

a.icon.visited {
	background-position : 0 -60px;
}

a.icon.visited:hover {
	background-position : 0 -30px;
}

a.icon span {
	display : block;
	line-height : 30px;
	text-align : center;
	color : #FFF;
	/* Décommenter pour ne pas afficher les numéros */
	display : none; 
	
}

/* Le conteneur de la carte */
#map1 {
	position : absolute;
	right : 0px;
	bottom : 0px;
}

div.map {
	display : block;
	width : 900px;
	height : 650px;
}

/* la carte */
img.main-map {
	position : absolute;
	top : 0;
	left : 0;
	z-index : 10;
}

/* l'image de survol (sprite) */
div.map div.over {
	display : block;
	width : 900px;
	height : 650px;
	position : absolute;
	top : 0;
	left : 0;
	background-image : url(../img/sprite1-0.png);
	background-position : top left;
	background-repeat : no-repeat;
	z-index : 60;
	background-position : left top;
}

ul.menu {
	display : block;
	width : 620px;
	height : 350px;
	margin-top : 40px;
	margin-left : 100px;
	
}

ul.menu li {
	list-style : none;
}

ul.menu li a {
	
	display : block;
	width : 395px;
	height : 30px;
	position : absolute;
	z-index : 98;
}

.clearfix {
	clear : both;
	line-height : 0;
	font-size : 0;
}

#menu1 li.arrow1 a {
	left : 40px;
}

#menu1 li.arrow2 a {
	left : 442px;
}

#menu1 li.arrow3 a {
	top : 270px;
}


/* première ligne */

#menu1 li.link1 a {

	top : 480px;
}

#menu1 li.link2 a {
	top : 503px;

}

#menu1 li.link3 a {
	top : 526px;
}

#menu1 li.link4 a {
	top : 549px;
}

#menu1 li.link5 a {
	top : 572px;
}

#menu1 li.link6 a{
	top : 595px;
}

#menu1 li.link7 a {

	top : 618px;
}


/*seconde colonne*/

#menu1 li.link8 a {
	top : 503px;
}


#menu1 li.link9 a {
	top : 526px;
}

#menu1 li.link10 a {
	top : 549px;
}

#menu1 li.link11 a {
	top : 572px;
}

#menu1 li.link12 a {
	top : 595px;
}

#menu1 li.link13 a {
	top : 618px;
}



/* Image crédits */

#credits-img {
	display : none;
}

#credits-img a {
	display : block;	
	width : 900px;
	height : 650px;
	text-decoration : none;
	position : absolute;
	top : 0;
	left : 0;
	z-index : 99;
	background-color : #FFF;
}

#credits-img a span{
	display : none;	
}

#credits-img a:hover span {
	display : block;
	color : #ccc;
	text-align : right;
	padding-right : 10px;
	line-height : 30px;
	font-size : 1.4em;
}

/* Menu crédits */

ul#credits {
	position : absolute;
	top : 80px;
	right : 30px;
	z-index : 98;
	margin : 0;
	padding : 0;
}

ul#credits li {
	list-style : none;
	float : left;
	margin : 0;
	padding : 0;
	padding-left : 5px;
}

ul#credits li a {
	display : block;
	float : left;
	padding : 0 10px;
	height : 30px;
	line-height : 30px;
	background-color : #CFCDD0;
	text-decoration : none;
	color : #000;
}

ul#credits li a:hover {
	background-color : #999;
	color : #FFF;
}