@charset "UTF-8";
/* CSS Document */

/******************************/
/*  HTML, BODY                */
/******************************/

	/* Force le scroll vertical à être présent */
	html { 
		overflow-y: scroll; 
		overflow: -moz-scrollbars-vertical;
	}
	
	
	/* Mise à 0 pour tous les navigateurs */
	html, body { 
		padding: 0px;
		margin: 0px;
		height: 100%; /* Utile pour les sites qui doivent avoir un footer tjs en bas de page */
	}
	
	/* Couleur de fond et centrage du site */
	body { 
		background: #EFE5E3 url(design/structure/header_background.jpg) repeat-x top;
		text-align: center;
		}
		
	/* Formatage du caractère par défaut */	
	body, table { 
		font-size: 13px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		color: #000000;
		}
		
		
/******************************/
/*  STRUCTURE                 */
/******************************/
		
	/* position de l'entier du site */	
	#Global { 
		position: relative;
		margin: 0 auto; /* centre #global sur la page */
		width: 950px;
		text-align: left; /* Annule l'alignemnt défini dans body qui centre #global */
		}
		
	#Header {
		height: 164px;
		width: 950px;
	}
	
	#Contenu {
		background: #FFFFFF;
		border: #e5c8c1 2px solid;
		width: 100%;
		margin-bottom: 10px;
	}
	
	#Footer {
		width: 100%;
		margin-bottom: 10px;
	}
	
	#User {
		width: 920px;
		margin-bottom: 30px;
		margin-left: 15px;
		margin-top: 12px;
		text-transform: uppercase;
		color: #9C0000;
		font-weight: bold;
	}
	
	#User a, #User a:visited, #User a:active {
		color: #9C0000;
		text-decoration: none;
	}
	
	#User a:hover, #User a:focus {
		color: #E5BCBC;
		text-decoration: none;
	}
	
	
	/* Menu */	
	#Menu {
		float: left;
		width: 170px;
		margin-left: 15px;
		margin-right: 30px;
		padding: 0px;
		_margin-left: 7px;
	}
	
	#Menu a, #Menu a:visited, #Menu a:active {
		color: #000000;
		text-decoration: none;
	}
	
	#Menu a:hover, #Menu a:focus {
		color: #E5BCBC;
		text-decoration: none;
	}
	
	/* Fin du Menu */	
	
	#Main {
		float: left;
		width: 715px;
		margin-left: 15px;
		_margin-left: 7px;
	}
	
	#Pub {
		text-align: right;
		padding-bottom: 15px;
		padding-right: 15px;
		margin-top: 15px;
	}
	
	/* Zone USER */
	
	#ChoixLang {
		width: 200px;
		float: left;
		margin-right: 15px;
	}
	
	#Login {
		width: 440px;
		float: left;
	}
	
	#formlogin p {
		margin: 0px;
	}
	
	#User p#LoginNoir {
		margin: 0;
		padding: 0;
		margin-top: 3px;
		font-size: 10px;
		text-align: right;
	}
	
	#User p#LoginNoir, #User p#LoginNoir a, #User p#LoginNoir a:visited, #User p#LoginNoir a:active {
		color: #000000;
		text-decoration: none;
	}
	
	#User p#LoginNoir a:hover, #User p#LoginNoir a:focus {
		color: #E5BCBC;
		text-decoration: none;
	}	
	
	#Search {
		width: 250px;
		float: right;
		text-align: right;
	}	
	
	/* ZoneMenu */
	
	.MenuContenu {
		margin-bottom: 15px;
	}
	
	.MenuArtiste {
		padding: 5px;
		background: #E5BCBC;
	}
	
	.MenuContenu h3 {
		color: #9C0000;
		text-transform: uppercase;
		font-size: 15px;
	}
	
	.MenuContenu p {
		text-transform: uppercase;
		margin: 0;
	}	
	
	
	/******************************/
	/*  HOME                      */
	/******************************/
	
	#Conteneur {
		float: left;
		width: 715px;	
	}		
	
	/*INDEX NEWS SZ*/
	
	.ConteneurModule {
		float:left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.ConteneurModule h2 {
		margin: 0;
	}	
	
	.L2 {
		width: 345px;
	}
	
	.L4 {
		width: 701px;
	}
		
	.ModuleContenu {
		padding: 5px;
		border: #E5C8C1 2px solid;
		border-top: none;
	}	

	
	/* INDEX CLASSEMENT*/
	
	#ConteneurClassement {
		float:left;
		width:345px;
		border: #9c0000 1px solid;
	}
	
	#ClassementIndexTitre {
		float: left;
		width: 345px;
		height:25px;
		background-color:#E5BCBC;
		border-bottom: #9c0000 1px solid;
		text-transform: uppercase;
		color: #9C0000;
		font-weight: bold;
		text-align:center;
		
	}
	
	#ClassementIndex {
		float: left;
		width: 345px;
		
	}	
	
	/* INDEX ARTISTE */	
	
	#ConteneurArtiste {
		float:left;
		width:345px;
		border: #9c0000 1px solid;
	}	
	
	#ArtisteIndexTitre {
		float: left;
		width: 345px;
		height:25px;
		background-color:#E5BCBC;
		border-bottom: #9c0000 1px solid;
		text-transform: uppercase;
		color: #9C0000;
		font-weight: bold;
		text-align:center;
		
	}
	
	#ArtisteIndex {
		float: left;
		width: 345px;
		
	}
	
		
/******************************/
/*  STRUCTURE page ARTISTE.PHP*/
/******************************/		

	#PageArtiste {
		position: relative;
		width: 690px;
		text-align: left; 
	}
	
	.ContenuPageArtiste {
		margin-bottom: 30px;
	}
	
	#PageArtiste .Biographie p {
		text-align: justify;
		margin: 0px;
	}	
	
	#ArtisteImage {
		float: left;
		width: 345px;
	}		
		
	#InfoGroupe {
		float: right;
		width: 330px;
	}					

	#Information_artiste {
		float: left;
		width: 690px;
	}	
	
	#Commentaire {
		float: left;
		width: 690px;
	}
	
	#PageArtiste .Info .tabInformation {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	#PageArtiste .Info .tabInformation td {
		padding-top: 1px;
		padding-bottom: 1px;
	}
	
	#PageArtiste .Info .tabInformation .Icones, .tabAlbum .Icones {
		width: 20px;
	}
	
	.tabAlbum {
		width: 100%;
	}
	
	.titre_artiste {
		color: #9C0000;
	}
	
	#PageArtiste .Commentaires .tabCommentaire {
		width: 100%;
	}
	
	#PageArtiste .Commentaires .tabCommentaire td {
		vertical-align: top;
		padding-top: 10px;
		margin-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-top: 1px solid #9C0000;
	}
	
	#PageArtiste .Commentaires .tabCommentaire .Avatar {
		width: 80px;
	}
	
	#PageArtiste .Commentaires .tabCommentaire .Avatar img {
		width: 70px;
	}
	
	
	#PageArtiste .Commentaires .tabCommentaire .Auteur {
		font-size: 11px;
		color: #666;
		margin-bottom: 5px;
	}
	
	#PageArtiste .Commentaires .tabCommentaire .Commentaire {
		font-size: 15px;
		font-style: italic;
		color: #9c0000;
	}
	
	#PageArtiste .Commentaires form {
		margin-bottom: 30px;
	}

	
/******************************/
/*  STRUCTURE page album.PHP*/
/******************************/		

	.Album {
		text-align: left;
		margin-bottom: 15px;
	}

	.AlbumImage {
		float: left;
		width: 220px;
	}
	
	.AlbumImage img {
		width: 220px;
	}			
	.InfoAlbum {
		float: right;
		width: 470px;
	}
	
	.DateAlbum {
		color: #666;	
	}
	

/******************************/
/*  STRUCTURE pageTITRE.PHP*/
/******************************/		

	#Titre {
		position: relative;
		width: 690px;
		text-align: left; 
	}

	#Titre_image {
		float: left;
		width: 345px;
		text-align:center;
		
	}	
	
	#Album_descrip_titre {
		float: left;
		width: 345px;
	}	
		
	#Info_Titre {
		float: left;
		width: 690px;
		
	}	
					
	.style_titre {
		color: #000000;
		text-transform: uppercase;
		font-size:14px;
	}
	
	.tab_titre {
		width:600px;
		border: #9c0000 1px solid;
		border-bottom:none;
	}
	
	.TabTitre {
		text-transform: uppercase;
		color: #9C0000;
	}
	
	.title_piste 
	{
		height:25px;
		width:50px;
		border-bottom:#9c0000 1px solid;
		border-right:#9c0000 1px solid;
	}
	
	.title_titre {
		
		border-bottom:#9c0000 1px solid;
		border-right:#9c0000 1px solid;
	}
	
	.title_classement {
		width:150px;
		border-bottom:#9c0000 1px solid;
		border-right:#9c0000 1px solid;
	}
	
	.title_vote {
		width:50px;
		border-bottom:#9c0000 1px solid;
	}
	
	.progression {
	
	}
	
	/******************************/
	/*  PROFILS                   */
	/******************************/
	
	#Avatar {
		float: left;
		width: 345px;
		
	}	
	
	#Info_Profils {
		float: left;
		width: 345px;
	}
	
	
	.Login {
		color: #9C0000;
		text-transform: uppercase;
		font-size:32px;
		vertical-align:top;
	}	

	/******************************/
	/*  Liste artistes            */
	/******************************/
	
	#Lettre {
		text-transform: uppercase;
		text-align:center;
		margin-bottom: 10px;
	}
	
	#ListePrincipale {
		width:670px;
		height:110px;
		float:left;
		background-color:#E5BCBC;
	}	
		
	.ImgArtistes {
		width: 100px;
		_height: 100px;	
		min-height: 100px;	
		text-align:center;
		padding: 5px;
	}
	
	.ArtisteInfo {
		width: 570px;
		_height: 110px;
		min-height: 110px;
		padding-left: 10px;
		vertical-align: top;
	}
	
	.Blanc {
		background-color:#FFFFFF;
		border: #E5C8C1 2px solid;
	}
	
	.Rouge {
		background-color:#E5BCBC;
		border: #FFFFFF 2px solid;
	}
	
	#Artiste_info_Rouge a, #Artiste_info_Rouge a:visited, #Artiste_info_Rouge a:active {
		color: #9C0000;
		text-decoration: none;
	}
	
	#Artiste_info_Rouge a:hover, #Artiste_info_Rouge a:focus {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	/******************************/
	/*  Favoris              */
	/******************************/
	
	.btnAddFav a, .btnAddFav a:visited, .btnAddFav a:active {
		width: 28px;
		height: 28px;
		background: url(design/img/favori.png) no-repeat bottom;
		display: block;
	}
	
	.btnAddFav a:hover {
		background-position: top;
	}	
	
	.btnDelFav a, .btnDelFav a:visited, .btnDelFav a:active {
		width: 28px;
		height: 28px;
		background: url(design/img/favori.png) no-repeat top;
		display: block;
		cursor: pointer;
	}
	
	.btnDelFav a:hover {
		background-position: bottom;
	}	

/******************************/
/*  CONTENU                 */
/******************************/
	
	
	/******************************/
	/*  Remise à 0                */
	/******************************/
	form, img, ul, li, h1, h2, h3, h4, p, table {
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	
	img {
		position: relative;
	}
	
	/* Alignement des listes à l'intérieur de la div */	
	ul, li {
		margin-left: 1em;
	}
	
	/* Annule les définitions de float */	
	.Spacer {
		clear: both;
		height: 0px;
	}
	
	/******************************/
	/*  Titre et paragraphes       */
	/******************************/	


	h1 {
		color: #9C0000;
		text-transform: uppercase;
		font-size: 32px;
		font-weight: normal;
		}

	#Menu h1 {
		margin-bottom: inherit;
		}
		

	h2 {
		text-transform: uppercase;
		color: #9C0000;
		margin: 0px;
		padding: 5px;
		background: #E5C8C1 url(design/structure/background_h2.jpg) repeat-x;
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 7px;	
	}
	
	h3 {
		color:#9C0000;
		font-size:15px;
		font-weight: bold;
		text-transform: uppercase;
	}
		
	h4 {
		color: #000000;
		text-transform: uppercase;
		font-size:14px;
		font-weight: normal;
	}	
	
	h5 {
		font-size: 16px;
		color: #9C0000;
		font-style: italic;
		font-weight: normal;
		}
		
	p {
		margin-bottom: 15px;
	}
	
	#Footer p {
		color: #999999;
		font-size: 12px;
		text-align: center;
	}
		
	/******************************/
	/*  Tables                   */
	/******************************/	
	
	.Tab {
		width: 100%;
		margin-bottom: 30px;
	}
	
	#facebox td .Tab {
		width: inherit;
		margin-bottom: 5px;
	}
	
	.Tab td, #facebox td .Tab td {
		vertical-align: center;
		padding-bottom: 5px;
		padding-right: 5px;
	}
	
	/******************************/
	/*  Liens                 */
	/******************************/	
	
	a, a:visited, a:active  {
		color: #9C0000;
		text-decoration: none;
		cursor: pointer;
		}
	
	a:hover, a:focus {
		color: #EEB4A9;
		text-decoration: none;
		cursor: pointer;
		}
	
	.Rouge a:hover, .Rouge a:focus, #Menu .MenuArtiste a:hover, #Menu .MenuArtiste a:focus {
		color: #FFFFFF;
		text-decoration: none;
		}
		
	/******************************/
	/*  Formulaires               */
	/******************************/	
	
	input, select, textarea {
		width: 100%;
		border: #9c0000 1px solid;
		background-color: #FFFFFF;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	
	textarea {
		padding: 0;
		padding-right: 2px;
		padding-left: 2px;
		margin-bottom: 7px;
		width: 100%;
		height: 50px;
	}
	
	.format_input {
		width: 120px;
		height: 15px;
		border: #9C0000 1px solid;
		background-color: #E5BCBC;
		padding: 1px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #9C0000;
	}
	
	.btnOk, .btnConnexion,.btnCommentaire {
		width: 30px;
		height: 20px;
		text-align: center;
		color: #FFFFFF;
		background-color: #9C0000;
		margin-bottom: 2px;
	}
	
	.btnConnexion {
		width: 85px;
	}	
	
	.btnSch {
		display: none;
	}
	
	#formlogin {
		display: none;
	}

	.AlbumLienCacher {
		display: none;
	}
	
	.btnEnvoyer {
		width: 75px;
	}

	.btnCommentaire {
		width: 250px;
		padding: 2px;
	}

	.btnAjoutAvatar {
		width: 150px;
	}
	
	.inpt_recher_membre {
		width: 150px;
	}
	
	.FormLargeurLablel {
		width: 100px;
	}
	
	.tabFormulaire td {
		padding-bottom: 10px;
	}
	
	.formavatar {
		width: 345px;
	}
	
	/******************************/
	/*  Messages d'erreurs        */
	/******************************/
	.MessageErreur, .MessageOk, .MessageConfirm {
		padding: 5px;
		margin: 5px;
		font-weight: bold;
		font-size: 16px;
		border-style: dashed;
		border-width: 1px;
	}
	
	.MessageErreur a, .MessageOk a, .MessageConfirm a {
		color: #FFFFFF;
	}

	.MessageErreur {
		background-color: #EBCCCC;
		border-color: #9D0000;
		color: #9D0000;
	}
	
	.MessageOk {
		background-color: #CFE1CC;
		border-color: #0E6600;
		color: #0E6600;
	}
	
	.MessageConfirm {
		background-color: #CCCCEF;
		border-color: #0000FF;
		color: #0000FF;
	}
	
	.FieldError {
		background-color: #FFFF99;
		border: #990000 dotted 1px;;
	}
	
	/******************************/
	/* Recherche membre.php        */
	/******************************/	
	
	.tab_rech_membre {
		width:460px;
		border-top: #9c0000 1px solid;
		text-align:center;
		margin:auto;	
	}
		
	.membre_Rouge {
		background-color:#E5BCBC;
		font-weight:bold;
	}	
	
	.Avatar_frm_sch {
		width:60px;
		height:25px;
		border: #9c0000 1px solid;
		border-top:none;
	}
	
	.Pseudo {
		width:200px;
		border:#9c0000 1px solid;
		border-top:none;
		border-left:none;
		text-transform:capitalize;
	}

	.Date_inscription {
		width:200px;
		border: #9c0000 1px solid;
		border-top:none;
		border-left:none;
		text-transform:capitalize;
	}
	
	.rouge {
		color: #9C0000;
	}
	
	.back_rose
	{
		background-color:#f6e9e9;
	}	
	
	.inputMail {
		width:200px;
	}
	
	/******************************/
	/* Classement                 */
	/******************************/
		
	.TabClassement td {
		padding: 3px;
	}
	
	.TabClassement .Pochette {
		width: 50px;
		height: 50px;
	}	
	
	.TabClassement .Premier {
		width: 75px;
		height: 75px;
	}	
	
	.bold td {
		color: #9C0000;
		text-transform: uppercase;
	}
	
	.TabClassement h3 {
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: normal;
	}

	.TabClassement .Titre {
		font-size: 16px;
		font-style: italic;
		margin-bottom: 50px;
	}
	
	.TabClassement .Artiste, .TabClassement .Artiste a, .TabClassement .Artiste a:visited, .TabClassement .Artiste a:active {
		font-weight: bold;
		color: #C67878;
		margin-bottom: 50px;
	}
	
	.TabClassement .Score {
		color: #C67878;
		font-style: italic;
		text-align: center;
	}
	
	.TabClassement .Rang {
		border-right: #9C0000 1px solid;
		text-align: center;
	}
	
	.TabClassement .Progression {
		width:50px
	}

	.TabClassement .txtProgression {
		font-style: italic;	
		color: #666;
	}
	
	.TabClassement .Favoris .btnAddFav {
		text-align: right;
	}
	
	
	/******************************/
	/*  Concert                   */
	/******************************/
	.ConcertDate {
		padding: 5px;
		border: solid 2px #E5BCBC;
		margin-bottom: 10px;
	}
	
	.ConcertDate p {
		text-align: left;
		margin: 0;
	}
	
	.ConcertDate h4 {
		margin-bottom: 5px;
	}
	
	/******************************/
	/*  Interview                   */
	/******************************/
	.Interview {
		padding: 5px;
		border: solid 2px #E5BCBC;
		margin-bottom: 10px;
	}
	
	.Interview p {
		text-align: left;
		margin: 0;
	}
	
	.Interview h4 {
		margin-bottom: 5px;
	}
	
	/******************************/
	/*  A Decouvrir               */
	/******************************/
	.Decouvrir  {
		height: 70px;
		overflow: hidden;
	}
		
	.Decouvrir td {
		padding-right: 5px;
		vertical-align: top;
		text-transform: uppercase;
	}
	
	.ImageDecouvrir {
		height: 70px;
		overflow: hidden;
	}
	
	/******************************/
	/*  Chronique                */
	/******************************/	
	.Chronique {
		height: 70px;
		overflow: hidden;
	}
	
	
	/******************************/
	/*  Emission                */
	/******************************/	
	.Emission, .Quoi {
		height: 205px;
		overflow: hidden;
	}