*{
margin:0;
padding:0;
}

body{
background:url("../img/interface/background.jpg") repeat-x bottom #4598dc;
font-family:arial,verdana,sans-serif;
font-size:12px;
color:#FFF;
}

#conteneur{
width:898px;
margin:0 auto;
margin-top:5px;
background:#2a5e8e;
position:relative;
}

/* partie haute jusqu'a menu exclu */
#top{
height:305px;
background:url("../img/interface/back_haut.jpg") no-repeat #2a5e8e;
}

#top .fleche{
height:13px;
width:18px;
background:url("../img/interface/fleche.gif") no-repeat;
position:absolute;
top:12px;
left:17px;
}

#top .rect_vert{
height:11px;
width:30px;
background:url("../img/interface/rect_vert.gif") no-repeat;
position:absolute;
top:12px;
right:20px;
}

#top p{
font-weight:bold;
position:absolute;
top:11px;
left:45px;
}

#top img{
position:absolute;
top:35px;
left:9px;
}
/************************** fin de partie haute *******************/

/********************* menu ***************************/

#menu{
height:30px;
width:100%;
background:#2a5e8e;
text-align:center;
line-height:30px;
}

#menu ul{
list-style:none;
}

#menu li{
display:inline;
float:left;
}

#menu li a{
display:block;
color:#FFF;
font-weight:bold;
text-decoration:none;
font-size:12px;
padding:0 8px;
}

#menu .menu_actif{
border-bottom: 2px solid #FF8a00;
height:28px !important;
height:auto; 
}

#menu li a span{
line-height:15px;
display:block;
}

#menu li a:hover{
background:#5dbf39;
}
/* fin de menu */
/********************milieu de la page************************/
#middle{
padding-bottom: 40px;
padding-top:10px;
margin:0 auto;
height:auto !important;
height:670px;
min-height:670px;
background:url("../img/interface/back_mid.jpg") no-repeat top #3b85c4;
}
/******************** fin de milieu ***************************/

/********************fin de la page************************/
#footer{
height:117px;
background:url("../img/interface/back_bas.jpg") no-repeat #3b85c4;
text-align:center;
padding-top:5px;
}

#footer p{
font-size:11px;
}

#footer a{
color:#FFF;
text-decoration:none;
}
#to_top{
float:right; 
padding-right:10px;
margin-top:-10px;
background:none;
}
#to_top a{
color:white; 
text-decoration:none;
font-weight:bold;
}
#footer a:hover{
text-decoration:underline;
}
/******************** fin de fin ***************************/

/********************* bloc extensible ********************/
#mid_ext{
clear:both;
width:898px;
position:relative;
top:-2px;
left:0;
}


#mid_ext_top{
background:url("../img/interface/back_ext_01.gif") no-repeat #3678B4;
height:16px;
width:897px;
}

#mid_ext_middle{
background:url("../img/interface/back_ext_02.gif") repeat-y #3b85c4;
height:auto !important;
height:320px;
min-height:320px;
width:857px;
padding:0 20px; 
padding-bottom:1px;

}

#mid_ext_bottom{
background:url("../img/interface/back_ext_03.gif") no-repeat #3b85c4;
height:16px;
width:897px;
}