* {
	padding: 0px;
	margin: 0px;
	background-image: url(images/fond.png) no-repeat;
}

BODY {
	font-family: Times New Roman, serif;
	background: #d4d2ba; 
	font-size: 13px;
	color: #31331C;
	padding: 0px;
	margin: 0px;
}


IMG { border: 0px; }

LI { list-style: none; }

/**************************************************************************************/

#conteneur1 {
	position:relative;
	background: url('images/bg.jpg') #FFFFFF repeat-x;
	width :850px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#header {
	background: url('images/photoheader.png') no-repeat top right;
	height: 280px;
	width:850px;
	overflow: hidden;
}

#header a { 
	text-decoration: none; 	
}

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

#logohome A, #logointernal A {
	display: block;
	height: 216px;
	text-indent: -90000px;
	position: left;
}

#logohome, #logointernal {
	background: url('images/bg-logo.jpg') no-repeat;
	margin-left:0px;
	padding-left:0px;
	width: 850px;
	height: 260px;
	position: RELATIVE;
}

#logohome H2, #logointernal H3 {
	border-top: 1px solid #6E3C3D;
	font-family: Arial, sans-serif;
	margin-left: 50px;
	text-align: center;
	padding-top: 5px;
	font-weight: normal;
	position: absolute;
	font-size: 14px;
	color: #B29693;
	width: 190px;
	top: 163px;
	left: 42px;
	height: 32px;
}

#lang {
	postion:absolute;
	width: 70px;
	padding-right: 3px;
	right: 8px;
	height: 36px;
}

#lang A {
	text-indent: -90000px;
	margin-right: 5px;
	display: block;
	width: 24px;
	height: 29px;
	float: right;
}

#lang .it {
	position:absolute;
	background: url('images/drapeaufran.png') no-repeat;
	top: 179px;
	left: 755px;
}
#lang .en {
	position:absolute;
	background: url('images/drapeauang.png') no-repeat;
	top: 179px;
	left: 785px;
}

#lang .contact {
	position:absolute;
	background: url('images/contact.png') no-repeat;
	top: 178px;
	left: 815px;
}

/**************************************************************************************/

#menu {
	height: 42px;
	width: 850px;
	padding: 0px;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#menu LI {
	background: url('images/bg-menu-item.gif') no-repeat left;
	float: left;
	width: auto;
}

#menu LI A {
	padding: 0px 30px 0px 20px;
	text-indent: -90000px;
	line-height: 42px;
	display: block;
	color: #FFFFFF;
	height: 50px;
	float: left;
}

#menu LI A:hover { text-decoration: none; }

#menu .current {
	background: url('images/bg-menu-current.jpg') no-repeat;
	margin-right: 20px;
}

#menu .current EM {
	background: url('images/bg-menu-current-right.jpg') no-repeat right;
	display: block;
	height: 45px;
	float: left;
}

#menu .current A {
	padding: 0px 20px 0px 20px;
	font-style: normal; 
	color: #3D0505;
}

#menu .m1 {
	position : absolute;
	width: 46px;
	left: -2px;
	top: 212px;
	background-image: url(images/accueilter.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#menu .m2 {
	position : absolute;
	width: 63px;
	left: 88px;
	top: 213px;
	background-image: url(images/chambres.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#menu .m3 {
	position : absolute;
	width: 78px;
	left:206px;
	top: 213px;
	background-image: url(images/dejeuners.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#menu .m4 {
	position : absolute;
	width: 53px;
	left:321px;
	top: 213px;
	background-image: url(images/tarifs.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#menu .m5 {
	position : absolute;
	width: 90px;
	left:399px;
	top: 214px;
	background-image: url(images/reservation.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#menu .m6 {
	position : absolute;
	width: 51px;
	left:545px;
	top: 213px;
	background-image: url(images/services.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#menu .m7 {
	position : absolute;
	width: 51px;
	left:		650px;
	top: 213px;
	background-image: url(images/acces.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#menu .m8 {
	position : absolute;
	width: 59px;
	left:752px;
	top: 213px;
	background-image: url(images/tourismebis.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.gallery{
	/* The pics container */
	background-color:#E4E6D0;
	border: 1px solid #000000;
	width:315px;
	height:650px;
	margin-left: 17px;
	float:left;
	padding:11px;
	
}


.pic, .pic a{
	/* Each picture and the hyperlink inside it */
	width:100px;
	height:100px;
}

.pic{
	/* Styles specific to the pic class */
	position:absolute;
	border:5px solid #FFFFFF;
	border-bottom:18px solid #ffffff;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:2px 2px 3px #000000;
	-webkit-box-shadow:2px 2px 3px #000000;
	box-shadow:2px 2px 3px #ffffff;
}

.pic a{
	/* Specific styles for the hyperlinks */
	text-indent:-999px;
	display:block;
	/* Setting display to block enables advanced styling for links */
}

.drop-box{
	/* The share box */
	width:280px;
	height:610px;
	bottom:0;
	right:0;
	z-index:-1;
	background:url(img/drop_box.png) no-repeat;
}

.drop-box.active{
	/* The active style is in effect when there is a pic hovering above the box */
	background-position:bottom left;
}

label, input{
	/* The modal dialog URL field */
	display:block;
	padding:3px;
}

label{
	font-size:10px;
}

fieldset{
	border:0;
	margin-top:10px;
}

#url{
	/* The URL field */
	width:240px;
}

/* General styles for the demo page */


#orig{
	/* The link that is positioned above the title */
	font-family:"MyRiad Pro",Arial;
	font-size:10px;
	letter-spacing:1px;
	padding-bottom:15px;
	text-transform:uppercase;
	float:right;
}

.clear{
	/* The clearfix hack */
	clear:both;
}

.tutorial-info{
	text-align:center;
	padding:10px;
	margin-top:70px;
}


/**************************************************************************************/

#content {
	padding: 0px 0px 20px 0px;
	overflow: hidden;
}

#main {
	width: 850px;
	float: left;
	background: url('images/arabesque.gif') no-repeat;
}

#sidebar {
	width: 280px;
	float: left;
}

#sidebar .box { margin-bottom: 15px; }

#sidebar .box H2 {
	text-indent: -90000px;
	margin-bottom: 10px;
	line-height: 30px;
	font-size: 18px;
	color: #FFFFFF;
}

#sidebar .box .cont { 
	padding-left: 50px; 
	padding-right: 30px; 
}

#sidebar .box .cont2 {
	padding-left: 30px;
}

#sidebar .box .txt {
	background: url('images/txt-input.gif') no-repeat;
	font-family: Arial, sans-serif;
	padding: 6px 5px 0px 5px;
	margin-bottom: 8px;
	font-size: 14px;
	color: #52534B;
	border: 0px;
	width: 190px;
	height: 24px;
}

#cont {
	position:absolute;
	border: 0px;
	width: 490px;
	height: 240px;
	right:4px;
	top: 463px;
}

#avantages {
	background: url('images/avantages.gif') no-repeat;
	height: 100px;
	width: 105px;
	right: 10px;
	float: right;
	margin-top: -30px;
}



/**************************************************************************************/

#page {
	line-height: 140%;
	margin-top: 30px;
}

#page H1, #page H2 { 
	margin-bottom: 15px;
	font-weight: normal;
	font-style: italic;
	color: #31331C; 
}

#page .block {
	padding-bottom: 1px;
	margin-bottom: 5px;
	overflow: hidden;	
}

#page .block P { clear: both; }

#page .excerpt {
	margin-bottom: 5px;
	line-height: 180%;
	font-weight: normal;
	font-size: 14px;
	margin-right: 10px;
	margin-left: 360px;
}

#excerpt a { 
	text-decoration: none; 
	color: #570B0B;
}

#excerpt a:hover { 
	text-decoration: underline; 
	}

#page a { 
	text-decoration: none; 
	color: #570B0B;
}

#page a:hover { 
	text-decoration: underline; 
	} 
 
#page H3 {
	margin-bottom: 5px;
	line-height: 180%;
	font-size: 14px;
}

#page .photo {
	border: 1px solid #E4E6D0;
	margin-left: 17px;
	padding: 11px;
	width: 315px;
	float: left;
	height: 628px;
}

#page .photo IMG {
	width: 315px;
	height: 625px;
}

#gallery{
	/* The pics container */
	background-color:#E4E6D0;
	border: 1px solid #000000;
	width:315px;
	height:650px;
	margin-left: 17px;
	float:left;
	padding:11px;
	
}


.pic, .pic a{
	/* Each picture and the hyperlink inside it */
	width:100px;
	height:100px;
}

.pic{
	/* Styles specific to the pic class */
	position:absolute;
	border:5px solid #FFFFFF;
	border-bottom:18px solid #ffffff;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:2px 2px 3px #000000;
	-webkit-box-shadow:2px 2px 3px #000000;
	box-shadow:2px 2px 3px #ffffff;
}

.pic a{
	/* Specific styles for the hyperlinks */
	text-indent:-999px;
	display:block;
	/* Setting display to block enables advanced styling for links */
}

.drop-box{
	/* The share box */
	width:280px;
	height:610px;
	bottom:0;
	right:0;
	z-index:-1;
	background:url(img/drop_box.png) no-repeat;
}

.drop-box.active{
	/* The active style is in effect when there is a pic hovering above the box */
	background-position:bottom left;
}

label, input{
	/* The modal dialog URL field */
	display:block;
	padding:3px;
}

label{
	font-size:10px;
}

fieldset{
	border:0;
	margin-top:10px;
}

#url{
	/* The URL field */
	width:240px;
}

/* General styles for the demo page */


#orig{
	/* The link that is positioned above the title */
	font-family:"MyRiad Pro",Arial;
	font-size:10px;
	letter-spacing:1px;
	padding-bottom:15px;
	text-transform:uppercase;
	float:right;
}

.clear{
	/* The clearfix hack */
	clear:both;
}

.tutorial-info{
	text-align:center;
	padding:10px;
	margin-top:70px;
}


/**************************************************************************************/

#images {
	background: url('images/bg-page-div.gif') 50% no-repeat;
	height: 55px;
	width:850px;
}



#footer {
	background: url('images/bg-footer.jpg') repeat-x;
	padding-top: 5px;
	width:850px;
	height: 160px;
	color: #FFFFFF;
	position: LEFT;
}

#mentions {
	width:190px;
	height:15px;
	right: -1px;
	position:absolute;
	top: 145px;
	overflow: hidden;
	clear: both;
	
}

#mentions a {
    color:white;
	text-decoration: none;
}	

#mentions a:hover {
	text-decoration: underline;
}

#photo {
	position: absolute;
	width:190px;
	height:159px;
	right: 0px;
}
#ct {
	postition:  absolute;
	Height: 100px;
	width: 100px;
	background: url('images/ct.gif') no-repeat;
	line-height: 15px;
	float: right;
	margin-top: 20px;
	overflow:hidden;
	clear: both;
	position: absolute;
	right: 45px;
}

#footer .wrap {
	width: 350px;
	padding-top: 20px;
	position: absolute;
	left: 275px;
}

#footer .address {
	padding-bottom: 25px;
	overflow: hidden;
	width: 800px;
}


#footer .address H1 {
	background: url('images/bg-foot-logo.jpg') no-repeat;
	text-indent: -90000px;
	margin-right: 40px;
	margin-left: 20px;
	font-size: 10px;
	width: 192px;
	height: 61px;
	float: left;
}
#wifi {
	postition:  absolute;
	Height: 135px;
	width: 120px;
	background: url('images/wiffi.gif') no-repeat;
	line-height: 15px;
	float: left;
	margin-top: 20px;
	left: 45px;
	position: ABSOLUTE;
}


#footer .address P {
	width:  50%;
	line-height: 15px;
	float: left; 
}

#footer .credits {
	border-top: 1px solid #6E3B3A;
	padding-top: 25px;
}

#address a {
    color:white;
	text-decoration: underline;
}	

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


/**************************************************************************************/

.wrap {
	width: 850px;
}




/* IE6 */
* html #TB_iframeContent{
	margin-bottom:1px;
}