html, body{
margin:0px;
height:100%;

}

#global{
width:990px;
height:100%;

}

.text_black{
color : #000000 ;
font-family : Arial, Helvetica ;
font-size : 70% ;
}

#menu_suggestion{
position:absolute;
height:25px;
z-index:10;
top:60px;
left:174px;
color : #005A9C;
font-family : Arial, Helvetica ;
font-size : 60% ;
text-align:center;
}


#menu_suggestion a{
text-decoration:none;
color : #005A9C;
font-family : Arial, Helvetica ;
font-weight:bold;
}


#top_nav{
position:absolute;
top:59px;
left:177px;
width:397px;
height:80px;
z-index:10;
/*border: 1px solid blue;*/
}

#menu_suggestion{
position:absolute;
height:25px;
z-index:10;
top:60px;
left:574px;
width:420px;
color : #005A9C;
font-family : Arial, Helvetica ;
font-size : 60% ;
text-align:center;
}

/***********************************************************/
/**********************TOP NAVIGATION***********************/
/***********************************************************/


/*****CSS COMMUN DU MENU HAUT*****/
.menu{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    width:620px;
    /*border:1px solid black;*/
    }
    
.menu a{
    font-family:arial;
    font-size:12px;
    text-align:left;
    /*background-color: #ffffff*/
    color:#000000;
    display:block;
    height:auto;
    width:auto;
    text-decoration:none;
    padding:5px;
    text-align:center;
    margin:0px; /*marge entre les rubriques*/
    }
    
/* for a mozilla better display with key nav 
.menu a:focus{
    background-color: #aaf;
}*/


.menu ul{
    position:absolute;
    display:block;
    width:350px; /*permet d'aligner les ss_rubriques*/
    margin:0;
    padding:0px; 
    }
    
.menu li {
    list-style:none;
    height:26px;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0px;
    /*border:1px solid black;*/
    }
     
    
/*ss_rubriques*/
.menu li ul{
    margin-top:0px;
    padding:0px;
    visibility:hidden;
    margin-left:0px; /*pour IE*/
    }
    
    
   .menu li li ul{
    position:absolute;
    margin-left:130px;
    margin-top:-8px;
    }
    
 .menu ul li{
    line-height:10px;
    /*border-left:1px solid #FF7245;*/
    }   
   
  .menu ul li a{
   /* color : #FF7245;*/
		font-family : Arial, Helvetica ;
		font-size : 60% ;
		font-style:italic;
		font-weight:bold;
		text-align : left;
    }
   
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }
    
    
/****RUBRIQUE 1*****/
.menu_rubrique1 {
background: url(/images/nav_top_1.jpg) no-repeat  left;
width:112px;
}

.menu_rubrique1 a{
color : #ffffff;
font-family : Arial, Helvetica ;
font-size : 60% ;
}

.menu_rubrique1 a.linkOver{
background: url(/images/nav_top_1_roll.jpg) no-repeat left;
width:102px;
height:16px;
}

/**.menu_rubrique1 a:hover{
background: url(/images/nav_top_1_roll.jpg) no-repeat left;
width:102px;
height:16px;
}*/


.menu_ssrubrique1 a{
color : #0183FF;
border-left:1px solid #0183FF;
}


/****RUBRIQUE 2*****/
.menu_rubrique2 {
background: url(/images/nav_top_2.jpg) no-repeat left;
width:104px;
}

.menu_rubrique2 a{
color : #ffffff;
font-family : Arial, Helvetica ;
font-size : 60% ;
}
		
.menu_rubrique2 a.linkOver{
background: url(/images/nav_top_2_roll.jpg) no-repeat  left;
width:94px;
height:16px;
}

/**.menu_rubrique2 a:hover{
background: url(/images/nav_top_2_roll.jpg) no-repeat  left;
width:94px;
height:16px;
}*/


.menu_ssrubrique2 a{
color : #FF7245;
border-left:1px solid #FF7245;
}


/****RUBRIQUE 3*****/
.menu_rubrique3 {
background: url(/images/nav_top_3.jpg) no-repeat left;
width:121px;
}

.menu_rubrique3 a{
color : #ffffff;
font-family : Arial, Helvetica ;
font-size : 60% ;
}
	
.menu_rubrique3 a.linkOver{
background: url(/images/nav_top_3_roll.jpg) no-repeat  left;
width:111px;
height:16px;
color : #025A9A;
}

/**.menu_rubrique3 a:hover{
background: url(/images/nav_top_3_roll.jpg) no-repeat  left;
width:111px;
height:16px;
color : #025A9A;
}*/


.menu_ssrubrique3 a{
color : #025A9A;
border-left:1px solid #025A9A;
}


/****RUBRIQUE 4*****/
.menu_rubrique4 {
background: url(/images/nav_top_4.jpg) no-repeat left;
width:68px;
}

.menu_rubrique4 a{
color : #ffffff;
font-family : Arial, Helvetica ;
font-size : 60% ;
}
		
.menu_rubrique4 a.linkOver{
background: url(/images/nav_top_4_roll.jpg) no-repeat  left;
width:58px;
height:16px;
color : #025A9A;
}

/**.menu_rubrique4 a:hover{
background: url(/images/nav_top_4_roll.jpg) no-repeat  left;
width:58px;
height:16px;
color : #025A9A;
}*/

.menu_ssrubrique4 a{
color : #025A9A;
border-left:1px solid #025A9A;
}

/****RUBRIQUE SUGGESTION*****/



#menu_suggestion a{
text-decoration:none;
}

/****FORMS******/

#hpForm{
position:absolute;
left:177px;
top:150px;
width:500px;
/**border: 1px solid #7F9DB9;*/
}

#memberForm{
/**position:absolute;
left:400px;
top:130px;*/
width:147px;
/**border: 1px solid #7F9DB9;*/
}

#memberForm #topImage{
margin-right:10px;
position:absolute;
left:395px;
top:135px;
}

#connectasmember {
position:absolute;
left:400px;
top:160px;
margin-top:0px;
padding-top:0px;
font-family : Arial, Helvetica ;
}

#connectasmember .strongText{
color : #004585 ;
font-size : 70% ;
font-weight:bold;
width:100px;

}
.form{
padding-left:5px; 
border-left:1px solid #A7D3FF; 
border-right:1px solid #A7D3FF;
background-color:#F7FBFE;
}

.form .title{
color : #004585 ;
font-size : 80%;
font-weight:bold;
}

.form .ok{
text-align:right;
padding-right:5px;
}

.remarks{
border-left:1px solid #A7D3FF;
border-right:1px solid #A7D3FF;
background-color:#D3E9F8;
color : #000000 ;
font-size : 60% ;
padding-left:5px;
padding-top:3px;
width:147px;
}

.tablebottom{
background: url(/images/arrondi_connectasmember_bas.jpg) no-repeat top;
}