@charset "utf-8";
body {
	background-image:url(images/bgbody_03.jpg);
	background-repeat:repeat-x; 
	background-position: top center;
	background-color:#282a2a;
}

#conteneur {
	text-align:center;
	margin:0px auto;
	padding:0;
	background-image:url(images/bgframe_08.jpg);
	background-repeat:repeat-x; 
	background-position: bottom center;
	background-color:#FFF;
	border:none;
	width:782px;
	
}

#header {
	width:782px;
	height:94px;
	margin:0;
	padding:0;
	text-align:left;
	background-image:url(images/bg_menu_01.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	
}

#contenu {
	width:782px;
	height:530px;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4b4b4d;
	background-image:url(images/bgframe_08.jpg);
	background-repeat:repeat-x; 
	background-position: bottom center;

}

#contenucontact {
	width:782px;
	height:850px;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4b4b4d;
	background-image:url(images/bgframe_08.jpg);
	background-repeat:repeat-x; 
	background-position: bottom center;

}


#contenuresto {
	width:782px;
	height:550px;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4b4b4d;
	background-image:url(images/bgframe_08.jpg);
	background-repeat:repeat-x; 
	background-position: bottom center;

}

#gauche {
	height:23px;
	width:782px;
	margin:0 0 0 0;
	padding:0;
	text-align:left;
}

#player {
	text-align:center;
	width:782px;
	height:280px;
	margin:0;
	padding:0;
}

#texte {
	width:755px;
	height:900px;
	margin:0;
	padding:0;
	margin:8px 0 0 8px;
	padding:0;
	text-align:left;
}

.chambres {
	font-weight:bold;
	font-size:12px;
	
}

.left {
	float:left;
	
}

a#contenu {text-decoration:none; font-weight:bold; color:#4D4D4D;}
a#contenu:hover {text-decoration:none; font-weight:bold; color:#C1D9C4; background-color:#4D4D4D;}


img {border:none;}


#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color:#c8d0c3;
	margin:10px auto;
	padding:0;
	width:782px;
}


#footer2 {
	float:right;
	margin:0;
	padding:0;
}

.color1 {color:#3d403f;}

a {
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
}

a:hover {
	background-color:#666666;
	color:#FFF;
}


a.bulle {

font-weight:bold;

margin: 0 2px;

color: #000000;

position: relative;

text-decoration: none;

}

a.bulle span {

display: none;

}

a.bulle:hover {

background: none; /* correction d'un bug IE */

z-index: 500;

font-size:13px;

color:#99CCFF;

}

a.bulle:hover span {

display: inline;

position: absolute;

bottom: -6em;

right: 1em;

/*background-image:url(images/bulle.png);

background-repeat:no-repeat;*/

text-align: center;

color: white;

width:298px;

height:346px;

}

img.info_image {

margin-top:45px;

}

/* Menu */

ul, li {	/* utilisation de liste pour le menu */
	list-style-type: none;	/* suppression des puces de liste */
	height: 94px; /* hauteur du menu */
	margin:0;
	padding:0;
}

ul#first {
		/* arrière-plan général du menu */
	width: 230px; /* largeur du menu */
	text-align: center;
	float:right;
	margin:0;
	padding:0;
}

ul a {
text-indent: -5000px;

}

li {
	float: left;
}

li a:hover {
	background: transparent url(images/bgmenu.jpg) top left no-repeat;
}
li a#lien1 {
	background: transparent url(images/bgmenu.jpg) top left no-repeat;
	padding:0;
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	width:77px;
	height: 94px;
	color: #000;
	font-size: 14px;
	/*line-height: 50px;	hauteur de ligne pour éviter les paddings */
	text-decoration: none;
}

a#lien1:hover {
	background-position: -230px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
	font-weight:800;
}

li a#lien2 {
	background-image:url(images/bgmenu.jpg);
	background-position:-77px 0%;
	padding:0;
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	width:81px;
	height: 94px;
	color: #000;
	font-size: 14px;
	/*line-height: 50px;	hauteur de ligne pour éviter les paddings */
	text-decoration: none;
}

a#lien2:hover {
	background-position:-307px 0%;
	font-weight:800;
}

li a#lien3 {
	background-image:url(images/bgmenu.jpg);
	background-position:-158px 0%;
	padding:0;
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	width:67px;
	height: 94px;
	color: #000;
	font-size: 14px;
	/*line-height: 50px;	hauteur de ligne pour éviter les paddings */
	text-decoration: none;
}

a#lien3:hover {
	background-position: -388px 0%;
	font-weight:800;
}