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

/**************** BODY ***************/
html, body { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; background: #BEBEBE url(site/wall_of_flowers.png) top center; }
a { color:#000000; text-decoration:none; }
a:hover { color:#000000; text-decoration:none;}
h1 {font-size: 16px; font-weight:bold; color:#000000;}
h1 a{font-size: 16px; font-weight:bold; color:#000000;}
h1 a:hover{font-size: 16px; font-weight:bold; color:#000000;}

#wrapper { width:1068px; margin:0 auto -115px auto; background: url(site/page.png) top center repeat-y; text-align: left;}

#right_buttons { position: absolute; top:271px; right: 0px; z-index: 10; width:82px; }
#right_buttons div.sbtt{ background:url(site/side_shadows.png); width:46px; height:138px; padding:19px 0 19px 36px; margin-bottom:-19px;}
#right_buttons a{ display:block; width:46px; height:138px; float:right; clear:both;}
#right_buttons a.menu{ background:url(site/menu.jpg)}
#right_buttons a.boutique{ background:url(site/boutque.jpg)}
#right_buttons a.fb{ background:url(site/fb.jpg)}

#big_flower { width: 426px; height: 429px; position: absolute; right:0; top: 252px; background: url(site/big_flower.png) no-repeat;}

/**************** HEADER CONTAINER  ***************/
#header_container { width: 100%; height: 252px; background: #58595B url(site/bg.png) top center repeat-x; position:absolute;}

/**************** HEADER ***************/
#header {width:1025px; height:252px; margin:0 auto; padding:0 23px 0 20px; background: url(site/wrapper_shadows.png) repeat-y;position: relative; }
#logo {width:122px; height:122px; position: absolute; top:0; }
#radio { width: 133px; height: 23px; position: absolute; top: 228px; right: 23px; }
#radio object { width: 133px; height: 23px; }

#js_news_box { width:625px; height:46px;  position: absolute; right: 23px; bottom:0; color: #FFFFFF;  background: url(site/js_news_box.png) bottom no-repeat; overflow: hidden;}
#js_news_box li { margin-top: 26px; margin-left: -30px; list-style: none; text-align: left;}
#js_news_box li a span { font-size: 14px; color: #FFFFFF; font-weight: normal; text-align: left;}

/**************** ROTATOR ***************/

#rotator_js_4  { width:1025px; height:252px; background-color:#fff; } 

/**************** SUPER CONTAINER + MAIN CONTAINER  ***************/
#main_container { width: 1025px; padding:0 23px 0 20px;}

/**************** MENU  ***************/
#menu {height: 28px;  background: #343434; font-weight:bold;}
			
			#menu ul.top_itm { width: 1025px; height: 28px; }
			#menu li.top_itm { height: 28px; }
			#menu a.top_itm span { height:20px; margin:4px;  border-left:#fff 1px solid; }
			#menu li#nav_1.top_itm { width: 162px;}
			#menu li#nav_1.top_itm  a.top_itm span {border:none;}
			#menu li#nav_2.top_itm { width: 162px;}
			#menu li#nav_3.top_itm { width: 180px;}
			#menu li#nav_4.top_itm { width: 162px;}
			#menu li#nav_5.top_itm { width: 162px;}	
			#menu li#nav_6.top_itm { width: 162px;}			
			#menu #nav_7, #menu #nav_8 , #menu #nav_9{ display:none;}
			#menu a {color:#FFFFFF; }
			#menu a.top_itm {  font-size: 14px; text-align: center; }
			#menu a.top_itm span {width:100%; line-height: 20px; display:block;  }
					
			#menu li.tactive a.top_itm, #menu a.top_itm:hover { color:#8e8d8d; }
			#menu top_itm a.MenuBarItemHover, #menu a.MenuBarItemSubmenuHover, #menu a.MenuBarSubmenuVisible  { color:#8e8d8d;} 
			/* ? */
		#menu ul.sub_itm { width: 260px;  margin-top: 2px; margin-left: -1px; background:#343434; border: solid 1px #C0C0C0; }
		#menu li.sub_itm { width: 260px; background:none; padding: 8px; margin-top: 4px; text-align:left;}
		#menu li.sub_itm a { 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 { background:none; color:#8e8d8d;}
		#menu li.sub_itm a span {background:none; padding:2px; margin:0; font-weight: bold;}

	.TabbedPanels ul.top_itm, .VTabbedPanels ul.top_itm{}
		
		/* Menu padding et marges affectant tous les onglets ET style des onglets primaires*/
		.TabbedPanels .TabbedPanelsTab, .VTabbedPanels .TabbedPanelsTab {padding: 4px 10px; margin: 0px 1px 0px 0px; background-color: #000; border: solid 1px #999;}
			.TabbedPanels .TabbedPanelsTabHover, .VTabbedPanels .TabbedPanelsTabHover {background: #999;}
		/* Style onglet selectionne*/
		.TabbedPanels .TabbedPanelsTabSelected, .VTabbedPanels .TabbedPanelsTabSelected {background: #999;	border-bottom: 1px solid #999;}
		/* Menu couleur typo */
		.TabbedPanels .TabbedPanelsTab a, .VTabbedPanels .TabbedPanelsTab a {color: #FFF; text-decoration: none;} 
		/* Style div contenant le sous-menu */
		.TabbedPanels .TabbedPanelsContentGroup, .VTabbedPanels .TabbedPanelsContentGroup {border: solid 1px #999; background-color: #999;}
		/* Padding affectant tous les elements du sous-menu */
		.TabbedPanels .tab_ctn, .VTabbedPanels .tab_ctn {/*padding: 4px 0 0 0;*/}
		

		
	/****** SUBMENU TABBED MENUS*****/
		/* Style general du sous-menu */
		.TabbedPanels ul.sub_itm, .VTabbedPanels ul.sub_itm  { width: auto; border: none; font-size:1em; padding:0; margin:0; }
		/* Couleur et style des onglets du sous-menu */
		.TabbedPanels .TabbedPanelsContentGroup .top_itm, .VTabbedPanels .TabbedPanelsContentGroup .top_itm{ border:none; background:#999;}
		.TabbedPanelsContentGroup .TabbedPanels { font-size:1em;}
		
		/* Couleur onglet selectionner sous-menu */
		.TabbedPanels .TabbedPanelsContentGroup .TabbedPanelsTabSelected, 
			.TabbedPanels .TabbedPanelsContentGroup .TabbedPanelsTabSelected .top_itm,
			.VTabbedPanels .TabbedPanelsContentGroup .TabbedPanelsTabSelected,
			.VTabbedPanels .TabbedPanelsContentGroup .TabbedPanelsTabSelected .top_itm{background:#777;} 
		/* Couleur onglet sous-menu Hover*/
		.TabbedPanels .TabbedPanelsContentGroup .TabbedPanelsTabHover,
			.TabbedPanels .TabbedPanelsContentGroup .TabbedPanelsTabHover .top_itm,
			.VTabbedPanels .TabbedPanelsContentGroup .TabbedPanelsTabHover,
			.VTabbedPanels .TabbedPanelsContentGroup .TabbedPanelsTabHover .top_itm{ border:none; background:#777;}
		/* Couleur div sous sous-menu */
		.TabbedPanels .TabbedPanelsContent .TabbedPanelsContentVisible { background:#777;}
		
		/* Style elements dans le sous-menu (float met les elements en ligne) */
		.TabbedPanels li.sub_itm { width: auto; background:none; padding: 4px; text-align:left;  display:inline; float:left;}

/**************** CONTENU ***************/
.act_ctn {width:985px; min-height: 332px; padding: 24px;  line-height: 175%;} 

/* .post_title {padding:0 24px;} */

/**************** FOOTER (adresses + bouton return to top + custom text + site map) ***************/
.push {height:115px;}

#footer_container {width:100%; height:115px; background:#333333 url(site/footer_out.png) repeat-x; z-index: 8;}

#footer {width:1025px; margin:0 auto; padding:0 23px 0 20px; height:115px; background: url(site/footer_in.png) repeat-x; }
	
	#footer_addresses { width: 962px; height:64px; padding-left: 103px; padding-top: 18px; color: #FFFFFF; text-align: left; line-height: 154%;}
	#footer_addresses #address_column_1 { width: 192px; height:64px; color: #FFFFFF; float:left;}
	#footer_addresses #address_column_2 { width: 192px; height:64px; color: #FFFFFF; float:left;}
	#footer_addresses #address_column_3 { width: 192px; height:64px; color: #FFFFFF; float:left;}
	#footer_addresses #address_column_4 { width: 192px; height:64px; color: #FFFFFF; float:left;}
	#footer_addresses #address_column_5 { width: 192px; height:64px; color: #FFFFFF; float:left;}
	#footer_addresses .tel { font-family: Arial Black, Gadget, sans-serif; }

	#site_map { width: 1020px;  height: 26px; margin: 0 auto; _margin-top: -16px; font-size: 10px; color:#FFFFFF;  }
		#site_map a {text-align:center; color:#FFFFFF; font-weight:bold; text-decoration:none;}
		#site_map a:hover {font-weight:bold; text-decoration:underline;  color:#FFFFFF; }
		#site_map span { padding:0 7px; margin:0; display:inline-block; line-height:10px; }
		#site_map span.links { clear:both; line-height:10px; text-transform: lowercase;}
		#site_map .endlink { display: block; clear:both; margin:0; padding:0; line-height:0;}
		#site_map .optimised { clear:both; }
		#site_map .copyright { clear:both; }
		#site_map .design { clear:both; }
	
		
/****************************************************************
DON'TOUCH !!!!!!
****************************************************************/
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;}
.supportedBrowser { max-height:20px; margin-bottom:0.5em; vertical-align:middle; margin-right:0.1em;}

img {border:none; }

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

.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.menu ul ul{position: absolute; margin: -5% 0 0 95%;}
ul.MenuBarHorizontal iframe{position:absolute;z-index:1010;background:none;border:none; filter:alpha(opacity:0.1);}
ul.menu iframe{position:absolute;z-index: 1010; filter:alpha(opacity:0.1);}
@media screen, projection {li.MenuBarItemIE{display:inline;f\loat:left;}}

	
.TabbedPanels {overflow: hidden; margin: 0px; padding: 0px; clear: none;}
.TabbedPanelsTab {position: relative; list-style: none; top: 1px; float: left; cursor: pointer;}
.TabbedPanelsTabGroup {margin: 0px; padding: 0px;}
.V.VTabbedPanels .TabbedPanelsTabGroup {float: left; position:relative;}
.tab_ctn ul{ float:left;}
.TabbedPanelsContentGroup {clear: both;}
.tab_ctn {overflow: hidden;}
.TabbedPanelsContentVisible {}
.VTabbedPanels {overflow: hidden; zoom: 1;}
.VTabbedPanels .TabbedPanelsTab {float: none;}
.VTabbedPanels .TabbedPanelsContentGroup {clear: none;}
@media print {
.TabbedPanels {overflow: visible !important;}
.TabbedPanelsContentGroup {display: block !important; overflow: visible !important; height: auto !important;}
.TabbedPanelsContent {overflow: visible !important; display: block !important; clear:both !important;}
.TabbedPanelsTab {overflow: visible !important; display: block !important; clear:both !important;}
}

.CollapsiblePanelTab {cursor: pointer;}

.Accordion {overflow:hidden;}
.AccordionPanelTab{cursor:pointer;}
.AccordionPanelContent {overflow: auto;}
@media print {
.Accordion {overflow: visible !important;}
.AccordionPanelContent {display: block !important; overflow: visible !important; height: auto !important;}
}

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

/* Mobile Only */
.mobile-only{display:none;}
.table.mobile-only{display:none;}