/* @import url(debug.css);	 */

* {
	padding: 0px;
	margin: 0px;
}
img {
	border-width: 0px;
}
body {
	font-size: 13px;
	font-family: "comic sans ms",sans-serif; 
	text-align: center;
	background-color: #BBB;
	behavior: url(csshover.htc);
}
div.clearfloats {
	clear: both;
	font-size: 1px;
}

#conteneur {
	text-align: left;
	background-color: #E6F4A9;
	margin-left: auto;
	margin-right: auto;
	width: 790px;
	/* permet de fixer une hauteur mini sur les navigateurs modernes */
	min-height: 577px;
	/* pour obtenir le même effet sur IE, sachant que si le contenu dépasse, il
	"poussera" la hauteur en ne respectant pas la norme. On se joue de ses lacunes
	*/
	height: 577px;
} 
/* pour rétablir le mauvais effet de height sur les nav. modernes */
html>body #conteneur{
	height:auto;
}

div#bandecarte {
	float: left;
}
div#bandecarte img{
	width: 320px;
	height: 577px;
}
div#contenu {
	text-align: left;
	width: 460px;
	float: right;
}

	#photo {
		width: 400px;
		height: 216px;
		margin-right: 10px;
		float: right;
	}
	#visuphotos {
		width: 430px;
		margin-right: 5px;
		text-align: center;
		margin-top: 15px;
		float: right;
	}
		#visuphotos img.red {
			width: 80px;
			height: 50px;
		}
		#visuphotos ul {
			width: 100%;
			clear: both;
		}
		#visuphotos ul li{
			padding: 1px;
			float: left;
			list-style: none;
		}
		#visuphotos ul li p {
			position: absolute;
			display: none;
		}
		#visuphotos ul li:hover p{
			display: block;
		}
		#visuphotos ul li a {
			text-decoration: none;
			color: black;
		}

	#visucarte {
		background-color: #FFFFAA;
		border: solid 2px green;
		width: 210px;
		margin-top: 10px;
		margin-right: 5px;
		float: right;
		padding: 2px;
		text-align: center;
	}
		#visucarte ul {
			width: 100%;
			clear: both;
			text-align: left;
		}
		#visucarte ul li{
			padding: 1px 4px;
			float: left;
			list-style: none;
		}
		#visucarte ul li p {
			position: absolute;
			display: none;
		}
		#visucarte ul li:hover p{
			display: block;
		}
		#visucarte ul li a {
			text-decoration: none;
			color: black;
		}
		#visucarte ul li a:hover{
			border-style: solid none;
			border-width: 1px;
			border-color: black;
		}
	#services {
		width: 210px;
		font-weight: bold;
		text-align: center;
		background-color: #FFFFAA;
		border: solid 2px green;
		margin: 5px 5px 5px 10px;
		float: right;
	}
	#reservationacces {
		width: 200px;
		text-align: center;
		margin-left: 0px;
		margin-top: 30px;
		float: left;
	}
		#reservation {
			font-size: 10x;
		}
		#acces {
			margin:auto;
			text-align: center;
			background-color: #FFFFAA;
			padding: 2px;
			border: solid 2px green;
			width: 100px;
			margin-top: 30px;
		}
			#acces div p {
				position: absolute;
				display: none;
			}
			#acces div:hover p{
				display: block;
			}



p.zonevisu {
	text-align: center;
	background-color: #FFFCE1;
	padding: 5px;
	border: solid 2px green;
	top: 20px;
	left: 20px;
}
		
div#bandeinfo {
	text-align: right;
	font-size: 10px;
	font-family: verdana,sans-serif; 
	background-color: #bbb;
	padding: 2px;
	border-bottom: solid 1px black
}
p#conception {
	float: right;
}
p#site  {
	float: left;
}
div.debug {color: #FF9900}
ul {}