/* CSS Document */

*									{ margin:0; padding:0;}
html, body							{ font-family:Helvetica, Arial, sans-serif; font-size:12px; background-color:#E9E9EB; width:100%; height:100%; color:#333;}

#Container							{ width:100%; height:100%;}
#Container table#Mainframe			{ width:100%; height:100%; vertical-align:middle;}
#Wrapper							{ width:805px; height:570px; margin:auto; padding:0;}

#Header								{ width:805px; height:100px;}
h1									{ display:none;}

#Navigation							{ width:320px; height:73px; margin:20px 0 0 0; float:right;}
#Navigation ul						{ list-style:none;}
#Navigation ul li					{ display:inline; border:none;}
#Navigation ul li a					{ background:url("../images/menu/menu.jpg") no-repeat top center; text-decoration:none; height:25px; padding:48px 0 0 0; text-transform:uppercase; display:block; float:left; width:64px; font-size:8px; text-align:center;}
#Navigation ul li a:hover			{ text-decoration:none; background-color:#82030D;}
#Navigation ul li a:active,
#Navigation ul li a:focus			{ outline:none;}
#Navigation ul li a#menu1			{ color:#333; background-position:0 0;}
#Navigation ul li a#menu2			{ color:#333; background-position:-64px 0;}
#Navigation ul li a#menu3			{ color:#333; background-position:-128px 0;}
#Navigation ul li a#menu4			{ color:#333; background-position:-192px 0;}
#Navigation ul li a#menu5			{ color:#333; background-position:-256px 0;}
#Navigation ul li a#menu1:hover		{ color:#FFF; background-position:0 -73px;}
#Navigation ul li a#menu1.active	{ color:#FFF; background-position:0 -146px;}
#Navigation ul li a#menu2:hover		{ color:#FFF; background-position:-64px -73px;}
#Navigation ul li a#menu2.active	{ color:#FFF; background-position:-64px -146px;}
#Navigation ul li a#menu3:hover		{ color:#FFF; background-position:-128px -73px;}
#Navigation ul li a#menu3.active	{ color:#FFF; background-position:-128px -146px;}
#Navigation ul li a#menu4:hover		{ color:#FFF; background-position:-192px -73px;}
#Navigation ul li a#menu4.active	{ color:#FFF; background-position:-192px -146px;}
#Navigation ul li a#menu5:hover		{ color:#FFF; background-position:-256px -73px;}
#Navigation ul li a#menu5.active	{ color:#FFF; background-position:-256px -146px;}


#Content							{ width:805px; height:475px; position:relative; margin:0; padding:0;}
#Logo								{ width:470px; height:120px; position:absolute; background:url("../images/logo.png") no-repeat top center; top:-100px; left:10px; display:block;}
#LogoHome							{ width:800px; height:120px; position:absolute; background:url("../images/logoHome.png") no-repeat top center; top:-103px; left:10px; display:block;}
#Panel								{ width:565px; height:425px; position:relative; padding:10px 10px 0 25px; float:right; margin:15px 15px 25px 15px;}

#Menu								{ width:185px; height:450px; position:absolute;}
#Menu h3							{ margin:30px 0 0 20px; font-size:12px; color:#82030D; text-transform:uppercase;}
#Menu ul							{ margin:0 0 0 10px; list-style:none;}
#Menu ul li							{}
#Menu ul li a						{ text-decoration:none; display:block; width:185px; margin:2px 0; padding:3px 0 3px 10px; font-size:11px; font-weight:bold; text-transform:uppercase;}
#Menu ul li a:hover,
#Menu ul li a.active				{ text-decoration:none; background-color:#82030D;}
#Menu ul li a:active,
#Menu ul li a:focus					{ outline:none;}

#formulesIcon						{ background:url(../images/Formules.gif) no-repeat top left; display:block; margin:10px 0 0 25px; width:112px; height:112px; text-indent:-1000em; outline:none;}
#formulesIcon:hover					{ background-position:0 -112px;}

#address							{ position:absolute; bottom:0; margin:0 0 0 20px; font-size:12px;}
#address a							{ font-size:11px;}

#Footer								{ position:absolute; bottom:5px; left:0px; width:800px; color:#FFF; font-size:12px; text-align:center; }
#sign								{ color:#777; font-size:12px; text-align:center; padding:5px 0;}
#sign a								{ color:#777; text-decoration:none;}
#sign a:hover						{ text-decoration:underline;}

.clear								{ clear:both;}

/****************************
*********  THEME 1  *********
****************************/
.Theme1								{ background-color:#a18e8f;}
.Theme1 #Panel						{ background-color:#e9e9eb;}

.Theme1 #Menu ul li a				{ color:#333;}
.Theme1 #Menu ul li a:hover,
.Theme1 #Menu ul li a.active		{ color:#FFF;}

.Theme1 #address					{ color:#333}
.Theme1 #address a					{ color:#333;}

/****************************
*********  THEME 2  *********
****************************/
.Theme2								{ background-color:#463435;}
.Theme2 #Panel						{ background-color:#a6a6a6;}

.Theme2 #Menu ul li a				{ color:#FFF;}
.Theme2 #Menu ul li a:hover,
.Theme2 #Menu ul li a.active		{ color:#FFF;}

.Theme2 #address					{ color:#FFF}
.Theme2 #address a					{ color:#FFF;}

/****************************
*********  THEME 3  *********
****************************/
.Theme3								{ background-color:#241112;}
.Theme3 #Panel						{ background-color:#3c3c3c;}

.Theme3 #Menu ul li a				{ color:#FFF;}
.Theme3 #Menu ul li a:hover,
.Theme3 #Menu ul li a.active		{ color:#FFF;}

.Theme3 #address					{ color:#FFF}
.Theme3 #address a					{ color:#FFF;}

/****************************
*********  THEME 4  *********
****************************/
.Theme4								{ background-color:#795e55;}
.Theme4 #Panel						{ background-color:#bbbbbb;}

.Theme4 #Menu ul li a				{ color:#FFF;}
.Theme4 #Menu ul li a:hover,
.Theme4 #Menu ul li a.active		{ color:#FFF;}

.Theme4 #address					{ color:#FFF}
.Theme4 #address a					{ color:#FFF;}

/****************************
*********  CONTACT  *********
****************************/
.Contact							{ display:block; float:left; text-align:center;}
.Contact a							{ color:#82030D; text-transform:uppercase; font-size:24px; text-decoration:none; padding:30px 0 0 0; line-height:36px;}
.Contact a span						{ color:#FFFFFF; text-transform:none; font-size:22px; background:#82030D; padding:2px 10px;}
.Contact a#hotel					{ display:block; width:300px; height:385px; background:url("../images/Reserv_Hotel.gif") no-repeat 0px 250px;}
.Contact a#restaurant				{ display:block; width:260px; height:385px; background:url("../images/Reserv_Restaurant.gif") no-repeat 85px 145px; border-left:3px solid #82030D;}

#contact_form						{ color:#FFF;}
#contact_form h3					{ font-size:16px; margin:0 0 10px 0;}
#contact_form fieldset				{ border:none; margin:0 0 0 10px;}
#contact_form label					{ display:block; float:left; width:262px; margin:0 12px 5px 0; font-size:12px; font-weight:bold;}
#contact_form label#message			{ width:515px;}
#contact_form label#action			{ width:515px; text-align:center;}
#contact_form label#action input	{ border:1px solid #666;}
#contact_form input					{ width:240px; border:1px solid #BBB;}
#contact_form select				{ width:240px; border:1px solid #BBB;}
#contact_form textarea				{ width:507px; border:1px solid #BBB;}
#contact_form #action				{}
#contact_form .asterisk				{ color:#82030D;}
/****************************
*********  ACCUEIL  *********
****************************/
#HomePic1							{ width:100%; height:475px; background:url("../images/home/pic1.jpg") no-repeat top left;}
#HomePic2							{ width:100%; height:475px; background:url("../images/home/pic2.jpg") no-repeat top left;}
#HomePic3							{ width:100%; height:475px; background:url("../images/home/pic3.jpg") no-repeat top left;}
#HomePic4							{ width:100%; height:475px; background:url("../images/home/pic4.jpg") no-repeat top left;}
#HomePic5							{ width:100%; height:475px; background:url("../images/home/pic5.jpg") no-repeat top left;}
#HomePic6							{ width:100%; height:475px; background:url("../images/home/pic6.jpg") no-repeat top left;}
#HomePic7							{ width:100%; height:475px; background:url("../images/home/pic7.jpg") no-repeat top left;}
#HomePic8							{ width:100%; height:475px; background:url("../images/home/pic8.jpg") no-repeat top left;}
#HomePic9							{ width:100%; height:475px; background:url("../images/home/pic9.jpg") no-repeat top left;}
#HomePic10							{ width:100%; height:475px; background:url("../images/home/pic10.jpg") no-repeat top left;}
#HomePic11							{ width:100%; height:475px; background:url("../images/home/pic11.jpg") no-repeat top left;}
#HomePic12							{ width:100%; height:475px; background:url("../images/home/pic12.jpg") no-repeat top left;}
#HomePic13							{ width:100%; height:475px; background:url("../images/home/pic13.jpg") no-repeat top left;}

#HomeTitle							{ text-indent:-1000em;}
#HomeTxt							{ padding:370px 20px 0 20px; font-size:13px; font-weight:bold; font-style:italic; color:#FFF; line-height:18px;}
#Entree								{ display:block; position:absolute; right:30px; top:200px; width:104px; height:29px; padding:10px 0 0 20px; background:url("../images/home/Enter.jpg") no-repeat top left; font-size:17px; color:#FFF; text-decoration:none; text-transform:uppercase;}

/****************************
**********  CARTE  **********
****************************/
#CarteLeft							{ text-align:center; height:390px;}
#CarteRight							{ text-align:left; height:390px; border-left:1px solid #AAA;}
.Carte								{ display:block; overflow:auto; float:left; padding:0 10px; width:262px; height:415px;}
.Carte h3							{ font-size:12px; font-weight:bold; text-transform:uppercase;}
.Carte ul							{ list-style:none; margin:0 0 10px; }
.Carte li							{ font-size:10px; padding:0 0 0 7px; background:url("../images/dash.gif") no-repeat 0 6px; line-height:12px;}
.Carte p							{ font-size:10px; margin:5px 0 0 0;}
.Carte .right						{ text-align:right;}
.Carte p strong						{ font-size:11px}
.Carte .or							{ font-size:11px; font-weight:bold;}
.Carte table 						{ width:246px;}
.Carte table td						{ }
.Carte table .price					{ width:45px; text-align:right; vertical-align:top;}
#productsAre						{ font-size:10px; font-style:italic; margin:15px 0 0 0;}

/****************************
**********  HOTES  **********
****************************/
.Hotes								{ display:block; padding:0 10px; height:415px; text-align:left; color:#DDD; font-size:11px;}
.Hotes .img							{ float:left; width:115px; margin:20px 10px 25px 0;}
.Hotes .txt							{ float:left; width:415px; margin:0 0 25px 0;}
.Hotes h3							{ font-size:14px; font-weight:bold; margin:20px 0 25px 0; text-decoration:underline;}
.Hotes h4							{ font-size:12px; font-weight:bold; margin:0 0 10px 0; text-decoration:none;}
.Hotes p							{ padding:10px 0;}

/****************************
**********  TARIFS  *********
****************************/
#Tarifs								{ overflow:auto; height:415px; padding:0 10px 0 0;}
#Tarifs p							{ margin:0 0 7px 0;}
#Tarifs h3							{ font-size:14px; font-weight:bold; margin:10px 0 4px 0; text-decoration:underline;}
#Tarifs ul							{ margin:0 0 0 20px;}
#Tarifs li							{ margin:0 0 4px 0;}
#Tarifs table						{ width:400px;}
#Tarifs th							{ text-align:left; border-bottom:1px #555 solid; padding:0 0 5px 0;}
#Tarifs td							{ height:18px;}
#Tarifs .center						{ border-left:1px #555 solid; padding:0 0 0 10px;}
#Tarifs a							{ color:#82030D;}

/****************************
********  PROXIMITE  ********
****************************/
#proximite							{ text-align:center;}
#proximite p						{ font-size:16px; font-weight:bold; margin:10px 0;}
#proximite img						{ margin:20px 0 0 0;}