body {
margin : 0 ; 
padding : 0 ;
text-align : center;
font-size : 0.6em ; 
font-family : arial ;
}
 
/* HEADER 
****************************************/

#header {
width : 98% ;
height : 35px ; 
padding-top : 10px; 
background : #fff url(images/minilogo.jpg) right no-repeat ; }

/* DECO
******************************************************************************/

#deco {
position : relative ; 
width : 100% ; 
height : 309px ; 
background : #000 ; 
}

#deco-image  {
width : 850px ; 
height : 309px ; 
background : #000 url(images/fond_flash.gif)  no-repeat center ; 
margin-left : auto ;
margin-right : auto ; 
}

#nom-de-la-page {
position : absolute ;
bottom : 0;
left : 380px ;
width : 130px ;   
height : 15px ; 
background : #3F3F3F ; }


/* MENU 
*****************************************************************************/

#menu {
position : relative ; 
width : 100% ; 
height : 30px ; 
background : #000 ;
}

#menu ul {
list-style : none; 
width : 805px ;
height : 30px ; 
background : #585858 url(images/menu.gif) top left no-repeat ;  
margin : 0 auto; 
padding : 0 
}

#menu li {
float : left ; 
width : 115px ; 
margin : 0 ; 
padding : 0 ; 
}

#menu li a { 
display: block;
height :30px ; 
width: 115px;
text-decoration: none;
font-size: 1px;
color: #C6C1A3;
margin : 0 ; 
padding : 0 ; 
list-style : none; 
}

#menu li a:hover {  
background : #585858 url(images/menu.gif) top left no-repeat ;  
}

#menu a#accueil:hover {
background-position: 0px -30px;
color: #6882c3;
}

#menu a#news:hover {
background-position: -115px -30px;
color: #8fab10;
}

#menu a#about:hover {
background-position: -230px -30px;
color: #ffc326;
}

#menu a#musique:hover {
background-position: -345px -30px;
color: #6882c3;
}

#menu a#pictures:hover {
background-position: -460px -30px;
color: #8fab10;
}

#menu a#links:hover {
background-position: -575px -30px;
color: #ffc326;
}

#menu a#contact:hover {
background-position: -690px -30px;
color: #ffc326;
}

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

/* MAIN
****************************************************************************/

#main {
position : relative ; 
width : 100% ; 
background :  url(images/bg_centre.jpg) repeat-x;
height :273px !important;
height :274px;
margin-top : 40px
}

/* CONTENU
****************************************************************************/
 
#contenu {
width : 660px ; 
background : #fff;
height :273px !important;
height :274px;
margin : 0 auto; 
}

/* BLOCS 1
******************************************/

#bloc-1 {
float : left ;
width : 207px ;
height : 273px ; 
margin-left : 20px !important ; 
margin-left : 10px ;
}
	
#bloc-1 img  {
border :0;
margin : 0 0 20px 0
}

/* BLOC 2
******************************************/
	
#bloc-2 {
float : left ; 
width : 207px;
height : 275px ;
margin-left : 20px ;
}

#bloc-2 img {
border :0;
margin : 0 0 20px 0
}

/* BLOC 3
******************************************/

#bloc-3 {
position : relative; 
text-align : left; 
float : left ; 
width : 165px; 
height : 278px ;
background : #ccc;
margin: 0 0 0 20px
}

#bloc-3 img {
border : 0
}

/* BLOC 4
 *******************************************************************************/

#bloc-4 {
text-align : left; 
float : left ;
width : 207px ;
height : 278px ; 
margin-left : 20px !important ; 
margin-left : 10px;
background : #ccc;
}
 
#bloc-4 h2 {
margin : 0 0 0 4px ; 
padding : 0 ; 
font-size : 14px
}
 
#bloc-4 p {
margin : 0 0 0 4px ;
padding : 0 ;
}
 
#bloc-4 ul {
list-style : none ;
margin : 0 0 0 4px ;
padding : 0 ;
}

#bloc-4 li a {
list-style : none ;
margin : 0  ;
padding : 0 ; 
text-decoration : none ;
}

#bloc-4 li a:hover {
text-decoration : underline ;
}

/* BLOC 5
*******************************************************************************/

#bloc-5 {
float : left ; 
width : 207px;
height : 270px ;
margin-left : 20px
}
 

 /* BLOC NEWS
***********************************************************************/

#bloc-news {
width : 660px ; 
background : #fff;
margin : 0 auto ;
padding : 0 0 20px 0; 
text-align : left;
color : #000 ;
}
 
#bloc-news p {
margin : 0 25px 5px 25px
}

#bloc-news h3 {
margin : 10px 0 10px 25px ; 
font-size : 14px ;
}
 
/* BLOC LIENS
***********************************************************************/
 
#bloc-liens {
width : 660px ; 
background : #fff;
height :273px !important;
height :270px;
margin : 0 auto ;
text-align : left;
color : #7C7C7C;
}

#bloc-liens a {
color : #000 ; 
text-decoration : none
}

#bloc-liens ul {
list-style : none ;
margin : 0;
padding : 0; 
}

#bloc-liens ul li {
margin : 0 25px 5px 25px ;
padding : 5px 0 10px 0; 
display : block ; 
background :  url(images/hr.gif) bottom repeat-x;
}

/*  IMAGES
***********************************************************************/

.img_title {
margin : 0 0 10px 25px;
}

.intro_link {
color : #000000 ; 
margin : 0 25px 5px 25px;
}

.img_news {
margin :  -10px 0 0 0 ; 
position : absolute ; 
width : 65px ; 
height : 35px ; 
display : block ;
}

.img_all {
position : absolute ; 
right : 0 ;
bottom : 0 ;
}

.img_droite {
float : right ; 
margin : 0 25px 0 25px 
}

.name_collection {
float : right
}
 
/* BLOC DIVERS
************************************************************************/

.choix {
position : absolute; 
bottom : 0 ; 
left :4px
}
 
.choix p {
margin : 0 ; 
padding : 0
}

/* PARAGRAPHES 
****************************************************************************/

.date {
margin : 30px 4px 0 4px  ; 
padding : 0;
font-weight : bold ;
font-size : 16px
}
 
.sous_date {
margin : 0 4px 0 4px  ; 
padding : 0 ;
text-transform : uppercase ;
}
 
.signature {
margin : 0 4px 5px 4px ; 
padding : 0
}
 
.texte {
margin : 5px 4px 5px 4px
}
 
/* FOOTER 
**************************************************/
 
#footer {
position : absolute ;  
top : 705px ; 
left : 10px ;
height : 50px ;    
text-align : left ;
}
 
#footer p {
text-align : left
}
  
#footer a {
text-decoration : none ;
}
 

/* LIENS 
 ***************************************************************************/

a {
color : #000; 
text-decoration : underline;
}

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