/*

Je propose qu'on regroupe ici tout ce qui est positionnement de l'interface,
structure du site (pas la mise en forme du contenu). Logiquement on devrait pas
trouver de balises font-* text-* ici.

*/

img { behavior: url(http://www.theatredubruit.com/zone_test/style/iepngfix.htc); margin:0; border:0;}

body {
	margin: 0;
	padding: 0;
	margin-left: -40px;
	behavior:url("csshover.htc");
}

/* Bloc de tete */
#header {
	width : 940px;
	height : 280px;
	margin: 0 auto;
	padding : 0;
	z-index : 1;
	text-align : left;
	overflow : hidden;
}
#header img {
	margin: 0;
	padding: 0;
	display:block;
}

#milieu {
	margin: 0 auto;
	padding : 0;
	width : 940px;
	z-index : 0;
	text-align : left;
}

#logo {
	z-index: 3;	
	position : relative;
	top : 0px;
	left : 14px;
}

#decoG {
	z-index: 0;	
	position : relative;
	top : 0px;
	left : 14px;
}

#photoOver {
	z-index: 4;
	position : relative;
	top : 0;
	left : 0;
}
#photodroite {
	position : relative;
	z-index:0;
	left : 608px;
	top : -506px;
}
#photo {
	height : 255px;
	width : 462px;
	position : relative;
	z-index : 2;
	left: 170px;
	top : -280px;
}
	
#photo img {
	float : left;
}
	
#navigBande {
	height : 35px;
	width : 610px;
	margin : 0 auto;	
	position : relative;
	z-index : 4;
	left: 5px;
	top : -545px;
	overflow : hidden;
}
#navigBande img {
	float : left;
	list-style-type : none;
	margin : 0;
	position : relative;
}

#gus {
	z-index: 4;
	position : relative;
	top : -10px;
	left : -550px;
}
#navig {
	border : 0;
	z-index: 7;
	position : relative;
	top : -58px;
	left : 70px;
}

/*Ici les ID des onglets de styles */
#lnsgenre img {
	float: left;
	margin-left: 4px;
	
}
#lnsgenre {
	z-index: 3;
	position : relative;
	top : -600px;
	left: 127px;
}
#ska {
	z-index: 3;position : relative;
	left : 48px;
	top : 0px;
}
#ska:hover {z-index:4;top : -5px;}
#reggae {
	z-index: 2;position : relative;
	left : 41px;
	top : 1px;
}
#reggae:hover {z-index:4;top : -4px;}
#dub {
	z-index: 3;position : relative;
	left : 34px;
	top : 2px;
}
#dub:hover {z-index:4;top : -3px;}
#chanson {
	z-index: 2;position : relative;
	left : 28px;
	top : 6px;
}
#chanson:hover {z-index:4;top : 1px;}
#hiphop {
	z-index: 1;position : relative;
	left : 20px;
	top : 5px;
}
#hiphop:hover {z-index:4;top : 2px;}
#electro {
	z-index: 2;position : relative;
	left : 13px;
	top : 8px;
}
#electro:hover {z-index:4;top : 4px;}
#rock {
	z-index: 1;position : relative;
	left : 6px;
	top : 12px;
}
#rock:hover {z-index:4;top : 7px;}
#metal {
	z-index: 0;position : relative;
	left : -1px;
	top : 10px;
}
#metal:hover {z-index:4;top : 5px;}
/* ------- */

/* Fiches */
.fi_contenu { /*pour eviter les debordements de texte*/
	margin: 2px 3px 0px;
	height: 135px;
	overflow : hidden;
	clear:both;
}

#fi_artiste {
	background-image : url(http://www.theatredubruit.com/img/ficheArt.png);
	width : 107px;
	height : 136px;
	padding : 17px 9px 5px 4px;
	position : relative;
	top : -910px;
	left : 650px;
	z-index : 3;
	clear:both;
}
#fi_artiste:hover { z-index:9;}
#fi_festival {
	background-image : url(http://www.theatredubruit.com/img/ficheFest.png);
	width : 107px;
	height : 136px;
	padding : 17px 9px 5px 4px;
	position : relative;
	top : -787px;
	left : 612px;
	z-index : 1;
	clear:both;
}
#fi_festival:hover { z-index:9;}
#fi_album {
	background-image : url(http://www.theatredubruit.com/img/ficheAlb.png);
	width : 107px;
	height : 136px;
	padding : 17px 9px 5px 4px;
	position : relative;
	top : -1087px;
	left : 742px;
	z-index : 2;
	clear:both;
}
#fi_album:hover { z-index:9;}
#fi_album img {
	display: inline;
}

/*  Menu  */
#monstaya {
	position : relative;
	z-index : 1;
	top : -226px;
	left : -393px;
}
#explorer {
	position : relative;
	top : -3px;
}
#genre {
	position : relative;
	top : -7px;
}
#label {
	position : relative;
	top : -11px;
}
#artiste {
	position : relative;
	top : -15px;
}
#festival {
	position : relative;
	top : -19px;
}
#concert {
	position : relative;
	top : -23px;
}
#menu_deco {
	position : relative;
	top : -27px;
}
/* Fin : Bloc de tete */

/*  Menu  */
#menu {
	width : 156px;
	text-align : right;
	margin : 0;	padding : 0;
	position : relative;
	left : 14px;
	float : left;
	z-index : 1;
}
#menu * {
	float : left;
	clear: left;
	margin : 0;
	padding : 0;
}

#form_rec {
	margin : 0;
	width: 156px;
	height: 51px;
	text-align : right;
	background-image : url(http://www.theatredubruit.com/img/gauche_12_recherche_holder.jpg);
	background-repeat : no-repeat;
}
#input_recherche {
	height : 32px;
	width : 156px;
}
/* Fin : Menu  */

.contenu {
	background-image : url(http://www.theatredubruit.com/img/ctn_fond.jpg);
	background-repeat : repeat-y;
	background-position : top left;
	/*background-color : #FFFFFF;*/
	width : 596px;
	position : relative;
	left : 14px;
	float : left;
}
#contenu2 {
	/* Modifier le padding ici pour changer la largeur des marges du contenu  !!! left+9=right !!!*/
	padding-left : 15px;
	padding-right : 24px; 
}

#pied {
	margin : 0 auto;
	padding : 0;
	width : 605px;
	background-color : #15181B;
	position : relative;
	left : -6px;
	float : left;
}
#pied2 {
	background-image : url(http://www.theatredubruit.com/img/footer.jpg);
	background-repeat : no-repeat;
	background-position : top left;
	height : 80px;
	width : 605px;
	margin : 0 auto;
	/* Modifier le padding ici pour changer la largeur des marges du contenu  !!! left+9=right !!!*/
	padding-top: 10px;
}

#pied3 {
	padding-left : 20px;
	padding-right : 69px;
}

/* Forum */
#forum {
	background-repeat : no-repeat;
	background-position : bottom left;
	padding-bottom : 77px;	
	width :	174px;
	position : relative;
	top:-70px;
	left : 2px;
	float : left;
	z-index : 7;
}

#forum ul {
	margin: 0;
	padding:0;
}

#forum li {
	border-top: dashed 1px #644896;
	margin : 0;
	padding : 0;
	margin-top: 5px;
	padding-top: 5px;
	list-style-type: none;
}

/* Fin : Forum */
/* ----------- */


#playliste {
	text-align : right;
}
#playliste a {
	color : gray;
}