/* @override http://www.urban-radio.com/graffiti2.css */

html {font-family: Helvetica, Arial, Verdana, sans-serif; background: url(images/ff.gif) repeat;}
body {font-size: 100%; text-align: left; color:#000; padding:0; border:0; margin:0; background: url(images/hbg.jpg) repeat-x;}
p {padding:0; margin:0;}

a, a:visited {color:#000;outline-style:none;text-decoration:underline;}
a:hover {color:#000;outline-style:none;text-decoration:underline;}
a:focus{outline-style:none;}

.alink a, .alink a:visited {color:#F1F1F1;outline-style:none;text-decoration:underline;}
.alink a:hover {color:#F1F1F1;outline-style:none;text-decoration:underline;}

.blink a, .blink a:visited {color:#C7C7C7;outline-style:none;text-decoration:none;}
.blink a:hover {color:#C7C7C7;outline-style:none;text-decoration:underline;}

.sep { margin:0; padding:0; border-top: 1px solid #999; font-size: 10px;}

#cadre {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 995px; 
position: relative;
padding: 0;
}

#header {
display: block;
width: 995px; 
height: 287px; 
background: url(images/hh.gif) no-repeat;
padding: 0;
margin: 0;
z-index : 500;
}

#encours { 
position: absolute;
top: 12px;
left: 314px;
width: 650px; 
padding: 0;
margin: 0;
text-align: left; 
font: 11px Verdana, Helvetica, Arial, sans-serif;
color: #FFF;
}

#playerb {
position: relative;
width:750px; 
height:160px; 
background: transparent url(images/playerback.gif) no-repeat;
padding:0;
margin:0;
}

#playb { 
position: absolute;
top:33px;
left:192px;
width:50px;
height:50px; 
padding:0;
margin: 0;
}

#playb span { 
position: absolute;
top:0;
left:0;
width:50px;
height:50px; 
padding:0;
margin: 0;
background: transparent url(images/player.png) -53px 0 no-repeat;
cursor:pointer; 
cursor:hand;
z-index:200;
}

#playb span.selected { 
background-position: -3px 0;
}

.blanko { 
width:50px;
height:50px; 
padding:0;
margin: 0;
background: transparent;
}

#encoursb { 
position: relative;
top:40px;
left:250px;
width:400px; 
padding:0;
margin: 0;
text-align:left; 
font: 10px Verdana, Helvetica, Arial, sans-serif;
color:#FFF;
z-index:100;
}

#blocconnect {display:block; margin:0 0 0 35px; padding:0; width:580px; height: 140px; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:13px; text-align:left; border: 0px solid #eee; background:#fff url(images/connect-fond.jpg) no-repeat;}
#blocconnect .connect-insc {float:left; margin:0; width: 280px; color:#ddd; padding:4px;}
#blocconnect .connect-log {float:left; margin:0; padding-top:5px;}
#blocconnect h1 {color:#000; margin:0; padding:20px 0 6px 35px; font-size:14px; text-align:left;}
#blocconnect h2 {color:#333; margin:0; padding:1px 0 5px 112px; font-size:11px; text-align:left;}
#blocconnect h3 {color:#000; margin:0; padding:5px 0 5px 0px; font-size:13px; text-align:center;}
#blocconnect img {margin:0; padding:0 0 6px 42px;}
#blocconnect br {clear:both;}
#blocconnect form {margin:0; padding-top:7px;}
#blocconnect label {float:left; padding-left:12px; padding:2px; margin:2px; width: 100px; text-align:left; font-weight:bold;}
#blocconnect .connect-input {float: left; padding:2px; margin:2px; background-color:#333; border:0px solid #fff; width:150px; font-family:Helvetica, Verdana, Arial, sans-serif; color:#fff;}
#blocconnect .connect-checkbox {padding-top:4px;}
#blocconnect .connect-button {float: left; padding-bottom:2px; margin:2px; width: 120px; cursor:pointer; border:0; font-size:13px; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; background-color:#000;}

.tooltab { 
position: absolute;
top:38px;
left:314px;
width:223px; 
padding:0;
margin: 0;
text-align:left; 
}

ul.tooltabnav {
	margin: 0;
	padding: 0;
	list-style-type:none;
	width:223px;
	display:inline;
}

ul.tooltabnav li{
	margin: 0;
	padding: 0;
	list-style-type:none; 
	width:223px;
	float: left;
}

ul.tooltabnav li a {
	cursor: hand;
}

ul.tooltabnav li.play a {
	float:left;
	padding: 0;
	margin: 0;
	background-color: transparent;
	line-height:58px;
	display: block;
	width: 223px;
	height: 58px;
	background: transparent url(images/toolplayb.gif) no-repeat;
	outline: 0;
}

ul.tooltabnav li.play a.selected {
	background: transparent url(images/toolplayb.gif) no-repeat -223px 0;
}

ul.tooltabnav li.search a{
	float:left;
	padding: 0;
	margin: 0;
	background-color: transparent;
	line-height:52px;
	display: block;
	width: 223px;
	height: 57px;
	background: transparent url(images/toolpodb.gif) no-repeat;
	outline: 0;
	
}

ul.tooltabnav li.search a.selected {
	background: transparent url(images/toolpodb.gif) no-repeat -223px 0;
	
}

ul.tooltabnav li.podcast a{
	float:left;
	padding: 0;
	margin: 0;
	background-color: transparent;
	line-height:57px;
	display: block;
	width: 223px;
	height: 52px;
	background: transparent url(images/toolsearchb.gif) no-repeat;
	outline: 0;
	
}

ul.tooltabnav li.podcast a.selected{
	background: transparent url(images/toolsearchb.gif) no-repeat -223px 0;
	
}

ul.tooltabnav li a:focus {
	outline: 0;
}

.slide {
	position : absolute;
	top: 123px;
	margin: 0;
	padding: 0;
}
.btn-slide {
	background: url(images/search_arrow.gif) no-repeat left -47px;
	text-align: left;
	width: 140px;
	height: 20px;
	padding: 10px 0 0 17px;
	display: block;
	color: #000;
	text-decoration: none;
}
.active {
	/*background-position: left 10px;*/
}

.contentsearch  {
	position: absolute;
	padding: 8px 10px;
	font-size: 13px;
	background : #FFF;
	width : 440px;
	height : 135px;
	z-index:102;
}

form.search  {
	display : inline;
}

form.search  input {
	margin : 0;
	padding: 1px;
	width: 18px;
	font-size: 13px;
	border: 1px solid #cececf;
	background-color: #FFF;
}

form.search  select {
	margin : 0;
	padding: 0;
	font-size: 13px;
	border: 1px solid #cececf;
	background-color: #FFF;
}

form.search  input[type=submit] {
	margin : 0;
	padding: 0;
	width: 150px;
	font-size: 13px;
	border: 1px solid #cececf;
	background-color: #FFF;
}

form.search input[type=submit]:hover {
    background : #090b0e;
    color : #FFF;
}

.colora {
	background-color: #FFF;
}

.colorb {
	background-color: #efefef;
}

#toolcontent { 
position: absolute;
top:38px;
left:537px;
width:440px; 
padding:0;
margin: 0;
text-align:left; 
}

.playlisttitre {
	font: bold 120%/100% Helvetica, Arial, Verdana, sans-serif;
	padding-bottom: 6px;
}

.playlisttitreb {
	font: bold 170%/100% Helvetica, Arial, Verdana, sans-serif;
	padding-bottom: 3px;
}

table.playlistsearch {
	width: 400px;
	padding : 0;
}

table.playlistsearch td {
	font-size:11px;
}

.content {
	padding: 8px 10px;
	font-size:13px;
}

.players {
	position : absolute;
	top : 35px;
	width:400px;
	height:70px;
	padding-bottom : 2px;
	margin : 0;
}

.players p {
	padding: 0 3px 4px 2px;
}

.players a {
	margin-right: 20px;
}


.playersb {
	position : absolute;
	top : 35px;
	width:400px;
	height:70px;
	padding-bottom : 2px;
	margin : 0;
}

.playersb p {
	padding: 0 3px 15px 2px;
}

.urbanplayer {
	float: left;
}

.itunes {
	float: left;
	width: 44px;
	height: 49px;
	background: transparent url(images/player_it.gif) top left no-repeat;
}

.itunes:hover {
	background-position: -44px 0;
	cursor: pointer;
}

.winamp {
	float: left;
	width: 42px;
	height: 49px;
	background: transparent url(images/player_wi.gif) top left no-repeat;
}

.winamp:hover {
	background-position: -42px 0;
	cursor: pointer;
}

.wmp {
	float: left;
	width: 37px;
	height: 49px;
	background: transparent url(images/player_wm.gif) top left no-repeat;
}

.wmp:hover {
	background-position: -37px 0;
	cursor: pointer;
}

.real {
	float: left;
	width: 43px;
	height: 49px;
	background: transparent url(images/player_re.gif) top left no-repeat;
}

.real:hover {
	background-position: -43px 0;
	cursor: pointer;
}

#contenu {
display:block;
width:995px; 
background-color: #FFF;
padding:0;
margin:0;
}

/* ne pas toucher */
.prop {
height:500px;
float:right;
width:1px;
}

/* ne pas toucher */
.clear {
clear:both;
height:1px;
overflow:hidden;
}

#mess {
position:relative;
top: 0;
left: 37px;
width: 850px;
line-height:17px;
font-size:13px;
font-weight:bold;
padding:0;
margin:0 0 20px 0;
}

#accnews {
position:relative;
display:block;
float:left;
width:653px; 
height:297px; 
background: url(images/accnewsfb.gif) no-repeat;
padding:0;
margin:0;
}

.accnewsglobal {
position:relative;
display:block;
height: 200px;
width: 653px;
padding:0;
margin:0;
font-size: 13px;
}

.accbtn  {
float:left;
position:relative;
top: 6px;
left: 0;
width:15px; 
}

.accnewscontent {
float:left;
position:relative;
top: 0;
left: 37px;
width: 340px;
line-height:17px;
}

.accnewscontent a, .accnewscontent a:visited {color:#000;outline-style:none;text-decoration:underline;}
.accnewscontent a:hover {color:#000;outline-style:none;text-decoration:underline;}

.accnewscontentfull {
float:left;
position:relative;
top: 0;
left: 37px;
width: 590px;
line-height:17px;
font-size:13px;
}

.accnewscontentfull a, .accnewscontentfull a:visited {color:#000;outline-style:none;text-decoration:underline;}
.accnewscontentfull a:hover {color:#000;outline-style:none;text-decoration:underline;}

.accnewsphoto {
position:absolute;
width:200px;
text-align: center;
top:0; 
left:390px;
padding: 0; 
margin: 0;
}

.accnewsphoto img {
text-align: center;
padding: 0; 
border: 0px solid #FFF; 
/*background-color: #eee; */
}

.accnavnews {
clear:both;
position:relative;
top: 200px;
left: 149px; 
width: 100px;
z-index:31;
}

.accnavnews #prev { 
display:block; 
float:left;
width:21px; 
height:19px;
background: url(images/newsbtnl.gif) top left no-repeat; 
margin-right:3px;
}

.accnavnews  a#prev:hover { 
background-position: -21px; 
}

.accnavnews #next { 
display:block;
float:left; 
width:21px; 
height:19px;
background: url(images/newsbtnr.gif) top left no-repeat; 
}

.accnavnews  a#next:hover { 
background-position: -21px; 
}

.accnavbnews {
clear:both;
position:relative;
top: 181px;
left: 37px; 
width: 150px;
z-index:30;
}

.accnavbnews #newsplus { 
position:relative;
display:block;
float:left; 
width:101px; 
height:19px;
background: url(images/newsplus.gif) top left no-repeat; 
}

.accnavbnews  a#newsplus:hover { 
background-position: -101px; 
}

#accagenda {
position:relative;
display:block;
float:left;
width:342px; 
height:297px; 
background: url(images/accagendafb.gif) no-repeat;
padding:0;
margin:0;
}

.accagendaglobal {
position:relative;
display:block;
width: 342px;
height: 200px;
padding:0;
margin:0;
}

.accbtna {
float:left;
position:relative;
top: 4px;
left: 0;
width:15px; 
}

.accbtnb {
float:left;
position:relative;
top: 6px;
left: 0;
width:15px; 
}

.accagendacontent {
float:left;
position:relative;
top: 0;
left: 34px;
width: 270px;
font-size:13px;
}

.accagendacontent a, .accagendacontent a:visited {color:#000;outline-style:none;text-decoration:none;}
.accagendacontent a:hover {color:#000;outline-style:none;text-decoration:underline;}

.accnavag {
clear:both;
position:relative;
top: 200px;
left: 172px; 
width: 100px;
z-index:31;
}

.accnavag #prevag { 
display:block; 
float:left;
width:21px; 
height:19px;
background: url(images/newsbtnl.gif) top left no-repeat; 
margin-right:3px;
}

.accnavag  a#prevag:hover { 
background-position: -21px; 
}

.accnavag #nextag { 
display:block;
float:left; 
width:21px; 
height:19px;
background: url(images/newsbtnr.gif) top left no-repeat; 
}

.accnavag  a#nextag:hover { 
background-position: -21px; 
}

.accnavbag {
clear:both;
position:relative;
top: 181px;
left: 34px; 
width: 150px;
z-index:30;
}

.accnavbag #agplus { 
position:relative;
display:block;
float:left; 
width:127px; 
height:19px;
background: url(images/agplus.gif) top left no-repeat; 
}

.accnavbag  a#agplus:hover { 
background-position: -127px; 
}

.accprogh {
width:653px; 
height:40px; 
background: url(images/accprogh.gif) no-repeat;
}

.accprogcontent {
background: transparent;
height: auto;
}

.dayprogon {
float:left;
position: relative;
height: 16px;
font-size:14px;
font-weight: bold;
background: #000;
border: 0px solid #000;
border-left: 0px solid #000;
border-right: 0px solid #000;
margin: 0;
padding: 0;
vertical-align: middle;
line-height: 16px;
}

.dayprogon a, .dayprogon a:visited {
color:#FFF;
outline-style:none;
text-decoration:none;
padding: 0 12px;
margin: 0;
}

.dayprogon a:hover {
color:#FFF;
outline-style:none;
text-decoration:none;
vertical-align: middle;
line-height: 16px;
}

.dayprogoff {
float:left;
position: relative;
height: 16px;
font-size:14px;
font-weight: bold;
background-color: #FFF;
border: 0px solid #000;
border-left: 0px solid #000;
border-right: 0px solid #000;
margin: 0;
padding: 0;
vertical-align: middle;
line-height: 16px;
}

.dayprogoff a, .dayprogoff a:visited {
color:#888;
outline-style:none;
text-decoration:none;
padding: 0 12px;
margin: 0;
}

.dayprogoff a:hover {
color:#FFF;
background-color:#888;
outline-style:none;
text-decoration:none;
vertical-align: middle;
line-height: 16px;
padding: 0 12px;
margin: 0;
}

.progglobal {
display: block;
float: left;
margin-left: 14px;
width: 631px;
height: auto;  
padding: 0;
font-size: 13px; 
background: #FFF;
/*z-index:310; hack z-index accueil news fleche */
}

.progglobalb {
position: relative;
left: 20px;
width: 633px;
height: auto;
padding: 0;
margin: 0;
font-size: 13px; 
}

/*
.progglobalsel {
position:relative;
left:14px;
width:621px;
height: auto; 
padding:0;
margin:0;
font-size:13px; 
background-color: #e8e8e8 !important;
}
*/

.progglobalsel {
display: block;
float: left;
margin: 0 0 3px 14px;
width: 631px;
height: auto;
padding: 0;
font-size: 13px; 
background-color: #f5f5f5 !important;
}

.proghor {
float:left;
width:110px; 
height: auto;
text-align:center;
color: #2f2f2f;
/*background-color: inherit;*/
padding:5px 0 5px 5px;
margin:0;
}

.progemis {
float:left;
width:500px; 
height: auto;
/*background-color: inherit;*/
padding:5px 5px;
margin:0;
}
.progemis a , .progemis a :visited  {color:#000;text-decoration:none;}
.progemis  a :hover  {text-decoration: underline;}

.proghorpast {
float:left;
width:110px; 
text-align:center;
color:#9e9d9d;
padding:5px 5px;
margin:0;
}

.progemispast {
float:left;
width:500px; 
padding:5px 5px 5px 0;
margin:0;
color: #9e9d9d;
}

.progemispast span {
color: #9e9d9d;
}

.progemispast a , .progemispast a :visited  {color:#9e9d9d;text-decoration:none;}
.progemispast  a :hover  {text-decoration: underline;}


.contenumain {
position:relative;
display:block;
float:left;
width:653px; 
padding:0;
margin:0;
background-color: #FFF;
}

.contenuglobal {
position:relative;
width: 653px;
background: url(images/contenuf.gif) repeat-y;
padding:0;
margin:0;
}

.contenutitre{
width:653px; 
height:58px; 
background: url(images/contenutitre.gif) no-repeat;
}

.barretitre {
float: left;
position: relative;
top: 12px;
left: 23px;
width: 7px;
height: 22px;
padding: 0 0 2px 0;
margin: 0;
color: #000;
background: #000;
}

.maintitre {
float:left;
position: relative;
top: 12px;
left: 30px;
height: 23px;
padding: 1px 5px 0 5px;
margin: 0;
color: #FFF;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:20px;
font-weight: bold;
background: #000;
line-height: 23px;
vertical-align: middle;
}

.maintitreb {
float:left;
position: relative;
top: 12px;
left: 30px;
height: 24px;
padding: 0;
margin: 0;
line-height: 24px;
}

.maintitreb span {
float: left;
padding: 0 5px;
margin: 0;
color: #FFF;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:20px;
font-weight: bold;
background: #000;
vertical-align: middle;
height: 24px;
line-height: 24px;
}



/* titre actu */
.placetitre {
padding: 2px;
margin: 0;
color: #FFF;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:18px;
font-weight: bold;
background: #000;
}

.maintitrebloc {
float:right;
position:relative;
top: 13px;
right: 30px;
height: 22px;
text-align: right;
padding: 0 5px 2px 5px;
margin: 0;
color: #FFF;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:12px;
font-weight: bold;
}


#contenutitreright{
width:342px; 
height:58px; 
background: url(images/contenutitreright.gif) no-repeat;
}

.barretitreright {
float: left;
position: relative;
top: 12px;
left: 20px;
width: 7px;
height: 22px;
padding: 0 0 2px 0;
margin: 0;
color: #000;
background: #000;
}

.maintitreright {
float:left;
position: relative;
top: 12px;
left: 27px;
height: 24px;
padding: 0;
margin: 0;
line-height: 24px;
}

.maintitreright span {
float: left;
padding: 0 5px;
margin: 0;
color: #FFF;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:20px;
font-weight: bold;
background: #000;
vertical-align: middle;
height: 24px;
line-height: 24px;
}


/* 
.placetitre {
padding: 0;
margin: 0;
color: #000;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:18px;
font-weight: bold;
background: #000 url(images/titref.gif) repeat-x;
}
*/

.newscontent {
position:relative;
display: block;
top: 12px;
left: 37px;
width: 583px;
line-height:17px;
font-size:13px;
text-align: justify;
}

.newscontent a, .newscontent a:visited {color:#000;outline-style:none;text-decoration:underline;}
.newscontent a:hover {color:#000;outline-style:none;text-decoration:underline;}

.newsphoto {
float: right;
padding: 6px 0 7px 16px; 
margin: 0;
}

.newsphoto img {
padding: 0px; 
border: 1px solid #000;
/*background-color: #eee; */
}


.agbtn  {
float:left;
position:relative;
top: 5px;
left: 0;
width:15px; 
}

.contenucontent {
position:relative;
display: block;
top: 0;
left: 37px;
width: 580px;
line-height:17px;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:13px;
text-align: left;
}

.contenucontent a, .contenucontent a:visited {color:#000;outline-style:none;text-decoration:underline;}
.contenucontent a:hover {color:#000;outline-style:none;text-decoration:underline;}

.agendacontent {
position:relative;
left: 37px;
width: 580px;
line-height:17px;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:12px;
text-align: left;
}

.agendacontent a, .agendacontent a:visited {color:#000;outline-style:none;text-decoration:underline;}
.agendacontent a:hover {color:#000;outline-style:none;text-decoration:underline;}

.agendaspace {
position:relative;
top: 15px;
left: 37px;
width: 580px;
clear: both;
display: block;
height: 35px;
border-top: 1px solid #CCC;
}

.contenucontentb {
position:relative;
display: block;
top: 0;
left: 37px;
width: 580px;
line-height:17px;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:13px;
text-align: left;
}

.contenucontentb a, .contenucontentb a:visited {color:#000;outline-style:none;text-decoration:underline;}
.contenucontentb a:hover {color:#000;outline-style:none;text-decoration:underline;}

.emiscontent {
position:relative;
display: block;
top: 0;
left: 37px;
width: 580px;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:13px;
}

.emiscontent a, .emiscontent a:visited {color:#000;outline-style:none;text-decoration:underline;}
.emiscontent a:hover {color:#000;outline-style:none;text-decoration:underline;}

.agendaphoto {
float: right;
width: 230px;
padding: 6px 0px 7px 25px; 
margin: 0;
}

.agendaphoto img {
padding: 0px; 
border: 1px solid #000;
/*background-color: #eee; */
}

table.tabplay {
	width: 580px;
	padding : 0;
}

table.tabplay tr.tabplayh {
	font-size:14px;
	font-weight: bold;
	color: #FFF;
	background: #000;
}


#contenufoot {
width:653px; 
height:40px; 
background: url(images/contenufoot.gif) no-repeat;
font-size:13px;
}

#menuright {
position:relative;
display:block;
float:left;
width:341px;
padding:0;
margin:0;
overflow: hidden;
}

.sousmenu {
display:block;
width:342px; 
height:35px;
padding:0;
margin:0;
background: url(images/menurf.gif) no-repeat;
}

.sousmenutitre {
position:relative;
display:block;
top: 9px;
left: 30px;
width: 309px;
padding:0;
margin:0;
line-height:13px;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:18px;
font-weight: bold;
color:#FFF;
}

.sousmenucontent {
position:relative;
display:block;
top: 0;
left: 24px;
width: 319px;
padding:0;
margin:0;
line-height:13px;
font-size:13px;
}

.sousmenucontentb {
position:relative;
display:block;
top: 0;
left: 26px;
width: 319px;
padding:0;
margin:0;
line-height:17px;
font-size:13px;
}

.sousmenucalcontent {
display:block;
width:342px; 
padding:0;
margin:0;
background: url(images/calf.gif) repeat-y;
}

.sousmenucal {
position:relative;
display:block;
top: 0;
left: 23px;
width: 319px;
padding:0;
margin:0;
line-height:13px;
font-size:13px;
}


/* slide pod */
#slidepod {
display: block;
width: 100%;
height: 200px;
}

#slidepod div {
width: 100%;
}

#slidepod .emis {
margin-bottom: 15px;
border-bottom: #555 solid 1px;
}

#slidepod .nom {
display: block;
font-weight: bold;
line-height: 16px;
vertical-align: middle;
border-bottom: #DDD solid 1px;
}

#slidepod .nom img {
text-align: right;
line-height: 16px;
vertical-align: middle;
}

#slidepod .desc {
display: block;
margin-bottom: 3px;
}


#slidepodnav {
margin: 0;
padding: 0;
}

#slidepodnav li {
margin: 0;
padding: 0;
float: left;
list-style-type: none;
display: inline;
}

#slidepodnav li a {
margin: 0 3px 0 0;
padding: 2px 4px;
color: #FFF;
background: #999;
line-height: 10px;
vertical-align: middle;
text-decoration: none;
}

#slidepodnav li a.activeSlide {
background: #000;
}


/* Slide Prog */
#slideprog {
margin: 0 0 0 37px;
padding: 0;
}

#slideprognav {
width: 580px;
height: 19px;
font-size: 13px;
margin: 0 0 0 37px;
padding: 0;
border-bottom: #000 solid 1px;
}

#slideprognav li {
margin: 0;
padding: 0;
float: left;
list-style-type: none;
display: inline;
}

#slideprognav li a {
margin: 0 4px;
padding: 2px 6px 1px 6px;
color: #FFF;
background: #999;
-moz-border-radius-topright : 5px;
-webkit-border-top-right-radius : 5px;
-moz-border-radius-topleft : 5px;
-webkit-border-top-left-radius : 5px;
vertical-align: middle;
text-decoration: none;
}

#slideprognav li a.activeSlide {
background: #000;
}



#ban {
position:relative;
display:block;
float:left;
width:342px; 
height:235px; 
padding:0;
margin:0;
}

#banb {
position:relative;
display:block;
width:342px; 
height:235px; 
padding:0;
margin:0;
}

.banglobal {
position:relative;
display:block;
top: 4px;
left: 12px;
width: 309px;
height: 217px;
border: #000 2px solid;
padding:0;
margin:0;
background-color: #FFF;
overflow:hidden;
}

.banligne1 {
position:absolute;
top: 150px;
right: 0;
width: auto;
height: 21px;
text-align:right;
color: #FFF;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:14px;
font-weight:bold;
padding:2px 3px 0 5px;
margin:0;
background-color: #000;
filter:alpha(opacity=65); -moz-opacity:.65; opacity:.65;
}

.bantext1 {
color: #FFF;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:15px;
font-weight:bold;
padding:2px 3px 0 5px;
margin:0;
background-color: #000;
filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99;
z-index:10;
}

.banligne2 {
position:absolute;
display:block;
top: 170px;
left: 0;
width: 301px;
height: 23px;
text-align:right;
color: #FFF;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:18px;
font-weight:bold;
padding:3px 3px 0 5px;
margin:0;
background-color: #000;
}

.baneffect {
position:absolute;
top: 198px;
left: 0;
width: 309px;
height: 1px;
color: #FFF;
padding:0;
margin:0;
background-color: #000;
filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40;
}


/* Žmissions - chroniques */
.listemis {
position: relative;
left: 37px;
width: 620px;
list-style-type: none;
margin: 0;
padding: 0;
}

.listemis li {
position: relative;
float: left;
margin: 0 20px 15px 0;
padding: 5px 5px 5px 0;
width: 270px;
height: 70px;
border-left: solid #FFF 1px;
border-top: solid #FFF 1px;
border-right: solid #CECECF 1px;
border-bottom: solid #CECECF 1px;
}


.listemis li:hover {
border: solid #000 1px;
}

.listemis li span.titre {
display: block;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

.listemis li span.titre a, .listemis li span.titre a:visited {
text-decoration: underline;
}

.listemis li span.titre a:hover {
text-decoration: underline;
}

.listemis li span.desc {
display: block;
padding-top: 1px;
font-size: 12px;
font-weight: normal;
line-height: 12px;
}

.listemis .infos {
position: absolute;
bottom: 2px;
float: left;
margin: 3px 0 0 0;
padding: 2px 2px 2px 4px;
width: 265px;
background: #EFEFEF;
}

.listemis li span.anim {
display: block;
float: left;
width: 205px;
font-size: 12px;
font-weight: normal;
line-height: 13px;
vertical-align: middle;
}

.listemis li span.pod {
position: relative;
float: right;
right: 22px;
width: 30px;
vertical-align: middle;
}

.listemis li span.pod img {

}





#photosemis {
position:relative;
display:block;
width:342px; 
height:235px;
padding:0;
margin:0;
}

.photosemisglobal {
position:relative;
display:block;
top: 4px;
left: 12px;
width: 309px;
height: 217px;
border: #000 2px solid;
padding:0;
margin:0;
background-color: #000;
overflow:hidden;
}

.photosemisligne1 {
position:absolute;
top: 161px;
right: 0;
width: auto;
height: 21px;
text-align:right;
color: #FFF;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:14px;
font-weight:bold;
padding:2px 3px 0 5px;
margin:0;
background-color: #000;
filter:alpha(opacity=65); -moz-opacity:.65; opacity:.65;
}

.navphotosemis {
position:absolute;
top: 191px;
right: 10px; 
width: auto;
text-align:right;
z-index:35;
padding:0;
margin:0;
}

.navphotosemis #prevp { 
display:block; 
float:left;
width:21px; 
height:19px;
background: url(images/newsbtnl.gif) top left no-repeat; 
margin-right:3px;
}

.navphotosemis  a#prevp:hover { 
background-position: -21px; 
}

.navphotosemis #nextp { 
display:block;
float:left; 
width:21px; 
height:19px;
background: url(images/newsbtnr.gif) top left no-repeat; 
}

.navphotosemis  a#nextp:hover { 
background-position: -21px; 
}

p.podcastinfos { margin: 5px 0 0 0; font-size:12px; line-height: 13px }
p.podcastinfos a, p.podcastinfos a:visited { color:#333;outline-style:none;text-decoration:none; }
p.podcastinfos a:hover {color:#000;outline-style:none;text-decoration:underline;}
p.podcastinfos a img { vertical-align:-20%; margin:0; padding:0; }

#rsslink {
display: block;
margin: 3px 0 0 0; 
font-size: 11px;
color: #555555;
}

#rsslink input { padding:2px; margin:2px 0 3px 0; width:290px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 10px; color:#333; background-color:#FFF; border: 1px solid #333;}

.accspace {
position:relative;
clear:both;
display:block;
height:20px;
}

.contspace {
position:relative;
clear:both;
display:block;
height:15px;
}

.clear {
clear:both;
}


#footer {
position:relative;
clear:both;
width:995px; 
height:125px; 
padding:0;
margin:0;
background: url(images/basf.gif) repeat-x;
}

.foota {
float: left;
position:absolute;
padding:0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:11px;
color:#DDD;
width:970px;
top:28px;
left:17px;
}

.foota  a, .foota  a:visited {color:#DDD;outline-style:none;text-decoration:none;}
.foota  a:hover {color:#DDD;outline-style:none;text-decoration:underline;}

.footb {
float: left;
position:absolute;
padding:0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
font-weight: bold;
color:#FFF;
width:970px;
top:45px;
left:17px;
}

.footb  a, .footb  a:visited {color:#FFF;outline-style:none;text-decoration:none;}
.footb  a:hover {color:#FFF;outline-style:none;text-decoration:underline;}


#menumore {
position: absolute; 
top:214px;
right:15px;
width: 290px; 
z-index:200;
text-align: right;
font-size: 14px;
}

.mmorebtn  {
float: right;
position: relative;
top: 5px;
left: 0;
width: 15px; 
}

.mmorecontent {
position: relative;
float: right;
top: 0;
left: 3px;
font-weight: bold;
color: white;
}

.mmorecontent  a, .mmorecontent  a:visited {color:#FFF;outline-style:none;text-decoration:none;}
.mmorecontent  a:hover {color:#FFF;outline-style:none;text-decoration:underline;}

#connect {
position: absolute; 
top:245px;
right:15px;
width: 450px; 
z-index:200;
text-align: right;
font-size: 12px;
font-weight: bold;
}

#connect  a, #connect  a:visited {color:#000;outline-style:none;text-decoration:none;}
#connect  a:hover {color:#000;outline-style:none;text-decoration:underline;}

#outer {
position: relative; 
top:205px;
left:8px;
width: 990px; 
}

ul#nav {
width: 100%; 
list-style-type: none; 
height: 36px;
padding: 0;
margin: 0; 
}

ul#nav li {
float: left; 
width: 123px; 
height: 36px; 
padding: 0;
margin: 0;
}

ul#nav li a {
display: block; 
width: 123px; 
height: 36px; 
}


ul#nav li a:hover {
background-position: -123px; 
}

ul#nav ul {
position: absolute; 
top: auto; 
left: -999em; 
width: 650px; 
height: 25px;
overflow: visible; 
line-height: 22px; 
list-style-type: none; 
padding: 0;
margin: 0; 
z-index: 2;
text-align:center;
}

ul#nav li#current {

}

ul#nav li#current a {

}

ul#nav li#current a:hover {
}

ul#nav li#current ul {
z-index: 3; 
left: 120px;  
top: auto;
background: url(images/menf.gif) repeat-x;
}

ul#nav ul li {
display: inline; 
width: auto; 
position: relative; 
text-align:left;
padding: 0 2px;
margin: 0;
}

#outer ul#nav ul li a {
display: inline; 
width: auto; 
height: auto;
color: #000; 
font-weight: bold;
font-size: 12px; 
text-decoration: none;
font-family: Helvetica, Arial, Verdana, sans-serif;
padding: 2px 6px;
margin: 0;
}

* html ul#nav ul li {
	height: 1%
}

#outer ul#nav ul li a {
	height: 1%
}

#outer ul#nav ul li a:hover {
color: #000;
background-color: #FFF;
padding: 1px 5px;
border: #000 1px solid;
}

#outer ul#nav ul li a.on{
color: #FFF;
background-color: #000;
/*background: url(images/menitemf.png) repeat-x;*/
}
#outer ul#nav ul li a.off{
color: #000;
/*background: url(images/menitemf.png) repeat-x;*/
}

ul#nav li:hover ul {
left: 120px; 
padding:0;
margin:0;
z-index: 5;
background: url(images/menf.gif) repeat-x;
}

ul#nav li.over ul {
left: 120px;  
padding:0;
margin:0;
z-index: 5;
background: url(images/menf.gif) repeat-x;
}


/* jqModal  */
div.jqmAlert { /* contains + positions the alert window */
  display: none;
  position: absolute;
  top: 245px;
  left: 660px;
}
    
* html div.jqmAlert {
     position: absolute;
	 top: 95px;
	 left: 660px;
}

div.jqmAlertWindow {
  height:auto;
  width: 300px;
  margin:0;
  padding: 5px 10px;
  background:#000;
}

.jqmAlertTitle{
  height:23px;
  color:#FFF;
  background:#000;
}
.jqmAlertTitle h1{
  margin:5px 0px;
  padding-left:5px;
  padding:0;
  font-size:15px;
  font-weight:bold;
  color:#FFF;
  float:left;
  height:20px;
}

.jqmAlertTitle  a, .jqmAlertTitle  a:visited {color:#FFF;outline-style:none;text-decoration:none;}
.jqmAlertTitle  a:hover {color:#FFF;outline-style:none;text-decoration:none;}

div.jqmAlert .jqmClose em{display:none;}
div.jqmAlert .jqmClose {
  margin:5px 2px;
  width:20px;
  height:20px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(images/close_icon_double.png) 0 0 no-repeat;
}

div.jqmAlert a.jqmClose:hover,div.jqmAlert a.jqmCloseHover{ background-position: 0 -20px; }


/* clearing a float without additional markup
   http://www.positioniseverything.net/easyclearing.html */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* unitip css */

#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	font: normal normal 11px/12px Helvetica, Verdana, Arial, sans-serif;
	display: none;
}

	#unitippoint, #unitipmid, #unitipcap {
		position: relative;
		top: 0px; 
		left: 0px;
		width: 145px;
		display: block;
	}
	
	#unitippoint { 
		background: url(images/TipPoint.png) no-repeat; 
		height: 19px; 
		overflow: hidden; 
	}
	
	#unitipmid { 
		background: url(images/TipMid.png) repeat; 
		width: 115px;
		height: auto; 
		padding: 5px 15px;
	}
	
	#unitipcap { 
		background: url(images/TipCap.png) no-repeat; 
		height: 7px; 
		overflow: hidden; 
	}
	
	
/* forum */
table.forum    { background: #FFF;} 

table.forum   td { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px;  }   /*  Tous texte dans TD*/
table.forum   td { padding:7px;  }   
table.forum   td.list { padding:7px; border-bottom: 1px solid #999; } 
table.forum   td.sep { margin:2px; padding:2px; border-top: 1px solid #999; font-size: 10px;}
table.forum   td.sepb  { margin:2px; padding:2px; border-bottom: 2px solid #333; }
table.forum   td.reponse { padding:0; } 
table.forum   td.nav { margin:0; padding:0 0 7px 0; font-size:13px;}


table.forum a.lien, table.forum a.lien:visited { text-decoration: none; font-size: 13px; font-family: Helvetica, Arial, Verdana, sans-serif; color: #123766; background:transparent; }
table.forum a.lien:hover { text-decoration : none; font-size : 13px; font-family: Helvetica, Arial, Verdana, sans-serif; color : #1e5ca8; background :transparent;}

table.forum a.liensuppr, a.liensuppr:visited { padding:4px; text-decoration:none; font-size:13px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#000; background:#CACACA; }
table.forum a.liensuppr:hover { padding:4px; text-decoration:none; font-size:13px; font-family: Helvetica, Arial, Verdana, sans-serif; color:#fff; background:#333;}

table.forum a.minilien , a.minilien:visited { text-decoration : none; font-size : 13px; font-family: Helvetica, Arial, Verdana, sans-serif; color : #123766; background :transparent; }
table.forum a.minilien:hover { text-decoration: none; font-size: 13px; font-family: Helvetica, Arial, Verdana, sans-serif; color: #1e5ca8; background: transparent;}

table.forum a.titrepost, a.titrepost:visited  {text-decoration: none; font-size: 15px; font-family: Helvetica, Arial, Verdana, sans-serif; color: #000; background:transparent;}
table.forum a.titrepost:hover {text-decoration : none; font-size : 15px; font-family: Helvetica, Arial, Verdana, sans-serif; color : #2f4d70; background :transparent;}

table.forum span.titrepostb {text-decoration: none; font-size: 16px; font-family: Helvetica, Arial, Verdana, sans-serif; color: #000; background:transparent;}

table.forum span.auteur {text-decoration: none; font-size: 12px; font-family: Helvetica, Arial, Verdana, sans-serif; color: #000; background:transparent;}

table.forum span.auteurb {text-decoration: none; font-size: 13px; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight:bold; color:#1e5ca8; background:transparent;}

table.forum span.postdate {text-decoration: none; font-size: 11px; font-family: Helvetica, Arial, Verdana, sans-serif; color: #333; background:transparent;}

table.forum form {margin:0; padding:0;}
table.forum label {padding-left:12px; padding:2px; margin:2px; width: 100px; text-align:left; font-weight:bold;}
table.forum .forum-ajout {padding:0; margin:0 0 10px 2px; height:15px; border-bottom: 1px solid #333;}
table.forum .forum-ajouttxt {padding:0px; margin:0; color:#000; font-size:15px; font-weight:bold;}
table.forum .forum-input {padding:2px; margin:2px; background-color:#fff; width:250px; border: 1px solid #333; font-family:Helvetica, Verdana, Arial, sans-serif; color:#000;}
table.forum .forum-inputb {padding:2px; margin:2px; background-color:#fff; width:350px; border: 1px solid #333; font-family:Helvetica, Verdana, Arial, sans-serif; color:#000;}
table.forum .forum-txtarea {padding:2px; margin:2px; background-color:#fff; width:440px; height:180px; border: 1px solid #333; font-family:Helvetica, Verdana, Arial, sans-serif; font-size: 12px; color:#000;}
table.forum .forum-txtareab {padding:2px; margin:2px; background-color:#fff; width:480px; height:260px; border: 1px solid #333; font-family:Helvetica, Verdana, Arial, sans-serif; font-size: 12px; color:#000;}
table.forum .forum-checkbox {padding-top:4px;}
table.forum .forum-button {padding-bottom:2px; margin:2px; width: 170px; cursor:pointer; border:0; font-size:13px; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; background-color:#000;}

table.forum img { max-width:400px; width: expression(this.width > 400 ? 400: true); }



/*  inscription */
form.inscform {
	width: 580px;
	font-size: 13px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding-bottom: 30px;
	margin: 0;
}

form.inscform label {
	float: left;
	color: #000;
	width: 180px;
	text-align: right;
	padding:2px; 
	margin:0;
}

form.inscform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	display: none;
	width: 200px;
	text-align: left;
	color: red;
}

form.inscform  span.error {
	padding-left:5px;
	width: 200px;
	text-align: left;
	color: red;
}

form.inscform p {clear: both; margin:0; padding:5px}

form.inscform div.error { float:left; display: none; }
form.inscform input { float:left; padding:2px; margin:0; width:150px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 13px; background-color:#333; color:#FFF; border: 0px solid #FFF;}
form.inscform input:focus { background-color:#333; color:#FFF; border: 0px solid #FFF;}
form.inscform input.error { background-color:#FFF; color:#000; border: 1px solid red; }
form.inscform input[type=submit] {float:left; padding:2px; margin:7px 0 0 0; width: 130px; cursor:pointer; border:0; font-size:13px; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; background-color:#000;}
form.inscform select{ float:left; padding:2px; margin:0; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 13px; background-color:#333; color:#FFF; border: 0px solid #FFF;}

p.sepb { margin:0; padding:2px; border-bottom: 2px solid #333; }

.pagination {
margin:10px 0;
width:91%;
}
.pageListe, .pageListe a {
color:#FFFFFF;
font-size:11px;
line-height: 14px;
padding:1px;
text-decoration:none;
}
.pageListe {
float:right;
text-align:center;
}
.pageInfos {
color:#000000;
font-weight:700;
}
.pageListe li {
display:inline;
}
.pagination li.pageNum, .pagination li.pageCurrent {
/*background:transparent url(http://img.bestofmedia.com/img/tomsguide/design/bg-pagination1.gif) no-repeat scroll 0 0;*/
padding-left:2px;
}
.pagination span {
/*background:transparent url(http://img.bestofmedia.com/img/tomsguide/design/bg-pagination2.gif) no-repeat scroll 0 0;*/
padding:1px 4px 2px 4px;
}
.pagination span:empty {
padding-bottom:1px;
}
.pagination li.pageNum {
background-position:left top;
padding-bottom:2px;
}
.pagination li.pageCurrent {
background-position:left bottom;
padding-bottom:2px;
}
.pagination li.pageNum span {
background-color:#000;
background-position:right top;
}
.pagination li.pageCurrent span {
background-color:#555;
background-position:right bottom;
}
.pagination .prev {
float:left;
margin-top:-10px;
}
.pagination .prev1 {
float:left;
padding-left:128px;
}
.pagination .prev a {
/*background:transparent url(http://img.bestofmedia.com/img/tomsguide/design/bt-leftMini.gif) no-repeat scroll left 5px;*/
padding:5px 5px 5px 20px;
}
.pagination .prev span {
background:transparent none repeat scroll 0 0;
display:block;
font-weight:700;
padding:3px 0 0 20px;
}
.pagination .next {
float:right;
margin-top:-10px;
}
.pagination .next a {
/*background:transparent url(http://img.bestofmedia.com/img/tomsguide/design/bt-rightMini.gif) no-repeat scroll right 5px;*/
display:block;
padding:5px 20px 5px 5px;
text-align:right;
}
.pagination .next span {
background:transparent none repeat scroll 0 0;
display:block;
font-weight:700;
margin-top:-8px;
padding:3px 20px 0 0;
text-align:right;
}

/*  bbeditor */

span.acronym { border-bottom:1px dashed green; } 
span.acronym:hover { color: green; border-bottom:1px dashed lightgreen; } 
span.spoiler { background-color: black; color: black; } 
table.bbcode_columns { border-collapse: collapse; margin-top: 1em; margin-bottom: 1em; } 
table.bbcode_columns td.bbcode_column { padding: 0 1em; vertical-align: top;} 
table.bbcode_columns td.bbcode_firstcolumn { border-left: 0; padding-left: 0; } 
div.bbcode_quote { border: 1px solid #F1F1F1; margin: 0.5em 0; } 
div.bbcode_quote_head { background-color: #F5F5F5; color: #333; font-weight: bold; padding: 0.25em 0.5em; } 
div.bbcode_quote_head a:link { color: #333; } 
div.bbcode_quote_head a:visited { color: #333; } 
div.bbcode_quote_head a:hover { color: #333; text-decoration: underline; } 
div.bbcode_quote_head a:active { color: #333; text-decoration: underline; } 
div.bbcode_quote_body { background-color: #F5F5F5; color: #000; font-style: italic; padding: 0.5em 1em; }  
div.bbcode_code { border: 1px solid #F1F1F1; margin: 0.5em 0; } 
div.bbcode_code_head { background-color: #F5F5F5; color: #333; font-weight: bold; padding: 0.25em 0.5em; } 
div.bbcode_code_body { background-color: #F5F5F5; color: #000; font: 10pt monospace; padding: 0.5em 1em; }