/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0; outline:none; }
html, body {height: 100%;width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
.left1{float: left; padding-right: 10px; } .right1{float: right; padding-left: 10px; }



body{background: #fad44c;}

#container{background: url(images/bg-container.jpg) 50% 50% repeat-y; margin:0 auto; text-align: left;}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header {background: url(images/bg-header.jpg) 50% 0 no-repeat;}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#info
{
    float: left;
    width: 189px;
    height: 271px;
    padding: 18px 0px 0px 27px;
    background: url(images/bg-coordonnees.jpg) no-repeat top right;
}

#actualite
{
    float: left;
    width: 188px;
    background: url(images/bg-mdm.jpg) no-repeat top right;
    padding: 29px 8px 0px 20px;
}
/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding: 0px 24px 10px 15px;}

/* ===| V. FOOTER BOXES |=====================================================*/
#footer	{background: url(images/bg-footer.jpg) no-repeat top left; margin: 0 auto; padding: 0px; height: 21px; padding: 8px 0px 0px 20px; width:854px;}
#menu2
{
    float: left;
}


#referencement
{
    text-align: center;
    width:700px;
    margin: 0 auto;
    display: block;
}


/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
.separator{width:100%;	height:23px; clear:both; padding:0; margin:0; background: url(images/dotted-line.jpg) repeat-x 0 50%; line-height: 0px; font-size: 0; overflow: hidden;}
/* index */
.titre-page
{
    float: left;
    padding-left:6px;
}
/* hotel */
#encartTarifs-holder
{
    float: left;
    padding-left: 50px;
}
#encartTarifs
{
    float: left;
    width: 518px;
    height: 378px;
    background: url(../../images/charte/hotel/bg-encarts.gif) no-repeat top left;
}
#encartTarifs div.inner {
padding: 19px 26px 19px 22px;
}
#tarifsTable
{
    width: 470px;
}


#encartTarifs, #tarifsTable td {
  color: #554B0E;
  font-family: Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:17px;
}
#encartTarifs .pointerLabel {
  background: url(images/bullet2.jpg) no-repeat 0 4px;
  padding-left: 15px;
}
#tarifsTable td.leftCol {
  text-align: left;
}
#tarifsTable td.rightCol {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}
#tarifsTable td {
    padding:5px 0;
}
#tarifsTable td {
    background: url(images/dotted-line2.jpg) repeat-x left top;
}
#tarifsTable .mentions td {
    font-size:10px;
    font-style:italic;
    line-height:13px;
    margin:0 -10px !important;
    padding:2px 0 0;
    text-align:center;
}
/* restaurant */
#newEncarts {
    background: url(../../images/charte/restaurant/bg-menus.gif) no-repeat left top;
    color:#554B0E;
    font-family: Arial,Helvetica,sans-serif;
    font-size:11px;
    height:550px;
    line-height:14px;
    margin:0;
    padding:0;
    position:relative;
    width:615px;
}
#newEncarts {
  color:#554B0E;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  line-height:14px;
}
#menusEncart {
  float:left;
  padding-left:28px;
  padding-top:10px;
  width:300px;
}
#formulesEncart {
  height:226px;
  left:224px;
  position:absolute;
  top:254px;
  width:258px;
}

#formulesEncart table td.formColRight {
  font-size:11px;
  font-weight:bold;
  text-align:right;
}
#formulesTable1 {
width:250px;
}
#formulesTable2 {
width:220px;
}
#formulesTable3 {
width:250px;
}
#formulesTable4 {
width:250px;
}
.box1
{
    float: left;
    width:280px;
}
.box2
{
    float: left;
    width:210px;
}
.box3
{
    float: left;
    width:125px;
}
/* contact */
#contact-form
{
    float: left;
    width: 471px;
    padding-left:80px;
}
/* page referencement */
a.echange-liens , a.link.echange-liens, a.active.echange-liens, a.visited.echange-liens   {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: none;
	color: #C69B02; }
a:hover.echange-liens {
	color: #4B3B04; 
	text-decoration: underline; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;}
		
.tiret {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C69B02;
	text-decoration: none;
}