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

 }
 
 /* HAUTS DE SITE */

 form {
 padding-top:0px;
 margin-top:0px;}
 
 

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


/* CONTENEUR IMAGE BADEAU */


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

/* pour centrer */

#in_flash  {
width : 1020px ; 
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 :300px !important;
 /*height :273px !important;*/
 height :300px;
 margin-top : 40px}
 
 
 
#centre_blanc {
width : 660px ; 
background : #fff;
 height :300px !important;
 /*height :273px !important;*/
 height :300px;
 margin-left : auto;
 margin-right : auto; }



/* BLOCS PRINCIPAUX DANS CONTENEURS */




#bloc_1 {
float : left ;
 width : 207px ;
  height : 300px ; 
  margin-left : 20px !important ; 
    margin-left : 10px ;
	margin-top:0;
	background : transparent;}
	
	#bloc_4 {
float : left ;
 width : 434px ;
  height : 300px ; 
  margin-left : 20px !important ; 
    margin-left : 10px ;
	background : transparent;}


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



/* Images des blocs */


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



#bloc_3{
position : relative; 
text-align : justify; 
float : left ; 
width : 165px; 
height : 300px ;
background : #B0A396;
margin: 0 0 0 20px}

#bloc_3acc{
position : relative; 
text-align : justify; 
float : left ; 
width : 180px; 
height : 300px ;
background : #B0A396;
margin: 0 0 0 20px}


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

 
#bloc_3 a{
text-decoration:none;}

#bloc_3 a:hover{
text-decoration:underline;}
 
 
img.imageportrait{float:right;
margin-left:5px;
margin-bottom:5px;}

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

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

#bloc_1_autres {
 text-align : left; 
float : left ;
width : 207px ;
height : 300px ; 
margin-left : 20px !important ; 
margin-left : 10px;
	background : #B0A396;}
	
	
	div.centre{
 	text-align:center;}
	
	#centre a img{
	border:#000 2px solid;}
	
	
#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 : 300px ;
 margin-left : 20px }
 
 
 
 #bloc_3_autres {
position : relative; 
text-align : justify ; 
float : left ; 
width : 150px; 
height : 300px ; 
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 : 126px ;
 width : 207px ;
  margin-bottom : 20px ;  
 background : transparent ; }
 
 
 .boot_flash_2 {
height : 126px ;
 width : 207px ; 
 background : transparent ; }
 
 
  .boot_flash_3 {
height : 126px ;
 width : 207px ; 
 background : transparent ; }
 
 
.boot_collection {
height : 126px ;
 width : 207px ; 
 margin-bottom : 20px; 
 background-color : transparent}
 
 
 
 
 
 
 
 
 
 
/* ZWATLA SIGNATURE */
 
 
 #bas {
position : relative ;  
top:10px;
left : 10px ;
clear:both;


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 :300px !important;
 height :300px;
 margin-left : auto;
 margin-right : auto;
 text-align : justify;
 color : #OOOOOO ;
 }
 
#centre_blanc_history p{
margin : 0 25px 5px 25px }








/* PAGE LINKS: CONTENEUR DIFFERENT */
 



#centre_blanc_link{
width : 660px ; 
background : #fff;
 height :300px !important;
 height :300px;
 margin-left : auto;
 margin-right : auto;
 text-align : left;
 color : #7C7C7C }
 
 #centre_blanc_link a img{
border : #000 2px solid;}
 
 .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 : 805px ;*/
width : 1020px ; 
height : 30px ; 
background : #000  ; 
margin-left : auto ;
margin-right : auto ; }



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

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

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


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



#menu a#accueil:hover {
	background-position: 0px -30px;
	color: #6882c3;
}
#menu a#portrait:hover {
	background-position: -102px -30px;
	color: #8fab10;
}
#menu a#titres:hover {
	background-position: -204px -30px;
	color: #ffc326;
}

#menu a#perso:hover {
	background-position: -306px -30px;
	color: #ffc326;
}


#menu a#concerts:hover {
	background-position: -408px -30px;
	color: #6882c3;
}
#menu a#videos:hover {
	background-position: -510px -30px;
	color: #8fab10;
}
#menu a#presse:hover {
	background-position: -612px -30px;
	color: #ffc326;
}

#menu a#liens:hover {
	background-position: -714px -30px;
	color: #ffc326;
}

#menu a#boutique:hover {
	background-position: -816px -30px;
	color: #ffc326;
}
#menu a#contact:hover {
	background-position: -918px -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 ; }
h4 {margin : 10px 0 0px 15px ; font-size : 11px ; }

h1.cd
{
margin-left:180px;

}


div.listeconcerts{

width:205px;
height:260px;
font-family:verdana;
overflow:auto;
background-color:transparent;

text-align : justify;
border : 0;
Transparent Scrollbar;
scrollbar-face-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#CBCDCE;
filter:chroma(color=#ffffff);
Transparent Scrollbar;
Transparent Scrollbar;
}


span.rouge {
color : red;
font-size:1.2em;
font-weight:bold;
}

p.theatreacc{
font-size:1.4em;
padding-left:4px;
padding-right:4px;
}