body {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;
	margin: 0;
	padding: 0;
	background: #000000;
	color: #000000; courier 
}


img {
	border: 0px;
	margin:0px;
}

img.vignette {
	margin-left: 25px;
}



/* ########## LES CADRES ########## */
/* == cadre du haut */
#haut {
	height: 161px;
	background: url('images/header.jpg');
}
/* == cadre principal */
#haut_page {
	position: relative;
	width: 800px;
	margin: auto;
	background: #000000 ;   <!--url('images/metal.jpg') repeat-y-->
}

#page {
	position: relative;
	width: 800px;
	margin: auto;
	background: #222222 ;   <!--url('images/metal.jpg') repeat-y-->
}
/* == cadre contenant le texte de la page */
#centre {
	background: url('images/contenu.jpg');
	margin-left: 191px;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 15px;
}
/* == cadre contenant la photo d'accueil */
#centre_accueil {
	background: url('images/contenu.jpg');
	margin-left: 191px;
	padding-top: 15px;
	padding-left: 50px;
	padding-bottom: 15px;
}

/* == cadre de gauche */
#gauche {
	position: absolute;
	left: 0;
	width: 191px;
}
/* == cadre du menu */
#menu {
	margin-top: 35px;	
}
/* == cadre du bas */
#bas {
	height: 38px;
	background: url('images/footer.jpg');
	text-align: right;
	padding-right: 50px;
	color: #ffffff; 
	font-family: Courier New;
}

.bloc {
	margin-bottom: 1px;  /* Espace entre chaque bloc */
}



p {
	font-family: tahoma;
	text-indent: 10px;
	text-align: justify;
	color: #EEEEEE;
	margin: 0px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-size: 11px
}

/* ########## LES LIENS ########## */
/* === liens normaux */
a {
	color: #FFFFFF;
	font-family: tahoma;
	font-weight: bold;
}
a:hover {
	color: #910505;	
}

a.gras {
	font-weight: bold;
}

a.gras_italique {
	font-weight: bold;
	font-style: italic;
}

/* === liens vers les sites d autres groupes */
a.groupe {
	text-decoration: none ;
	/*font-weight: normal;*/
}

/* === les adresses mails */
a.mail {
	text-decoration: none ;
}



/* --- Menu --- */

/* -----  ####  IMAGES PRECHARGEES  ####  ----- */


#preload{
display:none;
}


/* --- ### LES ELEMENTS DE MENU ### --- */

a.menu {
	width: 191px;
	height: 45px;
	border: 0px;
	display: block;
	background-repeat: no-repeat;
}

a#actu_dates {
	background: url('images/actu_dates.jpg');
}
a#actu_dates:hover {
	background: url('images/actu_dates2.jpg');
}

a#hysto_disco {
	background: url('images/hystodisco.jpg');
}
a#hysto_disco:hover {
	background: url('images/hystodisco2.jpg');
}

a#musika {
	background: url('images/musika.jpg');
}
a#musika:hover {
	background: url('images/musika2.jpg');
}

a#paroles {
	background: url('images/paroles.jpg');
}
a#paroles:hover {
	background: url('images/paroles2.jpg');
}

a#visuels {
	background: url('images/visuels.jpg');
}
a#visuels:hover {
	background: url('images/visuels2.jpg');
}

a#presse {
	background: url('images/presse.jpg');
}
a#presse:hover {
	background: url('images/presse2.jpg');
}

a#forums {
	background: url('images/forums.jpg');
}
a#forums:hover {
	background: url('images/forums2.jpg');
}

a#zone_parallele {
	background: url('images/zone_parallele.jpg');
}
a#zone_parallele:hover {
	background: url('images/zone_parallele2.jpg');
}

a#liens {
	background: url('images/liens.jpg');
}
a#liens:hover {
	background: url('images/liens2.jpg');
}

a#kontakt {
	background: url('images/kontakt.jpg');
}
a#kontakt:hover {
	background: url('images/kontakt2.jpg');
}




.c1 {
display: block;
background: url('images/c1.gif') no-repeat;
width: 569px;
height: 24px;
border: 0px none;
text-align: center;
font-family: Courier new;
font-weight: bold;
font-size: 20px; //5px;
color: #EEEEEE
}

.c2 {
background: url('images/c2.gif');
width: 569px;
border: 0px;
padding-bottom: 10px;
}

.c21 {
background: url('images/c21.gif');
width: 480px;
border: 0px;
padding-bottom: 10px;
}

.c3 {
	background: url('images/c3.gif') no-repeat;
	width: 569px;
	height: 15px;
	border: 0px none;
}

/* == libelle pour revenir en haut d une page */
.top {
	text-align: right;
	font-family: verdana;
	font-weight: bold;
	font-size: 11px;
	margin-right: 10px;
}

/* --- ACTU - DATES --- */

.aconfirmer {
color: #910505;
font-weight: bold;
text-align: center
}

.sep {
	border-bottom: 1px dashed #910505;
	width: 250px;
	margin-left: 160px;
	margin-top: 15px;
	margin-bottom: 15px;
}


.affiche {
border: 1px solid #bebebe;
margin-left: 140px;
}

/* Paragraphe dont le texte est aligné a gauche, non indenté et justifié */
p.left_justify {
	text-indent: 0px;
	border: 0px;
	text-align: justify;
	font-size: 13px;
	margin-left: 15px;
	padding: 10px;
}

/* Paragraphe dont le texte est aligné a gauche, non indenté et justifié */
p.left_justify2 {
	text-indent: 0px;
	border: 0px;
	text-align: justify;
	font-size: 13px;
	margin-left: 30px;
	padding: 10px;
}

/* Paragraphe dont le texte est aligne a gauche, les lignes espacees et non indenté */
p.left {
	text-indent: 0px;
	border: 0px none;
	font-family: Courier New; 
	font-size: 12px;
	line-height: 1.5em;
}

p.left_indent {
	border: 0px none;
	font-family: Courier New; 
	font-size: 12px;
	line-height: 1.5em;
}



/* --- HYSTODISCO --- */



td {
	text-align: left;
}

td.membre { 
text-align: center;
border-style:solid; 
border-width:5px; 
border-color:#EEEEEE;
}

/* == case dont le texte est espace */
td.espace {
	line-height: 25px;
	text-align: right;
}

td.centre {
	text-align: center;
}

td.indent {
	padding-left: 10px;
}

td.photo { 
text-align: center;
border-style:solid; 
border-width:5px; 
border-color:#CCCCCC;

}


.titres {
margin-left: 35px;
}

.attention {
border-left: 0px;
border-right: 0px;
width: 500px;
height: 100%;
margin-left: 15px;
text-align: left
}
/*


.attent {
border-top: 1px solid #910505;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid #910505;
width: 500px;
height: 100%;
margin-left: 15px;
}


/* --- Musika --- */

.sep2 {
width: 350px;
border-bottom: 1px solid #910505;
padding-left: 0px;
}

.telec {
float: right;
margin: 0px;
padding: 0px;
}

/* liste normale mais sans puce */
ul.normal li {
	line-height: 30px;
	width: 480px;
	margin-left: 30px;
	text-indent: 15px;
	/*list-style-type: none;*/
	 margin-right:0; margin-top:0; margin-bottom:0;
}


ul.liens li {
	border-bottom: 1px solid #910505;
	line-height: 35px;
	width: 480px;
	margin-left: 10px;
	text-indent: 15px;
	list-style-type: none; margin-right:0; margin-top:0; margin-bottom:0;
}



ul.liens li a {
	font-weight: bold;
}

ul.paroles li {              
	border-bottom: 1px solid #910505;
	line-height: 25px;
	width: 470px;
	margin-left: 10px;
	/*text-align: center;*/
	text-indent: 15px;
	font-family: Courier new;
	list-style-type: none; margin-right:0; margin-top:0; margin-bottom:0;
}

ul.liens li a {
	text-decoration: none;
}

ul.paroles li a {
	text-decoration: none;
}

.img_mareenoire {
width: 130px;
height: 100px;
background: url('images/maree_noire_tn.jpg');
border: 1px solid #bebebe;
margin-left: 20px;
}

.img_lcdc {
width: 97px;
height: 100px;
background: url('images/cd_demo_tn.jpg');
border: 1px solid #bebebe;
margin-left: 20px;
}

/* --- PAROLES --- */

p {
	margin: 0px;
}

/* --- Les titres --- */
/* == titre en noir gras */
h1 {
	margin: 0px;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-family: Courier new;
	font-size: 12px;
	font-weight: bold;
	
	
}
/* == titre en gris  */
h2{
	padding-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-family: Verdana <!-- Courier new; -->
	font-size: 16px;
	font-weight: bold;
	color: #F0F0F0; <!--#990505; margin-right:0px; margin-top:0px-->
}

/* == titre petit gras noir */
h3 {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}


p.commtexte {
font-family: courier new;
font-size: 13px;
text-indent: 10px;
margin-left: 20px;
margin-right: 20px;
}

p.commtexte2 {
font-family: courier new;
font-size: 13px;
font-weight: bold;
text-indent: 10px;
margin-left: 135px;
}

p.commtexte3 {
font-family: courier new;
font-size: 13px;
font-weight: bold;
text-indent: 10px;
margin-left: 20px;
margin-right: 20px;
}

p.hexazone2004 {
font-family: courier new;
font-size: 13px;
text-align: right;
margin-right: 20px
}

p.couplets {
font-family: courier new;
font-size: 12px;
text-indent: 0px;
margin-left: 40px;
}

p.refrains {
font-family: courier new;
font-size: 13px;
text-indent: 0px;
margin-left: 80px;
}

p.refrains2 {
font-family:  courier new;
font-size: 13px;
font-style: italic;
text-indent: 0px;
margin-left: 120px;
}

.refrains {
font-family: courier new;
font-size: 13px;
font-style: italic;
text-indent: 0px;
margin-left: 15px;
}


/* --- Visuels --- */

.res {
text-align: center;
font-weight: bold;
}

.jaquette {
border: 1px solid #bebebe;
margin-left: 190px;
}

.cd {
border: 1px solid #bebebe;
margin-left: 210px;
}

/* --- Forums --- */

#img_forums {
width: 400px;
height: 230px;
border: 1px solid #bebebe;
margin-left: 85px;
}

.ph_tn {
margin-left: 80px;
border: 1px solid #910505;
}

.ph_tn2 {
margin-left: 15px;
border: 1px solid #910505;
}


/* --- Liens --- */

p.liens {
font-family: courier new;
font-size: 14px;
text-indent: 0px;
margin-left: 60px;
margin-right: 20px;
}

.liens2 {
font-family: courier new;
font-size: 14px;
font-style: italic;
text-indent: 0px;
margin-left: 40px;
margin-right: 20px;
color: #000;
}

/* --- Presse --- */

.presse_tn {
float: left;
background-color: #e7e7e7;
border: 1px solid #910505;
margin-left: 42px;
margin-bottom: 20px;
text-align: center;
padding: 2px;
}

.img_tn {
border: 1px solid #bebebe;
}

.itv {
background-color: #e7e7e7;
border: 1px solid #bebebe;
margin-left: 20px;
margin-right: 20px;
}

.su {
font-family: courier new;
font-weight: bold;

}

.su_texte {
font-family: courier new;
margin-left: 10px;
}

.hexa_itv {
font-family: courier new;
color: #910505;
font-weight: bold;
}

.hexa_itv_texte {
font-family: cursive;
margin-left: 10px;
}

/* --- newsletter --- */

.attention2 {
border-top: 1px solid #910505;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid #910505;
width: 500px;
height: 100%;
margin-left: 30px;
}

/* --- kontakt --- */

#adresse {
margin-left: 100px;
text-indent: 0px;
letter-spacing:2px; //em

}

.sep3 {
width: 320px;
border-bottom: 1px solid #910505;
padding-left: 0px;
}

.ecrire {
float: right;
margin: 0px;
padding: 0px;
}



.texte {
width: 550px;
/*height: 100px;*/
border: 0px;
text-align: left;
font-size: 8px;
margin-left: 10px;
/*margin-right: 10px;*/
}



.concert {
/*width: 550px;*/
border: 0px;
text-align: left;
font-size: 13px;
/*margin-left: 2px;*/
padding : 0px;
/*margin-right: 10px;*/
}

div.mails {
/*width: 320px;*/
/*height: 100px;*/
border: 0px;
text-align: left;
font-size: 13px;
margin-left: 100px;
}