@charset "iso-8859-1";

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#002b39; background:url(site/body_bkg.jpg) #ffffff top center repeat;}

h1 {font-size: 1.8em; font-weight:bold; color:#4D98B0;}
a { color:#4D98B0; text-decoration:none;  }
a:hover {text-decoration:none; color:#4D98B0; }

#header_top { width:960px; margin:0 auto; height:30px;}
	#header_top #text {float:left;}
	#header_top #text h1 {font-size: 1.1em; line-height:30px; margin:0; padding:0;}
	#header_top #langue {float:right;}
	#header_top #langue a {font-size: 1em; line-height:30px; display:block; font-weight:bold; color:#002b39}
	
#flash { width:100%; height:293px;}
#flash object {width:100%; height:293px;}

#menu {width:990px; margin: -84px auto 0 auto; height:84px; text-align:center;} 
#Horizontal {height:80px;  width:896px; margin:0 auto; text-align:left;}
	ul.MenuBarHorizontal li{display:block; float:left; }
	ul.MenuBarHorizontal li a{ display:block; cursor:pointer; color:#ffffff;  }
	ul.MenuBarHorizontal li a span { display:block; text-align:center; padding:0 9px; line-height:30px; font-size:1.3em;  }
	ul.MenuBarHorizontal li ul{width:200px; background-color:#256d83;}
	ul.MenuBarHorizontal li ul li{width: 200px;}
	ul.MenuBarHorizontal li ul a span { display:block; text-align:left;  line-height:normal; margin: 0px;}
	
	
	ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color:#256d83;}
	#Horizontal ul li.active a { color:#000000;  }
	#Horizontal ul li.active ul li a { color:#ffffff;  }
	#Horizontal ul li ul li.active a { color:#000000;  }
	
	


#ctn {width:990px; margin:0 auto; margin-top:25px;}

#ctn #left {width:200px; float:left;}
#ctn #left #left_top {background:url(site/left_top.gif) top left no-repeat; height:14px;}
#ctn #left #left_ctn {background:url(site/left_fill.gif) top left repeat-y; padding:0 1px;}

#ctn #left #left_ctn #rsvp { width:198px; height:69px; }
#fr #ctn #left #left_ctn #rsvp {background-image:url(site/rsvp_fr.jpg);}
#en #ctn #left #left_ctn #rsvp {background-image:url(site/rsvp_en.jpg);}
#ctn #left #left_ctn #rsvp a {width:198px; height:69px; display:block;}

#ctn #left #news { width:180px; margin:20px auto 0 auto; background:url(site/news_body.jpg) top left repeat-y;}
#ctn #left #news .head { width:180px; height:29px;}
#fr #ctn #left #news .head {background:url(site/news_head_fr.jpg);}
#en #ctn #left #news .head {background:url(site/news_head_en.jpg);}
#ctn #left #news .elem {padding:15px;}
#ctn #left #news .elem .title {font-size:1.1em;}
#ctn #left #news .foot a{ width:180px; height:28px; display:block;}
#fr #ctn #left #news .foot a{background:url(site/news_foot_fr.jpg);}
#en #ctn #left #news .foot a{background:url(site/news_foot_en.jpg);}

#ctn #left #newsletter { width:180px; height:32px;  margin:20px auto 0 auto; padding-top:35px; background: top left no-repeat;}
#fr #ctn #left #newsletter {background-image:url(site/news_letter_fr.jpg);}
#en #ctn #left #newsletter {background-image:url(site/news_letter_en.jpg);}
#ctn #left #newsletter input { display:inline-block;  height:20px;  width:120px; line-height:18px; margin:0; padding:0 }
#ctn #left #newsletter button { border:none; background:url(site/nl_btt.jpg); width:58px; height:27px; margin:0; padding:0; }

#ctn #left #maplink { width:180px; height:117px; margin:20px auto 0 auto;}
#fr #ctn #left #maplink  {background:url(site/sm_link_fr.jpg);}
#en #ctn #left #maplink  {background:url(site/sm_link_en.jpg);}
#ctn #left #maplink a {width:180px; height:117px; display:block;}


#ctn #left #left_foot {background:url(site/left_foot.gif) top left no-repeat; height:14px;}

#ctn #main {width:770px; float:right;}
#ctn #main #main_top {background:url(site/main_top.gif) top left no-repeat; height:14px;}
#ctn #main #main_ctn {background:url(site/main_fill.gif) top left repeat-y; padding:0 15px;}
#ctn #main #main_foot {background:url(site/main_foot.gif) top left no-repeat; height:14px;}




#footer { clear:both; text-align:center; padding:10px; text-align:center;}
#footer p {font-weight:bold; font-size:1.1em;}
#footer span { margin: 3px; display:inline-block}
#footer a {color:#000000;}
#footer a:hover {font-weight:normal; text-decoration:underline;}

#footer .endlink {display:block; margin:0;}
#footer .optimised {display:block;}

/**********************************************************************************************************************/

.container  {text-align: left; width:100%;}


html, body { margin:0; padding:0; height:100%; width:100%; }
body {text-align:left }

img, div, a, ul, li, span, input, button { behavior: url(/css/iepngfix.htc) }



#events_holder {height:0px; width:0px;}

img {border:none; }

#news:before {  content: ""; display: block; clear: both; }
#news:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

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

.section:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clear {clear:both;}

ul.MenuBarVertical{list-style-type: none;cursor: default;}
ul.MenuBarActive{z-index: 1000;}
ul.MenuBarVertical li{margin: 0;padding: 0;list-style-type: none;position: relative;cursor: pointer;}
ul.MenuBarVertical ul{margin: 0 0 0 100%;padding: 0;list-style-type: none;position: absolute;z-index: 1020;cursor: default; left: -1000em;top: 0;}
ul.MenuBarVertical ul.MenuBarSubmenuVisible{left: 0;}
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	}
}

ul.MenuBarHorizontal{margin: 0; padding: 0; list-style-type: none; cursor: default;  }
ul.MenuBarHorizontal li{margin: 0; padding: 0; list-style-type: none; position: relative; }
ul.MenuBarHorizontal ul{margin: 0; padding: 0; list-style-type: none; z-index: 1020; cursor: default; position: absolute; left: -1000em;}
ul.MenuBarActive { z-index: 1000; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{left: auto}
ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; background:none; border:none; }
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	}
}

table.table {width:100%; clear:both; border-collapse:collapse;}
col.col { }
tr.tblrow {text-align:left; vertical-align:top; }
td.cell { border:nonee 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; }