body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
}

#container {
	width: 12095px;
	
	background: #FFFFFF;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}

#containerText {
	background: #FFFFFF;
	height:635px;
	float:left;
	padding-left:0px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}

#title {
	background: #FFFFFF;
	height:164px;
	width:764px;
	float:left;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}

#containerDroite {
	background: #FFFFFF;
	padding-left:0px;
	padding-top:0;
	float:left;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	margin-top: 60px;
	width: 0;
}

.oneColElsCtr #mainContent {
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
}

.spacer {
	clear:both; 
}

.colGauche {
	width: 150px;
	height:500px;
	background: #FFFFFF;
	float:left;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}

.subTitle {
	width: 150px;
	height:170px;
	background: #FFFFFF;
	float:left;
	padding-top:10px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}

.text {
	width: 625px;
	height:430px;
	font-size:8.5px;
	float:left;
	padding-left:0;
	padding-top:45px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}

.connect {
	width: 400px;
	height:95px;
	float: right;
	margin-right:130px;
	/*margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
}

.bandLeft {
	width: 70px;
	height:640px;
	float: left;
	/*margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
}


img.a{
	color:none;
    border:none;
	text-decoration:none;
}

img.myspace {
  max-width:200px;
  margin:20px 0;
}

.spacerColGauche {
	clear:both;
	height:45px;
}

.left-col {
  float:left;
  width:190px;
  margin:0;
  padding:0;
}
.right-col {
  float:left;
  width:125px;
  margin:0;
  padding:0;
}
.right-col img {
  max-width:100%;
	height:80px;
	float:left;
}

.playlists-body .row {
  overflow:hidden;
  clear:both;
  float:none;
  max-width: 730px;
  margin:0 auto 50px;
}
#header {
	margin:20px auto 40px;
	text-align:left;
	max-width:730px;
}
#header img {
	height: 150px;
}
.playlist-frame {
  float:left; 
  width:230px; 
  margin:0; 
  padding:0; 
  margin-right:20px;
  text-align:left;
}
.playlist-frame:nth-child(3n+0) {
  margin-right:0;
}
.playlist-frame a {
  display:block;
  text-decoration:none;
  outline:0;
  width:230px;
  height:230px;
  position:relative;
}
.playlist-frame a img {
  width:100%;
  height:200px;
  border-radius:10px;
}
.playlist-frame a h3 {
  color:#888888;
  margin:0;
  padding:0;
  font-size:16px;
  font-weight:normal;
  text-transform:uppercase;
  text-align:left;
}
.playlist-frame .overlay {
  display:none;
  background:rgba(0,0,0,0.3);
  color:#FFFFFF;
  height:200px;
  width:100%;
  position:absolute;
  border-radius:10px;
}
.playlist-frame .overlay span {
  display:inline-block;
  color:#FFFFFF;
  border:3px solid rgba(120,120,120,0.8);
  border-radius:1px;
  padding:5px;
  margin:100px 0 0 90px;
  font-size:14px;
  font-weight:normal;
}
.playlist-frame a:hover .overlay {
  display:block;
}

#overlay {
	background:rgba(0,0,0, 0.8);
	position:absolute;
	width:100%;
	height:100%;
	z-index:99;
	top:0;
	left:0;
	display:none;
}
#popup {
	height:480px;
	width:60%;
	left:20%;
	top:150px;
	position:absolute;
	z-index:991;
	background:#FFFFFF;
	display:none;
}
#popup iframe {
	position:absolute;
	top:0;
	left:0;
}
#popup .btnClose {
	background:#000000;
	color:#FFFFFF;
	font-weight:bold;
	font-size:20px;
	display:inline-block;
	padding:5px;
	float:left;
	text-decoration:none;
	border-radius:20px;
	width:20px;
	height:20px;
	line-height:20px;
	vertical-align:center;
	position:relative;
	left:-15px;
	top:-15px;
	z-index:992;
	cursor:pointer;
}

#footer {
	font-size:12px;
	padding-bottom:20px;
}
#footer a {
	color:#b41102;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	font-size:12px;
}