/* CSS Document */
body {
background:url(http://voyagesterredefrance-com.micrologiciel.com/images/sites/intro/herbe_backround.jpg);margin:0;padding:0;}

/** PAGE INDEX (l'image est lourde du fait du client **/

#index_bg {
background:url(http://voyagesterredefrance-com.micrologiciel.com/images/sites/intro/bg.jpg) no-repeat center top;
}

#page_index {
width:1000px;
margin:auto;
background:url(http://voyagesterredefrance-com.micrologiciel.com/images/sites/intro/bg_page.jpg) no-repeat right top;
}

#index_contener { /** a enlever si  nécessaire */
height:500px;
position:relative;
}

/* LE MENU TOP */
#menu_top_contener {background: #242c54 url(http://voyagesterredefrance-com.micrologiciel.com/images/sites/intro/bleu_defaut.jpg) center center repeat-x;height: 74px;}

.menu_top{
width:1000px;
margin:auto;
overflow: hidden;
}

.menu_top ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
font: bold 11px Arial;
background: #242c54 url(http://voyagesterredefrance-com.micrologiciel.com/images/sites/intro/bleu_defaut.jpg) center center repeat-x; 
border-left:1px solid #74a1dd;
}

.menu_top ul li{display: inline;text-transform:uppercase;}

.menu_top ul li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right:1px solid #74a1dd;
}

.menu_top ul li a:visited{color: white;}

.menu_top ul li a:hover, .menu_top ul li .current{ 
color: white;
background: transparent url(http://voyagesterredefrance-com.micrologiciel.com/images/sites/intro/bleu_activ.jpg) center center repeat-x;
}

/* niveau sous menu*/
.menu_top ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
background: none; /*couleur fond sous menu */
visibility: hidden;
}


.menu_top ul li ul li a{
font: bold 12px Arial;
padding: 6px;
padding-right: 8px;
margin: 0;
border-bottom: 1px solid navy;
background: #303c76; /*couleur fond sous menu actif*/
}

.menu_top ul li ul li a:hover{background: #242c54;}

.arrows01 {color:#FFCC00;}

/** MENU BAS **/

.menu_bas{font-weight: bold;width: 100%;font: bold 12px Arial;}

.menu_bas ul{
padding: 6px 0 7px 0; 
margin: 0;
text-align: right; 
}

.menu_bas ul li{
display: inline;
text-transform:uppercase;
}

.menu_bas ul li a{
color: #fff;
padding: 6px 3px 4px 3px; 
margin-right: 20px;
text-decoration: none;
border-bottom: 3px solid #2c5903; 
}

.menu_bas ul li a:hover, .menu_bas ul li a.selected{
border-bottom-color: #fff;
}