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

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

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


/*____BANNER__________________________________________________________________*/

div#banner {
border:none;
clear:both;
height:100%;
margin:0 auto;
padding:0;
width:100%;
}

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

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

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

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

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

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

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

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

div.slide14 {
background-image:url(../images/banner/pics/banner_pic14.jpg);
}


/*____MENU____________________________________________________________________*/

div#menu {
border:0 solid red;
clear:left;
float:left;
height:100%;
margin:0 auto;
padding:10px 0 0 15px;
position:absolute;
top:auto;
width:192px;
}

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

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

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

/*____MENU_BOX____*/

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

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

div.hide {
display:none;
}

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

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

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

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

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

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> */
background:#CCF url(../images/menu/menu_bottom3.gif) no-repeat top left;
border:none;
display:inline;
float:left;
height:14px;
margin:2px 0 0;
padding:0;
width:168px;
}

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

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

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

/*____MENU_TAB____*/

div.menu_tab {
display:block;    /* TODO: display TAB in BOX_SELECTED only */
height:auto;
line-height:100%;
margin:0 auto;
padding:0; 		/* space around 'a' */
width:auto;
}

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

div.menu_tab a:hover {
background:#0C0;
border:0 solid #00009b;		/* DEBUG */
color:#FFF;
display:block;
height:auto;
left:0;
margin:1px auto auto 0;
position:relative;
text-transform:none;
top:0;
width:140px;
}

div.menu_tab a:active {
background:#FFF;
border:none;
color:#0C0;
}

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

div.menu_tab.menu_tab_selected a:hover {
background:#00F;
}


/* #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 {
border-bottom:12px solid transparent;
border-left:8px solid transparent;
border-top:12px solid transparent;
display:inline;
float:right;
font-size:1px;
height:0;
left:11px;
line-height:0;
margin:-5px 0 -3px; 	/* overlap ul padding */
position:relative;
top:0;
width:0;
}

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

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

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

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


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

/*____PAGE_CONTENT____________________________________________________________*/

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

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

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

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

div#page_content {
background:transparent;
border:0 solid #00f;
color:#100070;
float:left;
height:100%;
margin:0 auto;
overflow:visible;
padding:0 20px 20px;
text-align:left;
width:67%;
}

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

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

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

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

div#image_right_border_1 img {
margin:0 0 -3px; 		/* ...to fix an issue with space at bottom of image frame */
}

div#image_center {
background:transparent;
border:0px solid #B0B0CF;
clear:both;
display:block;
float:center;
text-align:center;
height:auto;
width:auto;
margin:0px 30px 20px 0px;
padding:0;
vertical-align:middle;
width:auto;
}


div#page_content_planisphere {
background:transparent url(../images/planisphere_light1.jpg) no-repeat top center;
border:0 solid #00f;
color:#100070;
float:left;
height:100%;
margin:0 auto;
overflow:visible;
padding:0 20px 20px;
text-align:left;
width:67%;
}

.planisphere {
background:transparent url(../images/planisphere_light.jpg) no-repeat top center;
}

div#page_content_cross {
background:transparent url(../images/bg_cross.jpg) no-repeat top center;
border:0 solid #00f;
color:#100070;
float:left;
height:100%;
margin:0 auto;
overflow:visible;
padding:0 20px 20px;
text-align:left;
width:67%;
}


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

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

div.page_content_separator_light {
clear:both;
background:transparent;
border-bottom:1px solid #B0B0CF;
float:left;
margin:0 auto 10px;
padding:0;
width:100%;
}

div.page_content_separator_small {
clear:both;
background:transparent;
border-bottom:1px solid #B0B0CF;
float:left;
margin:0 auto 10px;
padding:0;
width:26%;
}

/*____PAGE_STYLES_____________________________________________________________*/


div#page_content a {
font-weight:500;
text-decoration:none;
}

div#page_content a:link {
color:#00F;
}

div#page_content a:visited {
color:#00B;
}

div#page_content a:hover {
color:#0C0;
}

div#page_content.a:active {
color:#F00;
}

div#page_content ul {
clear:left;
margin:0 0 0 -20px;
}

div#page_content li {
margin:0 0 0 0px;
}


/*____PAGE_FOOT________________________________________________________________*/

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

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

div#page_foot a:hover {
color:#0C0;
}



/* ___MENU_LIST_______________________________________________________________*/ 

div#menu_list {
color:#100070;
font-size:15px;
font-weight:700;
line-height:1.6em;
} 

div#menu_list ul {
font-size:14px;
}

div#menu_list li a {
color:#100070;	
font-size:14px;
font-weight:700;
margin:0 0 0px 6px;
}

div#menu_list li a:link,div#menu_list li a:visited {
font-size:14px;
font-weight:700;
color:#100080;	
}

div#menu_list li a:hover {
color:#0C0;	
}


/* ___TEXT_STYLES_____________________________________________________________*/ 

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

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

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

.shift_margin {
margin: 8px 0px -8px 0px;
}

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

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

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

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

.style_center,.center {
text-align:center;
}

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

.style_indent_straight {
color:#100070;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:400;
margin:0 20px 20px;
text-indent:-20px;
}


.style_bullet_title {
color:#100080;
margin: 0 0 -10px 0;
font-weight:bold;
}

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

.style_content_sup {
font-size:11px;
}

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

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

.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:700;
}

.medium {
font-size:16px;
}

.big {
font-size:32px;
}

.dense {
line-height:1.4;
}

.white {
color:#FFF;
}

.darkred {
color:#C00000;
}

.orange {
color:#EE7600;
}

.green {
color:#0C0;
}

.darkblue {		
color: #100070; 
}


/* ___IMAGES__________________________________________________________________*/ 

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