.infobulle{ 
  color: #FFFFFF;
  position: absolute;  
  visibility : hidden;
  border: 2px solid #B1DBF3;
  padding: 10px; 
  font-family: Trebuchet MS;
  font-size: 10pt;
  background-color: #FFA500;
}
body {
	background-color: #ECD4A8;
	background-image: url(images/background.gif);
	background-repeat:no-repeat;
}

a:link {
	font-size: 16px;
	font-style: normal;
	color: #CC3300;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	font-size: 16px;
	font-style: normal;
	color: #CC3300;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	font-size: 18px;
	font-style: italic;
	color: #CC3300;
	text-decoration: none;
	font-weight: bolder;
}


#principal {
	width: 900px;
	height:  550px;
	position: absolute;
	background-color: #ECD4A8;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: -450px;
	left: 50%;

}
#pub {
	position: absolute;
	top: 400px;
}
#contenu {
	float: right;
	width: 740px;
	background-color: #ECD4A8;
	height:  410px;
	overflow: auto;
	margin-left:10px;
}
#haut {
	height: 200px;
	width: 900px;
	background-color: #ECD4A8; 
	background-image:url(images/bourgade.gif);
	background-repeat: no-repeat;

}
#ressources {
	float: right;
	height: 130px;
	width: 750px;	
}
#menu {
	position:absolute;
	width: 150px;
	height: 540px;
	overflow: scroll;	
}

#iframe {
	float: left;
	height: 500px;
	width: 500px;
}