﻿/* CCS . MATAMORE V3 */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #b8b5aa;
	color: #333333;
	text-decoration: none;
	
/* SCROLLBARS */
	
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #DBD7D7;
	scrollbar-darkshadow-color: #DBD7D7;
	scrollbar-track-color: #F5F5F5;
	scrollbar-arrow-color: #D5E4AD;
	scrollbar-base-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
}

/* LIENS */

a:link {
	color: #b8b5aa; 
	text-decoration: none;
}

a:visited {
	color: #b8b5aa; 
	text-decoration: none;
}

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

a:active {
	color: #666666; 
	text-decoration: none;
}

/* GENERAL */

div, menu, ol, p, table, tr, td, th, ul, span, form {
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #Ffffff;
	color: #333333;
	text-decoration: none;
	padding: 0px;
}

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FCFCFC;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 2px 0px 0px 3px;
	border: 1px;  
	border-color: #cc3366;
	border-style: solid;
	height: 18px;
} 
	
option, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #666666;
	text-decoration: none;		
}

input.clear {
	border: none;
	height: 10;
	margin: 0px;
	padding: 0px;
}

#selectDropBg {
	background: #FFFFFF;
	color: #666666;
	border: 1px #CC3366 solid;
}

/* PAGE D'ACCUEIL */

#connexionBg {
	background-color: #F5F5F5;
	margin-right: 40px;
	margin-left: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tableBorder {
	border: 0px;
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #DBD7D7;
	padding: 0px;
}

#tableLeft {
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	border-right: 1px solid #DBD7D7;
}

#tableMiddle {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
}
	
#tableMiddleReviews {
	border-bottom: 1px solid #DBD7D7;
}

#tableMiddleRecordings {
	border-bottom: 1px solid #DBD7D7;
	margin-top: 20px;
	margin-bottom: 0px;
}

#tableMiddleEvenings {
	border-bottom: 1px solid #DBD7D7;
	margin-top: 20px;
	margin-bottom: 0px;
}

#tableMiddleAnnexes {
margin-top: 15px;
}
	
#tableRight {
   margin-right: 0px;
	padding-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	border-left: 1px solid #DBD7D7;
}

#participantListeMaj {
	padding-left: 0px;
	margin-left: 0px;
}

.participantNouveau, .chroniqueAuteur, .playlistmParticipant {
	font-weight: bold;
}

.chroniqueDescription {
	text-align: justify;
}

.reaCatTitre {
	background-color: #F5F5F5;
	padding-left: 10px;
	height: 15px;
	color: #CC3366;
	font-size: 10px;
	text-align: left;
	border: none;
	width: 75px;
}

.reaCatContenu {
	padding-left: 10px;
}

.playlistmCatTitre {
	background-color: #F5F5F5;
	height: 15px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #cc3366;
	font-size: 10px;
	text-align: left;
	border: none;
}
	
.playlistmCat1 {
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	border: none;
}

.playlistmCat2 {
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
	text-align: right;
	border: none;
}

.playlistmCatX {
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	border: none;
}

.playlistmCatY {
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
	text-align: right;
	border: none;
}

/* REVIEWS DE LA SEMAINE */

#reviewsMenuContext {
	height: 25px;
	border: 1px;
	background-color: #FFFFFF;
	border-style: solid solid none solid;
	border-color: #DBD7D7;
	padding: 10px 10px;
}

.reviewsMenuCatTitre {
	background-color: #F5F5F5;
	height: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #CC3366;
	font-size: 10px;
	text-align: left;
	border: none;
}

.reviewsMenuContenu {
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	border: none;
}

/* PAGE D'UNE REVIEW */

#reviewsTop {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #F5F5F5;
	border: none;
}

#reviewsMiddle {
	margin-top: 10px;
	margin-bottom: 10px;
}

#reviewsBottom {
	margin-top: 10px;
	margin-bottom: 0px;
	background-color: #F5F5F5;
	border: none;
}

.reviewsBgGrey {
	background-color: #F5F5F5;
	border: none;
}

#reviewsAlbumArtiste {
	background-color: #F5F5F5;
	border: none;
	font-size: 16px;
	font-weight: none;
	color: #CC3366;
}

#reviewsAlbumTitre {
	background-color: #F5F5F5;
	border: none;
	font-size: 12px;
	font-weight: none;
}

#reviewsAlbumLabel {
	background-color: #F5F5F5;
	border: none;
}

#reviewsAlbumAnnee {
	background-color: #F5F5F5;
	border: none;
}

#reviewsAlbumLien {
}

#reviewsAlbumTexte {
	font-size: 12px;
	text-align: justify;
}

#reviewsAlbumTexte p {
	font-size: 12px;
	text-align: justify;
}

#reviewsAlbumReviewer {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}

#reviewsAlbumReviewDate {
	font-size: 10px;
	font-style: italic;
	text-align: right;
}

#reviewsBottomTitre {
	background-color: #F5F5F5;
	border: none;
	font-size: 10px;
	font-weight: none;
	color: #CC3366;
}

#reviewsBottomArtiste {
	background-color: #F5F5F5;
	border: none;
   font-weight: bold;
}

#reviewsBottomLabel {
	background-color: #F5F5F5;
	border: none;
   font-weight: bold;
}

#reviewsBottomThema {
	background-color: #F5F5F5;
	border: none;
   font-weight: bold;
}

/* REVIEWS DES SEMAINES PRECEDENTES */

#reviewsHisto {
	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
}

#reviewsHistoTitre {
	background-color: #F5F5F5;
	height: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	color: #CC3366;
}

.reviewsHistoContenu {
	height: 15px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 15px;
}

#reviewsHistoRem {
	height: 40px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #F5F5F5;
	text-align: justify;
}

/* PAGE THEMATIQUES */

.reviewsThemas {
	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
}

.reviewsThemaTitres {
	background-color: #F5F5F5;
	height: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	color: #CC3366;
}

#reviewsThemaDescription {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: justify;
}

.reviewsThemaAlbumsPropTitres, .reviewsArtisteTitres {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

.reviewsThemaAlbumsPropContenu {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* PAGE ARTISTES ABC */

.reviewsArtistes, .reviewsArtiste {
	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
}

#reviewsArtistesABC, #reviewsLabelsABC {
	background-color: #F5F5F5;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 15px;
	border: none;
	vertical-align: middle;
}

#reviewsArtistesLettre, #reviewsLabelsLettre {
	margin-top: 20px;
	border: none;
}

#reviewsArtistesLettre td, #reviewsLabelsLettre td {
	padding-left: 30px;
}

/* PAGE LABELS ABC */

.reviewsLabels {
	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
}

.reviewsLabelsTitres {
	background-color: #F5F5F5;
	height: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	color: #CC3366;
}

#reviewsLabelsURL {
	height: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
}

#reviewsLabelsDescription {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: justify;
	vertical-align: top;
}

.spanBold {
	background-color: #F5F5F5;
	font: bold;
}

/* PAGE D'UN PARTICIPANT */

#tableParticipantTop {
	margin-top: none;
	margin-bottom: none;
	background-color: none;
	border: none;
}

#tableParticipantDetail {
	margin-top: 3px;
	margin-bottom: 0px;
	background-color: #F5F5F5;
	border: none;
}

#participantPseudo {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	background-color: #F5F5F5;
	border: none;
	font-size: 16px;
	font-weight: none;
	color: #CC3366;
}

#participantEmail {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	background-color: #F5F5F5;
	border: none;
	text-align: right;
}

#tableParticipantQuote, #tableParticipantPlaylists, #tableParticipantLiens, #tableParticipantMaj {
	margin-top: 40px;
	margin-bottom: none;
	background-color: none;
	border: none;
}

.participantTitre {
	background-color: #F5F5F5;
	border: none;
	padding-left: 10px;
	font-size: 10px;
	font-weight: none;
	color: #CC3366;	
} 

#participantQuotePhrase {
	background-color: none;
	border: none;
	padding-left: 10px;
	font-size: 12px;
	font-weight: none;
	font-style: none;
	text-align: justify;
}

#participantQuoteAuteur, #participantMajDate {
	background-color: none;
	border: none;
	padding-right: 0px;
	font-size: none;
	font-weight: none;
	font-style: italic;
	text-align: right;
}

#participantMajTitre {
	padding-left: 10px;
}

#tableParticipantPlaylists td, #tableParticipantLiens td {
	padding-left: 10px;
	line-height: 15px;
	vertical-align: top;
}

/* PAGE D'UNE PLAYLIST */

#tablePlaylistTop {
	margin-top: none;
	margin-bottom: none;
	background-color: none;
	border: none;
	}

#tablePlaylistDetail {
	margin-top: 3px;
	margin-bottom: 0px;
	background-color: #F5F5F5;
	border: none;
}

#tablePlaylistDetail {
	margin-top: 3px;
	margin-bottom: 0px;
	background-color: #F5F5F5;
	border: none;
}

#playlistPseudo {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	background-color: #F5F5F5;
	border: none;
	font-size: 16px;
	font-weight: none;
	color: #CC3366;
}

#playlistEmail {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	background-color: #F5F5F5;
	border: none;
	text-align: right;
	width: 130px;
}

#playlistId1 {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
	background-color: #F5F5F5;
	border: none;
	text-align: left;
	letter-spacing: 3px;
	font-weight: none;
	}

#playlistId2 {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
	background-color: #F5F5F5;
	border: none;
	text-align: left;
	width: 1px;
}

.tablePlaylistMenu {
	margin-top: 20px;
	margin-bottom: none;
	background-color: none;
	border: none;
	text-align: center;
}

#tablePlaylistPlay, #tablePlaylistContenu, #tablePlaylistMaj {
	margin-top: 20px;
	margin-bottom: none;
	background-color: none;
	border: none;
}

#tablePlaylistPlay td {
	padding-left: 10px;
	line-height: 15px;
	vertical-align: top;
}

#tablePlaylistContenu td {
	padding-left: 10px;
	line-height: 15px;
	vertical-align: top;
	width: 50%;
}

.playlistTitre {
	background-color: #F5F5F5;
	border: none;
	padding-left: 10px;
	font-size: 10px;
	font-weight: none;
	color: #CC3366;
	text-align: left;
	letter-spacing: 3px;
	height: 15px;
} 

.playlistTitre td {
	padding-left: 10px;
	line-height: 15px;
	vertical-align: top;
}

#playlistMajDate {
	background-color: none;
	border: none;
	padding-right: 0px;
	font-size: none;
	font-weight: none;
	font-style: italic;
	text-align: right;
}

#playlistMajTitre {
	padding-left: 10px;
}
