body {
	background-color: #d9d9d9;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

a{text-decoration:none;color:#E12C8D;}
a:hover{text-decoration:underline;}
ul, li {list-style-type:none;margin:0px;padding:0px;}
p{text-align:justify;}
#conteneur {
	background-color: #FFF;
	margin: auto;
	padding: 0px;
	width: 960px;
}
#conteneur_main {
	background-color: #FFF;
	margin: auto;
	padding: 0px;
	width: 960px;
}
#top {
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	height: 122px;
	width: 960px;
}
#lien_logo {
	float: left;
	height: 122px;
	width: 250px;
	display: block;
}

#lien_accueil {
	float: right;
	width: 130px;
	height: 30px;
	margin-top: 92px;
	display: block;
}
#bouton_site_ville {
	background-image: url(../images/bouton_site_ville.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 142px;
	float: left;
}
.cleaner {
	clear: both;
	height: 0px;
	width: 0px;
}

#bouton_site_ville:hover {
	background-image: url(../images/bouton_site_ville_hover.jpg);
}
#fond_espace_menu {
	float: left;
}

#menu1 {
	background-image: url(../images/menu_sports.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 37px;
	width: 73px;
	
}
#menu1:hover {
	background-image: url(../images/menu_sports_hover.jpg);
}
#recherche {
	background-image: url(../images/fond_moteur.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 37px;
	width: 225px;
}
#champ_recherche {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	background-color: #FFF;
	float: left;
	height: 16px;
	width: 140px;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 45px;
	
	border: 1px solid #FFF;
}
#recherche a {
	display: block;
	padding: 0px;
	float: left;
	height: 25px;
	width: 30px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#pied {
	background-image: url(../images/fond_footer.jpg);
	background-repeat: no-repeat;
	margin: auto;
	height: 22px;
	width: 960px;
	background-position: right;
	position:relative;
}
#pied #lien_contact {
	position:absolute;
	display:block;
	top:5px;
	left:660px;
	width:77px;
	height:12px;
}

#pied #lien_mentions {
	position:absolute;
	display:block;
	top:5px;
	left:749px;
	width:86px;
	height:12px;
}
#pied #lien_hdr {
	position:absolute;
	display:block;
	top:5px;
	left:848px;
	width:112px;
	height:15px;
}

#menu2 {
	background-image: url(../images/menu_culture.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 37px;
	width: 76px;
}
#menu2:hover {
	background-image: url(../images/menu_culture_hover.jpg);
}
#menu3 {
	background-image: url(../images/menu_formation.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 37px;
	width: 89px;
}
#menu3:hover {
	background-image: url(../images/menu_formation_hover.jpg);
}
#menu4 {
	background-image: url(../images/menu_musique.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 37px;
	width: 85px;
}
#menu4:hover {
	background-image: url(../images/menu_musique_hover.jpg);
}
#menu5 {
	background-image: url(../images/menu_ville.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 37px;
	width: 55px;
}
#menu5:hover {
	background-image: url(../images/menu_ville_hover.jpg);
}
#menu6 {
	background-image: url(../images/menu_conseil.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 37px;
	width: 133px;
}
#menu6:hover {
	background-image: url(../images/menu_conseil_hover.jpg);
}


.left_title {
	float:left;
	width:142px;
	height:391px;
	background-repeat:no-repeat;
	position:relative;
	margin:0px;
}

#cat_left_1 {background-image:url(../images/image_gauche_sports.jpg);}
#cat_left_2 {background-image:url(../images/image_gauche_culture.jpg);}
#cat_left_3 {background-image:url(../images/image_gauche_formation.jpg);}
#cat_left_4 {background-image:url(../images/image_gauche_musique.jpg);}
#cat_left_5 {background-image:url(../images/image_gauche_ville.jpg);}
#cat_left_6 {background-image:url(../images/image_gauche_conseil.jpg);}
#cat_left_live {background-image:url(../images/image_gauche_live.jpg);}
#cat_left_accueil {background-image:url(../images/image_gauche_alaune.jpg);}

#main_content {
	width:625px;
	float:left;
	margin-right:20px;
	margin-top:27px;
}
#main_content_text {
	width:605px;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-top:14px;
}

.cleaner {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

#header_text {
	background-image:url(../images/fond_entetes.jpg);background-repeat:repeat-x;background-position:bottom;
}
.title_main_text {
	display:block;
	height:28px;
	background-repeat:no-repeat;
}
#head_alerte_video, #head_alerte_video_subscribe, #head_alerte_video_unsubscribe {
	width:236px;background-image:url(../images/entete_alerte.jpg);
}
#head_contact_formulaire, #head_contact_remerciements {
	width:236px;background-image:url(../images/entete_contact.jpg);
}
#head_search {
	width:236px;background-image:url(../images/entete_recherche.jpg);
}
#head_contact_mentions {
	width:236px;background-image:url(../images/entete_mentions.jpg);
}
.entoure_text {
	border:1px solid #DFDFDF;
	border-top:0px;
	padding:8px;
	max-height:370px;
	overflow-y:auto;
}

#right_col {
	width:300px;
	float:left;
	margin-top:13px;
}
.title_right_col {background-image:url(../images/fond_entetes.jpg);background-repeat:repeat-x;}
.rcol_title {
	display:block;
	float:left;
	height:29px;
	background-repeat:no-repeat;
}
.entete_accueil_on {width:149px;background-image:url(../images/entete_accueil_on.jpg);}
.entete_accueil_off {width:149px;background-image:url(../images/entete_accueil_off.jpg);}
.entete_1_on {width:157px;background-image:url(../images/entete_1_on.jpg);}
.entete_1_off {width:157px;background-image:url(../images/entete_1_off.jpg);}
.entete_2_on {width:157px;background-image:url(../images/entete_2_on.jpg);}
.entete_2_off {width:157px;background-image:url(../images/entete_2_off.jpg);}
.entete_3_on {width:172px;background-image:url(../images/entete_3_on.jpg);}
.entete_3_off {width:172px;background-image:url(../images/entete_3_off.jpg);}
.entete_4_on {width:164px;background-image:url(../images/entete_4_on.jpg);}
.entete_4_off {width:164px;background-image:url(../images/entete_4_off.jpg);}
.entete_5_on {width:136px;background-image:url(../images/entete_5_on.jpg);}
.entete_5_off {width:136px;background-image:url(../images/entete_5_off.jpg);}
.entete_6_on {width:205px;background-image:url(../images/entete_6_on.jpg);}
.entete_6_off {width:205px;background-image:url(../images/entete_6_off.jpg);}
.entete_playlist_on {width:90px;background-image:url(../images/entete_playlist_on.jpg);}
.entete_playlist_off {width:90px;background-image:url(../images/entete_playlist_off.jpg);}
.ctnr_picker {
	border:1px solid #DFDFDF;
	border-top:0px;
	width:298px;
}

h2 {font-weight:bold;font-size:12px;font-style:italic;margin:0px;color:black;}
.titre_cat {font-weight:bold;font-size:10px;text-transform:uppercase;font-style:italic;}
.titre_cat_1 {color:#C1272D;}
.titre_cat_2 {color:#009245;}
.titre_cat_3 {color:#2E3192;}
.titre_cat_4 {color:#FBB03B;}
.titre_cat_5 {color:#4D4D4D;}
.titre_cat_6 {color:#336633;}
.resume_video {color:#808080;font-size:11px;padding-top:2px; }
.img_prev {
	float:left;margin-right:8px;
	margin-top:2px;
	margin-bottom:2px;
	width:80px;
}

h1 {
	margin:0px;
	margin-top:10px;
	font-style:italic;
	font-size:22px;
}
div.desc_video, div.desc_video p{
	color:#555;
	text-align:justify;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.remove_from_playlist {
	width:15px;
	height:15px;
	display:block;
	float:right;
	margin-right:5px;
	background-image:url(../images/bouton_supp_playlist.jpg);
}

.pick_vid {
	margin:7px;
	height:370px;
	overflow-y:auto;
}
.pick_vid li{padding:5px 0px;border-bottom:1px dashed #CCCCCC;background-color:white;}

.ong_on_left, .ong_on_right, .ong_off_left, .ong_off_right {
	width:9px;
	height:29px;
	float:left;
	margin:0px; padding:0px;
}
.ong_on_left {background-image:url(/images/onglet_on_left.png)}
.ong_on_right {background-image:url(/images/onglet_on_right.png)}
.ong_off_left {background-image:url(/images/onglet_off_left.png)}
.ong_off_right {background-image:url(/images/onglet_off_right.png)}
.ong_on_center, .ong_off_center {
	color:#AAAAAA;
	font-size:14px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	height:24px;
	float:left;
	background-repeat:repeat-x;
	cursor:pointer;
}
.ong_on_center  {background-image:url(/images/onglet_on_center.png);}
.ong_off_center  {background-image:url(/images/onglet_off_center.png);}