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


/***********************************************************/
/**********************MAIN BLOCKS**************************/
/***********************************************************/


#global{
width:990px;
/**height:100%;*/
}

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

/**#functionalitiesBar{
position:relative;
top:25px;
left:177px;
width:800px;
}*/

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



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

#left_nav{
position:absolute;
top:151px;
left:5px;
width:165px;
}

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

#sectionTitle{
position:absolute;
margin-top:38px;
width:644px;
margin-left:0px;
font-weight: 600;
height:85px;
font-family:arial;
font-size:120%;
color:#FF6635;
z-index:2;
}

#contentBlock{
position:absolute;
top:250px;
left:177px;
width:813px;
z-index:10;
}

#railway{
position:relative;
margin-top:0px;
margin-left:2px;
width:650px;
z-index:20;
color : #FF3B00;
font-family : Arial, Helvetica ;
font-size : 70% ;
/*border:1px solid blue;*/
}


#leftBlock_section1{
margin-top:8px;
margin-right:6px;
background-color:#FFE4CF;
float:left;
width:262px;

}

#leftBlock_section2{
/**margin-right:6px;*/
margin-top:8px;
background-color:#FFF6EF;
float:left;
width:262px;
}

#level1RightBlock{
margin-top:8px;
background-color:#FFFFFF;
width:375px;
}

#level2RightBlock{
margin-top:8px;
background-color:#FFFFFF;
}

#publicationsRightBlock{
margin-top:8px;
background-color:#FFFFFF;
width:540px;
}

#recipesRightBlock{
position:relative;
margin-top:8px;
background-color:#FFF6EF;
float:right;
border:1px solid #FFB9A2;
width:545px;
}


/***********************************************************/
/**********************TEXT STYLE**************************/
/***********************************************************/


/**p{
color : #000000 ;
font-family : Arial, Helvetica ;
font-size : 70% ;

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

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

.content{
margin-bottom:10px;
font-size : 110% ;
color : #000000 ;
font-family : Arial, Helvetica ;
}

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

.content ul{
list-style-position : inside;
}
.content img{
padding:5px 5px 5px 5px;
}
.imageLeft{
clear:left;
float:left;
margin-top:5px;
margin-right:5px;
margin-bottom:5px;
}
.imageRight{
float:right;
margin-top:5px;
margin-left:5px;
margin-bottom:5px;
}
.imageCenter{
clear:both;
margin-top:10px;
}
.legend{
margin-bottom:5px;
margin-bottom:10px;
font-weight:bold;
}
.tip{
background-color:#FFE4CF;
padding:1px 10px 1px 10px;
font-style:italic;
color : #FF3B00;
margin-bottom:5px;
font-size : 110% ;
clear:right;
}
.do ul{
list-style-position:outside;
list-style-image: url("/images/do.gif");

}
.dont ul{
list-style-position:outside;
list-style-image: url("/images/dont.gif");
}
.pagetitle{
color:#FF6635;
font-family : Arial, Helvetica ;
font-weight:bold;
font-size : 130% ;
margin-bottom:10px;
}

.pagetitle p{
margin:0px;
padding:0px;
}

.title{
color : #000000 ;
font-family : Arial, Helvetica ;
font-weight:bold;
font-size : 130% ;
margin-bottom:10px;
}

.title p{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.footnotes{
border-top: solid 1px #FF9472;

}
.footnotes p{
margin:0px;
}

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

#lastupdate{
/**position:relative;*/
/**width:990px;*/
color : #999999;
font-family : Arial, Helvetica ;
font-size : 60% ;
text-align:center;
/**border:1px solid black;*/
margin-top:555px;
position:absolute;
}

/***********************************************************/
/**********************LEFT NAVIGATION**********************/
/***********************************************************/




.menu_level1{
color : #ffffff ;
font-family : Arial, Helvetica ;
font-size : 70% ;
font-weight:bold;
background-color:#FFB9A2;
padding-left:5px;
}

.menu_level1 a{
color : #ffffff ;
text-decoration:none;
font-weight:bold;
}

.menu_level1on{
color : #ffffff ;
font-family : Arial, Helvetica ;
font-size : 70% ;
font-weight:bold;
background-color:#FF6635;
padding-left:5px;
}

.menu_level1on a{
color : #ffffff ;
text-decoration:none;
font-weight:bold;
}

.menu_level2on{
font-family : Arial, Helvetica ;
font-size : 70% ;
font-weight:bold;
color:#FF6635;
background: url(/images/patient_fond_menu_left.jpg) repeat-y top;
text-indent:5px;
}

.menu_level2on  a{
color:#FF6635;
text-decoration:none;
font-weight:bold;
}

.menu_level2{
font-family : Arial, Helvetica ;
font-size : 70% ;
color:#8A8A8A;
background: url(/images/patient_fond_menu_left.jpg) repeat-y top;
text-indent:5px;
}

.menu_level2 a{
color:#8A8A8A;
text-decoration:none;
font-weight:normal;
}

.puceon{
float:left;
margin-top:2px;
background: url(/images/patient_puce_on.jpg) no-repeat top ;
width:11px;
}

.puceoff{
float:left;
margin-top:2px;
background: url(/images/patient_puce_off.jpg) no-repeat top ;
width:11px;
}

.menu_level3  {
padding-left:10px;
color:#FFB29A;
font-family : Arial, Helvetica ;
font-size : 60% ;
text-indent:15px;
}
.menu_level3  a{
/**color:#FFB29A;*/
/**color:#FF3B00;*/
color:#FF8359;
text-decoration:none;
font-weight:normal;
}

.menu_level3on {
padding-left:10px;
color:#B81C03;
font-family : Arial, Helvetica ;
font-size : 60% ;
font-weight:bold;
text-indent:15px;
}

.menu_level3on  a{
color:#B81C03;
text-decoration:none;
font-weight:bold;
}

.separationline{
line-height:1px;
background-color:#FFE0D6;
}

a.roll_rubrique{
padding-left:5px;
color : #1B1464;
font-family : Arial, Helvetica ;
font-size : 10px ;
display: block; /*for IE*/
line-height:16px;
height:16px;
text-decoration:none;
}

a.roll_rubrique:hover{
background-color : #DBD7E3;
}




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

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

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

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

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


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



/**#titre_bando_live_better*/

#bannerTitle_2 h1{
position:absolute;
margin-top:80px;
margin-left:277px;
/*font-weight: 600;*/
height:85px;
font-family:arial;
font-size:160%;
color:#FFFFFF;
z-index:2;
}

/**#titre_bando_live_better*/

#bannerTitle_2 h2{
position:absolute;
margin-top:100px;
margin-left:350px;
/*font-weight: 600;*/
height:85px;
font-family:arial;
font-size:130%;
color:#FFFFFF;
z-index:2;
}

/**#titre_bando_know_better*/

#bannerTitle_1 h1{
position:absolute;
margin-top:80px;
margin-left:320px;
/*font-weight: 600;*/
height:85px;
font-family:arial;
font-size:160%;
color:#FFFFFF;
z-index:2;
}

/**#titre_bando_know_better*/

#bannerTitle_1 h2{
position:absolute;
margin-top:100px;
margin-left:277px;
/*font-weight: 600;*/
height:85px;
font-family:arial;
font-size:130%;
color:#FFFFFF;
z-index:2;
}

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

#news_long table table{
border-left:1px solid #D84424;
border-right:1px solid #D84424;
padding-left:5px;
padding-top:3px;
width:147px;
height:300px;
}

#news{
position:absolute;
top:151px;
left:840px;
width:147px;
height:94px;
z-index:2;
border:1px solid #D84424;
}

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

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

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

#newsItem  p {
	margin: 2px 0px;
}

.newsTitle{
font-weight:bold;
}

.newsDate{
margin-left:5px;
color:#8A8A8A;
font-size:90%;
}

.newsDescription{

}

.newsPanelTitle{
font-family:arial;
font-size:80%;
color:#FFFFFF;
padding-left:5px;
background-color:#A40805;
width:147px;
vertical-align:bottom;
}

.titre_news_rouge a{
font-family:arial;
font-size:95%;
color:#A40805;
padding-left:5px;
font-weight:bold;
}

#divUpControl{position:absolute; left:350px; top:2px}
#divDownControl{position:absolute; left:25px; top:2px}
#divContainer{position:absolute; width:650px; height:420px; overflow:hidden; top:30px; left:10px; visibility:hidden}
#divContent{position:absolute;width: 130px; height: 187px;top:0; left:0; z-index:3;}


#scrollbar{
position:absolute;
left:133px;
top:36px;
width:8px;
height:38px;
z-index:4;
visibility:visible;
background-image:url(/images/patient_scroll_barre.jpg);
layer-background-image: url(/images/patient_scroll_barre.jpg);
z-index:2;
}



/***********************************************************/
/**********************CONTENT******************************/
/***********************************************************/
#railway .rubon{
color : #BB1C06;
font-family : Arial, Helvetica ;
font-size : 100% ;
font-weight:bold;
}



.menu_level4 {
font-family : Arial, Helvetica ;
font-size : 70% ;
color:#FF6635;
padding-left:15px;
}

.menu_level4on {
font-family : Arial, Helvetica ;
font-size : 70% ;
font-weight:bold;
color:#FF6635;
padding-left:15px;
}

.menu_level5 {
font-family : Arial, Helvetica ;
font-size : 65% ;
color:#FF9248;
line-height:15px;
padding-left:25px;
}

.menu_level5on {
font-family : Arial, Helvetica ;
font-size : 65% ;
font-weight:bold;
color:#000000;
line-height:14px;
padding-left:25px;
}

.menu_level6 {
font-family : Arial, Helvetica ;
font-size : 65% ;
color:#FF9248;
line-height:15px;
padding-left:35px;
}

.menu_level6on {
font-family : Arial, Helvetica ;
font-size : 65% ;
font-weight:bold;
color:#000000;
line-height:14px;
padding-left:35px;
}

.menu_level4 a{
font-family : Arial, Helvetica ;
font-size : 100% ;
color:#FF6635;
}

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

.menu_level5 a{
font-family : Arial, Helvetica ;
font-size : 95% ;
color:#FF9248;
}

.menu_level5on a{
font-family : Arial, Helvetica ;
font-size : 95% ;
font-weight:bold;
color:#000000;
}

.menu_level6 a{
font-family : Arial, Helvetica ;
font-size : 95% ;
color:#FF9248;
}

.menu_level6on a{
font-family : Arial, Helvetica ;
font-size : 95% ;
font-weight:bold;
color:#000000;
}

.printable a{
color : #A60E09;
font-family : Arial, Helvetica ;
font-size : 60% ;
text-decoration:none;
}



/****VIGNETTES*****/

.vignette {
float:left;
width:130px;
height:248px;
margin-right:4px;
margin-bottom:1px;
border-bottom:1px solid #FF9472;
text-align:center;
}

a.lien_article {
float:left;
width:130px;
height:246px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
text-decoration:underline;
color:#005A9C;
}

a.lien_article:hover  {
color:#005A9C;
border:1px solid #BB1C06;
text-decoration:underline;
}

#descriptif_vignette{
display:none;
padding:8px;
background-color:#FFFFFF;
border:1px solid #FF9472;
}


/****FIN VIGNETTES*****/


.titre_recette{
color:#FF3E00;
font-family : Arial, Helvetica ;
font-weight:bold;
line-height:30px;
font-size : 95% ;
}

.features{
color:#FF6635;
font-family : Arial, Helvetica ;
/**font-size : 70% ;*/
}

.pagination{
text-align:right;
}

.pagination a{
color:#B5B5B5;
font-family : Arial, Helvetica ;
font-size : 100% ;
font-weight:bold;
}

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