html {
	margin: 	0 auto;
	padding:	0px;
	}

body {
  	font:           	80% "verdana", "lucida sans", arial, sans-serif;
  	color:        	blue;
	background-color: #FFFFFF;
  	margin: 		0; /* pour éviter les marges */
	padding:		0px;
  	text-align: 	center; /* pour corriger le bug de centrage IE<IE6 */
  	overflow-x : 	hidden; 
  	overflow-y : 	scroll; 
}

	
div#container {
  	clear: 	both;
  	width: 	982px;
  	height: 	100%;
	margin: 	0 auto;
	border: 	none;
	padding: 	5px 0px 0px 0px;
}



#frame_bottom p {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #100070;
	line-height: 45px;
	letter-spacing: 1px;	
}

.noPrint { 
          display: none; 
          } 

/*____BANNER__________________________________________________________________*/

div#banner       {
/*	position:	fixed;  top: auto;   ...for STATIC banner ON PAGE */
  	clear: 	both;
  	width: 	100%;
  	height: 	100%;
	margin: 	0 auto;
	border: 	none;
	padding: 	0px 0px 0px 0px;
}

div#banner_top       {
 	margin: 	0 auto;
  	width: 	100%;
  	height: 	10px;
	background: transparent url(../images/banner/frame_banner_top.jpg) no-repeat bottom center; 
}

div#banner_mid       {
 	margin: 	0 auto;
  	width: 	100%;
  	height: 	150px;
	border: 	none;
	padding: 	0px 0px 0px 23px;
     	background-image: 	url(../images/banner/frame_banner_mid.jpg);
	background-repeat: 	repeat-y;
}

div#banner_bot       {
 	margin: 	0 auto;
  	width: 	100%;
  	height: 	14px;
	background: transparent url(../images/banner/frame_banner_bot2.jpg) no-repeat bottom center; 
}

div#banner_logo       {
 	float: 	left;
 	width: 	302px;
  	height: 	80px;
	border: 	none;
 	margin:	0px;
	padding: 	70px 0px 0px 0px;
	background: transparent url(../images/banner/logo.jpg) no-repeat center left; 
} 

div#banner_text       {
 	float: 	left;
 	width: 	296px;
  	height: 	100%;
	border: 	none;
 	margin:	0px 0px 0px 30px;
	padding: 	0px 0px 0px 10px;
 	text-align:	left; 
	font-family:"Times New Roman",Georgia,Times;
	font-style:	italic;
	font-weight: normal;
	font-size: 	2.3em;
	color: 	#000000;	/* #6666FF; */
	line-height: 1.1em;
	letter-spacing: 2.6px;
} 

div#banner_slide       {
 	float: 	right;
 	width: 	302px;
  	height: 	162;
 	margin:	-6px 40px 0px 0px;
	border: 	none;
	padding: 	0px 0px 0px 0px;
} 

div.slide {
	float: 	right;
	width: 	303px;
	height: 	162px;
}	

div.slide1 {background-image: url(../images/banner/pics/banner_pic1.jpg)}	
div.slide2 {background-image: url(../images/banner/pics/banner_pic2.jpg)}	
div.slide3 {background-image: url(../images/banner/pics/banner_pic3.jpg)}	
div.slide4 {background-image: url(../images/banner/pics/banner_pic4.jpg)}	
div.slide5 {background-image: url(../images/banner/pics/banner_pic5.jpg)}	
div.slide6 {background-image: url(../images/banner/pics/banner_pic6.jpg)}	
div.slide7 {background-image: url(../images/banner/pics/banner_pic7.jpg)}	
div.slide8 {background-image: url(../images/banner/pics/banner_pic8.jpg)}	
div.slide9 {background-image: url(../images/banner/pics/banner_pic9.jpg)}	
div.slide10 {background-image: url(../images/banner/pics/banner_pic10.jpg)}	
div.slide11 {background-image: url(../images/banner/pics/banner_pic11.jpg)}	
div.slide12 {background-image: url(../images/banner/pics/banner_pic12.jpg)}	
div.slide13 {background-image: url(../images/banner/pics/banner_pic13.jpg)}	


/*____PAGE____________________________________________________________________*/

div#spacing_7px {
  	clear: 	both;
	float: 	left;
  	width: 	100%;
	height: 	7px;
      background: transparent;
	margin: 	0 auto;
      padding: 	0px;
}	


/*____MENU____________________________________________________________________*/

div#menu       {
  	clear: 	left;
	float: 	left;
	position:	fixed;  top: auto;  /* ...for STATIC menu ON PAGE */
  	width: 	192px;
  	height: 	100%;
	margin: 	0 auto;
	border: 	none;
	padding: 	10px 0px 0px 15px;
	border: 	0px solid rgb(255,0,0);  /* DEBUG */
	display: 	none;
}

div#menu_frame_top       {
 	margin: 	0 auto;
  	width: 	100%;
  	height: 	12px;
	background: transparent url(../images/menu/menu_frame_top_bg.jpg) no-repeat bottom center; 
}

div#menu_frame_mid       {
   	clear: 	both;
	float: 	left;
	margin: 	0 auto;
  	width: 	100%;
  	height: 	auto;
	border: 	none;
	padding: 	3px 9px 2px 12px;
     	background-image: 	url(../images/menu/menu_frame_mid_bg.jpg);
	background-repeat: 	repeat-y;
}

div#menu_frame_bot       {
   	clear: 	both;
	float: 	left;
 	margin: 	0 auto;
  	width: 	100%;
  	height: 	10px;
	background: transparent url(../images/menu/menu_frame_bot_bg.jpg) no-repeat bottom center; 
}


/*____MENU_BOX */

div.menu_box {
  	clear: 	both;
	float: 	left;
   	width: 	168px;
   	height: 	100%;
   	background: transparent;
	margin: 	0 auto;
	border: 	none;
}

/* div.menu_box_bottom {
  	clear: 	none;
	float: 	left;
  	position:	absolute;
	left: 	22px;  
	bottom: 	92px;  
} */

div.menu_box_bottom {
  	clear: 	both;
	float: 	left;
	padding: 	0px 10px 0px 10px;
	margin: 	-30px 0px -20px 0px;
}

div.hide {
  	display:	none;
}

div.menu_box a, div.menu_box a:visited {
 	display: 		block;
 	width:		168px;
  	height:		auto; 
	float: 		left;
  	clear: 		both;
	padding: 		6px 0px 0px 0px; /* reposition the text to avoid overlapping the top image */
 	margin: 		0px auto 0px auto;
	background: 	#0000FF url(../images/menu/menu_top3.gif) no-repeat top left; 
	/* overflow: hidden; */
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		12px;
	font-weight: 	bold;
 	text-align:		center; 
  	text-decoration:	none; 
  	color:		#CCCCFF; 
	text-transform: 	uppercase; 
	border: 		none; 
 	}

div.menu_box a.menu_box_selected {
  	height:		100%; 
	padding-bottom: 	5px;
 	border: 		0px solid rgb(155,0,255);  /* DEBUG */
}

div.menu_box a:hover {
 	width:		100%; 
  	color:		#FFFFFF;
	background: 	#C00000 url(../images/menu/menu_top3.gif) no-repeat top right; 
	letter-spacing: 	0px; 
	font-weight:	bold;  
	text-transform:  	uppercase;  
  	}

div.menu_box a:active {
 	width:		100%; 
  	color:		#C00000;
	background: 	#FFFFFF url(../images/menu/menu_top3.gif) no-repeat top center; 
	letter-spacing: 	0px; 
	font-weight:	bold;  
	text-transform:  	uppercase;  
	border: 		none; 
  	}


div.menu_box a.menu_box_selected:hover {
	color:		#CCCCFF;   
	letter-spacing: 	0px; 
	text-decoration:	none;
	background: 	#0000FF url(../images/menu/menu_top3.gif) no-repeat top left; 
  	}


div.menu_box p span.span_box, div.menu_box a span.span_box, div.menu_box a:visited span.span_box {
  	/* clear: 	both;  -> should be removed otherwise IE add a white line before <p> */
	display:	inline; 
	float:	left; 
   	width: 	168px;
   	height: 	14px;
	background: #CCCCFF url(../images/menu/menu_bottom3.gif) no-repeat top left; 
	margin: 	2px 0px 0px 0px;
	padding: 	0px 0px 0px 0px;
	border: 	none;
}

div.menu_box p span.span_box {
	margin: 	0px 0px 0px 0px;
}


div.menu_box a:hover span.span_box {
  	clear: 	both;
	display:	inline; 
	float:	left; 
   	width: 	168px;
   	height: 	14px;
	background: #B7DFFC url(../images/menu/menu_bottom3.gif) no-repeat top right; 
	margin: 	2px 0px 0px 0px;
	padding: 	0px 0px 0px 0px;
	border: 	none;
}

div.menu_box a:active span.span_box {
  	clear: 	both;
	display:	inline; 
	float:	left; 
   	width: 	168px;
   	height: 	14px;
	background: #98BAD3 url(../images/menu/menu_bottom3.gif) no-repeat top center; 
	margin: 	2px 0px 0px 0px;
	padding: 	0px 0px 0px 0px;
	border: 	none;
}


/*____MENU_TAB */

div.menu_tab {
	display: 		none;
  	width:		auto;
 	height:		auto; 
 	margin: 		0px auto; 
	padding:		0px 0px 0px 0px; /* space around 'a' */
	line-height:	100%;
}

div.menu_tab {
	display: 		block;  /* TODO: display TAB in BOX_SELECTED only */
}

div.menu_tab a, div.menu_tab a:visited {
	vertical-align: 	middle;
 	width:		140px; 
 	height:		auto; 
 	margin: 		1px auto auto 0px; 
	padding:		5px 3px 3px 25px; /* space around tab text */
 	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		13px;
 	text-align:		left; 
  	text-decoration:	none; 
	text-transform:  	none; 
/*	text-indent:	25px; */
	letter-spacing: 	0px; 
  	color:		#B7DFFC; 
	background: 	#0000FF;
}


div.menu_tab a:hover {
	display:		block; 
 	width:		140px; 
 	height:		auto; 
	margin: 		1px auto auto 0px; 
 	border: 		0px solid rgb(0,0,155);  /* DEBUG */
	position:		relative; 
	left:			0px; 
	top:			0px; 
	color: 		#FFFFFF;
	text-transform:  	none; 
	background: 	#C00000;  
} 

div.menu_tab a:active {
	color: 		#C00000;
	background: 	#FFFFFF;  
	border: 		none; 
} 

div.menu_tab.menu_tab_selected a {
	color: 		#fff;	
}

div.menu_tab.menu_tab_selected a:hover  {
	background: 	#0000FF;  
}


/* #menu_box ul li a span, #menu_tab ul li a:visited span {display:none;} */


div.menu_tab a span.span_tab, div.menu_tab a:visited span.span_tab {
	float:		right; 
	display:		inline; 
	position:		relative; 
	left:			11px; 
	top:			0px; 
	width:		0px; 
	height:		0px;  
	margin:		-5px 0px -3px 0px;   /* overlap ul padding */
	border-left:	8px solid  transparent; 
	border-top:		12px solid transparent; 
	border-bottom:	12px solid transparent; 
	font-size:		1px; 
	line-height:	0; 
}

div.menu_tab a:hover > span.span_tab {
	border-left:	8px solid #C00000; 
}


div.menu_tab a:active > span.span_tab {
	border-left:	8px solid #FFF; 
}


div.menu_tab.menu_tab_selected a > span.span_tab, div.menu_tab.menu_tab_selected > a:visited span.span_tab { 
	border-left:	8px solid #0000FF; 
}


div.menu_box.menu_box_selected a:hover span.span_tab { 
	border-left:	8px solid transparent; 
}

div.menu_tab.menu_tab_selected a:hover span.span_tab { 
	border-left:	8px solid #0000FF; 
}



/* #menu_list li { list-style-type: circle; } */
/* http://css.maxdesign.com.au/listamatic/vertical03.htm */




/*____PAGE_CONTENT____________________________________________________________*/

div#page       {
  	clear: 	none;
	float: 	right;
  	width: 	100%;
  	height: 	100%;
	margin: 	0 auto;
	border: 	none;
}

div#page_top       {
 	margin: 	0 auto;
  	width: 	100%;
  	height: 	20px;
	background: transparent url(../images/page/page_top_bg.jpg) no-repeat bottom center; 
}

div#page_mid       {
	float:	left; 
	margin: 	0 auto;
  	width: 	100%;
	min-height: 356px;
	border: 	none;
	padding: 	auto;
 	z-index:-1; 
     	background-image: 	url(../images/page/page_mid_bg.jpg);
	background-repeat: 	repeat-y;
  	text-align: left;
	color: 	#000000; 
}

div#page_bot       {
	float: 	left;
 	margin: 	0 auto;
  	width: 	100%;
  	height: 	20px;
	background: transparent url(../images/page/page_bot_bg.jpg) no-repeat bottom center; 
}


div#page_content{
  	width: 	67%;   	
	height: 	100%;
	background: transparent;
	color: 	#000000; 
  	text-align: left;
	margin: 	0 auto;
	padding: 	0px 20px 20px 20px;
	border: 	0px solid rgb(0,0,255); 
	float: 	left;  	
	overflow: 	visible; 
}

div#page_content.p {
 	font-family: 	Geneva, Arial, Helvetica, sans-serif;
	font-weight:	normal;
	font-size: 		16px;
	color: 		#100070;
	line-height:	1.2em; 
	text-align:		justify;
}


div#page_content.li{
	margin: 	0px 0px 0px -20px;
}

div#page_content_left{
  	clear: 	both;	
	float: 	left;  
  	width: 	25%;   	
	height: 	100%;
	background: transparent; 
	color: 	#100070; 
  	text-align: left;
	margin: 	0 auto;
	padding: 	0;
	border: 	1px solid rgb(255,0,0); 
	overflow: 	visible; 
}

div#page_content_right{
   	clear: 	right;	
	float: 	right;  	
 	width: 	70%;   	
	height: 	100%;
	background: transparent; 
	color: 	#100070; 
  	text-align: left;
	margin: 	0 auto;
	padding: 	0;
	border: 	1px solid rgb(0,0,255); 
	overflow: 	visible; 
}

div#image_right {
   	clear: 	left;	
	float: 	right;  	
 	width: 	auto;   	
	height: 	auto;
	background: transparent;  /* #100070; */ 
	margin: 	5px 0px 10px 30px;
	padding: 	0px 0px 0px 0px;
	border:	1px solid #B0B0CF;
 	vertical-align: middle;
}

div#image_right img {
	margin: 	0px 0px -3px 0px;
}

div#page_content_planisphere {
  	width: 	67%;   	
	height: 	100%;
	background: transparent; 
	color: 	#100070; 
  	text-align: left;
	margin: 	0 auto;
	padding: 	0px 20px 20px 20px;
	border: 	0px solid rgb(0,0,255); 
	float: 	left;  	
	overflow: 	visible; 
}

div#page_image{
  	width: 	508px;   	
 	height: 	auto; 
	background: transparent;
	color: 	#100070; 
  	text-align: left;
	margin: 	0 auto;
	padding: 	10px 20px 20px 40px;
	border: 	0px solid rgb(0,0,255); 
	float: 	left;  	
	overflow: 	visible; 
}


div#page_content_separator {
  	width: 	100%;   	
	background: transparent;
	margin: 	0px auto 10px auto;
	padding: 	0;
	border-bottom: 1px solid #100070;
	float: 	left;  	
}


/*____PAGE_FOOT________________________________________________________________*/


div#page_foot   {
	float:	left; 
  	width: 	100%;
	height: 	40px;
	margin: 	-3px 0px 0px 0px;
	padding: 	0px 0px 0px 0px;
	background: transparent url(../images/page/foot_bg.jpg) no-repeat bottom center; 
  	text-align: center;
	letter-spacing:0.4px;
 	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 	12px;
	line-height:1.3em;
/*	color: 	#100070; */
	color: 	#000000; 
	border: 	0px solid rgb(0,0,255); 
}

div#page_foot a, div#page_foot a:link, div#page_foot a:visited {
 	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	color: 	#000000; 
	text-decoration: underline;
}


/*____PAGE_STYLES_____________________________________________________________*/


div#page_content p {
/*	font-family: 	Geneva, Arial, Helvetica, sans-serif;	*/
/*	font-weight:	normal;						*/
/*	font-size: 		16px;							*/
/*	color: 		#100070;						*/
/*	line-height:	1.2em;  						*/
}
		
div#page_content.a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 14px;
	color: #000000; 
	text-decoration: none;
}

div#page_content.a:link {
	color: #000000; 
	text-decoration: none;
}

div#page_content.a:visited {
	color: #000000;
	text-decoration: none;
}
 
div#page_content.a:hover {
	color: #064293;
	text-decoration: none;
} 

div#page_content.a:active {
	color: #C00000;
	text-decoration: none;
}



/* ___TEXT_STYLES_____________________________________________________________*/ 


 
h1 {	
 	font-family: 	Geneva, Arial, Helvetica, sans-serif;
	font-weight:	bold;
	font-size: 		1.9em;
	color: 		#100080;
	line-height:	1.4em;
}

.h1_small {
	font-size: 	24px;       /* TODO: fixed font under "ctrl>scroll" */
}

.style_smaller{
	font-size: 0.5em;
	line-height:1.3em;
	letter-spacing: 1.8px;
}

h2 {	
 	font-family: 	Geneva, Arial, Helvetica, sans-serif;
	font-weight:	bold;
	font-size: 		1.3em;
	color: 		#100080;
	line-height:	1em;
}

h3 {	
 	font-family: 	Geneva, Arial, Helvetica, sans-serif;
	font-weight:	normal;
	font-size: 		16px;
	color: 		#100080;
	line-height:	1em;
}


.style_content {
 	font-family: 	Geneva, Arial, Helvetica, sans-serif;
	font-weight:	normal;
	font-size: 		16px;
	color: 		#100070;
	line-height:	1.2em; 
	text-align:		justify;
}

.style_center {
	text-align:		center;
}


.style_indent {
 	font-family: 	Geneva, Arial, Helvetica, sans-serif;
	font-weight:	normal;
	font-size: 		16px;
	color: 		#100070;
	line-height:	1.2em;
  	margin:		0px 20px 20px;
  	text-indent:	-20px;
}

.style_bullet {
 	font-family: 	Geneva, Arial, Helvetica, sans-serif;
	font-weight:	normal;
	font-size: 		16px;
	color: 		#100070;
	line-height:	2em;
  	margin:		0px 10px 20px;
  	text-indent:	-20px;
	list-style-type:	disk;
}

.style_content_sup {
	font-size: 11px;
}

.style_footnote {
 	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	color: #100070;
	line-height:1.4em;
}


.style_italic {
	font: italic 10pt/22pt georgia; 
	font-weight:normal;
	font-size: 22px;
	color: #100070;
	line-height:1.7em;
}


.darkred {
	color: #c00000;
}

.nodecoration {
	text-decoration: none;
}


.first_letter_24 { font: bold 24px arial; }

.italic { 
	font: italic 10pt/22pt georgia; 
	line-height: 	1.4;  }

.italic2 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px;	
}

.underline {text-decoration : underline}

.bold { font-weight: bold; }

.medium { font-size: 16px; }

.big { font-size: 32px; }

.center { text-align: 	center;  }

.dense { line-height: 	1.4;  }

.white { color: 		#ffffff; }
.red { color: 		#C00000; }


/* ___TABLES_STYLES___________________________________________________________*/ 

table.page_layout {table-layout:auto}

/* ___IMAGES__________________________________________________________________*/ 

img.behind {
	z-index:-1;
}