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

html, body
	{
	width:100%;
	height:100%;
	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	}

p
	{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:11px;
	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	}

h1
	{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:20px;
	margin:0px 0px 6px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	}

h2
	{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	margin:0px 0px 10px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	}

h3
	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px;
	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	}

h4
	{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:11px;
	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	}

h5
	{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:9px;
	margin:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	padding:0px 0px 0px 0px; /* 1ere valeur = top, 2 = right, 3 = bottom, 4 = left */
	}

/******************************** STRUCTURE COLONNE IDENTITE **********************************/
#bloc_logo
	{
	width:110px;
	height:110px;
	margin:0 28px 0 0;
	display:block;
	float:left;
	}

#logo
	{
	width:110px;
	height:110px;
	display:block;
	}

#bloc_info_radio
	{
	width:385px;
	display:block;
	float:left;
	text-align:justify;
	}

#bloc_logo_info:after
	{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
	}

#bloc_image
	{
	width:528px;
	height:800px;
	display:block;
	}

#image
	{
	width:528px;
	height:800px;
	display:block;
	}
/******************************** STRUCTURE COLONNE IDENTITE **********************************/

/******************************** STRUCTURE COLONNE CONTENU ***********************************/
#bloc_navigation
	{
	width:478px; /* totel 550px */
	height:20px;
	padding:10px 36px 10px 36px;
	display:block;
	}

#navigation
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	margin:0;
	padding:0 0 0 0;
	list-style:none;
	text-align:left;
	}

#navigation li
	{
	width:178px;
	height:20px;
	display:inline;
	padding:0px 22px 0px 0px;
	}

#navigation li a
	{
	text-align:left;
	text-decoration:none;
	}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active
	{
	}

#bloc_player_playlist
	{
	width:550px;
	display:block;
	clear:both;
	}

#bloc_player_playlist:after
	{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
	}

#player
	{
	width:238px;
	margin:16px 15px 20px 33px;
	display:block;
	padding: 20px 0 0 0;
	}

#bloc_playlist
	{
	width:231px;
	display:block;
	margin:30px 33px 0 35px;
	}

#bloc_playlist h3
	{
	padding:0 0 20px 0;
	}

.album
	{
	padding:0px 0px 10px 0px;
	display:block;
	}

.album img
	{
	margin:0px 10px 0px 0px;
	float:left;
	display:none;
	}

.album p
	{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:justify;
	float:left;
	}

.album:after
	{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
	}

#bloc_derniers_morceaux
	{
	width:231px;
	display:block;
	margin:30px 33px 0 0px;
	float:right;
	}

#bloc_derniers_morceaux h3
	{
	padding:0 0 5px 0;
	}

#reseaux_sociaux
	{
	width:484px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:11px;
	padding:0px 33px 15px 33px;
	display:inline-block;
	text-align:left;
	clear:both;
	}

#reseaux_sociaux img
	{
	vertical-align:-7px;
	padding:2px 5px 1px 5px;
	}

#bouton_jaime
	{
	float:left;
	}

#bloc_teaser_news
	{
	width:484px; /* total 550*/
	display:block;
	padding:20px 33px 15px 33px;
	}

#bloc_teaser_news h3
	{
	padding:0 0 18px 0;
	}

.news_preview
	{
	width:484px;
	padding:0px 0px 10px 0px;
	display:block;
	}

.news_preview img
	{
	margin:0px 10px 0px 0px;
	float:left;
	}

.news_preview p
	{
	width:447px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	float:left;
	display:block;
	}

.news_preview:after
	{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
	}

#bloc_teaser_comments
	{
	width:484px; /* total 550*/
	display:block;
	padding:20px 33px 15px 33px;
	}

#bloc_teaser_comments h3
	{
	padding:0 0 18px 0;
	}

.comments_preview
	{
	width:484px;
	padding:0px 0px 10px 0px;
	display:block;
	}

.comments_preview img
	{
	margin:0px 10px 0px 0px;
	float:left;
	}

.comments_preview p
	{
	width:443px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	float:left;
	display:block;
	}

.comments_preview:after
	{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
	}

.voir_plus
	{
	width:484px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:12px 0 0 0;
	text-align:right;
	display:block;
	}

#bloc_liste_news_comments
	{
	width:484px; /* total 550*/
	display:block;
	padding:20px 33px 30px 33px;
	}

#bloc_liste_news_comments h3
	{
	padding:0 0 18px 0;
	}

#pagination
	{
	width:484px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:11px;
	text-align:right;
	margin:0 0 0 0;
	margin:18px 0 0 0;
	display:block;
	}

#pagination a
	{
	}

#pagination a:hover
	{
	}

#bloc_ajouter_commentaires
	{
	width:484px; /* total 550*/
	display:block;
	padding:20px 33px 15px 33px;
	}

#bloc_ajouter_commentaires h3
	{
	padding:0 0 18px 0;
	}

#bloc_message
	{
	width:484px; /* total 550*/
	display:block;
	padding:20px 33px 15px 33px;
	}

#bloc_message h3
	{
	padding:0 0 18px 0;
	}

.formulaire_contact
	{
	width:484px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:block;
	}

.formulaire_contact p
	{
	width:364px; /* total 484*/
	height: 1%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin: 0;
	padding: 5px 0px 8px 0px; /* top, right, bottom, left */
	padding-left: 200px; /*width of left column containing the label elements*/
	clear: left;
	}

.formulaire_contact label
	{
	float: left;
	margin-top:4px;
	margin-left:-200px; /*width of left column*/
	width:200px; /*width of labels.*/
	height:1%;
	}

.formulaire_contact input[type="text"]
	{
	width: 284px;
	}

.formulaire_contact textarea
	{
	width: 284px;
	}

.bouton_formulaire
	{
	margin-top:5px;
	margin-left:200px;
	}

#bloc_copyright
	{
	width:291px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	font-weight:normal;
	/*margin:32px 75px 26px 184px;*/
	padding:0 0 0 0;
	display:block;
	}

#bloc_copyright a
	{
	text-decoration:none;
	}

#bloc_logos_radionomy_sabam
	{
	width:291px;
	height:21px;
	/*margin:0 0 0 184px;*/
	display:block;
	}
	
#bloc_logos_radionomy_sabam img
	{
	margin: 0 10px 0 0;
	}
/******************************** STRUCTURE COLONNE CONTENU ***********************************/

/******************************** AGENDA ******************************************************/
.dd /* jour agenda */
	{
	font-family:Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	text-align: center;
	}

.mm /* mois agenda*/
	{
	font-family:Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	text-align: center;
	}

.datecal
	{
	width: 25px;
	height: 34px;
	padding-top: 0pt;
	padding-right: 1px;
	padding-bottom: 0pt;
	padding-left: 1px;
	background-color: transparent;
	background-image:url(../images/datecal-small.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	margin:0 10px 0 0;
	float:left;
	display: block;
	}

.datecal .mm
	{
	font-size:9px;
	font-weight:bold;
	line-height: 16px;
	letter-spacing: 0.02em;
	display:block;
	}

.datecal .dd
	{
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: 0.02em;
	display: block;
	}
/******************************** AGENDA ******************************************************/