/*===| I. LAYOUT SIZE |====================================================*/
#container, #footer, #header {width: 970px;}
#header-left {height:201px; width:526px; float:left;}
#header-right {height:234px; width:444px; float:right;}
#left-column {width: 229px;}
#right-column {width: 708px; padding-left: 17px;}

/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer, .push {height: 80px;}

.push {clear: both;}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height
	-----------------------------------------------
*/	#wrap-container {	margin: 0 auto -80px;}


/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/

* {margin: 0;}

html, body {height: 100%; width: 100%;}
body {text-align: center;}
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}
#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;}
#container {
	margin:0 auto;
	text-align: left;}

.ref
{
    width: 970px;
    padding:10px 0 10px 0;
    text-align: center;
    color:#a46a52;
    font-size: 11px;

    clear:both;
    font-family: Arial, Helvetica, sans-serif;
}


#left-column{
	float:left;
	margin: 0;}
#right-column{
	float:left;	
	margin:0px;}

#menu-left{
    height: 205px;
    width:229px;
    float:left;
}
/*---------------- inc.mdm -----------------*/
#actualite{
    height: 110px;
    width:206px;
    padding: 50px 8px 0 15px;
    float:left;
}
#actualite-en{
     height: 110px;
    width:206px;
    padding: 30px 8px 0 15px;
    float:left;
}
.mdm
{
  width: 206px;
  float:left;
  height:91px;
  line-height:15px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;

  }
.mdm h1
{
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    text-align: left;
    padding-left: 0;
}

.mdm p
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
    line-height: 15px;
    color: #000;
}
.mdm img
{
  float:right;
  margin:0 0 2px 5px;
  border: solid 1px #6d361e;
}

.detail
{
	clear:both;
	float:right;
	text-align: right;
	width:192px;
}
.detail a:link, .detail a:visited
{
    color:#f8f6ea;
    font-size: 11px;
    text-decoration: none;
    background: #895842;
    padding:1px 5px 1px 6px;
}
.detail a:hover, .detail a:active
{
    color:#ffffff;
    font-size: 11px;
    text-decoration: underline;
    background: #5f2e19;
    padding:1px 5px 1px 6px;
}
.pagination
{
  clear:both;	
  float:left;
  width: 192px;
  height:15px;
}
.pagination img
{
  float: left;
  margin: 0 3px 0 3px;
}

/*--------------- inc.info ---------------*/
  #contact-info{
    height: 258px;
    width: 205px;
    padding:58px 0 0 24px;
    float:left;
}
#contact-info p
{
	padding:0 0 5px 0;
}
#contact-info span
{
	line-height:20px;
}
#contact-info-en{
    height: 258px;
    width: 205px;
    padding:58px 0 0 24px;
    float:left;
}
#contact-info-en p
{
	padding:0 0 5px 0;
}
#contact-info-en span
{
	line-height:20px;
}
#contact-info-mail a:link, #contact-info-mail a:visited
{
	color:#5f2e19;
	text-decoration:none;
}
#contact-info-mail a:hover, #contact-info-mail a:active
{
	color:#94130a;
	text-decoration:none;
}
#contact-info-plan a:link, #contact-info-plan a:visited
{
	color:#94130a;
	text-decoration:underline;
}
#contact-info-plan a:hover, #contact-info-plan a:active
{
	color:#5f2e19;
	text-decoration:none;
}

#footer {
	margin: 0 auto;
	padding: 0;}

/*	--- Important! -----------------------------------
	If you want space between paragraphs or headers,
	use padding instead of margin.
	-------------------------------------------------*/

/* ===| III. CONTENT ELEMENTS |===============================================*/

img {border: 0;}
/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements 
	you want to float (on the thumbs, for example)
*/	.left{float: left; padding:0 13px 0 0;} .right{float: right; padding:0 0 0 17px;}
    .left1{float: left; margin:0 13px 0 0; padding:1px; border:solid 1px #7e2205;} .right1{float: right; margin:0 0 0 17px; padding:1px; border:solid 1px #7e2205;}
.paragraph{
	clear: both;
	float:left;
	width: 709px;
}
.paragraph a:link, .paragraph a:visited
{
	color:#94130a;
	text-decoration:underline;
}
.paragraph a:hover, .paragraph a:active
{
	color:#5f2e19;
	text-decoration:none;
}
.separator{
	width: 100%;
	height: 17px;
	clear: both;
	padding:0;
	margin:0;
	float:left;
	line-height: 0px;}

.separator1{
	width: 100%;
	height: 57px;
	clear: both;
	padding:0;
	margin:0;
	float:left;
	line-height: 0px;}

/*========================== index =========================*/
#page-title
{ 
	float:left;
}
ul.list1{
	padding: 0px;
    float:left;
    margin: 0;
    width:236px;
	}
ul.list1 li{
	background: url(../images/charte/border-bullet.jpg) no-repeat top left;
	background-position:0px 6px;
    font-size:12px;
	font-weight:normal;
    color:#000000;
	text-align:left;
	line-height: 18px;
	padding:0px 0px 0px 10px;
	}
/*#tarifs
{
	float:left;
	width:709px;
	margin-top:10px;

}
#tarifs-top
{
	float:left;
	width:709px;
	height:26px;
}
#tarifs-top-en
{
	float:left;
	width:709px;
	height:26px;
}
#tarifs-bottom
{
	float:left;
	width:709px;
}
.box-left
{
	float:left;
	width:675px;
	padding-left:15px;
	padding-right:15px;
}*/
#tarifs
{
	float:left;
	width:709px;
	margin-top:10px;
}
#tarifs-top
{
	float:left;
	width:709px;
	height:28px;
}
#tarifs-top-en
{
	float:left;
	width:709px;
	height:26px;
}
#tarifs-bottom
{
	float:left;
	width:709px;
	min-height:176px;
}
.box-left
{
	float:left;
	width:177px;
	padding-left:22px;

}
.box-left h2
{
  margin-top:0;
}

.box-right
{
	float:left;
	width:455px;
	padding-left:13px;
}

ul.list2{
	padding-bottom:14px;
    float:left;
    margin: 0 !important;

	}
ul.list2 li{
	background: url(../images/charte/bullet2.jpg) no-repeat top left;
	background-position:0px 7px;
    font-size:12px;
	font-weight:normal;
    color:#94130a;
	text-align:left;
	line-height: 18px;
	padding:0px 0px 0px 10px;
	}
ul.list2 li a:link, ul.list2 li a:visited{
	text-decoration:underline;
	color:#94130a;
	}
ul.list2 li a:active, ul.list2 li a:hover{
	text-decoration:none;
	color:#94130a;
	}
/*ul.list2{
	padding-bottom:5px;
    float:left;
    margin: 0;

	}
ul.list2 li{
	background: url(../images/charte/bullet2.jpg) no-repeat top left;
	background-position:0px 5px;
    font-size:12px;
	font-weight:normal;
    display:inline;
    text-align:left;
    color:#000;
	line-height: 18px;
	padding:0px 8px 0px 12px;
	}
ul.list2 li span
{
    font-size: 12px;
    color:#94130a;
    text-decoration:underline;
    font-weight: normal;
}*/
.box-left h2
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px 0 0px 0;
}
ul.list4{
	padding-bottom:5px;
    float:left;
    margin: 0;

	}
ul.list4 li{
	background: url(../images/charte/bullet2.jpg) no-repeat top left;
	background-position:0px 7px;
    font-size:12px;
	font-weight:normal;
    text-align:left;
    color:#94130a;
	line-height: 18px;
	padding:0px 0px 0px 22px;
	}
/*---------------- modifs index -------------*/
#diapo-index
{
    float: right;
    width:187px;
    height:103px;
    margin-left:15px;
    border: solid 1px #6f3b23;
    padding:2px;
 /*   background: url(../images/charte/bg-diapo-index.jpg) no-repeat top left;*/
}












/*============= restaurant / recherche =================*/
#menus
{
	float:left;
	width: 173px;
	padding: 50px 35px 27px 30px;
}
#menus-en
{
	float:left;
	width: 173px;
	padding: 50px 35px 27px 30px;
}
ul.list3{
    float:left;
    margin: 0;
	}
ul.list3 li{
	background: url(../images/charte/bullet3.jpg) no-repeat top left;
	background-position:0px 6px;
    font-size:12px;
	font-weight:bold;
    color:#94130a;
	text-align:left;
	line-height: 18px;
	padding:0px 0px 8px 18px;
	}
ul.list3 li a:link, ul.list3 li a:visited{
	text-decoration:underline;
	color:#94130a;
	}
ul.list3 li a:active, ul.list3 li a:hover{
	text-decoration:none;
	color:#94130a;
	}
#menus-bottom
{
	padding-bottom:1px;
	width:709px;
	float:left;
	height:100%;
}
#bg-menus
{
	width:709px;
	float:left;
	height:100%;
}
.box-menu
{
	float:left;
	width:470px;
	background:url(../images/charte/dotted-line.jpg) repeat-x bottom left;
	padding:10px 0;
}
.box-menu a:link, .box-menu a:visited{
	text-decoration:underline;
	color:#94130a;
	font-size:11px;
	}
.box-menu a:active, .box-menu a:hover{
	text-decoration:none;
	color:#94130a;
	font-size:11px;
	}
.title-menu
{
	font-size:13px;
	color:#94130a;
	font-weight:bold;
	padding:8px 0 10px 0;
}
#pagination
{
	float:right;
	width:460px;
	background:#fff492;
	margin-top:5px;
	padding:5px;
}
#pagination p
{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	padding:3px 8px 3px 8px;
	background:#ffffff;
	border:solid 1px #dad07b;
}
#pagination a:link, #pagination a:visited
{
	color:#94130a;
	font-weight:bold;
	text-decoration:underline;
	padding:3px 5px;
}
#pagination a:hover, #pagination a:active
{
	color:#000000;
	text-decoration:none;
	padding:3px 5px;
	font-weight:bold;
	background:#fff492;
}
#sel
{
	color:#ffffff;
	background:#e6bc2a;
	font-weight:bold;
	padding:3px 5px;
	text-decoration:none;
}
/*========== details ===============*/
.descriptif
{
	float:left;
	width:500px;
	padding:0px 10px 0px 10px;
}
/*============== offres ===============*/
#occasions
{
  background: url(../images/charte/occasions-icon.jpg) no-repeat 0% 12%;
}
#occasions p
{
  padding-bottom: 8px;
}
#cadeaux
{
  background: url(../images/charte/cadeaux-icon.jpg) no-repeat 0% 100%;
}
#sport
{
  background: url(../images/charte/sport-icon.jpg) no-repeat 0% 100%;
}
#gourmande
{
  background: url(../images/charte/gourmande-icon.jpg) no-repeat 0% 100%;
}
/*================= destination ==================*/
#diapo
{
  float: right;
  width:293px;
  height:109px;
  background: #fff9c8;
}
#destination
{
  padding-left:70px;
}
#list-dest
{
  background: url(../images/charte/bg-list-destination.jpg) no-repeat top left;
  width:709px;
  height:205px;
}
ul.list1_2{
	padding: 15px 0 0 0;
    float:left;
    margin: 0;
    width:236px;
	}
ul.list1_2 li{
	background: url(../images/charte/border-bullet.jpg) no-repeat top left;
	background-position:0px 6px;
    font-size:12px;
	font-weight:normal;
    color:#000000;
	text-align:left;
	line-height: 18px;
	padding:0px 0px 15px 10px;
	}

/*=================== reservation / merci =================*/
#contact
{
  background: url(../images/charte/phone-icon.jpg) no-repeat 39% 100%;
}
#contact p
{
  text-align: center;
  line-height: 22px;
  padding-bottom: 5px;
}
#contact a:link, #contact a:visited
{
   color: #000;
   font-weight: bold;
   text-decoration: underline;
}
#contact a:hover, #contact a:active
{
   color: #7d130c;
   font-weight: bold;
   text-decoration: none;
}



















/* ---| THE END |------------------------- */