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

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

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

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

#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:#0083FF;
z-index:2;
}

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

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

#leftBlock_about_the{
margin-top:8px;
margin-right:6px;
background-color:#D9EDFF;
float:left;
}

#leftBlock_section1{
margin-top:8px;
margin-right:6px;
background-color:#D9EDFF;
float:left;
}


#leftBlock_charter{
margin-top:8px;
margin-right:6px;
background-color:#D9EDFF;
float:left;
width:262px;
}

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

margin-right:155px;


}

#level2RightBlock{
margin-top:8px;
background-color:#FFFFFF;
/**width:550px;*/
}


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

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

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

.about_bold{
font-family : Arial, Helvetica ;
font-size : 100% ;
color:#0083FF;
font-weight:bold;
}

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


}

.content a{
color:#0083FF;
font-weight:bold;
}
.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;
}
.pagetitle{
color:#0083FF;
font-family : Arial, Helvetica ;
font-weight:bold;
font-size : 130% ;
margin-bottom:10px;
}
.pagetitle p{
margin:0px;
padding:0px;
}


#lastupdate{
position:absolute;
bottom:0px;
width:100%;
color : #999999;
font-family : Arial, Helvetica ;
font-size : 60% ;
text-align:center;

}




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




.menu_level1{
color : #ffffff ;
font-family : Arial, Helvetica ;
font-size : 70% ;
font-weight:bold;
background-color:#0083FF;
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:#0083FF;
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:#0083FF;
background: url(/images/about_fond_menu_left.jpg) repeat-y right;
text-indent:5px;
}

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

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

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

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

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



.menu_level3  {
padding-left:20px;
color:#9DD0FF;
font-family : Arial, Helvetica ;
font-size : 60% ;
text-indent:15px;
}

.menu_level3  a{
/**color:#9DD0FF;*/
color:#5EB3FF;
text-decoration:none;
font-weight:normal;
}

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

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

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

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;
color : #005A9C;
font-family : Arial, Helvetica ;
font-weight:bold;
}


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


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

#bannerTitle_1 h2{
position:absolute;
margin-top:100px;
margin-left:270px;
/*font-weight: 600;*/
height:85px;
font-family:arial;
font-size:160%;
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 #BDDFFF;
border-right:1px solid #BDDFFF;
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 #0083FF;
}

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

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


#newsItem {
margin-bottom: 10px;
background: url(/images/about_puce_on.jpg) no-repeat;
background-position:0% 2%;
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:#0083FF;
width:147px;
vertical-align:bottom;
}

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

.titre_news_rouge a{
color:#0083FF;
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/about_scroll_barre.jpg);
layer-background-image: url(/images/about_scroll_barre.jpg);
z-index:2;
}




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



#railway .rubon{
color : #0065BF;
font-family : Arial, Helvetica ;
font-size : 100% ;
font-weight:bold;
}




.menu_level4 {
font-family : Arial, Helvetica ;
font-size : 70% ;
color:#878B8F;
}

.menu_level4on {
font-family : Arial, Helvetica ;
font-size : 70% ;
font-weight:bold;
color:#2B98FF;
}

.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_level4 a{
font-family : Arial, Helvetica ;
font-size : 100% ;
color:#878B8F;
}

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

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

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




.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:#0083FF;
font-family : Arial, Helvetica ;
font-size : 100% ;
font-weight:bold;
}