@import "../../admin/fckeditor/css/fck.css";   
/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
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;}
#push, .clr	{clear: both;}

body{background: #dfd1b9; }
#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background: url(images/bg-body.jpg) 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; background:url("images/bg2.jpg") 50% 0% no-repeat;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{background: url(images/spacer.jpg) 50% 50% repeat-y; margin:0 auto;	text-align: left;}
#content{}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{background:url("images/bg-header1.jpg") 50% 0 no-repeat;}
#site-header .inner{}
/* ===| III. botom COLUMN ELEMENTS |===========================================*/
#botom-outter{float:left; margin: 0; overflow: hidden;}
#bottom-inner{padding: 0px 16px 0px 16px;  }
#info
{
    float: left;
    width:264px;
    height: 78px;
    padding: 83px 0 0 13px;
    background: url(images/bg-coordonnees.jpg) no-repeat top left;
}
#promo
{
    float: left;
    width:295px;
    height: 143px;
    padding: 18px 0 0 35px;
    background: url(images/bg-plan.jpg) no-repeat top left;
}
#newsletter
{
    float: left;
    width:299px;
    height: 104px;
    padding: 57px 0 0 12px;
    background: url(images/bg-newsletter.jpg) no-repeat top left;
}

/* ===| IV. top COLUMN ELEMENTS |===========================================*/
#top-outter{float:left;	margin:0; padding:0; overflow: hidden;}
#top-inner{padding: 0px 16px 0px 16px;}

/* ===| V. FOOTER BOXES |=====================================================*/

#footer.outter	{ margin: 0 auto; padding: 0px;}
#footer .inner	{background: url(images/bg-footer.jpg) no-repeat top left; float: left; height:65px; width:950px; }

.digitalage
{
    float: left;
    padding-left: 16px;
    padding-top: 20px;
    width: 277px;
}

#menu2
{
    float: left;
    padding:16px 0 0 286px;
    width:355px;
}
.copyright
{
    float: left;
    padding:0px 0 0 286px;
    width:355px;
}

.ref{
    width:950px;
    margin:0 auto;
    text-align: center;
}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}

img.thumb1{ border:solid 1px #c9b490; background: #fff; padding:5px;}
img.thumb2{ border:solid 1px #c9b490; background: #fff; padding:4px;}
img.thumb3{ border:solid 1px #c9b490; background: #ede2ce; padding:3px;}

/* index */
.bg1-text
{
    float: left;
    width:894px;
    height: 199px;
    background: url(images/bg1-text.jpg) no-repeat top left;
    padding: 12px 12px 0 12px;
}
.bg2-text
{
    float: left;
    width:894px;
    height: 135px;
    background: #e7ddcb;
    padding: 15px 12px 0 12px;

}
.photos-right
{
    float: right;
    width:301px;
    padding:3px 0 0 9px;
}

.photos-left
{
    float: left;
    width:275px;
}
ul.list1{
	padding: 0px;
    float:left;
    margin: 0;
	}
ul.list1 li{
	background: url(images/bullet2.png) no-repeat top left;
	background-position:0px 4px;
	text-align:justify;
	line-height: 18px;
	padding:0px 0px 0px 15px;
	}

/* contact */
.bg-text-contact
{
    float: left;
    width:894px;
    height: 199px;
    background: url(images/bg-text-contact.jpg) no-repeat top left;
    padding: 12px 12px 0 12px;

}
/* merci */
.bg-text-merci
{
    float: left;
    width:624px;
    height: 109px;
    background: url(images/bg-text-merci.jpg) no-repeat top left;
    padding: 102px 12px 0 282px;
}
/* inc.chambres */
.bg4-text
{
    float: left;
    width:894px;
    height: 180px;
    background: url(images/bg1-text.jpg) no-repeat bottom left;
    padding: 12px 12px 0 12px;
}
.bg3-text
{
    float: left;
    width:894px;
    background: #e7ddcb;
    padding: 15px 12px 15px 12px;
}
#pagination
{
    width:100%;
    text-align: center;
    height:20px;
    padding-top:5px;
    background: #c0a26f;
    border-top: solid 1px #fff;
    color:#7f0119;
    font-weight: bold;
}
