@charset "iso-8859-2";
.footer_box a {
color: #000000;
}

body {
	margin: 0px;
	background-image: url(../img/backhaut.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
		scrollbar-face-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #94A9CA;
    scrollbar-arrow-color: #FFCC00;
}
.footer_box {
	height: 30px;
	width: 350px;
	float: right;
	text-align: right;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.footer {
}


a {
	text-decoration: none;
	color: #FFFFFF;
}



.container {
	margin-left:auto;
	margin-right:auto;
	width: 870px;
	margin-top: 250px;

}



.board {
	height: 760px;
	width: 870px;

}
.board_gauche {
	height: 760px;
	width: 435px;
	float: left;

}
.board_gauche_photo {
	background-image: url(../img/photo1.jpg);
	background-repeat: no-repeat;
	height: 75px;
	background-position: 1px;
	padding-left: 80px;
	padding-top: 5px;
}
.board_gauche_edito{
	background-image: url(../img/edito.jpg);
	height: 237px;
	width: 417px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
}


.board_gauche_edito_top{
	height: 27px;
	width: 412px;
	padding-top: 10px;
	padding-left: 5px;

}
.board_gauche_edito_txt{
	height: 190px;
	width: 407px;
	padding: 5px;

}



.board_gauche_album {
	margin-top: 10px;
	padding-left: 120px;
	font-size: 10px;
}
.board_gauche_stream {
	height: 289px;
	width: 352px;
	margin-top: 10px;
	margin-left: 55px;
}

.board_gauche_player1 {
}






.board_droite {
	height: 760px;
	width: 435px;
	float: left;

}
.boxplan {
	width: 840px;
	height: 170px;
	background-image: url(../img/boxplan.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 30px;
	padding-left: 30px;

}

.boxplan_box_container {
	height: 151px;
	width: 155px;
	float: left;
	margin-right: 25px;
}
.boxplan_box_down {
	width: 145px;
	background-color: #dfdfdf;
	height: 125px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #bfbfbf;
	font-size: 9px;
	text-align: justify;
	padding: 5px;
}
.board_droite_menu {
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	height: 240px;
	width: 410px;
	margin-top: 10px;
	margin-left: 20px;
	padding: 0px;
	background-position: left;
}
.board_droite_album {
	clear: both;
	background-image: url(../img/boxphotos.jpg);
	background-repeat: no-repeat;
	height: 144px;
	width: 410px;
	margin-left: 20px;
	margin-top: 10px;
	color: #FFFFFF;
	font-size: 10px;
}
.board_droite_player {
	height: 40px;
	width: 321px;
	margin-left: 110px;
	padding-top: 20px;
}


.boxplan_box_top {
	width: 145px;
	background-color: #950000;
	height: 13px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
	}


.boxplan_box_container2 {
	height: 151px;
	width: 478px;
	float: left;
}
.board_droite_album_photo {
	float: left;
	height: 57px;
	width: 68px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.boxplan_box_down2 {
	width: 450px;
	background-color: #dfdfdf;
	height: 125px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #bfbfbf;
	font-size: 9px;
	text-align: justify;
	padding: 5px;
}

.spacecontain{
	padding: 5px;

}
.board_droite_news_news{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
	padding-bottom: 2px;

}
.board_droite_feeds_rss {
	background-image: url(../img/rss.jpg);
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	display: block;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 40px;
	float: left;
	margin-right: 5px;
}
.board_droite_feeds_podcast {
	background-image: url(../img/podcast.jpg);
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	display: block;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 51px;
	float: left;
	margin-right: 5px;
}
.board_droite_feeds_facebook {
	background-image: url(../img/facebook.jpg);
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	display: block;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 60px;
	float: left;
	margin-right: 5px;
}
.board_gauche_album {
	background-image: url(../img/cd.jpg);
	background-repeat: no-repeat;
	margin-left: 9px;
	height: 100px;
}
.list10 {
	list-style-image: url(../img/myspace.jpg);
	list-style-type: none;

}
.list10 a {
	color: #000000;
}

.board_droite_feeds_myspace {
	background-image: url(../img/myspace.jpg);
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	display: block;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 55px;
	float: left;
	margin-right: 5px;
}
.board_droite_feeds_flickr {
	background-image: url(../img/flicker.jpg);
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	display: block;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 55px;
	float: left;
	margin-right: 5px;
	background-position: 1px;
}
.board_droite_album_newsletter_submit {
	color: #FFFFFF;
	background-color: #950000;
	border: 1px solid #53524b;
	height: 29px;
	margin-left: 5px;
	width: 93px;
}
.board_droite_feeds {
	height: 30px;
	width: 410px;
	margin-left: 20px;
	margin-top: 10px;
}

.board_droite_news {
	background-image: url(../img/boxdate.jpg);
	height: 115px;
	width: 400px;
	margin-left: 20px;
	margin-top: 10px;
	background-repeat: no-repeat;
	padding-top: 36px;
	color: #FFFFFF;
	font-size: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.board_droite_album_newsletter_input {
	height: 20px;
	width: 230px;
	border: 1px solid #74736e;
	color: #666666;
	padding-top: 6px;
	padding-left: 5px;
}
.board_droite_album_newsletter {
	background-image: url(../img/boxnewsletter.jpg);
	height: 66px;
	width: 401px;
	margin-left: 20px;
	margin-top: 10px;
	padding: 5px;
	font-size: 10px;
}




.txt1 {
	font-weight: bold;
	font-size: 11px;
}
.txt1 a {
color:#000000;
}
.txt2 {
	font-size: 12px;
	font-weight: bold;
}
.txt3 {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.txt4 {
	color: #960001;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
}
.board_gauche_edito_adm {
	background-image: url(../img/edito.jpg);
	height: 120px;
	width: 417px;
	background-repeat: no-repeat;
	background-position: center top;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
}
.lien2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
.txt5 {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}


/*
*
* Il te reste les tailles a gérer par bloc selon tes images. 
* juste le width le height etant défini plus haut dans l'arborescence xhtml.
*
* PERSEVERE 
*
*/


#navigation {
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
}

#navigation li {
	display: inline ;
	}
	
#navigation span {
	visibility:hidden;
}

#navigation li a {   /* Ici on redéfinit pour tout les liens du menu */
	float:left;
	display: block ;
	line-height: 35px;
	text-decoration: none;
}

#navigation li.news a{
	width: 48px;
	background: url(../img/news-guest-01.gif) left top no-repeat ;
	}
		
#navigation li.news a:hover{
	background: url(../img/news-guest-01.gif) right top no-repeat ;
}

#navigation li.shows a{
	width: 60px;
	background: url(../img/shows_guest_02.gif) left top no-repeat ;
	}
		
#navigation li.shows a:hover{
	background: url(../img/shows_guest_02.gif) right top no-repeat ;
}

#navigation li.guest a{
	width: 57px;
	background: url(../img/guest_guest_03.gif) left top no-repeat ;
	}
		
#navigation li.guest a:hover{
	background: url(../img/guest_guest_03.gif) right top no-repeat ;
}

#navigation li.album a{
	width: 57px;
	background: url(../img/album_guest_04.gif) left top no-repeat ;
	}
		
#navigation li.album a:hover{
	background: url(../img/album_guest_04.gif) right top no-repeat ;
}

#navigation li.contact a{
	width: 70px;
	background: url(../img/contact_guest_05.gif) left top no-repeat ;
	}
		
#navigation li.contact a:hover{
	background: url(../img/contact_guest_05.gif) right top no-repeat ;
}


#navigation li.boite-message a{
	width: 118px;
	background: url(../img/boite-message_guest_06.gif) left top no-repeat ;
	}
		
#navigation li.boite-message a:hover{
	background: url(../img/boite-message_guest_06.gif) right top no-repeat ;
}
.basbasbas {
	background-image: url(../img/backbas.gif);
	height: 220px;
	clear: both;
}
.boxplan_box_down2_bloc1 {
	float: left;
	margin-right: 5px;
}