html 
{
	font-size: 100%;
}

body 
{
        background: #036;
        margin: 0px 0px 0px 0px;
        vertical-align:top;
        padding: 0px 0px 0px 0px;
        color: black;
        font-weight:normal;
        font-family: Arial,Helvetica,Verdana,Sans-serif;
}

#page 
{
	overflow: hidden;
        width: 95%; 
	margin: 5px auto;
	padding: 0px;
	background: white;
}

#ariane
{
	background: #FFFFFF;
	font-family: Arial;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
}

#content
{
	margin: 5px;
	padding: 1em;
	height-min: 550px;
        font-size: 13px;
}

#footer
{
	width: auto;
	height: 50px;
	margin-top: 5px;
	padding-left: 0px;
	padding-top: 5px;
	background-color: white;
	color: black;
	font-size: 12px;
	text-align: center;
}

a
{     
	color: red;     
	text-decoration: none;   
}   

a:link
{
	color: red;
	text-decoration: none;
}

a:active
{
	color: red;
	text-decoration: none;
}

a:visited
{
	color: red;
	text-decoration: none;
}

a:hover   
{     	color: red;     
	text-decoration: underline;   
}

h1, h2, h3, h4, hr 
{
	clear: both;
	line-height: 1.2;
}

h1 
{
	margin: 1.4em;
}

h2 
{
	margin: 1em;
        font-size: 1.2em;
}

h1 
{
	text-align: left;
	margin-top: 0;
	font-style: oblique;
	font-size: 2.2em;
}

pre 
{
	margin: .2em 24px; 
	padding: 10px; 
	background: #eee; 
	overflow: auto;
}

img
{
	border: 0 none;
}

.menu
{
	position:absolute;
    	display:block;
    	margin-top:5px;
    	padding:2px;
        width: 95%;
        background-color: #036;
}

.menu ul
{
	position:absolute;
    	display:block;
    	width:150px;
    	margin:0;
    	padding:0;
        background-color: #036;
}
    
.menu li ul
{
	visibility:hidden;
        background-color: #036;
}

.menu li li ul
{
	position:absolute;
    	margin-left:150px;
    	margin-top:-23px;
        background-color: #036;
}
    
.menu li
{
	list-style:none;
    	width:150px;
    	height:auto;
    	display:inline;
    	display/**/:block;
    	float:none;
    	float/**/:left;
    	margin:0;
    	padding:0;
}
    
.menu li li
{
	display:block;
    	float:none;
}
    
/* correct a little IE bug */
* html .menu li li
{
	display:inline;
}

.menu a
{
	text-align:center;
        background-color: #036;
        border: none;
    	color:#fff;
    	display:block;
    	width:150px;
    	text-decoration:none;
    	padding:2px 0;
    	margin:0px;
}
    
.menu a:hover
{
	background-color: red;
        border: none;
}
    
/* for a mozilla better display with key nav */
.menu a:focus
{
	background-color: #036;
}

a.linkOver
{
	background-color: #036;
}


#imap 
{
   display:block; 
   width:500px; 
   height:217px; 
   background:url(../images/world-map.jpg) no-repeat; 
   position:relative;
}

#imap a#title 
{
   display:block; 
   width:500px;
   height:0;
   padding-top:217px; 
   overflow:hidden; 
   position:absolute; 
   left:0; 
   top:0; 
   background:transparent url(../images/world-map-hover.jpg) no-repeat 400px 400px; 
   cursor:default;
}
/* the hack for IE pre IE6 */
* html #imap a#title 
{
   height:240px; 
   he\ight:0;
}

/* the <dt><a> hover style to move the background image to position 0 0*/
#imap a#title:hover 
{
   background-position: 0 0; z-index:10;
}

/* place the <dd>s in the correct absolute position */
#imap dd 
{
   position:absolute; 
   padding:0; 
   margin:0;
}
#imap #picp 
{
   left:200px; 
   top:56px; 
   z-index:20;
}
#imap #picr 
{
   left:316px; 
   top:96px; 
   z-index:20;
}

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#europe
{
   display:block; 
   width:90px; 
   height:45px; 
   background:transparent url(../images/hover-europe.png) -120px -100px no-repeat; 
   text-decoration:none; 
   z-index:20;
}

#imap a#asie
{
   display:block; 
   width:76px; 
   height:56px; 
   background:transparent url(../images/hover-asie.png) -100px -100px no-repeat; 
   text-decoration:none; 
   z-index:20;
}

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span 
{
   display:none;
}

/* move the link background image to position 0 0 when hovered */
#imap a#europe:hover, #imap a#asie:hover
{
   background-position:0 0;
}