/**************** TWIST ***************/
/*@charset "iso-8859-1";*/

/**************** MAIN LAYOUT / BODY ***************/
a { color:#440204; text-decoration:none; }
a:hover {color:#440204; text-decoration:underline; }
h1 {font-size: 18px; font-weight:bold; color:#2d2c28; }
h1 a{font-size: 18px; font-weight:bold; color:#CF080F; }
h1 a:hover {font-size: 18px; font-weight:bold; color:#CF080F; }
body {font-family: Verdana; font-size:12px; color:#2d2c28;  background: #770406 url(site/body_top.png) top center repeat-x;  }

#wrapper {width:1008px; margin:0 auto -134px auto; background: url(site/wrapper_white.png) top center repeat-y;}


/**************** HEADER (TOP_NAV + FLASH + TITRE) ***************/
#header { width: 1008px; height: 263px; background: url(site/header.png) top center no-repeat; position:relative;}

#flash { width: 990px; height: 350px;  margin-left: 9px; background: #480204; display:none;}
#section_5 #flash { display: block; }
#flash object { width: 990px; height: 350px; }


/**************** MENU ***************/
#menu { width: 990px; height: 263px;  margin-left: 9px; background: #480204;}
#menu object { width: 990px; height: 263px; }


/*#menu_left { width: 376px; height: 273px; float: left; }
#menu_left #menu { width: 87px; position: absolute; top: 68px;  left: 288px; }
#menu_left #reservations { width: 129px; position: absolute; top: 109px;  left: 223px; }
#menu_left #le_restaurant { width: 147px; position: absolute; top: 146px;  left: 228px; }


#menu_right { width: 376px; height: 273px;  float: right; }
#menu_right #carrieres { width: 98px; position: absolute; top: 58px;  left: 636px; }
#menu_right #ou_nous_trouver { width: 161px; position: absolute; top: 109px;  left: 654px; }
#menu_right #contactez_nous { width: 152px; position: absolute; top: 146px;  left: 636px; }

#logo { width: 244px; position: absolute; top: 41px; left: 384px; }*/


/*#menu { width:990px; height: 50px; background: url(site/menu.png)  no-repeat; text-align:left; }

	  #menu ul.top_itm { padding-left: 20px; } 
			#menu li { margin: 0 3px; padding: 0 6px 0 3px;background: url(site/menu_separator.jpg) top right no-repeat;}
			#menu li#nav_1 { width: 71px;}	
			#menu li#nav_2 { width: 106px;}	
			#menu li#nav_3 { width: 202px; }	
			#menu li#nav_4 { width: 165px;}	
			#menu li#nav_5 { width: 192px; }	
			#menu li#nav_6 { width: 76px; }	
			#menu li#nav_7 { width: 43px; background: none; }	
		
			#menu a { color: #FFFFFF; }
			#menu a.top_itm { line-height: 44px; font-size:12px; text-align: center;}
			#menu a.top_itm span { width:100%; padding: 0 0px; display: block; text-transform: uppercase;}
	
	#menu #nav_8 { display: none; }	
		
	#menu li.tactive a.top_itm, #menu li.top_itm a.MenuBarItemSubmenuHover, #menu li.top_itm a.top_itm:hover { text-decoration: underline; }
    
		#menu ul.sub_itm { width: 260px;  margin-top: -2px; margin-left: -10px; background:#426b28;  }
		#menu li.sub_itm { width: 244px; background:none; padding: 8px;  margin: 0; text-align:left; border-bottom: 1px solid #22533c;}
		#menu li.sub_itm a { width: 235px; height: auto; background:none; color:#FFFFFF; text-decoration: none; }
		#menu li.sub_itm a:hover, #menu li.sub_itm.active a:hover, #menu li.sub_itm.active a { color:#FFFFFF; text-decoration: none;}
		#menu li.sub_itm.active { background: #22533c url(site/btn_active.png) no-repeat;  }
		#menu li.sub_itm a span {background:none; padding-left:16px; margin:0;}*/
	
/**************** CONTENT ***************/
#main_container { width: 1008px; height: auto;}
#left_column { width: 228px; height: 504px; text-align: center; float:left; padding-left: 10px;}
#act_ctn {width: 482px; height: auto; padding: 20px 25px 20px 25px; min-height: 150px; text-align: left;  background: url(site/page_top.png) top center no-repeat; line-height: 150%;  float:left; }
#right_column { width: 228px; height: 575px; background: url(site/famille.png) 50% 80% no-repeat;  float:left;}
	#share{margin-top: 245px;margin-left: 48px;}

#news_box { width: 228px; height: 294px; background: url(site/news_box.png) top center no-repeat; font-family: "Century Gothic", Verdana;}
#news_box span { color: #FFFFFF;}

#news_box > .content {margin: 0; height: 232px; margin-left: 28px; overflow: scroll; width: 187px; overflow-x: hidden;}
#news_box .head { height:33px;}
#news_box .content {width:187px;  height: 232px; }

#news_box .elem {padding: 5px; color: #FFFFFF;}
#news_box .elem .date {font-size:11px; font-style: italic; margin: 0;}

#news_box .elem h2.title { margin: 0; }
#news_box .elem h2.title a {font-size:14px; color: #FFFFFF; height: 14px;}
#news_box .elem .txt {font-size:12px;  margin-top: 4px;}

#news_box .foot {font-size:12px; text-align: right;  color:#FFFFFF; margin-right: 23px; }
#news_box .foot a { color:#FFFFFF; }

#wtxt_442{ font-family:Monotype Corsiva; color:#FF0000; font-size:18px;}

/****************  FORMULAIRE ***************/
.form_item { height: auto; width: 480px; margin: 0.8em 0; padding: 0; color: #424344; font-size: 12px; font-family: Georgia; line-height: 150%;}
.form_element {float:left; font-family:Monotype Corsiva; font-size:16px; margin-bottom:2px; margin-top:2px; }
.form_element label { display:block; float:left; line-height:22px; vertical-align:middle; width:165px; padding-right: 20px;}
.form_element .check_label {display:inline; float:none; line-height:22px; vertical-align:middle; width:165px; }
.form_element select, .form_element input { font-family:Arial,Helvetica,sans-serif; font-size:12px; width:265px; }
.form_element #text_short { font-family:Arial,Helvetica,sans-serif; font-size:14px; width:165px; }
.form_element .radio { width: 20px; display: inline-block;}
#form_header { background: #FDCC29;}
.cf_text { color: #424344; width: 480px;}
.cf_text a { color: #424344;}
.form_element .cf_inputbox { width: 280px; }
textarea, input[type="text"], input[type="password"] { padding:0.1em 0 0.1em 0.4em; }
textarea:hover, input[type="text"]:hover, input[type="password"]:hover, select:hover {border-color:#424344;}

textarea, input[type="text"], input[type="password"], select { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0; border:1px solid #C8C8C8; }
#submit { margin-left: 150px;}

/**************** FOOTER  ***************/
.push {height:134px;}

#footer { width:100%; height: 134px; margin: 0 auto; background: url(site/footer_bg.jpg) top center repeat-x; }
#footer_bg { width:1008px; height: 134px; margin: 0 auto 0 auto; background: url(site/footer_white.png) top center no-repeat; }

/**************** FOOTER / SITE MAP ***************/
#site_map { width: 660px; height:78px; margin: 0 auto; padding-left: 33px; padding-top: 38px; font-size: 10px; color:#FFFFFF;  text-align: center; }

#site_map a { color:#FFFFFF; font-weight:normal; text-decoration:none; text-transform:uppercase;}
#site_map a:hover {font-weight:normal; text-decoration:underline;}
#site_map span {  padding:6px 5px 6px 5px; margin:0; display:inline-block; line-height:10px; }
#site_map span.links {  line-height:10px; }
#site_map .endlink { display:block; margin: 0; padding: 0; height: 0; line-height: 0;}
#site_map .optimised { display:block; line-height:10px; padding-top: 6px; text-transform:uppercase;}
#site_map .copyright { color: #FFFFFF; }
#site_map .copyright_2 { color: #ff1217; text-transform:uppercase;}
#site_map .design { color: #FFFFFF; text-transform:uppercase;}
#site_map .design a { color: #ff1217; text-transform:uppercase;}

/**********************************************************************************************************************/
/* DEFAULTS */
/**********************************************************************************************************************/
html, body {margin:0; padding:0; height:100%; width:100%; text-align:center;}

.wrapper {min-height: 100%; height: auto !important; height: 100%; text-align:left; position:relative; padding:0;}
.push {clear:both;}
.footer {position:relative; padding:0;}

img {border:none; }

div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }

.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}
.thumbRF{ margin:0px 0px 3px 10px;float:right; } 
.thumbLF { margin:0px 10px 3px 0px; float:left; }

.clear {clear:both;}

ul.menu{margin:0;padding:0;list-style-type:none;cursor:default;display:block;float:left;}
ul.menu li{margin:0;padding:0;display:block;list-style-type:none;position:relative;float:left;}
ul.MenuBarVertical li.top_itm{clear:both;}
ul.menu li a {display:block;cursor:pointer;}
ul.menu ul{padding: 0; list-style:none;z-index:1020;cursor:default;position:absolute;left:-1000em;}
ul.MenuBarHorizontal ul {margin:0;}
ul.MenuBarVertical ul{margin:0 0 0 100%;top:0;}
ul.MenuBarActive {z-index:1000;}
ul.menu ul.MenuBarSubmenuVisible{left:auto;}
ul.MenuBarHorizontal iframe{position:absolute;z-index:1010;background:none;border:none;}
ul.menu iframe{position:absolute;z-index: 1010;}
@media screen, projection {li.MenuBarItemIE{display:inline;f\loat:left;}}

table.table {width:100%; clear:both; border-collapse:collapse;}
tr.tblrow {text-align:left; vertical-align:top; }
td.cell { border:none; text-align:left; vertical-align:top;}
div.cellctn {padding:3px;}
a.pdf {line-height:3em; font-weight:bold; font-size:1.2em; background: url(admin/a_pdf.jpg) center left no-repeat; padding-left:20px; }
.calendar {text-align:center;}
.cal_holder {width:100%; }
.cal_holder .ccell {width:14%; display:block; float:left;} 
.cal_holder span.date {width:70%; display:block; float:left;}
.cal_holder a.nav, .cal_holder a.cal { cursor:pointer;}
.cal_holder ul.cal, .cal_holder ul.cal_sub, .cal_holder li.cal, .cal_holder li.cal_sub {display:block; margin:0; padding:0; list-style:none;}
.cal_holder ul.cal, .cal_holder li.cal { float:left;}
.cal_holder ul.cal {width:100%;}
.cal_holder li.ccell {height:1.2em; position:relative;}
.cal_holder a.cal {display:block;}
.cal_holder ul.cal_drop{text-align:left;}
.cal_holder ul.cal_drop{margin: 0; position: absolute; z-index: 1020; cursor: default; left: -1000em;}
.cal_holder ul.right{left:auto; right:0;}
.cal_holder ul.left{left:0;}