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

body {
	font-size : 0.75em;
	font-family : Arial, Helvetica;
	background-color : #503C1B;
}

#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.png);
	background-repeat : no-repeat;
	background-position : left top;
}

#grand-titre {
	color : #372912;
	position : absolute;
	bottom : 131px;
	right : 45px;
	z-index : 98;
	margin : 0;
	padding : 0;
		font-size : 3.4em;
		font-weight : bold;
		font-family : fantasy;
		text-align : center;
}

#grand-titre-ombre {
	color : #FFF;
	position : absolute;
	bottom : 129px;
	right : 43px;
	z-index : 97;
	margin : 0;
	padding : 0;
		font-size : 3.4em;
		font-weight : bold;
		font-family : fantasy;
		text-align : center;
}




/* Le code html des liens */

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

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

div.icon-details p {
	color : #382912;
	margin-top : 0;
	font-size : 1.1em;
	font-weight : bold;
	line-height : 1.3em;
}


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

a.icon:hover {
	color : #880000;
	text-decoration : none;
}

a.icon:active {
	color : #382912;
	text-decoration : none;
}

a.visited {
	color : #705123;
	text-decoration : none;
}

a.icon.visited:hover {
	color : #880000;
	text-decoration : none;
}

a.icon span {
	margin-top : 0;
	font-size : 2.2em;
	font-weight : bold;
/*	font-family : Arial, Helvetica;*/
/*	font-family : cursive;*/
	font-family : fantasy;
	display : text;
	line-height : 40px;
	text-align : center;

	/* 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 : text;
	/*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 */

/*la chapelle*/
#menu1 li.link1 a {
	left : 130px;
	top : 560px;
}
/*le tympan*/
#menu1 li.link2 a {
	left : 60px;
	top : 492px;
}
/*la nef*/
#menu1 li.link3 a {
	left : 30px;
	top : 458px;
}
/*les tribunes*/
#menu1 li.link4 a {
	left : 42px;
	top : 356px;
}
/*le déambulatoire*/
#menu1 li.link5 a {
	left : 135px;
	top : 458px;
}
/*le choeur*/
#menu1 li.link6 a{
	left : 50px;
	top : 424px;
}
/*le trésor*/
#menu1 li.link7 a {
	left : 30px;
	top : 526px;
}

/*le cloitre*/
#menu1 li.link8 a {
	left : 204px;
	top : 492px;
}

/*vue village*/
#menu1 li.link9 a {
	left : 175px;
	top : 526px;
}
/*le transept*/
#menu1 li.link10 a {
	left : 80px;
	top : 390px;
}
/*le chevet*/
#menu1 li.link11 a {
	left : 197px;
	top : 424px;
}



/* page about */

#about{
	border: none;
	margin: 0px;
	padding: 0px;
	font-size : 0.9em;
	font-family : Arial, Helvetica;
	background-color : #FFF;
}


#about img{
	float:left;
}

#debut{
margin-left:254px;
background-color : #fff;
margin-right:60px;	
}




#about h1 {
	font-size : 1em;
	color : #503C1B;
	margin-bottom:0;
}

#about h2 {
	margin:15px 0 0px 0;
	padding:0;
	font-size : 1.1em;
	color : #503C1B;
line-height:0.6em;
}



#about h3 {
	font-size : 0.75em;
	font-family : Arial, Helvetica;
	color : #333;
	text-align:center;
}



#about h4 {
		float:left;
		margin:0;
	font-size : 1em;
	color : #503C1B;
line-height:1.4em;
}


#about h5 {
	margin:15px 0 0px 5px;
font-style:italic;
	font-size : 1em;
	color : #503C1B;
line-height:0.6em;
}

#about a {
	color : #503C1B;
}


#about a:hover {
text-decoration:none;
}


#about p {
line-height:1.4em;
}




/* page 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;
}

/* Page crédits */



ul#credits {
	position : absolute;
	bottom : 15px;
	right : 0px;
	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 : #503C1B;
	font-weight : bold;
	text-decoration : none;
	color : #FFF;
}

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