body{
	background-color: #478789;
	background-image: url(images/fondpage.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

/******************************/
/*                            */
/*         INTERFACE          */
/*                            */
/******************************/

div.spacer{
	clear: both;
}

div#global{
	width: 952px;
}

div#gauche{
	width: 278px;
	float: left;
}

div#gauche div#musicsites{
	text-align: right;
	padding-right: 10px;
}

div#droite{
	width: 674px;
	float: right;
	color: #f3f3e1;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif
}

div#contenu{
	background-image: url(images/fondcontenu.gif);
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
}

div#cotepola{
	background-image: url(images/pola-cote.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	width: 13px;
	height: 205px;
	position: absolute;
	z-index: 10;
	top: 308px;
	left: 278px;
}

div#texte{
	padding-left: 26px;
	padding-right: 26px;
}

/******************************/
/*                            */
/*            HEAD            */
/*                            */
/******************************/

div#head{
}

div#head div#head1{
	height: 133px;
	background-image: url(images/head_01.gif);
	background-repeat: no-repeat;
}

div#head div#head2{
	height: 45px;
	background-image: url(images/head_02.gif);
	background-repeat: no-repeat;
	padding-left: 304px;
}

div#head div#head3{
	height: 45px;
	background-image: url(images/head_03.gif);
	background-repeat: no-repeat;
}

/******************************/
/*                            */
/*            MENU            */
/*                            */
/******************************/

div#head div#head2 a:link, div#head div#head2 a:visited, div#head div#head2 a:hover{
	height: 45px;
	background-repeat: no-repeat;
	display: block;
	float: left;
}

div#head div#head2 a:link span, div#head div#head2 a:visited span, div#head div#head2 a:hover span{
	visibility: hidden;
}

div#head div#head2 a.menu1:link, div#head div#head2 a.menu1:visited, div#head div#head2 a.menu1:hover{
	background-image: url(images/menu_01.gif);
	width: 73px;
}

div#head div#head2 a.menu1:hover{
	background-image: url(images/menuover_01.gif);
}

div#head div#head2 a.menu2:link, div#head div#head2 a.menu2:visited, div#head div#head2 a.menu2:hover{
	background-image: url(images/menu_02.gif);
	width: 92px;
}

div#head div#head2 a.menu2:hover{
	background-image: url(images/menuover_02.gif);
}

div#head div#head2 a.menu3:link, div#head div#head2 a.menu3:visited, div#head div#head2 a.menu3:hover{
	background-image: url(images/menu_03.gif);
	width: 108px;
}

div#head div#head2 a.menu3:hover{
	background-image: url(images/menuover_03.gif);
}

div#head div#head2 a.menu4:link, div#head div#head2 a.menu4:visited, div#head div#head2 a.menu4:hover{
	background-image: url(images/menu_04.gif);
	width: 68px;
}

div#head div#head2 a.menu4:hover{
	background-image: url(images/menuover_04.gif);
}

div#head div#head2 a.menu5:link, div#head div#head2 a.menu5:visited, div#head div#head2 a.menu5:hover{
	background-image: url(images/menu_05.gif);
	width: 63px;
}

div#head div#head2 a.menu5:hover{
	background-image: url(images/menuover_05.gif);
}

div#head div#head2 a.menu6:link, div#head div#head2 a.menu6:visited, div#head div#head2 a.menu6:hover{
	background-image: url(images/menu_06.gif);
	width: 65px;
}

div#head div#head2 a.menu6:hover{
	background-image: url(images/menuover_06.gif);
}

div#head div#head2 a.menu7:link, div#head div#head2 a.menu7:visited, div#head div#head2 a.menu7:hover{
	background-image: url(images/menu_07.gif);
	width: 77px;
}

div#head div#head2 a.menu7:hover{
	background-image: url(images/menuover_07.gif);
}

div#head div#head2 a.menu8:link, div#head div#head2 a.menu8:visited, div#head div#head2 a.menu8:hover{
	background-image: url(images/menu_08.gif);
	width: 102px;
}

div#head div#head2 a.menu8:hover{
	background-image: url(images/menuover_08.gif);
}

/******************************/
/*                            */
/*           TITRES           */
/*                            */
/******************************/

h1{
	visibility: hidden;
	padding: 0px;
	margin: 0px;
}

h2{
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	height: 85px;
	width: 444px;
}

h2 span{
	visibility: hidden;
}

h2.accueil{
	background-image: url(images/titre-accueil.gif);
}

h2.videos{
	background-image: url(images/titre-videos.gif);
}

h2.photos{
	background-image: url(images/titre-photos.gif);
}

h2.contact{
	background-image: url(images/titre-contact.gif);
}

h2.biographie{
	background-image: url(images/titre-biographie.gif);
}

h2.discographie{
	background-image: url(images/titre-discographie.gif);
}

h2.presse{
	background-image: url(images/titre-presse.gif);
}

h2.fanclub{
	background-image: url(images/titre-fanclub.gif);
}

h3{
	font-size: 18px;
	font-weight: bold;
	color: #f39400;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-image: url(images/fond-titre-actu.gif);
	background-repeat: no-repeat;
	padding: 5px;
	padding-left: 0px;
}

h4{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f39400;
}

/******************************/
/*                            */
/*       MISE EN FORME        */
/*                            */
/******************************/

div#texte ul li{
	list-style-image: url(images/puce1.gif);
}

div#texte strong{
	color: #ffdda2
}

div#texte table tr td{
	padding: 2px;
	color: #f3f3e1;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif
}

div#texte a:link, div#texte a:visited, div#texte a:hover{
	color: #99cccc;
	text-decoration: underline;
	font-weight: normal;
}

div#texte a:hover{
	color: #caebeb;
}

/******************************/
/*                            */
/*           ACTUS            */
/*                            */
/******************************/

div#texte div.traithr{
	height: 5px;
	background-image: url(images/trait-hr.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	clear: both;
}

div#texte div.actu0, div#texte div.actu1{
	background-image: url(images/fond-titre-actu.gif);
	background-repeat: no-repeat;
	float: left;
	width: 301px;
	margin-bottom: 10px;
}

div#texte div.actu0{
	margin-right: 20px;
}

div#texte div.actu0 a:link, div#texte div.actu0 a:visited, div#texte div.actu0 a:hover, div#texte div.actu1 a:link, div#texte div.actu1 a:visited, div#texte div.actu1 a:hover{
	color: #99cccc;
	text-decoration: underline;
	font-weight: normal;
}

div#texte div.actu0 a:hover, div#texte div.actu1 a:hover{
	color: #caebeb;
}

div#texte div.actu0 div.titre, div#texte div.actu1 div.titre{
	background-image: url(images/ico-news.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	color: #f8b356;
	font-size: 20px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-left: 39px;
	padding-bottom: 2px;
	margin-bottom: 5px;
}

div#texte div.actu0 div.titre span, div#texte div.actu1 div.titre span{
	color: #ff9900;
	font-size: 11px;
}

/******************************/
/*                            */
/*          VIDEOS            */
/*                            */
/******************************/

div#texte div.video{
	background-image: url(images/fond-titre-actu.gif);
	background-repeat: no-repeat;
	margin-bottom: 30px;
}

div#texte div.video div.titre{
	background-repeat: no-repeat;
	background-position: 5px 8px;
	color: #f8b356;
	font-size: 20px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-bottom: 2px;
	margin-bottom: 15px;
}

div#texte div.video div.titre span{
	color: #ff9900;
	font-size: 11px;
}

/******************************/
/*                            */
/*       DISCOGRAPHIE         */
/*                            */
/******************************/

div#texte div.titredisco{
	background-image: url(images/fond-titre-actu.gif);
	background-repeat: no-repeat;
	color: #f8b356;
	font-size: 20px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-bottom: 2px;
	margin-bottom: 7px;
}

div#texte div.titredisco span{
	color: #ff9900;
	font-size: 11px;
}

div#texte table.disco td{
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #2a4f51;
}

div#texte table.disco img.imgdisco{
	margin-right: 10px;
}

div#texte table.disco a:link img.imgdisco, div#texte table.disco a:visited img.imgdisco, div#texte table.disco a:hover img.imgdisco{
	border: 3px solid #2a4f51;
}

div#texte table.disco a:hover img.imgdisco{
	border: 3px solid #f39400;
}

/******************************/
/*                            */
/*          PHOTOS            */
/*                            */
/******************************/

div#photo{
}

div#photo img{
	margin-right: 7px;
	margin-bottom: 7px;
}

div#galerie div.photo a:link, div#galerie div.photo a:visited, div#galerie div.photo a:hover{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #f8b356;
}

div#galerie div.photo a:hover{
	text-decoration: underline;
}

div#photo a:link img, div#photo a:visited img, div#photo a:hover img, div#galerie div.photo a:link img, div#galerie div.photo a:visited img, div#galerie div.photo a:hover img{
	border: 3px solid #2a4f51;
}

div#photo a:hover img, div#galerie div.photo a:hover img{
	border: 3px solid #f39400;
}

div#galerie{
}

div#galerie div.photo{
	float: left;
	text-align: left;
	color: #ff9900;
	font-size: 11px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 190px;
	height: 165px;
}

/******************************/
/*                            */
/*          CONTACT           */
/*                            */
/******************************/

table.formulaire{
}

table.formulaire tr td{
	color: #f3f3e1;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

table.formulaire tr td.formulaire_libelle{
	width: 300px;
	text-align: left;
}

table.formulaire tr td.lignefanclub{
	text-align: left;
	border-bottom: 1px dotted #f39400;
	padding: 3px;
}

table.formulaire tr td.formulaire_champs{
	width: 300px;
	text-align: right;
}

table.formulaire tr td.formulaire_champs, table.formulaire tr td.formulaire_libelle{
	border-bottom: 1px dotted #f39400;
	padding: 3px;
}

table.formulaire tr td.formulaire_champs input.input1{
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 300px;
	border: 1px solid #f39400;
	color: #f3f3e1;
	background-color: #284c4d;
}

table.formulaire tr td textarea{
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 600px;
	border: 1px solid #f39400;
	color: #f3f3e1;
	background-color: #284c4d;
}

table.formulaire tr td h3{
	background-color: #f39400;
	color: #000;
	margin: 0px;
	padding: 3px;
	background-image: none;
}

span.etoile{
	color: #f39400;
}

/**********************************/
/*                                */
/*           MULTIPAGE            */
/*                                */
/**********************************/

div#multipage{
	text-align: left;
	font-size: 11px;
	margin-top: 8px;
}

div#multipage a:link, div#multipage a:visited, div#multipage a:hover{
	border: 1px solid #f39400;
	color: #f3f3e1;
	background-color: #284c4d;
	font-size: 11px;
	padding: 3px;
	text-decoration: none;
	margin: 1px;
	font-weight: bold;
}

div#multipage a:hover{
	background-color: #f39400;
	color: #000;
}

div#multipage span{
	background-color: #000;
	border: 1px solid #478789;
	font-size: 11px;
	padding: 3px;
	text-decoration: none;
	margin: 1px;
	color: #478789;
}

/******************************/
/*                            */
/*            FOOT            */
/*                            */
/******************************/

div#foot{
	padding: 0px;
	margin: 0px;
	background-image: url(images/foot.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 79px;
	width: 952px;
	margin-bottom: 20px;
}

div#foot div#infoweb{
	float: right;
	margin-right: 18px;
	margin-top: 15px;
}

/******************************/
/*                            */
/*      GALERIE FAN CLUB      */
/*                            */
/******************************/

ul#gallery{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul#gallery li{
	display: inline;
}

ul#gallery img{
	border: 5px solid #478789;
	border-width: 5px 5px 20px;
}

ul#gallery a:hover img{
	border: 5px solid #f39400;
	border-width: 5px 5px 20px;
	color: #f39400;
}

ul#gallery a:hover{
	color: #f39400;
}