body {
    font-family: helvetica, arial, sans-serif;
    text-align: center;
	margin: 0;
    padding: 0px;
	height: 100%;
    font-size: 0.8em;
	background: #030403;
	color : white;
overflow-x:hidden ;

scrollbar-base-color: #213435;
scrollbar-arrow-color: #070c0a;
scrollbar-3dlight-color: #070c0a;
scrollbar-darkshadow-color: #070c0a;
scrollbar-face-color: #213435;
scrollbar-highlight-color: #070c0a;
scrollbar-shadow-color: #070c0a;
scrollbar-track-color: #070c0a;

}

#page {
width : 1056px;
margin: auto;
padding : 0;
margin-top : 30px;
}

 a img{
border:0;
    margin: 0 ; 
    padding: 0 ; 
}
a {
color : white;
}


#header {
width : 1056px;
height: 41px;
margin: 0 ; 
padding: 0 ; 

}

#menu
{
margin-bottom : 0px; 
}
a.accueil {
display:block;
width : 67px;
height: 42px;
margin: 0 ; 
padding: 0 ; 
background: url(images/index_03.gif);
}
a.accueil:hover{
background: url(images/index_03_h.gif);
}
a.fabe {
display:block;
width : 99px;
height: 42px;
margin: 0 ; 
padding: 0 ; 
background: url(images/index_10.gif);
}
a.fabe:hover{
 
background: url(images/index_10_h.gif);
}
a.textes {
display:block;
width : 121px;
height: 42px;
margin: 0 ; 
padding: 0 ; 
background: url(images/index_05.gif);
}
a.textes:hover{
background: url(images/index_05_h.gif);
}
a.media {
display:block;
width : 120px;
height: 42px;
margin: 0 ; 
padding: 0 ; 
background: url(images/index_11.gif);
}
a.media:hover{
background: url(images/index_11_h.gif);
}
a.livre {
display:block;
width : 149px;
height: 42px;
margin: 0 ; 
padding: 0 ; 
background: url(images/index_07.gif);
}
a.livre:hover{
background: url(images/index_07_h.gif);
}
a.contact {
display:block;
width :83px;
height: 42px;
margin: 0 ; 
padding: 0 ; 
background: url(images/index_08.gif);
}
a.contact:hover{
background: url(images/index_08_h.gif);
}



#contenu {
	width: 1056px;
	height:617px;
	text-align:left;
	text-align : justify;
	background: url(images/index_12.gif) top center;
	margin: 0 ; 
padding: 0 ; }

#fabe {
	width: 480px;
	height:515px;
	text-align:left;
	text-align : justify;
	margin: 0 ; 
padding: 10px; 
margin-left :80px;
  overflow-y : scroll; 
  }
#content{
	width: 480px;
	height:515px;
	text-align:left;
	text-align : justify;
	margin: 0 ; 
padding: 10px; 
margin-left :80px;
}

#content ul {	
margin: 0 ; 
margin-left : 10px;  
margin-top : 5px;  
list-style-type : none;
width: 300px;
background: url(images/fond.png);
padding: 3px; 
border : 1px solid white ;
}
h3  {
margin: 0 ; 
margin-top: 10px;
padding: 0 ; }

#footer {
position : absolute ;
display: block;
left: 855px;
top: 660px; 
}

#table_textes{
margin: 0 ; 
margin-left :50px;
}
 #table_textes td {
padding: 10px ; 
}

.pochette{
margin: 0 ; 
margin-left :180px;
}
.pochette2{
margin: 0 ; 
margin-left : 95px;
}
.retour{

margin-top : 15px;
margin-left :200px;
}
a.detour {
display:block;
width :150px;
height: 150px;
margin: 0 ; 
padding: 0 ; 
background: url(images/mini_detour.png);
}
a.detour:hover{
width :150px;
height: 150px;
background: url(images/mini_detour_h.png);
}
a.rage {
display:block;
width :150px;
height: 150px;
margin: 0 ; 
padding: 0 ; 
background: url(images/mini_rage.png);
}
a.rage:hover{
width :150px;
height: 150px;
background: url(images/mini_rage_h.png);
}
a.fond {
display:block;
width :150px;
height: 150px;
margin: 0 ; 
padding: 0 ; 
background: url(images/mini_fond.png);
}
a.fond:hover{
width :150px;
height: 150px;
background: url(images/mini_fond_h.png);
}
a.befa {
display:block;
width :150px;
height: 150px;
margin: 0 ; 
padding: 0 ; 
background: url(images/mini_befa.png);
}
a.befa:hover{
width :150px;
height: 150px;
background: url(images/mini_befa_h.png);
}
a.hors {
display:block;
width :320px;
height: 141px;
margin: 0 ; 
padding: 0 ; 
background: url(images/mini_hors.png);
}
a.hors:hover{
width :320px;
height: 141px;
background: url(images/mini_hors_h.png);
}