html {
	margin: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #544225;
	margin: 0px;
	background: url(images/bg.jpg) center repeat-y #4c3c20;
}

ul,li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

img {
	border: 0px;
}

form{
	margin:0px;
	padding:0px;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 955px;
	height: 560px;
}

#container_home {
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	width: 563px;
	height: 560px;
}

#colonne1 {
	margin: 0px;
	width: 98px;
	height: 560px;
	float: left;
}

	#language {
		width: 98px;
		height: 155px;
		background-color:#981b1e;
	}
	
	#language ul {
		padding-top: 65px;
	}
	
	#language ul a span {
		display: none;
	}
		
	#language ul a {
		background-position: top right;
		height: 13px;
		width: 97px;
		display: block;
	}
	
	#language ul a:hover {
		background-position: bottom right;
	}
	
	#language ul a.selected {
		background-position: bottom right;
	}
	
	#language ul .english a {
		background-image: url(images/m_en.gif);
	}

	#language ul .german a {
		background-image: url(images/m_de.gif);
	}
	
	#language ul .french a {
		background-image: url(images/m_fr.gif);
	}
	
	#border1 {
		background-color: #be7662;
		width: 98px;
		height: 10px;
	}
	
	#menu1 {
		width: 98px;
		height: 375px;
		background-color:#981b1e;
		padding-top:20px;
	}

	#menu1 ul {
		padding:0;
		margin:0;
	}
	
	#menu1 ul a span {
		display: none;
	}
	
	#menu1 ul li {
		margin:0;
		padding:0;
		margin-bottom: 20px;
		float: left;
	}
	
	#menu1 ul li a {		
		background-position: top right;
		height: 13px;
		width: 97px;
		display: block;
		margin:0;
	}
	
	#menu1 ul li a:hover {
		background-position: bottom right;
	}
	
	#menu1 ul li a.selected {
		background-position: bottom right;
	}
	
	#menu1 ul .home a {
		background-image: url(images/m_home.gif);
	}

	#menu1 ul .historique a {
		background-image: url(images/m_historique.gif);
	}
	
	#menu1 ul .chambres a {
		background-image: url(images/m_chambres.gif);
	}
	
	#menu1 ul .wellness a {
		background-image: url(images/m_wellness.gif);
	}
	
	#menu1 ul .news a {
		background-image: url(images/m_news.gif);
	}
	
	#menu1 ul .service a {
		background-image: url(images/m_service.gif);
	}
	
	#menu1 ul .lounge a {
		background-image: url(images/m_lounge.gif);
	}
	
	#menu1 ul .reservation a {
		background-image: url(images/m_reservation.gif);
	}
	
	#menu1 ul .contact a {
		background-image: url(images/m_contact.gif);
	}
	
	#menu1 ul .home-de a {
		background-image: url(images/de/m_home.gif);
	}

	#menu1 ul .historique-de a {
		background-image: url(images/de/m_historique.gif);
	}
	
	#menu1 ul .chambres-de a {
		background-image: url(images/de/m_chambres.gif);
	}
	
	#menu1 ul .wellness-de a {
		background-image: url(images/de/m_wellness.gif);
	}
	
	#menu1 ul .news-de a {
		background-image: url(images/de/m_news.gif);
	}
	
	#menu1 ul .service-de a {
		background-image: url(images/de/m_service.gif);
	}
	
	#menu1 ul .lounge-de a {
		background-image: url(images/de/m_lounge.gif);
	}
	
	#menu1 ul .reservation-de a {
		background-image: url(images/de/m_reservation.gif);
	}
	
	#menu1 ul .contact-de a {
		background-image: url(images/de/m_contact.gif);
	}
	
	#menu1 ul .home-en a {
		background-image: url(images/en/m_home.gif);
	}

	#menu1 ul .historique-en a {
		background-image: url(images/en/m_historique.gif);
	}
	
	#menu1 ul .chambres-en a {
		background-image: url(images/en/m_chambres.gif);
	}
	
	#menu1 ul .wellness-en a {
		background-image: url(images/en/m_wellness.gif);
	}
	
	#menu1 ul .news-en a {
		background-image: url(images/en/m_news.gif);
	}
	
	#menu1 ul .service-en a {
		background-image: url(images/en/m_service.gif);
	}
	
	#menu1 ul .lounge-en a {
		background-image: url(images/en/m_lounge.gif);
	}
	
	#menu1 ul .reservation-en a {
		background-image: url(images/en/m_reservation.gif);
	}
	
	#menu1 ul .contact-en a {
		background-image: url(images/en/m_contact.gif);
	}
	
#colonne2 {
	margin: 0px;
	width: 125px;
	height: 560px;
	float: left;
}

	#boite2 {
		background-color: #f36523;
		width: 125px;
		height: 155px;
	}
	
	#border2 {
		background-color: #e6865c;
		width: 125px;
		height: 10px;
	}
	
	#menu2 {
		width: 125px;
		height: 375px;
		background-color:#f36523;
		padding:0;
		padding-top:20px;
	}

	#menu2 ul {
		list-style-position:outside;
	}
	
	#menu2 ul li {
		margin-bottom: 20px;
		margin-left:5px;
	}
	
	#menu2 ul li a {
		background-position: top right;
		height: 13px;
		width: 93px;
		display: block;
	}
	
	#menu2 ul li a:hover {
		background-position: bottom right;
	}
	
	#menu2 ul a.selected {
		background-position: bottom right;
	}
	
	#menu2 ul .description a {
		background-image: url(images/m2_description.gif);
	}
	
	#menu2 ul .tarifs a {
		background-image: url(images/m2_tarifs.gif);
	}
	
	#menu2 ul .download a {
		background-image: url(images/m2_download.gif);
	}
	
	#menu2 ul .menu a {
		background-image: url(images/m2_menu.gif);
	}
	
	#menu2 ul .soiree a {
		background-image: url(images/m2_soiree.gif);
	}
	
	#menu2 ul .description-de a {
		background-image: url(images/de/m2_description.gif);
	}
	
	#menu2 ul .tarifs-de a {
		background-image: url(images/de/m2_tarifs.gif);
	}
	
	#menu2 ul .download-de a {
		background-image: url(images/de/m2_download.gif);
	}
	
	#menu2 ul .menu-de a {
		background-image: url(images/de/m2_menu.gif);
	}
	
	#menu2 ul .soiree-de a {
		background-image: url(images/de/m2_soiree.gif);
	}
	
	#menu2 ul .description-en a {
		background-image: url(images/en/m2_description.gif);
	}
	
	#menu2 ul .tarifs-en a {
		background-image: url(images/en/m2_tarifs.gif);
		margin-top:-1px;
	}
	
	#menu2 ul .download-en a {
		background-image: url(images/en/m2_download.gif);
	}
	
	#menu2 ul .menu-en a {
		background-image: url(images/en/m2_menu.gif);
	}
	
	#menu2 ul .soiree-en a {
		background-image: url(images/en/m2_soiree.gif);
	}

#menu2 ul#smenu1, #menu2 ul#smenu2, #menu2 ul#smenu3{
	position:absolute;
	padding:0;
	margin:0;
}
#menu2 ul#smenu1 li.description{
	padding-top:66px;
}
#menu2 ul#smenu2 li.description{
	padding-top:165px;
}
#menu2 ul#smenu3 li.description{
	padding-top:198px;
}
#menu2 ul#smenu1 li.description-de{
	padding-top:66px;
}
#menu2 ul#smenu2 li.description-de{
	padding-top:165px;
}
#menu2 ul#smenu3 li.description-de{
	padding-top:198px;
}
#menu2 ul#smenu1 li.description-en{
	padding-top:67px;
}
#menu2 ul#smenu2 li.description-en{
	padding-top:165px;
}
#menu2 ul#smenu3 li.description-en{
	padding-top:198px;
}
	
#colonne3 {
	margin: 0px;
	width: 290px;
	height: 560px;
	float: left;
}

	#boite3 {
		background:#987347;
		width: 290px;
		height: 155px;
	}
	
	#boite3 .logo {
		margin-left: 80px;
		margin-top: 35px;
	}
	
	#boite3 .phone {
		width: 82px;
		height: 12px;
		margin-top: 18px;
		margin-left: 15px;
	}
	
	#boite3 .fax {
		width: 82px;
		height: 12px;
		margin-top: 18px;
		margin-left: 13px;
	}
	
	#boite3 a {
		text-decoration: none;
		padding-top: 1px;
		margin-left: 12px;
		width: 68px;
		height: 12px;
	}

	a.mail {
		background: url(images/mail.gif) no-repeat;
	}
	
	a.mail span {
		visibility: hidden;
	}
	
	a.mail:hover {
		background: url(images/mail_over.gif) no-repeat;
	}
	
	#border3 {
		background-image: url(images/border3.gif);
		width: 290px;
		height: 10px;
	}
	
	#content {
		margin: 0px;
		padding: 5px 5px 0px 10px;
		width: 275px;
		height: 390px;
		background-color:#987347;
	}
	html>body #content{
		height:auto;
		min-height: 390px;
	}
	
	#content a {
		text-decoration: underline;
		color: #ffffff;
	}

	#content p {
		margin: 0px;
		padding: 0px;
		padding-bottom: 1em;
		line-height: 2em;
	}
	
	#content .download {
		display: block;
	}
	
	#content .download a {
		padding-left: 25px;
		text-decoration: underline;
		color: #544225;
		background:url(images/pdf.gif) no-repeat left bottom;
	}
	
	#content .acrobat {
		display: block;
		text-align: center;
		margin-top: 140px;
	}
	
	#content .acrobat a {
		text-decoration: underline;
		padding-top: -50px;
		font-size: 9px;
		color: #544225;		
	}

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

#colonne4_home {
	margin: 0px;
	width: 50px;
	height: 560px;
	float: left;
	background-color:#981c1e;
}

#colonne4 {
	margin: 0px;
	width: 440px;
	height: 560px;
	float: left;
	background-color:#981c1e;
}

	#historique {
		margin-left: 75px;
		margin-top: 185px;
		width: 300px;
		height: 320px;
	}

	#historique .photo2 {
		margin-top: 60px;
		float: left;
	}
	
	#historique .photo3 {
		margin-top: 60px;
		margin-left: 38px;
		float: left;
	}
	
	#historique .photo4 {
		margin-top: 60px;
		margin-left: 38px;
	}
	
	#chambre {
		margin-left: 90px;
		margin-top: 185px;
		width: 260px;
		height: 315px;
	}
	
	#chambre .photo2 {
		margin-top: 60px;
		float: left;
	}
	
	#chambre .photo3 {
		margin-left: 22px;
		margin-top: 60px;
		float: left;
	}
	
	#chambre .photo4 {
		margin-top: 60px;
		margin-left: 22px;
	}	

	#wellness {
		margin-left: 75px;
		margin-top: 185px;
		width: 300px;
		height: 320px;
	}

	#wellness .photo2 {
		margin-top: 60px;
		float: left;
	}
	
	#wellness .photo3 {
		margin-top: 60px;
		margin-left: 40px;
		float: left;
	}
	
	#wellness .photo4 {
		margin-top: 60px;
		margin-left: 40px;
	}
	
	#news {
		color: white;
		padding: 70px 20px 0px 20px;
	}
	
	#news a{
		color: white;
	}
	
	#service {
		margin-left: 75px;
		margin-top: 185px;
		width: 300px;
		height: 320px;
	}

	#service .photo2 {
		margin-top: 60px;
		float: left;
	}
	
	#service .photo3 {
		margin-top: 60px;
		margin-left: 15px;
		float: left;
	}
	
	#service .photo4 {
		margin-top: 60px;
		margin-left: 15px;
	}
	
	#lounge {
		margin-left: 90px;
		margin-top: 185px;
		width: 300px;
		height: 350px;
	}
	
	#lounge .photo1 {
		margin-left: 62px;
	}

	#lounge .photo2 {
		margin-top: 25px;
		float: left;
	}
	
	#lounge .photo3 {
		margin-top: 25px;
		margin-left: 40px;
		float: left;
	}
	
	#lounge .photo4 {
		margin-top: 25px;
		margin-left: 40px;
		float: left;
	}
	
	#reservation {
		margin-top: 20px;
		margin-left: 20px;
		width: 420px;
	}
	
	#reservation .titre1 {
		color: #FFFFFF;
		font-size: 11px;
		line-height: 1.5em;
	}
	
	#reservation .titre2 {
		color: #f26522;
		font-size: 11px;
		line-height: 1.5em;
		text-transform: uppercase;
	}
	
	#contact {
		margin-left: 62px;
		margin-top: 33px;
	}
	
	#reservation table {
		margin-top: 10px;
		border-collapse:collapse;
	}
	
	select.date {
		width: 42px;
		margin-left: -2px;
	}
	
	.formulaire{
		width:220px;
		margin-left: 5px;
	}
	
	textarea.formulaire{
		height:110px;
		margin-left: 5px;
	}
	
	select.formulaire{
		width:225px;
		margin-left: 5px;
	}
	
	select.personnes{
		width: 120px;
		margin-left: 3px;
	}
	
	input.radio{
		margin-right: 15px;
	}
	
	.soumettre{
		float:right;
		background:#981b1e;
		border:2px solid #660000;
		margin-right:10px;
		margin-top:-40px;
		color:white;
	}
	
#admin{
	/*text-align:center;*/
	background:#987347;
}
#admin a{
	color:black;
}
#admin h1{
	padding:0px;
	margin:0px;
	font-size:18px;
	color:#981c1e;
	padding-top:10px;
	width:695px;
	display:block;
	float:right;
	text-align:center;
	background:#987347;
	padding-bottom:15px;
}
#admin h2{
	padding:0px;
	margin:0px;
	font-size:15px;
	background:#981c1e;
	color:#987347;
	padding:10px 0 10px 0px;
	width:695px;
	display:block;
	float:right;
	text-align:center;
	margin-bottom:10px;
}
#admin h3{
	font-size:12px;
	width:200px;
}

#admin #liste{
	display:block;
	float:left;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	background:#981c1e;
	width:250px;
}
#admin #liste li{
	margin-bottom: 10px;
	margin-top:10px;
}
#admin #liste a{
	color:#987347;
}
#admin #liste a:hover{
	color:white;
}

#bigimg{
	margin-top:185px;
	text-align:center;
}

#smallimg{
	margin-top:50px;
	text-align:center;
}
#smallimg img{
	margin-left:5px;
	margin-right:5px;
	cursor:pointer;
}

#marge{
	height:20px;
	width:100%;
	background:#4c3c20 url(images/bg_gradient.gif) center repeat-y fixed;
	display:block;
}