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

 }
 

/* CONTENEUR IMAGE BADEAU */


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

/* pour centrer */

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





.boot_namepage{
position : absolute ;
bottom : 0;
left : 380px ;
width : 130px ;   
height : 15px ; 
background : #3F3F3F ; }


/* CONTENEURS*/



#centre {
position : relative ; 
width : 100% ; 
background :  url(images/bg_centre.jpg) repeat-x;
 height :273px !important;
 height :274px;
 margin-top : 40px}
 
 
 
#centre_blanc {
width : 660px ; 
background : #fff;
 height :273px !important;
 height :274px;
 margin-left : auto;
 margin-right : auto; }



/* BLOCS PRINCIPAUX DANS CONTENEURS */




#bloc_1 {
float : left ;
 width : 207px ;
  height : 480px; 
  margin-left : 20px !important ; 
    margin-left : 10px ;
	background : transparent;}


#bloc_2 {
float : left ; 
width : 207px;
 height : 480px;
 margin-left : 20px ;
	background : transparent;}



/* Images des blocs */


#bloc_1 img  {
border :0}
#bloc_2 img  {
border : 0}



#bloc_3{
	position : relative;
	text-align : left;
	float : left;
	width : 165px;
	height : 278px;
	background : #ccc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}


/* Images des blocs */
 
#bloc_3 img{
border : 0}

 
 
 
 /* BLOCS ET LISTES DES PAGES IMAGES ET PICTURES */
 
 
 
 
 #bloc_1_autres h2{
 margin : 0 0 0 4px ; 
 padding : 0 ; 
 font-size : 14px}
 

#bloc_1_autres p{
 margin : 0 0 0 4px ;
  padding : 0 ; }
 

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

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



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


#bloc_2_autres {
float : left ; 
width : 207px;
 height : 270px ;
 margin-left : 20px }
 
 
 
 #bloc_3_autres {
position : relative; 
text-align : justify ; 
float : left ; 
width : 150px; 
height : 285px ; 
background : transparent;
 margin: 0 0 0 20px}
 
 





/* PARAGRAPHES en absolute qui vont en bas du bloc */




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





/* Paragraphes Index */



 .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}
 

/* BOUTONS INDEX */

 .pos_1 {
 margin-bottom : 20px ; 
 background : transparent ; }



.boot_flash {
height : 207px;
 width : 207px ;
  margin-bottom : 20px ;  
 background : transparent ; }
 
 
 .boot_flash_2 {
height : 207px;
 width : 207px ; 
 background : transparent ; }
 
 
  .boot_flash_3 {
height : 207px;
 width : 207px ; 
 background : transparent ; }
 
 
.boot_collection {
height : 207px;
 width : 207px ; 
 margin-bottom : 20px; 
 background-color : transparent}
 
 
 
 
 
 
 
 
 
 
/* ZWATLA SIGNATURE */
 
 
 #bas {
 position : absolute ;  
top : 705px ; 
left : 10px ;
height : 50px ;   
 background : transparent; 
 text-align : left ;  }
 
  #bas p {
text-align : left}
  
  
    #bas a {
text-decoration : none ; }
 
 


/* LIENS */


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



/* LIENS IMAGES */




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






/* PAGE NEWS : CONTENEUR DIFFERENTS */


#centre_blanc_history {
width : 660px ; 
background : #fff;
 height :273px !important;
 height :273px;
 margin-left : auto;
 margin-right : auto;
 text-align : left;
 color : #OOOOOO ;
 }
 
#centre_blanc_history p{
margin : 0 25px 5px 25px }








/* PAGE LINKS: CONTENEUR DIFFERENT */
 



#centre_blanc_link{
width : 660px ; 
background : #fff;
 height :273px !important;
 height :270px;
 margin-left : auto;
 margin-right : auto;
 text-align : left;
 color : #7C7C7C }
 
 .para_link{
 width : 380px ; 
margin : 0 25px 5px 25px ;
padding : 5px 0 10px 0; 
background :   #fff url(images/hr.gif) bottom repeat-x;}

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

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


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




/* SEPARATEURS NON UTILISES */

 .spacer {
 clear : both ; 
 height : 13px}








/* IMAGES */

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

.name_collection {float : right}












/* MENU */





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

#in_menu {
width : 850px ; 
height : 30px ; 
background : #000  ; 
margin-left : auto ;
margin-right : auto ; }



#menu ul{
list-style : none; 
width : 805px ;
height : 30px ; 
background : #585858 url(images/menu.gif) top left no-repeat ;  
 margin : 0 ; 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;
}






/* Paragraphe de fin pour NEWS , c'est une moche bidouille */


.end {height : 50px ; }

/* Titres divers */

h3 {margin : 10px 0 10px 25px ; font-size : 14px ; }