/*
Design jojodu0010

date de la dernière modification:SAMEDI 7 novembre
par:jojodu0010

*/


/* --------------------------------------------------------------------------------------- */
/* ----------------------- informations sur le corps de la page -------------------------- */
/* --------------------------------------------------------------------------------------- */

	html, body
	{
		color:#ffffff;
		margin: 0;
		padding: 0;
		height : 100%;
		text-align: center;
	}

/* --------------------------------------------------------------------------------------- */
/* --------------------- informations sur les tableaux de la pages ----------------------- */
/* --------------------------------------------------------------------------------------- */

	table, td
	{
		margin: 0;
	}
	
/* --------------------------------------------------------------------------------------- */
/* -------------- Parties du menu (bouton) servant aux albums de l'artiste --------------- */
/* --------------------------------------------------------------------------------------- */

	.album_menu
	{
		display:block;
		text-align:center;
		background-image:url(images/design/btn_off_album.jpg);
		width:195px;
		height:65px;
	}

/* --------------------------------------------------------------------------------------- */
/* --------------------- Permet la surbrillance du bouton d'album ------------------------ */
/* --------------------------------------------------------------------------------------- */

	a.album_menu:hover
	{
		background-image:url(images/design/btn_on_album.jpg);
	}
					
/* --------------------------------------------------------------------------------------- */
/* --------------- Parties du menu (bouton) servant aux dossiers presses ----------------- */
/* --------------------------------------------------------------------------------------- */

	.dossier_presse_menu
	{
		display:block;
		text-align:center;
		background-image:url(images/design/btn_off_dossierpresse.jpg);
		width:195px;
		height:70px;
	}

/* --------------------------------------------------------------------------------------- */
/* ----------------- Permet la surbrillance du bouton dossier presse --------------------- */
/* --------------------------------------------------------------------------------------- */

	a.dossier_presse_menu:hover
	{
		background-image:url(images/design/btn_on_dossierpresse.jpg);
	}
					
/* --------------------------------------------------------------------------------------- */
/* --------------------- Parties du menu (bouton) servant aux clips ---------------------- */
/* --------------------------------------------------------------------------------------- */

	.clips_menu
	{
		display:block;
		text-align:center;
		background-image:url(images/design/btn_off_clips.jpg);
		width:195px;
		height:88px;
	}

/* --------------------------------------------------------------------------------------- */
/* ---------------------- Permet la surbrillance du bouton clips ------------------------- */
/* --------------------------------------------------------------------------------------- */

	a.clips_menu:hover
	{
		background-image:url(images/design/btn_on_clips.jpg);
	}
					
/* --------------------------------------------------------------------------------------- */
/* ---------------- Parties du menu (bouton) servant aux video de concert ---------------- */
/* --------------------------------------------------------------------------------------- */

	.videoconcert_menu
	{
		display:block;
		text-align:center;
		background-image:url(images/design/btn_off_videoconcert.jpg);
		width:195px;
		height:85px;
	}

/* --------------------------------------------------------------------------------------- */
/* ------------------ Permet la surbrillance du bouton video de concert ------------------ */
/* --------------------------------------------------------------------------------------- */

	a.videoconcert_menu:hover
	{
		background-image:url(images/design/btn_on_videoconcert.jpg);
	}

/* --------------------------------------------------------------------------------------- */
/* ---------------- Parties du menu (bouton) servant aux dates de concert ---------------- */
/* --------------------------------------------------------------------------------------- */

	.dates_menu
	{
		display:block;
		text-align:center;
		background-image:url(images/design/btn_off_dates.jpg);
		width:238px;
		height:65px;
	}

/* --------------------------------------------------------------------------------------- */
/* ------------------ Permet la surbrillance du bouton dates de concert ------------------ */
/* --------------------------------------------------------------------------------------- */

	a.dates_menu:hover
	{
		background-image:url(images/design/btn_on_dates.jpg);
	}

/* --------------------------------------------------------------------------------------- */
/* ---------------- Parties du menu (bouton) servant aux photos de concert --------------- */
/* --------------------------------------------------------------------------------------- */

	.photo_menu
	{
		display:block;
		text-align:center;
		background-image:url(images/design/btn_off_photo.jpg);
		width:238px;
		height:70px;
	}

/* --------------------------------------------------------------------------------------- */
/* ------------------ Permet la surbrillance du bouton photo de concert ------------------ */
/* --------------------------------------------------------------------------------------- */

	a.photo_menu:hover
	{
		background-image:url(images/design/btn_on_photo.jpg);
	}

/* --------------------------------------------------------------------------------------- */
/* ---------------- Parties du menu (bouton) servant aux chanson en ligne ---------------- */
/* --------------------------------------------------------------------------------------- */

	.chansonsenligne_menu
	{
		display:block;
		text-align:center;
		background-image:url(images/design/btn_off_chansonsenligne.jpg);
		width:238px;
		height:88px;
	}

/* --------------------------------------------------------------------------------------- */
/* ------------------ Permet la surbrillance du bouton chanson en ligne ------------------ */
/* --------------------------------------------------------------------------------------- */

	a.chansonsenligne_menu:hover
	{
		background-image:url(images/design/btn_on_chansonsenligne.jpg);
	}

/* --------------------------------------------------------------------------------------- */
/* ---------------- Parties du menu (bouton) servant aux contacts du site ---------------- */
/* --------------------------------------------------------------------------------------- */

	.contacts_menu
	{
		display:block;
		text-align:center;
		background-image:url(images/design/btn_off_contacts.jpg);
		width:238px;
		height:85px;
	}

/* --------------------------------------------------------------------------------------- */
/* ------------------ Permet la surbrillance du bouton contacts du site ------------------ */
/* --------------------------------------------------------------------------------------- */

	a.contacts_menu:hover
	{
		background-image:url(images/design/btn_on_contacts.jpg);
	}

/* --------------------------------------------------------------------------------------- */
/* ---------- Parties du menu (bouton) servant a retourner a la page précédente ---------- */
/* --------------------------------------------------------------------------------------- */

	.retour_menu
	{
		display:block;
		text-align:center;
		background-image:url(images/pages/bouton_retour_off.jpg);
		width:158px;
		height:39px;
	}

/* --------------------------------------------------------------------------------------- */
/* ------------------- Permet la surbrillance du bouton retour du site ------------------- */
/* --------------------------------------------------------------------------------------- */

	a.retour_menu:hover
	{
		background-image:url(images/pages/bouton_retour_on.jpg);
	}

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

	/* BEGIN DEMO STYLE */
	*{margin:0;padding:0}
	a{color:#000000;text-decoration:none;outline:none;}
	a:hover{color:#ffffff;}
	.demo{position:relative;margin-top:2em;}
	.gallery_demo{width:200px;float:left;}
	.gallery_demo li{width:55px;height:70px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
	.gallery_demo li.hover{border-color:#bbb;}
	.gallery_demo li.active{border-style:solid;border-color:#222;}
	.gallery_demo li div{left:240px}

	
	.galleria_container{margin:0px;height:320px;width:450px;}
	
	.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
	.info p{margin-top:1.6em;}

/* --------------------------------------------------------------------------------------- */
/* ------------------ Parties du menu (bouton) servant voir les albums  ------------------ */
/* --------------------------------------------------------------------------------------- */

	.affichage_albums
	{
		display:block;
		text-align:center;
		width:675px;
		height:180px;
		border:2px solid blackwhite;
	}

/* --------------------------------------------------------------------------------------- */
/* ------------------------ Permet la surbrillance du bouton album ----------------------- */
/* --------------------------------------------------------------------------------------- */

	a.affichage_albums:hover
	{
		border:2px solid white;
	}