/* -------------------- COLORS --------------------- */

.ColorBlanc				{color:#FFFFFF}
.ColorNoir				{color:#000000}
.ColorGris				{color:#666666}
.ColorJaune				{color:#CDAA00}




/* ------------------------------------------------------ */
/*                      STRUCTURE                         */
/* ------------------------------------------------------ */


body {					background: #ffffff;
						border: 0px solid #00FF00;
						
						width: 100%;
						
						margin-top: 0px;
						margin-right: auto;
						margin-bottom: 0px;
						margin-left: auto;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;
						}

div#tetiere {			margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;


						}
						
div#titre {				background: url("../images/titre_lesot.png") no-repeat;
						background-position: center 10px;
												
						height: 75px;

						margin-top: 0px;
						margin-right: auto;
						margin-bottom: 0px;
						margin-left: auto;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;
						}

div#bt_rss {			width: 20px;
						height: 20px;

						border: 0px solid #0000FF;

						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 70px;
						padding-top: 30px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;
						}


div#titre2 {			background: #cccccc;

						width: 100%;
						height: 25px;
						}

div#titre2 span {		background: url("../images/titre_lesot2.png") no-repeat;
						
						background-position: center top;
						
						display: block;
						height: 25px;
						
						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;
						}

div#archives {			background: #cccccc;

						width: 100%;
						height: 25px;
						}

div#archives span {		background: url("../images/titre_archives.png") no-repeat;
						
						background-position: center top;
						
						display: block;
						height: 25px;
						
						border: 0px solid #OOOOff;
						
						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;
						}



/* ------------------------------------------------------ */
/*                      PLAYER                            */
/* ------------------------------------------------------ */
div#player {			border: 0px solid #00ff00;
						
						width: 750px;

						margin-top: 20px;
						margin-right: auto;
						margin-bottom: 0px;
						margin-left: auto;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;
						}

div#rss {				border: 0px solid #00ff00;

						float: left;
						
						width: 250px;
						
						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: ˆ0px;
						padding-left: 0px;

						text-align: center;
						}

div#flashplayer {		border: 0px solid #00ff00;
						
						float: left;

						width: 250px;

						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: ˆ0px;
						padding-left: 0px;

						text-align: center;
						}

div#download {			border: 0px solid #00ff00;
						
						float: left;

						width: 250px;

						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;

						text-align: center;
						}




/* ------------------------------------------------------ */
/*                      CONTENU                           */
/* ------------------------------------------------------ */
div#liste {				border: 0px solid #00ff00;
						
						margin-top: 0px;
						margin-right: auto;
						margin-bottom: 0px;
						margin-left: auto;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;

						}

div.img_liste {			border: 0px solid #0000ff;

						width: 470px;

						margin-top: 10px;
						margin-right: auto;
						margin-bottom: 0px;
						margin-left: auto;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;
						}

div.titre_morceau {		border: 0px solid #0000ff;
						
						margin-top: 10px;
						margin-right: auto;
						margin-bottom: 0px;
						margin-left: auto;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;

						text-align: center;
						}

span.titre_morceau {	font-family: Times New Roman, Times, serif;
						font-style: normal;
						font-weight: bold;
						font-size: 24px;
						color:#cccccc;
						text-decoration: none;
						letter-spacing: 5px;

						}

span.titre_infos {		font-family: Times New Roman, Times, serif;
						font-style: normal;
						font-weight: bold;
						font-size: 18px;
						color:#cccccc;
						text-decoration: none;
						letter-spacing: 5px;
						}

div.titre_archives {	border: 0px solid #0000ff;
						
						margin-top: 5px;
						margin-right: auto;
						margin-bottom: 0px;
						margin-left: auto;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;

						text-align: center;
						}

span.titre_archives {	font-family: Times New Roman, Times, serif;
						font-style: normal;
						font-weight: bold;
						font-size: 16px;
						color:#cccccc;
						text-decoration: none;
						letter-spacing: 5px;

						}




div.floatBreak
{
	clear: both;
	height: 0;
	display: block;
	overflow: hidden;
}




/* ------------------------------------------------------ */
/*                      BASELINE                          */
/* ------------------------------------------------------ */



div#baseline {			background: #cccccc;

						width: 100%;
						height: 35px;
						
						margin-top: 30px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;
						}

div#elements_baseline {	background: #cccccc;

						width: 950px;
						height: 35px;
						
						margin-top: 0px;
						margin-right: auto;
						margin-bottom: 0px;
						margin-left: auto;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;
						}
						
div#bt_archives {		border: 0px solid #00ff00;

						float: left;
						
						width: 250px;
						
						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						padding-top: 9px;
						padding-right: 0px;
						padding-bottom: ˆ0px;
						padding-left: 0px;

						text-align: center;
						}
						
div#titre_baseline {	background: url("../images/signature_lesot.gif") no-repeat;
						background-position: center 0px;

						float: left;
						
						width: 450px;
						height: 35px;
						
						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: ˆ0px;
						padding-left: 0px;

						text-align: center;
						}

div#bt_contact {		border: 0px solid #00ff00;

						float: left;
						
						width: 232px;
						
						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						padding-top: 9px;
						padding-right: 0px;
						padding-bottom: ˆ0px;
						padding-left: 0px;

						text-align: center;
						}
						

/* ------------------------------------------------------ */
/*                      LIENS                             */
/* ------------------------------------------------------ */

a:link {				color: #cccccc;
						text-decoration:none }
a:visited {				color: #cccccc;
						text-decoration:none }
a:hover {				color: #cccccc;
						text-decoration:underline }
a:active {				color: #cccccc;
						text-decoration:underline }
a:focus {				color: #cccccc;
						text-decoration:underline }