/*RESET BROWSER STYLES*/
*,html,body{margin: 0; padding: 0; font: 11px verdana; line-height:18px;}
a{color:#000; text-decoration:none; outline:none; font-size:14px;}
a:hover{color:#999; text-decoration:none;}
ul,
ol,
li{list-style:none;}
img{border:none;}
/*************************************************************** BODY BACKGROUND ******************************/
body {background:url(../img/trame.png);height:1125px;position:relative;}
/*************************************************************** HEADER and MENU*******************************/


#on_air_blank{
position:absolute;
top:222px;
width:200px;
height:100px;
}

#on_air_blank a { background:url(../img/on_air_blank.png) no-repeat; display:block; height:100px;}
#on_air_blank a:hover { background:url(../img/on_air_blank.png) no-repeat; display:block; height:100px; background-position:0 -103px;}

#top_air {
	position:relative;
	background:url(../img/people_top.png);
	background-repeat:no-repeat;
	width:975px;
	height:400px;
}
#logo {
	background:url(../img/logo/logo_dynamhit_anim.gif);
	height:250px;
	width:250px;
	position:absolute;
	left:-5px;
	top:20px;
	
}
#top_menu {
	width:680px;
	height:150px;
	margin:120px 225px;
	position:absolute;
}
#top_menu ul{list-style:none;}
#top_menu li, #top_menu li map{display:inline; margin-right:3px;}

#menu_pages{ width:300px;position:absolute; top:800px; left:215px; z-index:2;}
#menu_pages li{display:inline; margin:16px;}

#menu2 {padding:3px; margin:3px; margin:-3px 15px 0 0; position:absolute; top:800px;left:674px; z-index:2;}
#menu2 li {display:inline;}
#menu2 a, .inactif {font-weight:bold; font-family:Verdana; font-size:11px; padding:4px 9px 5px 9px; margin-right:6px; color:#000; width:20px; height:20px;}
#menu2 a:hover {font-weight:bold; font-family:Verdana; font-size:11px; padding:4px 9px 5px 9px; margin-right:6px; color:#FFF; background:#000; width:20px; height:20px;}

#menu2 .inactif {color:#888;}
#menu2 ul a.inactif { color:#888;}
.inactif a:hover { color:#2c2c2c;}

/************************************************************ CONTENU ***********************************/
#content1{
	width:653px;
	height:160px;
	position:absolute;
	top:320px;
	left:226px;
	border-bottom:solid 1px #CCC;
	z-index:2;
}
#content2{
	width:653px;
	height:160px;
	position:absolute;
	top:470px;
	left:226px;
	border-bottom:solid 1px #ccc;
	z-index:2;
}

#content3{
	width:653px;
	height:160px;
	position:absolute;
	top:620px;
	left:226px;
	border-bottom:solid 1px #ccc;
	z-index:2;
}

/************************************************IMAGE ACTUALITE*********************************/
#image_actu_1{
	background:url(../img/photo_actualite/images_actualite/image_news_01.jpg);
	width:225px;
	height:120px;
	float:left;
	margin:25px 0 0 0;
}
#image_actu_2{
	background:url(../img/photo_actualite/images_actualite/image_news_02.jpg);
	width:225px;
	height:120px;
	float:left;
	margin:25px 0 0 0;
}
#image_actu_3{
	background:url(../img/photo_actualite/images_actualite/image_news_03.jpg);
	width:225px;
	height:120px;
	float:left;
	margin:25px 0 0 0;
}
#image_actu_4{
	background:url(../img/photo_actualite/images_actualite/image_news_04.jpg);
	width:225px;
	height:120px;
	float:left;
	margin:25px 0 0 0;
}
#image_actu_5{
	background:url(../img/photo_actualite/images_actualite/image_news_05.jpg);
	width:225px;
	height:120px;
	float:left;
	margin:25px 0 0 0;
}
#image_actu_6{
	background:url(../img/photo_actualite/images_actualite/image_news_06.jpg);
	width:225px;
	height:120px;
	float:left;
	margin:25px 0 0 0;
}
#image_actu_7{
	background:url(../img/photo_actualite/images_actualite/image_news_07.jpg);
	width:225px;
	height:120px;
	float:left;
	margin:25px 0 0 0;
}
#image_actu_8{
	background:url(../img/photo_actualite/images_actualite/image_news_08.jpg);
	width:225px;
	height:120px;
	float:left;
	margin:25px 0 0 0;
}
#image_actu_9{
	background:url(../img/photo_actualite/images_actualite/image_news_09.jpg);
	width:225px;
	height:120px;
	float:left;
	margin:25px 0 0 0;
}
#content1 p {width:400px;float:right;}
#content2 p {width:400px;float:right;}
#content3 p {width:400px;float:right;}
/******************************************************* Texte contenu en CLASS *******************************/
.rouge {font-size:12px;color:#CC0000;margin-bottom:4px; margin-top:25px; font-weight:bold;}
.titre_gris {font-size:14px;color:#999999;margin-bottom:6px; font-weight:bold;}
.contenu{font-size:12px;margin-bottom:5px;}
.lien{font-size:12px; font-weight:600;}
.lien a{font-size:13px; font-weight:bold;}
/******************************************************* PIED DE PAGE *****************************************/
#bloc {
	width:100%;
	height:512px;
	position:absolute;
	bottom:0px;
	background:url(../img/bloc.png) no-repeat;
	z-index:1;
}
#icon1{position:absolute;left:570px;top:440px;}
#icon2{position:absolute;left: 682px;top:440px;}
#icon3{position:absolute;left:780px;top:440px;}

/*******************************************************PAGE DOWNLOAD*****************************************/

#image1
{ background:url(../img/photo_download/fond_transp.png); height:115px; width:325px; position:absolute; left:226px; top:320px; z-index:2;}
#image1 img,p { display:block; float:left;}
#image2
{ background:url(../img/photo_download/fond_transp.png); height:115px; width:325px; position:absolute; left:226px; top:460px; z-index:2;}
#image2 img,p { display:block; float:left;}
#image3
{ background:url(../img/photo_download/fond_transp.png); height:115px; width:325px; position:absolute; left:226px; top:600px; z-index:2;}
#image3 img,p { display:block; float:left;}
#image4
{ background:url(../img/photo_download/fond_transp.png); height:115px; width:325px; position:absolute; left:560px; top:320px; z-index:2;}
#image4 img,p { display:block; float:left;}
#image5
{ background:url(../img/photo_download/fond_transp.png); height:115px; width:325px; position:absolute; left:560px; top:460px; z-index:2;}
#image5 img,p { display:block; float:left;}
#image6
{ background:url(../img/photo_download/fond_transp.png); height:115px; width:325px; position:absolute; left:560px; top:600px; z-index:2;}
#image6 img,p { display:block; float:left;}

.img_down{ width:171px; height:115px; line-height:16px; padding-top:6px;}
.download_image {font-size:10px; color:#000; font-weight:bold;}
.download_blanc {position:absolute; left:162px; top:75px;font-size:10px; color:#FFF; font-weight:bold; line-height:1.1em; width:162px;}
#ligne_bas { position:absolute; width:670px; font-size:10px; font-weight:bold; top:750px; left:230px; z-index:2;}

/********************************************************PAGE PROGRAMME*************************************/
#content_prog { position:absolute; left:226px; top:350px; height:320px; width:650px;}

/********************************************************PAGE PLAYLIST**************************************/
#barre_vote {position:absolute; top:-105px; left:0px;}
h2 {
	font-size:12px;
	font-style: italic;
	font-weight:bolder;
	margin-top:-4px;
}
h3 {
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	margin-top:-3px;
}
#contain {
	top:395px;
	position:absolute;
	width:670px;
	left:226px;
	z-index:2;
}
#field {
	width:295px;
	height:23px;
	margin: 0 10px 10px 0;
	float:left;
	background:url(../img/bgField.png);
	padding:5px 15px 7px 15px;
	z-index:2;
}
.author {
	float:left;
}
#contain input {
	position:absolute;
	border:0;
	margin: 3px 0 0 -65px;
	z-index:2;
	
}
.submit {
background:url(../img/vote.png);
height:20px;
width:54px;
}

.submit:hover {
background:url(../img/vote_hover.png);
height:20px;
width:54px;
}
.submit_gris {background:url(../img/vote_gris.png);
height:20px;
width:54px;}
/*Pagination*/
div.pagination{padding:3px; margin:3px;float:right; margin:-3px 15px 0 0;}
div.pagination a, span.current, span.disabled{font-weight:bold; font-family:Verdana; font-size:11px; padding:4px 9px 5px 9px; margin-right:6px;}

div.pagination a{ text-decoration:none; color:#000;}
div.pagination a:hover{color:#FFF; background:#000;}
div.pagination span.current{background:#000; color:#FFF;}
div.pagination span.disabled{color:#888;}

.clear{clear:both;}

#merci_vote {position:absolute; left:226px; top:350px; height:400px; width:660px; background:url(../img/merci_vote.png) no-repeat center;}
#retour {position:absolute; left:480px; top:760px; z-index:2;}
#retour a {font-weight:bold;}
/***********************************************************CONTACT**********************************************/

#contact 
{
position:relative;
width:660px;
height:500px;
left:226px;
top:-40px;
}

#contact1{width:160px;height:51px;background:url(../img/page_contact/fond.png);position:absolute;top:90px; left:90px;}
#contact2{width:160px;height:51px;background:url(../img/page_contact/fond.png);position:absolute;left:259px;top:90px;}
#contact3{width:160px;height:51px;background:url(../img/page_contact/fond.png);position:absolute;left:427px;top:90px;}
#contact5{width:160px;height:51px;background:url(../img/page_contact/fond.png);position:absolute;top:300px; left:90px;}
#contact6{width:160px;height:51px;background:url(../img/page_contact/fond.png);position:absolute;left:259px;top:300px;}
#contact7{width:160px;height:51px;background:url(../img/page_contact/fond.png);position:absolute;left:427px;top:300px;}

.rouge1{font-size:9px;color:#CC0000;font-weight:bold;margin:0 0 0 6px;}
.gris1{font-size:10px;color:#FFF;font-weight:600;margin:-4px 0 0 6px;}
.adress1{font-weight:bold;margin:-4px 0 0 6px;}

#pied_contact{ position:absolute; top:380px; left:90px;}