/**************** JARDIN NELSON ***************/
/*@charset "iso-8859-1";*/

/**************** MAIN LAYOUT / BODY ***************/
a { color:#053852; text-decoration:none; }
a:hover {color:#053852; text-decoration:underline; }
h1 {font-size: 20px; font-weight:normal; color:#053852;}
h1 a{font-size: 20px; font-weight:normal; color:#053852; }
h1 a:hover {font-size: 20px; font-weight:normal; color:#053852; }
body {font-family: "Century Gothic", Arial; font-size:12px; color:#312f26; background: url(site/body.png) top center repeat-y #1f5777; } 

#bkg{ width:100%; height:471px; margin-bottom:-471px; background:url(site/bkg_top.png) no-repeat 50% 50%; }

#wrapper {width:990px; margin:0 auto -167px auto; background: url(site/wrapper.png) repeat-y center; padding-right:6px;}


/**************** HEADER + HEADER ELEMENTS***************/
#header { width: 990px; height: 486px; position:relative; background: url(site/header.png) no-repeat; padding-top: 19px; padding-right:6px;}
	#header_elements{ width:175px; float:right; font-size:14px; margin-top:-19px; padding-right:15px;}
		#header_elements span{ position:absolute}
		#accueil, #langue { width:84px; height:37px;}
			#accueil span, #langue span{ width:77px; height:30px; line-height:28px; text-align:center; color:#FFFFFF}
	#binder_top{ width: 60px; margin-left: 170px; margin-top: 45px;}
			
	#photo{  width: 990px; height: 438px; ?margin-top:-18px; _margin-top:-18px;}
	#section_7 #photo{ background:url(site/accueil.png) no-repeat center center;}
	#section_3 #photo{ background:url(site/jardin_nelson.png) no-repeat center center;}
	#section_4 #photo{ background:url(site/menus.png) no-repeat center center;}
	#section_5 #photo{ background:url(site/aucoeur.png) no-repeat center center;}
	#section_6 #photo{ background:url(site/contactez_nous.png) no-repeat center center;}

/**************** MENU + NEWS BOX***************/
#menu { width:762px; height: 85px; background: url(site/menu.png) no-repeat; position:absolute; bottom:50px; left:16px;}

	  #menu ul.top_itm {} 		
	  
			#menu a.top_itm { height:78px; color: #000; padding: 0 0px; text-decoration: none; font-size:14px; text-align: center;}
			#menu a.top_itm span { display:none;}
			
			#menu li.top_itm {height:78px;}
			#menu li.top_itm.tactive,  #menu li.top_itm:hover { }
			#menu li.tactive a.top_itm, #menu li.top_itm a.MenuBarItemSubmenuHover, #menu li.top_itm a.top_itm:hover { }

		#menu ul.sub_itm { width: 220px; padding:18px 0 10px 0; font-size:12px; background-color:#acacac;}
		
		#nav_1{display:none;}
	
		#nav_2{ width:180px;}
		
		
		#nav_3{ width:117px;}
		
		
		#nav_4{ width:275px;}

		#nav_5{ width:177px;}
    
	
		#menu ul.MenuBarSubmenuVisible {}
		#menu li.sub_itm { width: 254px; background:none; padding: 6px 16px;  text-align:left;}
		#menu li.sub_itm a { height: auto; background:none; color:#000; text-decoration: none; }
		#menu li.sub_itm a:hover, #menu li.sub_itm.active a:hover, #menu li.sub_itm.active a { background:none; color:#000;}
		#menu li.sub_itm a span {background:none; padding:2px; margin:0;}
		
/**********************SIDE PAGE*************************/
#side_page{width: 181px; height: auto; margin-top:10px; float: left; padding-left:20px;}
	#infolettre{width:150px; height:auto;}
	#infolettre legend{color:#FFFFFF; font-size:20px;}
	#infolettre fieldset{ border:none;}
	#infolettre input.btn {border:#fff solid 0px; width:145px; height:30px; margin-top:4px; clear: both;display: block;}
	#btn_infolettre{ background:url(site/btn_submit.png);}
	#btn_infolettre_en{ background:url(site/btn_submit_en.png);}
	#facebook{margin-left:5px;}
	
	#banner { width:160px;}
	#banner .iholder {margin:10px 0;}
/**************** CONTENT ***************/
#act_ctn {width:668px ; height: auto; min-height: 475px; padding: 20px 40px 5px 80px ; _padding:0; text-align: left;  line-height: 150%; font-size:12px; float:right; background:url(site/act_ctn.png);}

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

#footer { width:990px; height: 167px; margin: 0 auto; background: url(site/footer.png) top center no-repeat; clear: both; padding-right:6px;}
	#binder_bottom { width:60px; height:16px; left: 170px; top: -45px; position:absolute;}
	#fleur{ width: 368px;height: 133px;left: 630px;bottom:0; position:absolute; }
	
/**************** FOOTER / SITE MAP ***************/
#site_map { width: 990px; height:105px; font-size: 12px; color:#FFF;  text-align: left; font-family:"Century Gothic",Arial; float: left; margin-top:50px; *margin-top:50px;}

#site_map a { color:#7ed3ff; font-weight:normal; text-decoration:none; }
#site_map a:hover {font-weight:normal; text-decoration:underline;}
#site_map span {  padding:0px 12px 0px 0px; margin:0; display:block; line-height:22px; }
#site_map span.links {  line-height:12px; padding:3px; }
#site_map span.even { float:left; width:120px;}
#site_map span.odd { }
#site_map .endlink {  clear:both; margin: 0; padding: 0; height: 0; line-height: 0; }
#site_map .optimised { float:left;clear:both; line-height:13px; padding: 3px; }
#site_map .copyright { float:left;clear:both;}
#site_map .design{float:left;}
#site_map .design a{color:#FFF !important;  }

/**********************************************************************************************************************/
/* 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;}