/* Eléments HTML en général
-------------------------------------------------------- */


h1 {
	color:#00CC33;
}

#bloc-texte {
	float: left;
	width:320px;
	margin:20px 10px 10px 40px;
}
#titre-hotel {
	height:90px;
	padding:0;
	margin:5px 0;
}
#titre-hotel img {
	padding:0;
	margin:0;
}
#titre-hotel img.icone {
	margin:0 0 15px 0;
}
#titre {
	height:90px;
	padding:0;
	margin:15px 0px 0px 100px;
}
#titre img {
	padding:0;
	margin:0;
}
#titre img.icone {
	margin:0 0 15px 0;
}
#titre h1 {
	float:none;
	display:inline;
	color:#8C0F09;
	font-variant:small-caps;
	margin: 0 0 0 10px;
}
#texte {
	margin:5px;
	background-color:#AE8545;
}	
#texte p {
	padding:15px;
	background-color:#AE8545;
	color:#FFFFFF;
	font-size:16px;
}	
#contenu-texte {
	width:80%;
	margin: 0 auto;
}
#contenu-texte li {
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:16px;
	font-variant:small-caps;
	width:70%;
	color:#8C0F09;
}
#contenu-texte p {
	padding: 10px 20px;
}
#hotel, #demi-pension {
	width:59%;
}
#restaurant {
	float:right;
	width:39%;
}
#hotel p, #restaurant p, #demi-pension p {
	width:90%;
}
#hotel p span, #restaurant p span, #demi-pension p span {
	float:right;
	padding:0;
	margin:0;
}
#bloc-image {
	float: right;
	width: 584px; 
	margin:20px 40px 10px 0px;
}
#slideshow * { 
	margin: 0; 
	padding: 0; 
}
#slideshow { 
	position: relative; 
	width:100%;
	height: 366px; 
}
#slideshow #menu, #slideshow #pictures, #slideshow #loading { 
	position: absolute; 
}
#slideshow #loading { 
	display: block; 
	top: 158px; 
	left: 205px; 
	text-indent: -5000px; 
	width: 24px; 
	height: 24px; 
	visibility: hidden; 
	z-index: 5; 
}
#slideshow #pictures { 
	width:500px;
	height: 366px; 
	left: 0; 
	overflow: hidden; 
}
#slideshow #pictures li { 
	display: block; 
	position: absolute; 
	top: 0; 
	width:100%;
	margin: 0; 
	padding: 0; 
}
#slideshow #pictures li img { 
	display: block; 
	position: relative; 
	bottom: 0; 
}
#slideshow #menu {
	display:none;
}