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

/**************** MAIN LAYOUT / BODY ***************/
a { color:#CB3200; text-decoration:none; }
a:hover {color:#CB3200; text-decoration:underline; }
h1 {font-size: 20px; font-weight:bold; color:#CB3200;}
h1 a{font-size: 20px; font-weight:bold; color:#CB3200; }
h1 a:hover {font-size: 20px; font-weight:bold; color:#CB3200; }
body {font-family: "Century Gothic", Arial; font-size:12px; color:#504E4E; ;} 

#wrapper {width:990px; margin:0 auto -77px auto;}

#bkg_left{ width:50%; z-index:-3; min-height:100%; position:fixed; top:0; left:0; background:#DDDDDD; }
#bkg_right{ width:50%; z-index:-4; min-height:100%; position:fixed; top:0px; right:0; background:#FFFFFF; }
#bkg_top_left{ width:50%; z-index:-1;position:absolute; height:284px; top:0; left:0; background-color:#FFFFFF;}
#bkg_top_right{ width:50%; z-index:-2;position:absolute; height:301px; top:0; right:0; background-color:#DDDDDD;}


/**************** HEADER + HEADER ELEMENTS***************/
#header { width: 990px; height: 281px; background: url(site/header.png) no-repeat; padding-right:42px; padding-top:20px;}
	#logo { float:left; margin-left:18px; width:282px; height:77px;}
	#langue {position:absolute; top:0; right:0;}
/**************** MENU + NEWS BOX***************/
#menu { width:219px; height: 263px; background: url(site/menu.png) no-repeat; font-family:"Century Gothic"; font-size:16px; text-align:left; float:left;}
	#m_menu{margin-top:30px;}
	  #menu ul.top_itm { margin-left:6px;} 		
	  
			#menu a.top_itm { width: 196px; color: #000; padding: 0px 0px; text-decoration: none; line-height: 30px; font-size:16px; text-align: left;}
			#menu a.top_itm span { width:115px; padding: 0 0px; display: block; padding-left:80px; text-transform:uppercase;background: url(site/puce.png) 25% 85% no-repeat;}
			
			#menu li.top_itm {width: 196px; height: 30px; padding: 3px 0px;}
			#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 { background:url(site/btn_menu.png) no-repeat; color:#FFFFFF;}

		#menu ul.sub_itm { width: 280px; margin-left: 213px; background:#c7c7c6; border: none; font-size:14px; }
		#menu ul.MenuBarSubmenuVisible { width: 250px; background:#c7c7c6; border: none; font-size:14px;}
		#menu li.sub_itm { width: 250px; height:23px; background:#c7c7c6;text-align:left;}
		#menu li.sub_itm a { height: 23px; line-height:23px; background:#c7c7c6; color:#000; text-decoration: none; padding-left:20px;}
		#menu li.sub_itm a:hover, #menu li.sub_itm.active a:hover, #menu li.sub_itm.active a { background:url(site/btn_sub_menu.png); color:#000;}
		#menu li.sub_itm a span {background:none; text-transform:uppercase; text-align:left; width:auto;}
		
/**********************SIDE PAGE*************************/
#side_page{width: 228px; background-color:#ddd; position:absolute; border-left: 6px solid #939393; left:0; top:300px;}		

/**************** JS_NEWS_BOX ***************/	
	#js_news_box { width: 214px; height: 151px; background: url(site/js_news_box.png) no-repeat; overflow: hidden; margin-top:-8px;}
	#js_news_box ul { height: 80px; width:160px; margin: 60px 0 0 0; padding-left:20px;}
	#js_news_box li { list-style: none; text-align: left; *margin:0;}
	#js_news_box li a span {width:210px; margin-top:20px;font-size: 14px; color: #736f6f; font-weight: normal; text-align: left; line-height: 20px; font-family:"Verdana";}
		
/******************** TEL ***************************/
#tel{ font-size:14px; color:#504e4e; text-align:center; margin-top:70px;}
	#tel span{ display:block;}
	#tel .ville{ font-size:16px; font-weight:bold;}
	#tel .tel{ font-size:24px;}
	
/********************* CERTIFIED **************************/
#certified{ height:105px; width:118px; margin:0 auto; margin-top:100px;}
	#btn1{ display:block; }
	#btn2{ margin-top:13px; float:left;}
	#btn3{ margin-top:13px; float:right;}		
/**************** CONTENT ***************/
#act_ctn {width:709px ; height: auto; min-height: 540px; padding: 20px 20px 5px 248px ; text-align: left; margin-right:1px; line-height: 150%; font-family:"Verdana",Arial; font-size:12px; border-left: 6px solid #939393; border-right: 6px solid #939393; background:url(site/act_ctn.png)}

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

#footer { width:990px; height: 77px; margin: 0 auto; _padding-left:43px; background: url(site/footer.png) no-repeat; clear: both;}

/**************** FOOTER / SITE MAP ***************/
#site_map { width: 765px; height:60px; font-size: 12px; color:#424444;  text-align: center; font-family:"Verdana",Arial; float: left; padding-top:14px;}

#site_map a { color:#424444; font-weight:normal; text-decoration:none; }
#site_map a:hover {font-weight:normal; text-decoration:underline;}
#site_map span {  padding:0px 12px 0px 12px; margin:0; display:inline-block; line-height:22px; }
#site_map span.links {  line-height:10px; border-right: solid 1px #424444;}
#site_map .endlink { display:block; margin: 0; padding: 0; height: 0; line-height: 0; }
#site_map .optimised { display:block; line-height:10px; padding: 3px; }
#site_map .copyright { padding:3px 8px 3px 8px }
#site_map .design { }

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