body {
margin : 0 30px 0 0;
 padding : 0 ;
 text-align : center ;
 background : url(images/fond.jpg);
 color : #4B3E07 ;
 font-family : arial ; 
 font-size : 13px ;  }

#text_accueil{
margin-top : -50px;
margin-right : -450px ;
margin-left : 400px ;
font-size : 15px ;
}

#text_corpsshonore{
margin-right : 100px ;
margin-left : 40px ;
font-size : 14px;
}

#compte{
margin-right : 10px ;
margin-left : 650px ;
margin-top : 5px;
}

#cont {
text-align : left ; 
margin : 40px auto 40px auto; 
width : 909px ; 
background : transparent}


#haut_cont {
width : 909px ; 
height : 22px ; 
 background : url(images/haut_cont.jpg)}
 
 #centre_haut {
width : 909px ;
height : 282px ; 
 background : url(images/centre_cont.jpg)}
 
  #centre_cont_centre {
  border-top : 1px solid transparent !important ;
   border-top : none  ; 
width : 909px ;  
margin-top : -20px; 
background : url(images/centre_cont_centre.jpg)}
 
 
   #centre_cont_centre p {
margin : 5px 0 5px 10px ; padding : 0 ; }
 
 #text_news{
 margin-left : 60px;}
 
#bas_cont {
width : 909px ; 
height : 22px ; 
background : #fff;

 background : url(images/bas_cont.jpg)}
 
 
 #menu {
 text-align : left ; 
margin-top : -17px ;
margin-left : 5px  ;
 float : left ; 
width : 132px !important  ; 
width : 127px  ; 
height : 282px ;
background : transparent;}

#menu ul{
width : 110px; 
margin-left : 15px ;
 padding : 0;
 list-style : none ; }
 
 
 
#menu li{
font-size : 11px ;
}

 #menu li a{
 text-indent : 10px ; 
display : block ;
 margin : 0 0 5px 0 ; 
 padding : 0 ;
 line-height : 20px; 
text-decoration : none ; 
color : #fff ;
height : 20px ;
background : url(images/coloron.jpg) ;   }


 #menu li a:hover{
color : #fff ;  
background : url(images/coloron2.jpg) ;  }

 
 



 #top {
 float : left ; 
width : 758px  ; 
height : 282px ;
background : url(images/expo.swf) no-repeat ; 
 }

 #photo_droite{
 margin-top : 20px ;
 margin-left : 500px ;
 }


#englobe_centre {
width : 900px ; 
 background : url(images/) no-repeat 250px 50px}

 #gauche{
  margin : 20px 0 0 50px !important; 

 float : left ; 
width : 300px  ; 
background : transparent;
padding : 0 0 100px 0}

.droite{
margin-left : 480px ;
}

.gauche{
margin-left : 30px;
margin-top : -130px;
}

 #droite {
 margin : 0 0 0 650px; 
 float : left ; 
background : transparent ;
padding : 0 0 0 0}

#tab_compte_droit{
width:250px ; 
height:200px ;
border:solid black 2px;

}

h2 {
text-transform : uppercase ; 
color : orange ;
 font-size : 200%;
 font-family : times ; 
 padding : 0 ;
 text-indent : 40px ; 

 height : 37px ;
 line-height : 35px ;  }
 
 h4 { 
 margin : 10px 0 0 10px;
 padding : 0 ;
 color : #000 ;
 font-size : 100% }
 
 
  h2#titre_accueil  {color :  #F99300 ; margin-top : -210px ; margin-left : -28px; }


#menu_rapidos {

position : relative ; 
 margin : 15px 0 0 25px; 
position : relative ; 
width : 850px ;
 height : 82px ;  
  background : url(images/bg_menurapidos.jpg) top repeat-x; }



 
 
 #menu_rapidos li a span {
	position: absolute;
	left: -5000px;
}
 
 
 #menu_rapidos li{
float : left ;  }


 #menu_rapidos li a{
display : block ; 
width : 100px ; 
text-align : center ; 
height : 82px ;  }


 #menu_rapidos li a:hover {
  background : url(images/menurapidos.jpg) top left no-repeat  ; }


#menu_rapidos a#music:hover {
	background-position: 0px -82px;
	color: #6882c3;}
	
	
	#menu_rapidos a#magazine:hover {
	background-position: -100px -82px;
	color: #6882c3;}


	#menu_rapidos a#urban:hover {
	background-position: -200px -82px;
	color: #6882c3;}
	
	
		#menu_rapidos a#shop:hover {
	background-position: -300px -82px;
	color: #6882c3;}





#footer {
clear : left ;
 height : 40px ;
 background : transparent ; 
 text-align : right ;
 margin-right : 60px;  }


h1 {
margin-left : 50px; 
	padding : 10px 0 0 0px; 
color : #4B3E07 ; 
font-size : 200% ; 
font-family : times ; 
text-transform :uppercase ; }

a {color : #181A1B ; text-decoration : none ; }
a:hover  {color : #000 ; text-decoration : underline ; }

a img {border: none;}