@charset "utf-8";
/* Main Body CSS */
* {	margin: 0 auto; padding: 0;}

body {
	font: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
}

.oneColFixCtr #container {
	width: 1002px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(../Media/Bg/Mainbg.jpg); height:712px;
}


/* Paragraph & Headers CSS */
p {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; line-height:20px;}
p.Violet {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif; font-size:12px; color:#6B0C70; text-align:justify; line-height:20px;}

H1 {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif; font-size:15px; color: #000000; font-weight:normal;  margin-bottom:2px;  } 
H1.White {font-family: "Trebuchet MS"; font-size:22px; border:none; color: #FFFFFF; margin:0px 0px 0px 0px;} 
H2.MainEvent {font-family: "Trebuchet MS"; font-size:16px; color: #FFFFFF; font-weight:normal;  } 
H3.SmallTitle {font-family: Verdana; font-size:16px; color: #094fa3; font-weight:bold;  } 
.BlackText{color:#000000;}

/* TopMenu CSS */
.Topmenu {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;; border:none; FONT-SIZE: 11px; color: #FFFFFF;}
#Topmenu {float: left; list-style: none; margin: 0; padding: 0; width: 100%;}
#Topmenu li {float: left; font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif; border:none;  FONT-SIZE: 11px; color: #CCCCCC; margin: 0; padding: 0;}
#Topmenu a {FONT-SIZE: 11px; vertical-align:middle; color: #CCCCCC; text-decoration: none; border:none;  display: block;  float: left; margin: 0; padding: 0px 8px 0px ; }
#Topmenu a:hover { FONT-SIZE: 11px; color: #FFFFFF; text-decoration: none; border:none;}

/* SubMenu CSS */
.ThinMenu2 {background: url(../Media/site/miniBullet.gif) center no-repeat; width:10px; }
#Submenu {float: left; list-style: none; margin: 0; padding: 0; width: 100%;}
#Submenu li {float: left; font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif; border:none;  FONT-SIZE: 11px; color: #666666; margin: 0; padding: 0;}
#Submenu a {FONT-SIZE: 11px; color:#333333; font-weight:bold; text-decoration: none; border:none;  display: block;  float: left; margin: 0; padding: 0px 2px 0px 2px; }
#Submenu a:hover { FONT-SIZE: 11px; color: #333333; text-decoration: none; border:none; text-decoration: underline;}


/* Contact  CSS */
p.Grey {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif; font-size:12px; color:#ababab; text-align:right;}
a.Grey:link {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  FONT-SIZE: 12px; color: #333333; text-decoration: none;}
a.Grey:visited { FONT-SIZE: 12px; color: #333333; text-decoration: none;}
a.Grey:hover {FONT-SIZE: 12px; color: #333333; text-decoration: underline;}

/* Contact 2  CSS */
p.Grey2 {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif; font-size:12px; color:#ababab; text-align:right;}
a.Grey2:link {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  FONT-SIZE: 12px; color: #ababab; text-decoration: none;}
a.Grey2:visited { FONT-SIZE: 12px; color: #333333; text-decoration: none;}
a.Grey2:hover {FONT-SIZE: 12px; color: #333333; text-decoration: underline;}
a.Grey2:active {FONT-SIZE: 12px; color: #333333; text-decoration: underline;}



/* PhotoGallery  CSS */
.PhotoGallery{ border:#FFFFFF solid 3px;}
a.PhotoGallery:link { border:#FFFFFF solid 3px;}
a.PhotoGallery:visited { border:#FFFFFF solid 3px;}
a.PhotoGallery:hover { float:left; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black;  }
      




/* DIV SPACER CSS */
.ContactGreyBorder{ border-left:solid 2px #75818b;}
.NameSpacer{padding-right:241px;}
.MainContent{ padding:10px 5px 0px 0px; text-align:left;}
.LangTop {padding-top:19px;}
.topMenuMargin{padding-top:2px;}
.YearMenuMargin{margin-top:18px; }
.Trtable{padding-bottom:10px;}


/* Carousel info page CSS */
.MainpageBack { background:url(../Media/site/Silhouette.gif) no-repeat bottom right ; !important}
.Imgbigblock{  border:#000000 solid 3px;}
/* ******************************************************** */
		/* Normal anchor CSS */
		a:link {font-family: Verdana; font-size: 12px; color: #FFFFFF; text-decoration: none;}
		a:visited {font-family: Verdana; font-size: 12px; color: #FFFFFF; text-decoration: none;}
		a:hover {font-family: Verdana; font-size: 12px; color: #000000; text-decoration: underline;}
			
		
/* ******************************************************** */

/* Scroll Bar */
DIV#holder2 {Z-INDEX: 1; LEFT: 0px; OVERFLOW: hidden; WIDTH: 390px; POSITION: relative; TOP: 0px; HEIGHT: 100px}
DIV#wn2 {Z-INDEX: 1; LEFT: 0px; OVERFLOW: hidden; WIDTH: 390px; POSITION: absolute; TOP: 0px; HEIGHT: 100px}
DIV#lyr2 {WIDTH: 390px; padding-right:10px; }
DIV.content2 {PADDING-LEFT: 0px; Z-INDEX: 1; LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px; text-align:justify;}
DIV#scrollbar2 {FONT-SIZE: 1px; Z-INDEX: 1; LEFT: 80px; VISIBILITY: hidden; WIDTH: 17px; POSITION: relative; TOP:0px; }
DIV#track2 {Z-INDEX: 1; BACKGROUND: url(../Scripts/Scroller/track.png) no-repeat; LEFT: 127px; WIDTH: 10px; POSITION: absolute; TOP: -95px; HEIGHT: 100px}
DIV#dragBar2 { cursor:hand; LEFT: 1px; BACKGROUND-IMAGE: url(../Scripts/Scroller/noeud.png); WIDTH: 20px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 32px;}
DIV#up2 {Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; height:0px;}
DIV#down2 {	Z-INDEX: 1; LEFT: 0px; BOTTOM: 0px; POSITION: absolute; height:0px;}


/* Main News Caroussel */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 310px; /*Width of Carousel Viewer itself*/
height: 85px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/ 
left: 0; top: 0;}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 72px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
 

.handcursor{cursor:hand; cursor:pointer;}