@font-face {
	font-family: 'Cloister Black Light';
	src: url('CloisterBlack.eot');
	src: local('Cloister Black Light'), local('CloisterBlack-Light'), url('CloisterBlack.ttf') format('truetype');
}

/*************************** BALISES *********************************/
body {
background: #d9cca6 url('../img/bg.png') repeat-x top;
font: 12px Verdana;
}
h1{
margin: 7px 0 0 163px;
font: 60px 'Cloister Black Light', Arial, sans-serif;
letter-spacing: 0;
}
h1 a{
color: #fbce55;
text-decoration: none;
}
h2{
margin: 5px 0;
padding: 8px 0;
font-size: 25px;
color: #ae2001;
background: url('../img/bg-nav-a.png') no-repeat bottom left;
}
h3{
}
h4{
}
p {
line-height: 25px;
color: #2c2522;
}
a {
}
table {
border-collapse: collapse;
}
acronym, abbr {
border-bottom: 1px dotted black;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
/***************************** BALISES END *****************************/

/**************************** LAYOUT ***********************************/
#wrapper {
position: absolute;
left: 50%;
width: 908px;
height: 789px;
padding: 0 24px 0 24px;
margin: 10px 0 40px -475px;
background: url('../img/bg-wrapper.png') no-repeat top left;
}
#header {
margin-bottom: 25px;
}
#lang-select {
position: absolute;
top: 37px;
right: 35px;
}
#lang-select li {
float: left;
}
#nav {
float: left;
display: inline;
width: 269px;
height: 230px;
padding: 10px 0 0 25px;
overflow: hidden;
background: url('../img/bg-nav.png') no-repeat top left;
}
#nav li {
font-size: 15px;
background: url('../img/bg-li.png') no-repeat 10px 9px;
}
#nav li a, #nav li a:visited {
display: block;
height: 30px;
padding-left: 40px;
line-height: 27px;
text-decoration: none;
color: #5a4f4a;
background: url('../img/bg-nav-a.png') no-repeat bottom left;
}
#nav li a:hover {
color: #ae2001;
}
#nav li.last a {
background: none;
}
#slideshow {
position: relative;
float: left;
display: inline;
width: 601px;
height: 234px;
padding: 6px 0 0 7px;
background: url('../img/bg-slideshow.png') no-repeat top left;
}
#illustration {
position: relative;
display: inline;
float: left;
width: 298px;
height: 367px;
background: url('../img/bg-illustration.png') no-repeat top left;
}
#illustration img {
margin: 7px 0 0 5px;
}
#illustration img.masque {
position: absolute;
top: 0;
left: 0;
}
#main {
position: relative;
float: left;
display: inline;
left: -2px;
width: 507px;
height: 347px;
padding: 10px 50px;
background: url('../img/bg-main.png') no-repeat top left;
}
#footer {
clear: both;
padding-top: 30px;
text-align:center;
}
#footer p {
line-height: normal;
color: #fff;
}
#footer a {
font-weight: 700;
color: #b53616;
}
.anneau {
position: absolute;
left: 296px;
width: 53px;
height: 21px;
background: url('../img/anneau.png') no-repeat 0 0;
}
a.broadsheet, a.broadsheet:visited {
color: #ae2001;
font-size: 15px;
text-decoration: none;
}
/* Correction bug float IE7 */
#slideshow, #illustration, #main {
/top: -15px;
}
#footer {
/margin-top: -45px;
}
/**************************** LAYOUT END ***********************************/

/*********************** CONTENT *********************************/
#hotel #tarifs {
position: relative;
display: inline;
float: left;
width: 238px;
height: 357px;
padding: 10px 30px;
background: url('../img/bg-illustration.png') no-repeat top left;
}
#hotel #tarifs dl {
margin-bottom: 1em;
}
#hotel #tarifs dl dt {
font-size: 15px;
color: #ae2001;
}
#hotel #tarifs dl dd dl dt {
float: left;
width: 200px;
font-size: 13px;
line-height: 20px;
color: #5a4f4a;
}
#hotel #tarifs dl dd dl dd {
line-height: 20px;
}
#carte #slideshow {
width: 508px;
height: 220px;
padding: 10px 50px;
}
#carte #slideshow #categories_liste {

}
#carte #slideshow #categories_liste li {
float: left;
font-size: 15px;
}
#carte #slideshow #categories_liste li a {
display: block;
width: 150px;
height: 30px;
padding-left: 40px;
line-height: 27px;
text-decoration: none;
color: #5a4f4a;
background: url('../img/bg-li.png') no-repeat 10px 9px;
}
#carte #liste_plats {
height:270px;
overflow:auto;
overflow-x:hidden;
width:530px;
}
#carte #liste_plats li {
clear: both;
width: 560px;
}
#carte #liste_plats li h3 {
width: 410px;
margin-top: 0.8em;
}
#carte #liste_plats li p.prix {
float: right;
width: 100px;
margin: 0;
}
#acces #map {
position: relative;
float: left;
display: inline;
left: -2px;
width: 607px;
height: 367px;
}
#contact #coordonnees {
position: relative;
display: inline;
float: left;
width: 238px;
height: 357px;
padding: 10px 30px;
background: url('../img/bg-illustration.png') no-repeat top left;
}
#contact label {
float: left;
clear: left;
width: 80px;
}
#contact textarea {
width: 510px;
}
#contact input, #contact textarea {
background: none;
}
#contact p.submit {
text-align: right;
margin-top: 6px;
}
#contact p.submit input {
color: #ae2001;
font-size: 15px;
text-decoration: none;
}
/* Correction bug float IE7 */
#hotel #tarifs {
/top: -15px;
}
#carte #slideshow , #carte #illustration , #carte #main,
#acces #slideshow , #acces #illustration , #acces #main,
#contact #slideshow , #contact #main,
canvas {
/top: 0;
}
#carte #footer, #acces #footer {
/margin-top: 0px;
}
#mentions p {
line-height: 16px;
}
#mentions .adresse {
float: left;
width: 48%;
padding: 0 0 2em;
}
#mentions #encart {
position: relative;
display: inline;
float: left;
width: 238px;
height: 357px;
padding: 10px 30px;
background: url('../img/bg-illustration.png') no-repeat top left;
}
/*********************** CONTENT END *********************************/

/*********************** PAGINATION *********************************/
.pagination {
	clear: both;
	margin-top: 2em;
	height: 2em;
	line-height: 2em;
}
.pagination a, .pagination span {
	padding: 0.1em 0.3em;
}
.pagination a {
	text-decoration: none;
}
/*********************** PAGINATION END *********************************/