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

#global{
position:absolute;
top:0px;
left:0px;
width:990px;
/**height:100%;*/
/*border:1px solid black;*/
}

p{
color : #000000 ;
font-family : Arial, Helvetica ;
font-size : 100% ;
}

a{
color:#004585;
font-weight:bold;
}

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

.text_black a{
color:#FF6635;
font-weight:bold;
}

.orange_bold{
font-family : Arial, Helvetica ;
font-size : 100% ;
color:#FF6635;
font-weight:bold;
}


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

#logo{
position:absolute;
top:0px;
left:0px;
width:177px;
}

/**#search{
position:absolute;
top:0px;
left:730px;
width:300px;
padding-top:30px;
}

#search td{
color : #999999;
font-family : Arial, Helvetica ;
font-size : 60% ;
}

#search a{
color : #999999;
text-decoration:none;

}

#functionalitiesBar{
position:absolute;
top:0px;
left:177px;
width:700px;
padding-top:35px;
}

#functionalitiesBar td{
color : #999999;
font-family : Arial, Helvetica ;
font-size : 60% ;
}

#functionalitiesBar a{
color : #999999;
text-decoration:none;

}

input{
border: 1px solid #7F9DB9;
}*/


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

/*****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{
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;
}


/***********************************************************/
/**********************BANDEAU HAUT*************************/
/***********************************************************/

#bando{
position:absolute;
top:90px;
width:644px;
left:177px;
height:85px;
z-index:1;
/*border:1px solid black;*/
}


#titre_bando h1{
position:absolute;
margin-top:18px;
margin-left:395px;
/*font-weight: 600;*/
height:85px;
font-family:arial;
font-size:180%;
color:#005A9C;
z-index:2;
}

/**#news_long{
position:absolute;
top:85px;
left:840px;
width:147px;
z-index:2;
}

.titre_news{
font-family:arial;
font-size:80%;
color:#004585;
padding-left:5px;
}

.titre_news_rouge {
font-family:arial;
font-size:95%;
color:#004585;
font-weight:bold;
}

.titre_news_rouge a{
color:#004585;
font-weight:bold;
}*/


/***********************************************************/
/**********************CONTENU******************************/
/***********************************************************/

#contenu{
position:absolute;
top:250px;
left:177px;
width:813px;
height:320px;
/*border:1px solid black;*/
z-index:10;
}

.normalText{
color : #000000 ;
font-family : Arial, Helvetica ;
font-size : 60% ;
}
#aboutinstitute{

}

#aboutinstitute .title{
position:absolute;
z-index:2;
top:169px;
left:10px;
color : #0083FF ;
font-family : Arial, Helvetica ;
font-size : 140% ;
font-weight:bold;
}

#aboutinstitute #blockContent{
position:absolute;
background-color:#E1F5FF;
top:190px;
left:10px;
width:250px;
/**width:100%;*/
padding:10px;
border-right:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;
}

#aboutinstitute .text{
}

#aboutinstitute .text p{
margin: 2px 0px;
}

#aboutinstitute .strongText{
color : #0083FF ;
font-family : Arial, Helvetica ;
font-size : 110% ;
font-weight:bold;
}

#aboutinstitute .ChristmasWish{
color : #0083FF ;
font-family : Arial, Helvetica ;
font-size : 110% ;
font-weight:bold;
margin-left:2px;
text-align:center;
}

#aboutinstitute .links a{

color:#0083FF;
font-weight:bold;
font-size : 110%;
}
#aboutinstitute .title a{
text-decoration:none;
color : #0083FF ;
}
#aboutinstitute .illustration{
text-align:center;
padding:10px;
}

#patientspublic{
width:250px;
}

#patientspublic .title{
position:absolute;
z-index:2;
top:169px;
margin-left:304px;
color : #FF6635 ;
font-family : Arial, Helvetica ;
font-size : 140% ;
font-weight:bold;
}

#patientspublic #blockContent{
position:absolute;
background-color:#FCF2EE;
top:190px;
left:305px;
width:250px;
padding:10px;
border-right:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;
}

#patientspublic .text{
padding:10px;
background-color:#FFFFFF;
}

#patientspublic .text p{
margin: 2px 0px;
}

#patientspublic .strongText{
font-family : Arial, Helvetica ;
font-size : 120% ;
font-weight:bold;
color:#D25228;
}

#patientspublic .links a{
color : #FF6635 ;
font-family : Arial, Helvetica ;
font-size : 110% ;
font-weight:bold;
}
#patientspublic .title a{
text-decoration:none;
color : #FF6635 ;
}

#patientspublic .illustration{
text-align:center;
/**padding:10px;*/
margin-top:10px;
margin-bottom:10px;
}

#healthprofessionals{

}

#healthprofessionals .title{
position:absolute;
z-index:2;
top:169px;
/**left:599px;*/
left:584px;
color : #004585 ;
font-family : Arial, Helvetica ;
font-size : 140% ;
font-weight:bold;
}

#healthprofessionals #blockContent{
position:absolute;
background-color:#D3E9F8;
top:190px;
/**left:600px;*/
left:585px;
width:210px;
padding:10px;
border-right:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;
}

#healthprofessionals .text{
padding:10px;
background-color:#FFFFFF;
}

#healthprofessionals .text p{
margin: 2px 0px;
}

#healthprofessionals .strongText{
color : #004585 ;
font-family : Arial, Helvetica ;
font-size : 120% ;
font-weight:bold;
}

#healthprofessionals .links a{
color : #004585 ;
font-family : Arial, Helvetica ;
font-size : 110% ;
font-weight:bold;
}
#healthprofessionals .title a{
text-decoration:none;
color : #004585 ;
}

#healthprofessionals .illustration{
text-align:center;
padding:5px;
}

#instituteworldwide{
}

#instituteworldwide .title{
position:absolute;
z-index:2;
top:514px;
margin-left:35px;
width:220px;
color : #0083FF;
font-family : Arial, Helvetica ;
font-size : 100% ;
font-weight:bold;
}

#instituteworldwide #blockContent{
position:absolute;
top:528px;
left:10px;
width:250px;
padding:10px;
background-image:url(/images/world.jpg);
background-repeat:no-repeat;
}
#instituteworldwide .text{
padding:10px;
}

#instituteworldwide .text p{
margin: 2px 0px;
}

#instituteworldwide .strongText{
color : #004585 ;
font-family : Arial, Helvetica ;
font-size : 120% ;
font-weight:bold;
width:100px;
}

#instituteworldwide .links a{
color : #004585 ;
font-family : Arial, Helvetica ;
font-size : 110% ;
font-weight:bold;
}

#instituteworldwide .title a{
text-decoration:none;
color : #004585 ;
}
#instituteworldwide .illustration{
}
#whatsnewPP{
/**position:absolute;
top:419px;
left:305px;
width:270px;*/
}

#whatsnewPP .title{
position:absolute;
z-index:2;
top:425px;
left:390px;
color:#FF6635;
font-family : Arial, Helvetica ;
font-size : 100% ;
font-weight : bold;
text-align:center;

}

#whatsnewPP #blockContent{
position:absolute;
top:430px;
left:295px;
width:270px;
padding:10px;
}

#whatsnewPP  #newsItem{
margin-top:5px;
background: url(/images/patient_puce_on.gif) no-repeat;
background-position:0% 10%;
margin-bottom:5px;
}

#whatsnewPP .newsTitle{


}

#whatsnewPP .text{
border-top:solid 1px #F4C9BC;
border-bottom:solid 1px #F4C9BC;
/**width:144px;*/
/**height:18px;*/
/**padding:10px;*/
text-indent:15px;
}

#whatsnewHP{
/**position:absolute;
top:419px;
margin-left:585px;
width:250px;*/
}

#whatsnewHP .title{
position:absolute;
z-index:2;
top:440px;
left:660px;
color:#004585;
font-family : Arial, Helvetica ;
font-size : 100% ;
font-weight : bold;
text-align:center;

}

#whatsnewHP #blockContent{
position:absolute;
top:445px;
left:575px;
width:250px;
padding:10px;

}

#whatsnewHP  #newsItem{
margin-top:5px;
background: url(/images/hp_puce_on.gif) no-repeat;
background-position:0% 10%;
margin-bottom:5px;
}

#whatsnewHP .text{
border-top:solid 1px #B5C7DB;
border-bottom:solid 1px #B5C7DB;
/**width:144px;*/
/**height:18px;*/
/**padding:10px;*/
text-indent:15px;
}

#whatsnewHP .text a{
color : #004585 ;
font-family : Arial, Helvetica ;

font-weight:bold;
}

#bestofPP{
/**position:absolute;
top:509px;
left:305px;
width:270px;*/

}

#bestofPP .title{
position:absolute;
z-index:2;
top:515px;
left:415px;
color:#FF6635;
font-family : Arial, Helvetica ;
font-size : 100% ;
font-weight : bold;
text-align:center;

}

#bestofPP #blockContent{
position:absolute;
top:520px;
left:295px;
width:270px;
padding:10px;

}

#bestofPP .text{
border-top:solid 1px #F4C9BC;
border-bottom:solid 1px #F4C9BC;
width:270px;
/**height:18px;*/
background-color:#FCF2EE;
/**padding:10px;*/
text-indent:15px;
}

#bestofPP #bestofItem{
background: url(/images/patient_puce_on.gif) no-repeat;
background-position:0% 10%;
margin-bottom:5px;
margin-top:5px;
}

#bestofHP{
/**position:absolute;
top:519px;
margin-left:600px;
width:250px;*/

}

#bestofHP .title{
position:absolute;
z-index:2;
top:535px;
left:680px;
color:#004585;
font-family : Arial, Helvetica ;
font-size : 100% ;
font-weight : bold;

}

#bestofHP #blockContent{
position:absolute;
top:540px;
left:575px;
width:250px;
padding:10px;
/**border:solid 1px;*/

}

#bestofHP .text{
	width:250px;
	background-color:#B1D9FF;
	/**border:solid 1px red;*/
	/**padding:10px;*/
	
	border-top:solid 1px #B5C7DB;
border-bottom:solid 1px #B5C7DB;
text-indent:15px;
}

#bestofHP .text a{
color : #004585 ;
font-family : Arial, Helvetica ;

font-weight:bold;
}

#bestofHP #bestofItem{
background: url(/images/hp_puce_on.gif) no-repeat ;
background-position:0% 10%;
margin-bottom:5px;
margin-top:5px;
}

/**#bestofHP #right{
height:100%;
}
#bestofHP #right# righttop{
background: url(/images/arrondi_bleu_righttop.gif);
background-repeat:no-repeat;
}
#bestofHP #right# rightmiddle{
background: url(/images/arrondi_bleu_rightmiddle.gif);
background-repeat:repeat-y;
}
#bestofHP #right #rightbottom{
background: url(/images/arrondi_bleu_rightbottom.gif);
background-repeat:no-repeat;
}*/

#connectasmember{
position:absolute;
top:85px;
left:840px;
width:147px;
z-index:2;
}
#connectasmember .strongText{
color : #004585 ;
font-family : Arial, Helvetica ;
top:85px;
left:840px;
width:147px;
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-family : Arial, Helvetica ;
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-family : Arial, Helvetica ;
font-size : 60% ;
padding-left:5px;
padding-top:3px;
width:147px;
}

.tablebottom{
background: url(/images/arrondi_connectasmember_bas.jpg) no-repeat top;
}
.bottomImage{
padding-top: 5px; 
text-align: center;
}