html{margin:0; padding:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d5d; margin:0; padding:0; background:url(images/bg-site-stripes.jpg) center top repeat-x black;}
#global{width:990px; margin:0 auto; overflow:hidden}
a{color:#5d5d5d; outline:none}
a img{border:0}
p{margin:0}
dl{list-style-type:none; margin:0; padding:0}
u{height:1px;display:block; width:90%;margin:0px;padding:0px; text-decoration:none; clear:both;}
*,dl dt,dl dd{margin:0; padding:0}
#header,#footer{width:100%}
fieldset{border:0px;}
h1 {font:normal 17px Arial, Helvetica, sans-serif; color:#315fa3; margin: 0; padding:0}
h1 a {color:#315fa3}
h2 {font:bold 13px Arial, Helvetica, sans-serif; color:#315fa3; margin: 0; padding:0}
h2 span {font:bold 13px Arial, Helvetica, sans-serif; color:#ff6f00; margin: 0; padding:0}
h2 a {color:#315fa3}
h3 {font: bold 12px Arial, Helvetica, sans-serif; color:#002E5D; margin: 0; padding:0}
h3 a {color:#002E5D}
h4 {font: normal 12px Arial, Helvetica, sans-serif; color:#002E5D; margin: 0; padding:0}
h4 a {color:#002E5D}
h5 {font: normal 11px Arial, Helvetica, sans-serif; color:#666; margin: 0; padding:0}
h5 a {color:#666}
/*
Vertical Accordions
*/
.accordion_toggle {
display: block;
height: 30px;
width: 600px;
background-color: #EC732C;
padding: 0 10px 0 10px;
line-height: 30px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 16px;
color: white;
border: 1px solid white;
cursor: pointer;
margin: 0 0 0 0;
}
.accordion_content {
overflow: hidden;
}
.dispnone{display:none}
.fleft{display:block; float:left}
.fright{display:block; float:right}
.centre {text-align:center}
.clear {clear:both; overflow:hidden}
.clearleft{display:block;clear:left}
.clearright{display:block;clear:right}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.mg15{margin-left:15px}
.mg35{margin-left:35px}
.margd{margin-right:10px; float:left;}
.margg{margin:0 0 10px 10px; float:right;}
.w47 {width:47%; overflow:hidden}
.w70 {width:70%; overflow:hidden}
.w90 {width:90%; overflow:hidden}
.w100 {width:100%; overflow:hidden}
hr{display:block; text-decoration:none; height:0; clear:both; border:0; visibility: hidden; margin:0; padding:0;}
.bloccentre {margin-left:auto; margin-right:auto;}
.bgnone {background-image:none}
.strong {font-weight:bold}
.filet {background:url(images/filet-li-actus.gif) bottom left repeat-x; padding-bottom: 10px; overflow:hidden}
h2.flechebleue, h4.flechebleue {background:url(images/fleche-bleue.gif) 0 2px no-repeat; padding-left:25px; margin: 3px 0; overflow:hidden}
h2.flechebleue a {color:#00274E; text-decoration:none}
img.cadre{border:2px solid #006}
.filetvertical {background:url(images/filet-vertical.gif) top right repeat-y; padding: 0 10px 0 0}
p.pagination{text-align:right; display:block; clear:both; margin:0 0 10px 0; padding-top:10px; background:url(images/bg-pagination.gif) bottom left repeat-x; padding-bottom: 10px; overflow:hidden}
p.pagination a, p.pagination span {margin : 0 5px; color:#264A7F; font:bold 11px Arial, Helvetica, sans-serif;}
p.pagination span.courant {font:bold 12px Arial, Helvetica, sans-serif; color:#002F60}
/* color */
.jaune {color:#ffec65}
.blanc {color:#fff}
.gris {color:#666}
.orange {color:#ff6f00}
.bleu {color:#315fa3}
#header .bandeau{width:100%; height:207px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-header.png')}
html>body #header .bandeau{width:100%; height:207px; filter:none; background:url(images/bg-header.png) top center no-repeat transparent}
#header .bandeau a.logo{display:block; position:relative; top:10px; left:20px; width:188px; height:192px; text-decoration:none; float:left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo-contact.png')}
html>body #header .bandeau a.logo {background:url(images/logo-contact.png) top center no-repeat transparent}
#header .bandeau div.menuheader{overflow: visible; height: 14px; float: right; clear:right; margin:14px 30px 0 0; _margin-right:10px}
#header .bandeau ul.liensheader{display:block; float:right; list-style-type:none; }
#header .bandeau ul.liensheader li{float:left; padding:0 0 0 20px; background:url(images/fleche-blch.gif) right 5px no-repeat; margin: 0 20px 0 0}
#header .bandeau ul.liensheader li a{position:relative; color:#fff; text-decoration:none; padding:0 20px 0 0}
#header .bandeau ul.liensheader li.newsletter{float:left; background:url(images/fleche-bas-bleue.gif) right 2px no-repeat; margin:0 10px 0 0; padding:0}
#header .bandeau ul.liensheader li.newsletter a{color:#7de5fe; background:url(images/picto-newsletter.gif) 0 1px no-repeat; padding-left:25px; text-decoration:none}
#header .bandeau div.recherche{display:block; float:right; width:352px; height:43px; margin:25px 50px 0 0;_margin-right:20px; color:#FFF; background:url(images/bg-recherche.png) 0 0 no-repeat;_background-image:url(images/bg-recherche.gif);}
#header .bandeau div.recherche table {margin:10px 0 0 25px}
#header .bandeau .recherche a.send{display:block; float:left; margin-left:10px}
#commun1{float:left;width:140px;}
#commun2{float:left;}
#commun2 label{float:left; width:130px;}
/* ## MENU ## */
#header div.menu{float:left; vertical-align:middle; background:url(images/barre-menu-g.png) left top no-repeat; _background-image:url(images/barre-menu-g.gif); padding:0 0 0 14px}
#header div.menu div{float:left; background:url(images/barre-menu-d.png) right top no-repeat; _background-image:url(images/barre-menu-d.gif); padding:0 14px 0 0}
#header div.menu div div{height:41px; width:950px; background:url(images/bg-menu.gif) left top repeat-x}
#header div.menu div div ul{width:100%; list-style-type:none; margin:8px 0 0; padding:0}
#header div.menu div div ul li{float:left; line-height:22px; padding:0 7px; height:33px;}
#header div.menu div div ul li a{display:block; cursor:pointer; color:#fff; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:15px; font-weight:700; text-decoration:none; padding:0 5px}
#header div.menu div div ul li.nuitdelaProd {width:160px; margin-top:-8px; padding:0; height:40px}
#header div.menu div div ul li.nuitdelaProd a {background:url(images/bt_160x45_nuit_prod.jpg) 0 0 no-repeat; display:block; width:100%; height:100%}
#header div.menu div div ul li.nuitdelaProd a:hover { background-position: 0 -42px}
#header div.menu div div ul li.enjoy {width:160px; margin-top:-8px; padding:0; height:40px}
#header div.menu div div ul li.enjoy a {background:url(images/bouton-enjoy-dance-party-5.jpg) 0 0 no-repeat; display:block; width:100%; height:100%}
#header div.menu div div ul li.enjoy a:hover { background-position: 0 -42px}
#header div.menu div div ul li a.club{display:block; background:url(images/pic-facebook.png) 0 -2px no-repeat; _background-image:url(images/pic-facebook.gif); padding:0 14px 0 32px}
#header div.menu div div ul li.last{padding-right:0}
#header div.menu div div ul li.selected {background:url(images/fleche-selected.gif) center bottom no-repeat}
#header div.menu div div ul li.selected a {color:#AA5014}
/* ## MENU 2 ## */
#header div.accesrapid{width:990px; height:29px; filter:none; background:url(images/bg-accesrapid.png) top left no-repeat transparent; _background-image:url(images/bg-accesrapid.gif); clear:both}
#header div.accesrapid p{display:block; float:right; text-align:right; color:#d7d6df; margin:7px 0 0; padding:0 30px 0 0}
#header div.accesrapid p a{position:relative; color:#d7d6df; font-size:11px; cursor:pointer; padding:0 2px}
/* ## STRUCTURE CONTENU ## */
div.ombres{width:100%; background:url('images/bg-content.png') repeat-y top left; _background:url('images/bg-content.gif'); margin:0 auto; padding:0}
div.bottom{width:100%; height:10px; background:url('images/rounded-bas.png') no-repeat top left; _background:url('images/rounded-bas.gif'); margin:0 auto; padding:0}
#content{clear:both; width:950px; /*background-color:#fff;*/ overflow:hidden; margin:0 auto; padding:10px}
.colg640{width:640px; float:left}
.colg778{width:778px; float:left}
.cold300{width:300px; float:right}
.cold162{width:162px; float:right}
.padbasg {width:370px; float:left}
.padbasd {width:260px;float:right}
.padbasg445 {width:445px; float:left; }
.padbasd300 {width:300px; float:left; margin-left:15px; clear:right}
/* #### FOOTER #### */
#filariane{width:100%; height:44px; background:url('images/bg-filAriane.png') top left no-repeat; _background-image:url('images/bg-filAriane.gif'); color:#fff; overflow:hidden; }
#filariane div {width:90%; margin:14px auto; font:normal 12px Arial, Helvetica, sans-serif}
#filariane div a {text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif; color:#fff}
#footer {position:relative; overflow:hidden}
#footer a.logo{display:block; position:absolute; width:89px; height:89px; bottom:20px; right:20px; background:url(images/logo-contact-bas.png) 0 0 no-repeat; _background-image:url(images/logo-contact-bas.gif)}
#footer div.footerhaut{width:100%; height:14px;background:url('images/footer-h.png') bottom left no-repeat transparent; _background-image:url('images/footer-h.gif')}
#footer div.footerbas{width:100%; height:63px; background:url('images/footer-bas.png') top left no-repeat transparent; _background-image:url('images/footer-bas.gif')}
#footer div.content{width:100%; background:url(images/footer-ombres.png) top left repeat-y transparent; _background-image:url('images/footer-ombres.gif')}
#footer div.content div.degradehaut{width:974px; background:url('images/degrade-footer.gif') top left repeat-x #dbdbdb; margin:0 auto}
#footer div.content div.degradehaut div.contenufooter{width:100%; overflow:hidden; margin:0 auto}
#footer div.content div.degradehaut div.contenufooter div.brushtop{width:100%; height:152px;}
#footer div.content div.degradehaut div.contenufooter dl{display:block; width:120px; float:left; margin:10px 15px 20px}
#footer div.content div.degradehaut div.contenufooter dl dd{background:url('images/filet.gif') bottom left repeat-x transparent; margin:3px 0; padding:3px 0}
#footer div.content div.degradehaut div.contenufooter dl dd a{text-decoration:none}
#footer div.content div.degradehaut div.partenaires{width:100%; height:84px; background-color:#fff}
#footer div.content div.degradehaut div.partenaires div.brushmiddle{width:100%; height:100px; }
#footer div.content div.degradehaut div.partenaires div.brushmiddle div{width:95%; margin:0 auto; padding:5px 0}
#footer div.content div.degradehaut div.partenaires div.brushmiddle div a{display:block; float:left; margin:5px}
#footer div.footerbas div.liensbas{position:relative; width:950px; clear:both; overflow:hidden; margin:0 auto; padding:15px 0}
#footer div.footerbas div.liensbas a{background:transparent url('images/liensbas_a.gif') no-repeat scroll top right; color:#454545; display:block; float:left; font:normal 11px arial, sans-serif; height:24px; margin-right:6px; padding-right:15px; text-decoration:none}
#footer div.footerbas div.liensbas a:hover{color:#1f1f1f}
#footer div.footerbas div.liensbas a span{background:transparent url('images/liensbas_span.gif') no-repeat; display:block; line-height:14px; padding:5px 0 5px 13px}
#footer div.footerbas div.liensbas a.recrut{background-position:bottom right; color:#fff; outline:none}
#footer div.footerbas div.liensbas a.recrut span{background-position:bottom left}
/*actus */
div.actus h1{font-size:16px; font-weight:700; color:#002f60}
div.actuPrincipale {width:330px; float:left; padding:0 8px 0 0; margin-top:10px}
div.actuPrincipale .ombreImg {width:180px; height:180px; float:left; margin-right:7px; background:url(images/bg-cadre-img.gif) bottom left no-repeat}
div.actuPrincipale .ombreImg img {margin: 14px 0 0 14px}
div.actuPrincipale .infos {width:140px; float:right}
.ombreImg {width:180px; height:180px; float:left; margin-right:7px; background:url(images/bg-cadre-img.gif) bottom left no-repeat}
.ombreImg img {margin: 14px 0 0 14px}
#actu-actions ul.pictos {list-style-type:none; float:right; margin-bottom:20px}
#actu-actions ul.pictos li {float:left; margin: 0 5px}
#actu-actions .bouton-print {cursor:pointer}
.contenu_article{ margin-top:50px}
.contenu_article b {font:bold 12px Arial, Helvetica, sans-serif}
.contenu_article a{color:#ff6f00}
.photos_actu img {border:4px solid #ccc; margin: 0 5px}
.lire_aussi {height:150px; margin-top:20px;width:580px; background:url(images/voir-aussi.jpg) top left no-repeat; overflow:hidden; clear:both}
.lire_aussi h2 {font:bold 16px "Century Gothic", Arial, Helvetica, sans-serif; color:#0b0056; margin: 23px 0 0 30px}
.lire_aussi ul {list-style-type:none; margin:15px 0 0 40px; padding:0 10px}
.lire_aussi ul li {background:url(images/fleche-bleue.gif) 0 2px no-repeat; padding: 0 0 0 25px; margin: 6px 0; font-weight:bold}
.lire_aussi ul li a {font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#C00}
.lire_aussi ul li a:hover{color:#820000}
#cat_news a:hover dl dt {color:#c45400}
#cat_news dl {margin: 0 0 0 20px; height:67px; padding: 0 0 0 70px}
#cat_news dl.contact {background:url(images/pic-bl-newscontact.gif) 0 0 no-repeat }
#cat_news dl.music {background:url(images/pic-bl-newsmusic.gif) 0 0 no-repeat }
#cat_news dl.cine {background:url(images/pic-bl-newscine.gif) 0 0 no-repeat }
#cat_news dl.jeux {background:url(images/pic-bl-newsjeux.gif) 0 0 no-repeat }
#cat_news dl.infos {background:url(images/pic-bl-newsinfos.gif) 0 0 no-repeat }
#cat_news dl.web {background:url(images/pic-bl-newsweb.gif) 0 0 no-repeat }
#cat_news dl dt {font: bold 16px "Century Gothic", Arial, Helvetica, sans-serif; color:#FF6F00; padding: 8px 0 0 0}
#cat_news dl dd {font:normal 13px Arial, Helvetica, sans-serif; margin: 0}
/* commentaires */
.repondre{ margin-top:10px; float:left; font:normal 13px Arial, Helvetica, sans-serif}
.commentaire {overflow:hidden; padding-top: 15px; clear:both; margin-top:8px}
/* pubs */
.pubH728,.pubB728{width:746px; height:92px; background:url(images/ong-pub.gif) bottom left no-repeat; margin:10px 30px 0 0;_margin-right:20px; _margin-top:-5px; float:right; z-index:99;}
.pubB728 {margin: 10px auto; float:none}
.pubH728 div, .pubB728 div{width:728px; height:90px; float:right; border:1px solid #fff; z-index:99;}
.pub300{width:300px; height:250px; z-index:99;}
.pubSkyscraper{width:162px; height:614px; background:url(images/ong-pub-sky.gif) top left no-repeat #fff; z-index:99; }
.pubSkyscraper div{width:160px; height:600px; float:right; margin:14px 0 0 0; border:1px solid #ccc; padding:1px; z-index:99;}
/* boutons */
a.send{background:transparent url('images/send_a.gif') no-repeat scroll top right; color:#fff; display:block; float:left; font:normal 11px arial, sans-serif; height:23px; margin-right:6px; padding-right:8px; text-decoration:none}
a.send span{background:transparent url(images/send_span.gif) no-repeat; _background:transparent url(images/send_span.gif) no-repeat; display:block; line-height:14px; padding:4px 0 5px 8px}
a.btbleuclair{background:transparent url(images/btn-bleucl_a.png) no-repeat scroll top right; _background:transparent url(images/btn-bleucl_a.gif) no-repeat scroll top right; color:#fff; display:block; float:left; height:22px; margin-right:6px; padding-right:12px; text-decoration:none}
a.btbleuclair span{background:transparent url(images/btn-bleucl_span.png) no-repeat; _background:transparent url(images/btn-bleucl_span.gif) no-repeat; display:block; padding:1px 0 5px 15px}
a.btbleufonce{background:transparent url(images/btn-bleuf_a.png) no-repeat scroll top right; _background:transparent url(images/btn-bleuf_a.gif) no-repeat scroll top right; color:#fff; display:block; float:left; height:22px; margin-right:6px; padding-right:12px; text-decoration:none}
a.btbleufonce span {background:transparent url(images/btn-bleuf_span.png) no-repeat; _background:transparent url(images/btn-bleuf_span.gif) no-repeat; display:block; line-height:12px; padding:1px 0 5px 15px}
a.btorange2{background:transparent url(images/btn-orange2_a.gif) no-repeat scroll top right; color:#630606; display:block; float:left; font:bold 12px arial, sans-serif; height:19px; margin-right:6px; padding-right:12px; text-decoration:none}
a.btorange2 span {background:transparent url(images/btn-orange2_span.png) no-repeat;_background:transparent url(images/btn-orange2_span.gif) no-repeat; display:block; line-height:12px; padding:3px 0 4px 13px}
a.btorange{background:transparent url(images/btn-orange1_a.png) no-repeat scroll top right; _background:transparent url(images/btn-orange1_a.gif) no-repeat scroll top right; color:#fff; display:block; float:left; font:bold 12px arial, sans-serif; height:22px; margin-right:6px; padding-right:12px; text-decoration:none}
a.btorange span {background:transparent url(images/btn-orange1_span.png) no-repeat; _background:transparent url(images/btn-orange1_span.gif) no-repeat; display:block; line-height:12px; padding:1px 0 5px 15px}
a.btviolet{background:transparent url(images/btn-violet_a.png) no-repeat scroll top right; _background:transparent url(images/btn-violet_a.gif) no-repeat scroll top right; color:#fff; display:block; float:left; font:bold 12px arial, sans-serif; height:22px; margin-right:6px; padding-right:12px; text-decoration:none}
a.btviolet span{background:transparent url(images/btn-violet_span.png) no-repeat; _background:transparent url(images/btn-violet_span.gif) no-repeat; display:block; line-height:12px; padding:1px 0 5px 15px}
a.ensavoirplus{display:block; color:#00284F; font:bold 11px arial, sans-serif; text-decoration:none; background:url(images/icon-plus.gif) 0 0 no-repeat; line-height:12px; padding:8px 0 7px 32px}
a.lirepodcast{display:block; width:230px;float:right; height:26px; color:#00284F; font:bold 11px arial, sans-serif; text-decoration:none; background:url(images/icon-podcast.gif) 0 0 no-repeat; line-height:12px; padding:8px 0 7px 32px}
a.lire{display:block; height:26px; color:#00284F; font:bold 11px arial, sans-serif; text-decoration:none; background:url(images/icon-ecoute.gif) 0 0 no-repeat; line-height:12px; padding:8px 0 7px 32px}
a.btbleuclair span font,a.btbleufonce span font,a.btorange span font,a.btviolet span font{background:transparent url(images/fleche-btn.gif) no-repeat 0 4px; display:block; font:bold 12px arial, sans-serif; padding:2px 0 0 20px}
a.rss {display:block; float:right; height:26px; background:url(images/rss-blanc.gif) 0 0 no-repeat; font:normal 12px Arial, Helvetica, sans-serif; color:#ff6f00; line-height:19px; text-decoration:underline; padding: 0 0 0 35px}
a.voter{display:block; height:26px; color:#00284F; font:bold 11px arial, sans-serif; text-decoration:none; background:url(images/icon-vote.gif) 0 0 no-repeat; line-height:12px; padding:8px 0 7px 32px}
/* formulaires */
input {color:#666; font: normal 11px Arial, Helvetica, sans-serif}
.champcontact{background: url(images/input-bg.gif) repeat-x top left #ffffff; border:1px solid #8aaebd; border-top-color: #99b8c6; padding:2px 2px 2px 4px;}
span.send {background:transparent url('images/send_a.gif') no-repeat scroll top right; color:#fff; display:block; float:left; font:normal 11px arial, sans-serif; height:23px; margin-right:0; margin-left:3px; padding-right:8px; text-decoration:none; cursor:pointer}
span.send input {border:0; background:transparent url(images/send_span.gif) no-repeat; _background:transparent url(images/send_span.gif) no-repeat; display:block; line-height:14px; padding:4px 0 5px 8px; color:#fff; cursor:pointer}
span.btorange2 {background:transparent url(images/btn-orange2_a.gif) no-repeat scroll top right; color:#630606; display:block; float:left; font:bold 12px arial, sans-serif; height:19px; margin-right:0; padding-right:12px; text-decoration:none; cursor:pointer}
span.btorange2 input {border:0; background:transparent url(images/btn-orange2_span.png) no-repeat;_background:transparent url(images/btn-orange2_span.gif) no-repeat; display:block; line-height:12px; padding:1px 0 4px 13px; color:#630606; font-weight:bold; cursor:pointer}
fieldset{border:0px;}
input.submit {display:block; float:right; cursor:pointer; font:bold 15px Arial, Helvetica, sans-serif; color:#630606; background:transparent url(images/bg-bouton-form.gif) repeat-x; border:none; height:57px; padding:0; margin: 10px 218px 0 0}
/* blocs */
/* ## BLOC width300 ## */
div.pad300{width:300px}
div.pad300 div.titre{background:url(images/top-pad-bleu-300.gif) no-repeat bottom left; height:42px; width:100%; margin:0}
div.pad300 div.content{background:url(images/omb-pad-300.gif) repeat-y top left; width:300px; margin:0; padding:0}
div.pad300 div.content div.bas{background:url(images/bas-pad-300.gif) no-repeat bottom left; margin:0; padding:0}
div.pad300 div.content div.degrade{background:url(images/degrade-pad-300.gif) no-repeat 3px 0; margin:0; padding:0 0 12px; overflow:hidden}
div.pad300 div.content div.degrade div{width:270px; margin:0 auto; padding:10px 0}
div.pad300#bleu div.content{background:url(images/omb-padbleu-300.gif) repeat-y top left #ABC5D0; width:300px; margin:0; padding:0}
div.pad300#bleu div.content div.bas{background:url(images/bas-padbleu-300.gif) no-repeat bottom left; margin:0; padding:0}
div.pad300#bleu div.content div.degrade{background:none; width:270px; margin:0 auto; padding:0 0 12px; overflow:hidden}
div.pad300#indigo div.titre{background:url(images/top-pad-indigo-300.gif) no-repeat bottom left; height:42px; width:100%; margin:0}
div.pad300 div.titre h1.prog{background:url(images/h1-progcontact.png) bottom left no-repeat; _background:url(images/h1-progcontact.gif) bottom left no-repeat; padding-left:50px}
div.pad300 div.titre h1.live{background:url(images/h1-live.png) bottom left no-repeat; _background:url(images/h1-live.gif) bottom left no-repeat; padding-left:50px}
div.pad300 div.titre h1.ctkoi{background:url(images/h1-ctkoi.png) bottom left no-repeat; _background:url(images/h1-ctkoi.gif) bottom left no-repeat; padding-left:50px}
div.pad300 div.titre h1.podcasts{background:url(images/h1-podcasts.png) bottom left no-repeat; _background:url(images/h1-podcasts.gif) bottom left no-repeat}
div.pad300 div.titre h1,div.pad300#indigo div.titre h1, div.pad375 div.titre h1, div.pad260 div.titre h1, div.pad440 div.titre h1{display:block; height:26px; color:#fff; font:bold 14px arial, sans-serif; padding:16px 0 0 50px}
div.pad300 div.titre h1 {padding-left:25px}
div.titre h1.prog{background:url(images/h1-progcontact.png) bottom left no-repeat; _background:url(images/h1-progcontact.gif) bottom left no-repeat; padding-left:50px}
div.encartpodcasts p{color:#FB7E0D}
div.encartpodcasts p a{color:#264A7F}
div.encartpodcasts p a.btbleuclair{color:#fff}
div.encartagenda img.cadre, div.encartphotos img.cadre{border:2px solid #006}
div.encartartiste img, div.encartProg img.vignette{border:2px solid #b8b8b8}
div.encartProg p.horaire {font:normal 18px Arial, Helvetica, sans-serif; color:#F21356}
/* col droite */
div.pad300 div.titre h1.podcastsdroite {background:url(images/h1-podcasts.png) bottom left no-repeat; _background:url(images/h1-podcasts.gif) bottom left no-repeat; padding-left:50px}
div.pad300 div.titre h1.playlistsdroite {background:url(images/h1-playlistC.png) bottom left no-repeat; _background:url(images/h1-playlistC.gif) bottom left no-repeat ;padding-left:50px}
div.encartBlogTeam {width:300px; height:222px; background:url(images/bg-blog-team.jpg) bottom left no-repeat;}
div.encartBlogTeam div.content {padding:70px 0 0; width:80%; margin:0 auto; }
div.pad300 div.titre h1.artistesdroite{background:url(images/h1-artiste.png) bottom left no-repeat; _background:url(images/h1-artiste.gif) bottom left no-repeat}
/* ## BLOC width375 ## */
div.pad375{width:375px}
div.pad375 div.titre{background:url(images/top-pad-violet-375.gif) no-repeat bottom left; height:42px; width:100%; margin:0}
div.pad375 div.content{background:url(images/omb-pad-375.gif) repeat-y top left; width:375px; margin:0; padding:0}
div.pad375 div.content div.bas{background:url(images/bas-pad-375.gif) no-repeat bottom left; margin:0; padding:0}
div.pad375 div.content div.degrade{background:url(images/degrade-pad-375.gif) no-repeat 3px 0;margin:0; padding:0 0 12px; overflow:hidden}
html>body div.pad375 div.content div.degrade {height:auto; min-height:100px}
div.pad375 div.content div.degrade div {margin:0 auto; padding:10px 0 5px 0; width:340px}
div.pad375 div.titre h1.agenda{background:url(images/h1-agenda.png) bottom left no-repeat; _background:url(images/h1-agenda.gif) bottom left no-repeat}
div.pad375 div.titre h1.playlistC{background:url(images/h1-playlistC.png) bottom left no-repeat; _background:url(images/h1-playlistC.gif) bottom left no-repeat}
div.pad375 div.titre h1.compils{background:url(images/h1-compils.png) bottom left no-repeat; _background:url(images/h1-compils.gif) bottom left no-repeat}
div.pad375 div.bleu {background:url(images/top-pad-bleu-375.gif) repeat-y top left; width:375px; margin:0; padding:0}
div.pad375 div.gris {background:url(images/top-pad-gris-300.gif) repeat-y top left; width:375px; margin:0; padding:0}
div.enjoyDay div.titre {background:url(images/top-pad-gris-300.gif) no-repeat bottom left; height:42px; width:100%; margin:0}
div.enjoyDay div.titre h1 {color:#555; padding-left:20px}
div.enjoyDay div.titre h1 span {color:#C21667}
ul.flechebleue {list-style-type:none}
ul.flechebleue li{background:url(images/fleche-bleue.gif) 0 2px no-repeat; padding-left:25px;}
ul.flechebleue li a {color:#00274E}
dl.flechebleue {background:url(images/fleche-bleue.gif) 0 2px no-repeat; padding-left:25px}
dl.flechebleue dd a {color:#00274E}
/* ## BLOC width260 ## */
div.pad260{width:260px}
div.pad260 div.titre{background:url(images/top-pad-orange-260.gif) no-repeat bottom left; height:42px; width:100%; margin:0}
div.pad260 div.content{background:url(images/omb-pad-260.gif) repeat-y top left; width:263px; margin:0; padding:0}
div.pad260 div.content div.bas{background:url(images/bas-pad-260.gif) no-repeat bottom left; margin:0; padding:0}
div.pad260 div.content div.degrade{background:url(images/degrade-pad-260.gif) no-repeat 3px 0;margin:0; padding:0 0 12px; overflow:hidden}
html>body div.pad260 div.content div.degrade {height:auto; min-height:100px}
div.pad260 div.content div.degrade div {margin:0 auto; padding:10px 0; width:243px}
div.pad260#vert div.titre{background:url(images/top-pad-vert-260.gif) no-repeat bottom left; height:42px; width:100%; margin:0}
div.pad260#bleuciel div.titre{background:url(images/top-padbleuciel-260.gif) no-repeat bottom left; height:42px; width:100%; margin:0}
div.pad260 div.titre h1.video{background:url(images/h1-video.png) bottom left no-repeat; _background:url(images/h1-video.gif) bottom left no-repeat}
div.pad260 div.titre h1.artiste{background:url(images/h1-artiste.png) bottom left no-repeat; _background:url(images/h1-artiste.gif) bottom left no-repeat}
div.pad260 div.titre h1.photos{background:url(images/h1-photos.png) bottom left no-repeat; _background:url(images/h1-photos.gif) bottom left no-repeat}
/* ## BLOC width440 ## */
div.pad440{width:440px}
div.pad440 div.titre{background:url(images/top-pad-bleu-440.gif) no-repeat bottom left; height:42px; width:100%; margin:0}
div.pad440 div.content{background:url(images/omb-pad-440.gif) repeat-y top left; width:440px; margin:0; padding:0}
div.pad440 div.content div.bas{background:url(images/bas-pad-440.gif) no-repeat bottom left; margin:0; padding:0}
div.pad440 div.content div.degrade{background:url(images/degrade-pad-440.gif) no-repeat 3px 0;margin:0; padding:0 0 12px; overflow:hidden}
html>body div.pad440 div.content div.degrade {height:auto; min-height:100px}
div.pad440 div.content div.degrade div {margin:0 auto; padding:10px 0; width:410px}
div.pad440 div.titre h1.artiste{background:url(images/h1-artisteBleu.png) bottom left no-repeat; _background:url(images/h1-artisteBleu.gif) bottom left no-repeat}
/* actus home */
.modulActus {width:640px; background-color:#666; height:318px; overflow:hidden}
.modulActus div.titre {width:100%; height:32px; background:url(images/top-pad-actus.gif) top left no-repeat; overflow:hidden}
.modulActus div.titre h1 {font: normal 14px Arial, Helvetica, sans-serif; color:#fff; display:block; padding:8px 0 0 30px}
.modulActus div.titre a {display:block; height:22px; background:url(images/picto-rss-actus.gif) 0 1px no-repeat; font:normal 12px Arial, Helvetica, sans-serif; color:#8DC2F8; text-decoration:none; margin: 4px 0 0 80px; padding: 4px 0 0 30px}
.modulActus div.fond {position:absolute; width:438px; height:75px; background-color:#000; z-index:10; margin-top:211px; filter : alpha(opacity=80); -moz-opacity : 0.8; opacity : 0.8; color:#fff}
.modulActus div.detailActus {position:absolute; width:410px; margin :218px 0 0 12px; z-index:15; color:#fff}
.modulActus div.detailActus p span {font: bold 14px Arial, Helvetica, sans-serif; color:#FEC337}
.modulActus div.detailActus p a span {color:#fff}
.modulActus div.infos {width:100%; clear:both}
.modulActus div.infos img {position:absolute; z-index:4}
.modulActus div.listActus {position:relative; z-index:25; width:218px; height:286px; margin: 0 0 0 422px; background:url(images/bg-gradient-actu.gif) top right repeat-y transparent}
.modulActus div.listActus ul {margin:0; padding:0; list-style-type:none}
.modulActus div.listActus ul li {margin:0; padding:0; height:46px; _height:44px}
.modulActus div.listActus ul li.active {background:url(images/bg-actu-active.png) top right no-repeat transparent;; _background:url(images/bg-actu-active.gif); _height:46px}
.modulActus div.listActus ul li span {display:block; float:left; cursor:pointer; outline:none; height:34px; width:180px; color:#BDBDBD; text-decoration:none; padding:6px 0 0 0; margin:0 0 0 30px; _margin:0 0 0 16px; background:url(images/filet-li-actus.gif) 0 0 repeat-x}
.modulActus div.listActus ul li.active span {color:#C50A0A;background:none}
/* pad onglets blogs, etc */
.padOnglets {width:640px; height:auto; clear:both}
.padOnglets ul.onglets {width:648px;}
.padOnglets ul.onglets li {display:block; float:left; width:207px; height:62px; margin: 0 8px 0 0;cursor:pointer;}
.padOnglets ul.onglets li.last{float:right}
.padOnglets div.content {width:100%; clear:both; overflow:hidden}
.padOnglets div.content#onglet1 {background:url(images/bg-ong1.gif) top left repeat-x #fff}
.padOnglets div.content#onglet2 {background:url(images/bg-ong2.gif) top left repeat-x #fff}
.padOnglets div.content#onglet3 {background:url(images/bg-ong3.gif) top left repeat-x #fff}
.padOnglets div.content div {width:600px; margin:0 auto; padding: 20px 0 0 0}
.padOnglets div.content div div.infoUne {width:330px; float:left; padding:0 8px 0 0; background:url(images/filet-vertical.gif) top right repeat-y}
.padOnglets div.content#onglet1 div div.infoUne h1 {color:#002F60; font:bold 16px Arial, Helvetica, sans-serif}
.padOnglets div.content#onglet1 div div.infoUne h1 span {color:#037BB1; font:bold 13px Arial, Helvetica, sans-serif}
.padOnglets div.content#onglet2 div div.infoUne h1 {color:#F60; font:bold 16px Arial, Helvetica, sans-serif}
.padOnglets div.content#onglet2 div div.infoUne h1 span {color:#ea9800; font:bold 13px Arial, Helvetica, sans-serif}
.padOnglets div.content#onglet2 div div.infoDeux h1.titre {display:block; background-color:#F60; padding:7px 20px; color:#fff; font:bold 12px Arial, Helvetica, sans-serif}
.padOnglets div.content#onglet2 div div.infoDeux p {color:#ff6500}
.padOnglets div.content#onglet3 div div.video {width:280px; float:left; padding:0 8px 0 0; background:url(images/filet-vertical.gif) top right repeat-y; overflow:hidden}
.padOnglets div.content#onglet3 div div.video div {float:left; clear:both; width:97%; padding:0; margin: 0 0 5px 0}
.padOnglets div.content#onglet3 div div.video h1 {color:#910c34; font:bold 14px Arial, Helvetica, sans-serif}
.padOnglets div.content#onglet3 div div.video h1 span {color:#910c34; font:bold 13px Arial, Helvetica, sans-serif}
.padOnglets div.content#onglet3 div div.video#col2 {margin: 0 0 0 20px; background-image:none}
.padOnglets div.content div div.infoDeux {width:230px; float:right; padding:0 8px 0 0; color:#264A7F}
.padOnglets div.content#onglet1 div div.infoDeux p {color:#264A7F}
.padOnglets div.content#onglet1 div div.infoDeux p a {color:#1b9ad2}
.padOnglets div.content div div.infoDeux p a.btbleuclair span font {color:#fff}
.padOnglets div.content#onglet1 div div.infoDeux h1.titre {display:block; background-color:#1b9ad2; padding:7px 20px; color:#fff; font:bold 12px Arial, Helvetica, sans-serif}
#menuDeroulantHead{padding:0; position:relative; top:0; left:0; z-index:50;}
.deroulHaut { width:465px; _width:480px; height:auto; color:#fff; background-color:#245085; border:1px solid #9dacf2; position: absolute; top:0; left:-64px; _left:300px; margin: 7px 0 0 0; _margin:0; padding:10px; _padding: 10px 0; overflow:hidden}
.deroulHaut div {width:100%; margin: 0 0 15px 0; padding: 5px 10px 0 10px; overflow:hidden}
.deroulHaut div p {font-weight:bold; margin:0 10px 0}
.deroulHaut div table {width:100%; margin-left:10px; overflow:hidden}
/* ### SOUS MENUS ### */
#header div.menu div div div.sousmenu{width:300px;background:none; float:none;}
#header div.menu div div div.sousmenu div.content {background: url(images/curvyorange1.gif) repeat-x top left #ffad21; margin:0; padding:0;width:300px; height:auto;}
#header div.menu div div div.sousmenu div.bas{background: url(images/curvyorange3.gif) no-repeat bottom right; margin:0; padding:0; height:22px; float:left; width:100%;}
#header div.menu div div div.sousmenu dl{width:90%; margin: 0 auto; padding: 15px 0 0 0; color:#fff}
#header div.menu div div div.sousmenu dl a {font-family:Arial,Helvetica,sans-serif; font-weight:normal; line-height:normal;
font-size:11px;color:#fff; text-decoration:none; display:block; width:100%; /*background:url(images/filet-ssmenu.gif) bottom left repeat-x;*/}
#header div.menu div div div.sousmenu dl a dt {margin: 0 0 0 50px; padding: 10px 0 0 0; font:bold 12px Arial, Helvetica, sans-serif}
#header div.menu div div div.sousmenu dl a dd {/*background:url(images/filet-ssmenu.gif) bottom left repeat-x; padding: 0 0 15px 0;*/ margin-left:50px}
#header div.menu div div div.sousmenu dl a dd span {background:url(images/filet-ssmenu.gif) bottom left repeat-x; padding: 0 0 15px 0; display:block}
#header div.menu div div div.sousmenu#ssmenuRadio {position:absolute; top:249px; margin-left:-63px; z-index:100}
#header div.menu div div div.sousmenu#ssmenuMusic {position:absolute; top:249px; margin-left:-101px; z-index:100}
#header div.menu div div div.sousmenu#ssmenuNews {position:absolute; top:249px; margin-left:-119px; z-index:100}
#header div.menu div div div.sousmenu#ssmenuContactTv {position:absolute; top:249px; margin-left:-109px; z-index:100}
#header div.menu div div div.sousmenu#ssmenuBlogs {position:absolute; top:249px; margin-left:-106px; z-index:100}
#header div.menu div div div.sousmenu#ssmenuClubbing {position:absolute; top:249px; margin-left:-97px; z-index:100}
#header div.menu div div div.sousmenu#ssmenuJeux {position:absolute; top:249px; margin-left:-122px; z-index:100}
#header div.menu div div div.sousmenu#ssmenuClub {position:absolute; top:249px; margin-left:-95px; z-index:100}
#header div.menu div div div.sousmenu#ssmenuVideo {position:absolute; top:249px; margin-left:-117px; z-index:100}
#header div.menu div div div.sousmenu#ssmenuServices {position:absolute; top:249px; margin-left:-189px; z-index:100}
#header div.menu div div div.sousmenu#ssmenuMyReduc {position:absolute; top:249px; margin-left:-234px; z-index:100}
a#rubProg {background:url(images/pic-prog.png) 0 8px no-repeat; _background:url(images/pic-prog.gif) 0 15px no-repeat;}
a#rubTeam {background:url(images/pic-laTeamcontact.png) 0 6px no-repeat; _background:url(images/pic-laTeamcontact.gif) 0 6px no-repeat;}
a#rubEcoute {background:url(images/pic-ecouteContact.png) 0 8px no-repeat; _background:url(images/pic-ecouteContact.gif) 0 8px no-repeat;}
a#rubCtkoi {background:url(images/pic-ctkoi.png) 0 3px no-repeat; _background:url(images/pic-ctkoi.gif) 0 3px no-repeat;}
a#rubFrequences {background:url(images/pic-frequences.png) 0 3px no-repeat; _background:url(images/pic-frequences.gif) 0 3px no-repeat;}
a#rubTchat {background:url(images/pic-tchat.png) 0 3px no-repeat; _background:url(images/pic-tchat.gif) 0 3px no-repeat;}
a#rubPlaylists {background:url(images/pic-playlist.png) 0 8px no-repeat; _background:url(images/pic-playlist.gif) 0 15px no-repeat;}
a#rubArtistesDJ {background:url(images/pic-artistes.png) 0 6px no-repeat; _background:url(images/pic-artistes.gif) 0 6px no-repeat;}
a#rubPodcasts {background:url(images/pic-podcasts.png) top left no-repeat; _background:url(images/pic-podcasts.gif) top left no-repeat;}
a#rubWebradios {background:url(images/pic-radios.png) 0 8px no-repeat; _background:url(images/pic-radios.gif) 0 8px no-repeat;}
a#rubCompils {background:url(images/pic-compilations.png) 0 3px no-repeat; _background:url(images/pic-compilations.gif) 0 3px no-repeat;}
a#rubTelechargements {background:url(images/pic-telechargements.png) 0 3px no-repeat; _background:url(images/pic-telechargements.gif) 0 3px no-repeat;}
a#rubSonneries {background:url(images/pic-sonneries.png) 0 3px no-repeat; _background:url(images/pic-sonneries.gif) 0 3px no-repeat;}
a#rubNewsContact {background:url(images/pic-newsContact.png) 0 8px no-repeat; _background:url(images/pic-newsContact.gif) 0 15px no-repeat;}
a#rubNewsMusic {background:url(images/pic-newsMusic.png) 0 6px no-repeat; _background:url(images/pic-newsMusic.gif) 0 6px no-repeat;}
a#rubNewsCine {background:url(images/pic-newsCine.png) 0 6px no-repeat; _background:url(images/pic-newsCine.gif) 0 6px no-repeat;}
a#rubJeuxvideo {background:url(images/pic-newsJeuxvideo.png) 0 8px no-repeat; _background:url(images/pic-newsJeuxvideo.gif) 0 8px no-repeat;}
a#rubNewsInfos {background:url(images/pic-newsInfos.png) 0 3px no-repeat; _background:url(images/pic-newsInfos.gif) 0 3px no-repeat;}
a#rubNewsWeb {background:url(images/pic-newsWeb.png) 0 3px no-repeat; _background:url(images/pic-newsWeb.gif) 0 3px no-repeat;}
a#rubGalerieVideo {background:url(images/GalerieVideo.png) 0 3px no-repeat; _background:url(images/GalerieVideo.gif) 0 3px no-repeat;}
a#rubGaleriePhoto {background:url(images/galeriePhoto.png) 0 3px no-repeat; _background:url(images/galeriePhoto.gif) 0 3px no-repeat;}
a#rubClips {background:url(images/clip.png) 0 3px no-repeat; _background:url(images/clip.gif) 0 3px no-repeat;}
a#rubAgenda {background:url(images/pic-agenda.png) 0 8px no-repeat; _background:url(images/pic-agenda.gif) 0 15px no-repeat;}
a#rubPhotos {background:url(images/pic-photos.png) 0 6px no-repeat; _background:url(images/pic-photos.gif) 0 6px no-repeat;}
a#rubNewsClub {background:url(images/pic-newsClub.png) 0 6px no-repeat; _background:url(images/pic-newsClub.gif) 0 6px no-repeat;}
a#rubAnnuaire {background:url(images/pic-annuaire.png) 0 8px no-repeat; _background:url(images/pic-annuaire.gif) 0 8px no-repeat;}
a#rubVideo {background:url(images/pic-rubvideo.png) 0 8px no-repeat; _background:url(images/pic-rubvideo.gif) 0 8px no-repeat;}
a#rubJeuxconcours {background:url(images/pic-jeuxconcours.png) 0 8px no-repeat; _background:url(images/pic-jeuxconcours.gif) 0 15px no-repeat;}
a#rubJeuxvideos {background:url(images/pic-jeuxvideos.png) 0 6px no-repeat; _background:url(images/pic-jeuxvideos.gif) 0 6px no-repeat;}
a#rubBlindtest {background:url(images/pic-blindtest.png) 0 6px no-repeat; _background:url(images/pic-blindtest.gif) 0 6px no-repeat;}
a#rubPari {background:url(images/pic-parisenligne.png) 0 6px no-repeat; _background:url(images/pic-parisenligne.gif) 0 6px no-repeat;}
a#rubMapage {background:url(images/pic-mapage.png) 0 8px no-repeat; _background:url(images/pic-mapage.gif) 0 15px no-repeat;}
a#rubGroupes {background:url(images/pic-mesgroupes.png) 0 6px no-repeat; _background:url(images/pic-mesgroupes.gif) 0 6px no-repeat;}
a#rubMembres {background:url(images/pic-membres.png) 0 6px no-repeat; _background:url(images/pic-membres.gif) 0 6px no-repeat;}
a#rubFacebook {background:url(images/pic-facebook.png) 0 6px no-repeat; _background:url(images/pic-facebook.gif) 0 6px no-repeat;}
a#rubRencontre {background:url(images/pic-rencontres.png) 0 6px no-repeat; _background:url(images/pic-rencontres.gif) 0 6px no-repeat;}
a#rubReducs {background:url(images/pic-reducs.png) 0 8px no-repeat; _background:url(images/pic-reducs.gif) 0 15px no-repeat;}
a#rubEmploi {background:url(images/pic-emploi.png) 0 6px no-repeat; _background:url(images/pic-emploi.gif) 0 6px no-repeat;}
a#rubCarburant {background:url(images/pic-carburant.png) 0 6px no-repeat; _background:url(images/pic-carburant.gif) 0 6px no-repeat;}
a#rubShop {background:url(images/pic-shop.png) 0 8px no-repeat; _background:url(images/pic-shop.gif) 0 15px no-repeat;}
a#rubCadeaux {background:url(images/pic-cadeaux.png) 0 6px no-repeat; _background:url(images/pic-cadeaux.gif) 0 6px no-repeat;}
/* navig par onglets (pages internes)*/
.ongletsNavig2 {clear:both; width:626px; background:url(images/bas-onglets.gif) bottom left no-repeat; height:71px; margin: 20px 0 0 0 }
.ongletsNavig2 ul {list-style-type:none; display:block; margin: 0 0 0 10px}
.ongletsNavig2 ul li {background:transparent url(images/ong-gris-OFF.gif) no-repeat scroll 0%; float:left;height:37px; margin: 0 5px 0 0; text-align:center;width:198px;}
.ongletsNavig2 ul li#retour {background:none}
.ongletsNavig2 ul li#retour a {color:#ff6f00; text-decoration:underline}
.ongletsNavig2 ul li a {display:block; width:100%; height:100%; color:#fff; font:bold 13px/36px Arial, Helvetica, sans-serif; text-decoration:none;}
.ongletsNavig2 ul li.selected {background:transparent url(images/ong-gris-ON.gif) no-repeat scroll 0%}
.ongletsNavig2 ul li.selected a{background:url(images/fleche-selected-ong.gif) 15px 10px no-repeat}
/* team contact */
.zoomsur {overflow:hidden}
.zoomsur h1 {font:normal 23px Arial, Helvetica, sans-serif}
.animateurs {margin-top:30px; clear:both; overflow:hidden}
.animateurs a {cursor:pointer; text-decoration:none; height:120px;}
.animateurs div.photo {width:121px; height:120px;float:left; margin: 0 22px 12px 0; overflow:hidden}
.animateurs div.photo div.details {position:relative; top:-60px; left:0; width:121px; height:59px; background:url(images/bloc-infos.gif) bottom left no-repeat;z-index:100; filter : alpha(opacity=80); -moz-opacity : 0.8; opacity : 0.8; color:#fff; text-align:center; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; overflow:hidden}
.animateurs div.photo div.details p {margin-top:8px;}
.animateurs div.photo div.details p span {color:#3CF; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:underline}
img.photoTeam {border:8px solid #B3CCDE; position:relative; top:0}
h2#titrePlaylist1, h2#titrePlaylist2, h2#titrePlaylist3, h2#titrePlaylist4, h2#titrePlaylist5 {display:block; float:left; width:250px}
h2.w90 {width:90%}
.nomEmission{display:block;width:220px; height:14px;}
/* frequences */
#frequences .partenaire {float:left; height:70px; margin-bottom:10px; margin-left:20px; width:250px;}
#frequences table {width:500px; margin:20px auto;}
#frequences table th {font: bold 14px Arial, Helvetica, sans-serif; color:#ff6f00; background-color:#f7f7f7; height:40px; padding: 0 10px; text-align:left}
#frequences table th.freq {text-align:center}
#frequences table tr.alternate {background-color:#f7f7f7}
#frequences table td {font: normal 12px Arial, Helvetica, sans-serif; padding:3px 10px; border-bottom: 1px dotted #ddd}
#frequences table td.freq {font:bold 13px Arial, Helvetica, sans-serif; color:#315fa3; width:160px; text-align:center}
/* ct koi */
#ctkoi fieldset {background:transparent url(images/ctkoi.jpg) no-repeat scroll 0%; height:274px; width:620px; font:normal 14px Arial, Helvetica, sans-serif}
#ctkoi fieldset .jour {margin-left:249px; margin-top:172px; width:40px; background:none; border:none}
#ctkoi fieldset .mois {margin-left:9px;width:36px; background:none; border:none}
#ctkoi fieldset .annee {margin-left:12px;width:40px;background:none;border:none }
#ctkoi fieldset .heure {margin-left:30px;width:40px;background:none;border:none}
#ctkoi fieldset .btorange2 {/*margin-left:480px; margin-top:28px;*/}
div#playLive {width:60px; padding-bottom:0; float:right}
/* artiste et dj's */
#artistes .liste .personne {float:left; padding: 10px; text-align:center;width:16s5px; border-bottom:1px solid #C3CED5}
#compilations .compil {float:left; padding: 10px; text-align:center; width:165px; height:180px; border-bottom:1px solid #C3CED5}
#artistes .liste .personne img.visuel, #compilations .compil img.visuel {margin-bottom:8px}
#artistes .liste .personne_gauche, #compilations .compil_gauche {border-right:1px solid #C3CED5}
#artistes .liste .personne .nom a, #compilations .compil .nom a {font:bold 13px Arial, Helvetica, sans-serif; color:#315fa3 }
/* agenda bons plans */
#bons_plans_clubbing .agenda_bons_plans {float:left; text-align:center; width:250px}
/* plan du site */
#plan_site dl {float:left; padding: 0 12px 5px 12px ; height:250px; width:165px; border-right:1px solid #e8e8e8}
#plan_site dl dt a {display:block; font: bold 15px Arial, Helvetica, sans-serif; margin: 15px 0 8px; color:#315fa3; text-decoration:none; background:url(images/fleche-bleue.gif) 0 2px no-repeat; padding-left:25px; overflow:hidden}
#plan_site dl dd a {display:block; margin: 4px 0 4px 40px; font:normal 12px Arial, Helvetica, sans-serif}
/* form contact */
#contact-formulaire {width:500px}
#contact-formulaire label, #import-formulaire label {font:bold 12px Arial, Helvetica, sans-serif; color:#315fa3; width:120px; display:block; float:left; clear:left; text-align:right; padding: 3px 10px 0 0; margin: 4px 0;}
#contact-formulaire input {display:block; float:left; width:220px; margin: 4px 0; background: url(images/input-bg.gif) repeat-x top left #fff; border:1px solid #8aaebd; border-top-color: #99b8c6; padding:7px 2px 2px 4px;}
#contact-formulaire textarea {width:220px; height:80px; padding:7px 2px 2px 4px; background: url(images/input-bg.gif) repeat-x top left #fff; border:1px solid #8aaebd; border-top-color: #99b8c6;}
#contact-formulaire input#form_action, #mon_compte input#form_action {visibility:hidden}
#contact-formulaire input#post, #mon_compte input#bouton_ajouter {display:block; float:right; cursor:pointer; font:bold 15px Arial, Helvetica, sans-serif; color:#630606; background:transparent url(images/bg-bouton-form.gif) repeat-x; border:none; height:57px; padding:0; margin: 10px 148px 0 0}
#mon_compte {width:550px; margin-top:20px}
#mon_compte label {font:bold 11px Arial, Helvetica, sans-serif; color:#315fa3; width:110px; display:block; float:left; clear:left; text-align:right; padding: 3px 10px 0 0; margin: 4px 0;}
#mon_compte input {display:block; float:left; width:130px; margin: 4px 0; background: url(images/input-bg.gif) repeat-x top left #fff; border:1px solid #8aaebd; border-top-color: #99b8c6; padding:7px 2px 2px 4px;}
#mon_compte .note {float:left; clear:left; padding:0 0 0 10px; color:#ff6f00; font:bold 11px Arial, Helvetica, sans-serif; }
#mon_compte .note2 {float:left; clear:right; padding:0 0 0 10px; margin: 5px 0 0 0; color:#ff6f00; font:bold 11px Arial, Helvetica, sans-serif; }
#mon_compte .cadre_erreur_obligatoire, #mon_compte .cadre_erreur_champs_existant {float:left;width:260px; color:red; text-align:right}
#mon_compte #compte_form input#bouton_ajouter {width:auto; padding:0 20px; float:left; clear:both; margin: 15px 0 0 80px}
div.disconnect #compte_form {width:280px}
div.disconnect #compte_form label {width:120px; float:left}
div.connect #compte_form input {width:220px;}
div.connect #compte_form label {width:150px;}
div.connect #compte_form input#bouton_ajouter { margin: 15px 0 0 170px}
#compte_form legend {font:bold 14px Arial, Helvetica, sans-serif; background:url(images/fleche-bleue.gif) 0 2px no-repeat; color:#315fa3; padding-left:25px; margin: 3px 0; overflow:hidden}
#compte_form #nom_avatar, #compte_form #nom_avatar_1, #compte_form #nom_avatar_2, #compte_form #nom_avatar_3, #compte_form #nom_avatar_4, #compte_form #nom_avatar_5 {width:30px; float:left; margin-top:5px}
#compte_form textarea {width:220px; height:80px; float:left; padding:7px 2px 2px 4px; background: url(images/input-bg.gif) repeat-x top left #fff; border:1px solid #8aaebd; border-top-color: #99b8c6;}
#compte_form select {float:left; margin: 4px 0;}
#compte_form div.avatars {width:400px; float:right}
#compte_form #upload-avatar{margin-top:10px}
#compte_form input#newsletter {width:30px; float:left; clear:left; margin-top:12px}
#compte_form label {width:250px; float:left}
#compte_form #MAX_FILE_SIZE {display:none}
#groupe #form-message textarea {width:400px}
#groupe #poster_groupe {display:block; float:right; cursor:pointer; font:bold 15px Arial, Helvetica, sans-serif; color:#630606; background:transparent url(images/bg-bouton-form.gif) repeat-x; border:none; height:37px; padding:0 10px; margin: 10px 170px 0 0}
/* membre */
#membre #info_membre #avatar {border:2px solid #006}
#membre div.avatar {width:300px; float:left; padding-bottom:15px}
#membre ul.actions {float:right; list-style-type:none}
#membre ul.actions li {display:block; background:url(images/fleche-bleue.gif) 0 3px no-repeat; padding-left:30px}
#membre ul.actions li a {display:block; margin: 4px 0; font:normal 13px Arial, Helvetica, sans-serif; color:#315fa3}
#membre #trouvez_amis {width:80%; margin:0 auto}
#formu-recherche #form-recherche input#mot_clef {display:block; float:left; width:100%; margin: 4px 0; background: url(images/input-bg.gif) repeat-x top left #fff; border:1px solid #8aaebd; border-top-color: #99b8c6; padding:7px 2px 2px 4px;}
#form-recherche #rechercher-membre{display:block; float:right; cursor:pointer; font:bold 15px Arial, Helvetica, sans-serif; color:#630606; background:transparent url(images/bg-bouton-form.gif) repeat-x; border:none; height:30px; padding: 5px 10px}
/* recherche membre */
#recherche_membre #newSearch {clear:both; padding: 10px 0 0 0; width:300px;}
#recherche_membre #newSearch #form-recherche {margin: 8px 0 0 0}
#recherche_membre #newSearch #formu-recherche #form-recherche input#mot_clef {width:190px;}
#recherche_membre #photoMembre {height:70px}
/* invite tes potes */
#import-formulaire {margin-top:20px}
#import-formulaire input{display:block; float:left; width:220px; margin: 4px 0; background: url(images/input-bg.gif) repeat-x top left #fff; border:1px solid #8aaebd; border-top-color: #99b8c6; padding:7px 2px 2px 4px;}
#import-formulaire select {display:block; float:left; width:229px; margin: 4px 0; padding:0 2px 0 4px;}
#import-formulaire #post {display:block; float:right; cursor:pointer; font:bold 15px Arial, Helvetica, sans-serif; color:#630606; background:transparent url(images/bg-bouton-form.gif) repeat-x; border:none; height:57px; padding:0 10px; margin: 10px 218px 0 0}
#import-formulaire #login, #import-formulaire #id, #import-formulaire #form_action, #import-formulaire #action {display:none}
#import-formulaire .cadre_erreur_obligatoire {float:left; padding:10px 0 0 10px; color:#ff6f00; font:bold 11px Arial, Helvetica, sans-serif}
#upload-avatar{display:none;}
div.pad635{width:635px}
div.pad635 div.titre{background:url(images/top-pad-bleu-635.gif) no-repeat bottom left; height:42px; width:100%; margin:0}
div.pad635 div.titre h1{display:block; height:26px; color:#fff; font:bold 14px arial, sans-serif; padding:16px 0 0 50px}
div.pad635 div.content{background:url(images/omb-pad-635.gif) repeat-y top left; width:635px; margin:0; padding:0}
div.pad635 div.content div.bas{background:url(images/bas-pad-635.gif) no-repeat bottom left; margin:0; padding:0}
div.pad635 div.content div.degrade{background:url(images/degrade-pad-635.gif) no-repeat 3px 0; margin:0; padding:0 0 12px; overflow:hidden}
div.pad635 div.content div.degrade div{width:580px; margin:0 auto; padding:10px 0}
/* galeries photos de soirées */
#gallerie ul {background-color:#FFF;height:82px;left:0pt;list-style-type:none;position:absolute;top:0pt;width:2000px;}
#gallerie li {border:1px solid #FFF;float:left;width:80px;}
#gallerie #cadre_exterieur {background:url(images/bg-defilPhotos.gif) top left no-repeat; padding:10px 0; overflow:hidden; width:630px; float:left; margin:20px 0}
#gallerie #cadre {float:left; height:82px;margin:0pt;overflow:hidden;padding:0pt;position:relative;width:540px;}
#gallerie #photos_precedentes {float:left;margin:10px}
#gallerie #photos_suivantes {float:right;margin:10px}
#gallerie #zoom_vignette {margin:0 auto; width:500px;}
#gallerie #zoom_vignette img {width:500px}
/* podcasts */
ul.liste_podcast {list-style-type:none}
ul.liste_podcast li {height:40px; background:url(images/fleche-bleue.gif) 0 15px no-repeat; padding-left:25px; margin: 3px 0; overflow:hidden}
ul.liste_podcast li span.orange {font-weight:bold}
.bloc-podcast ul.flechebleue li {margin: 8px 0}
.bloc-podcast ul.flechebleue li a.orange {color:#ff6f00}
#explain_podcast {width:170px; float:right}
#podcasts .podcast {width:90%; margin: 20px auto 0 auto; clear:both}
/* emissions */
#emission .description p {font:normal 12px Arial, Helvetica, sans-serif; color:#666; margin:10px 0}
#emission h2.flechebleue a {text-decoration:underline}
/* tags */
ul.tags {list-style-type: none; overflow:hidden}
/* playlists */
table.playlists {width:100%; margin:10px 0 0 0}
table.playlists th {color:#f60; font:bold 12px Arial, Helvetica, sans-serif}
table.playlists th.titre {background:url(images/bg-pagination.gif) bottom left repeat-x; padding:6px 3px}
table.playlists tr td, table.playlists tr th {padding:3px;background:url(images/filet.gif) left bottom repeat-x;}
table.playlists tr td div.player{width:40px}
table.playlists tr td a {color:#315fa3; font-weight:bold}
#playlist_contact a.voter {height:auto}
/* artistes */
#artiste .colonne_divers, #compilation .colonne_divers {float:right;width:150px;}
#artiste .colonne_texte, #compilation .colonne_texte {overflow:auto; width:380px;}
#artiste .option, #compilation .option {height:60px;width:150px;list-style-type:none;}
#artiste .option li, #compilation .option li {float:left;margin-right:5px; cursor:pointer}
/* club */
#le_club .description {float:left; overflow:hidden; margin-bottom:20px}
#le_club .actions {width:100px; float:right;}
#le_club .actions div {float:left; margin: 0 5px; cursor:pointer;}
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating {background:transparent url(images/star.gif) repeat-x scroll left -1000px;}
.star-display a:hover, .star-display a:active, .star-display a:focus {background-image:none;}
.star-rating a.two-stars {width:40%;z-index:5;}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus {background-position:left bottom;}
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating {background:transparent url(/public/images/star.gif) repeat-x scroll left -1000px;}
.star-display a {cursor:default;}
.star-rating a, .star-rating .current-rating {border:medium none;height:25px;left:0pt;line-height:25px;outline-color:invert;outline-style:none;outline-width:medium;overflow:hidden;position:absolute;text-indent:-1000em;top:0pt;}
/* membres */
#membres_communaute .membre {float:left; padding:10px;text-align:center;width:80px;
border-right:1px solid #C3CED5;border-top:1px solid #C3CED5;}
#membres_communaute .membre_top {border-top:medium none !important;}
.ongletMembrePost{ list-style:none; width:120px; float:left; }
.actif{ font-weight:bold;}
div.pad375 div.content div.degrade div.photo_membre{float:left; width:70px;}
.message_poste{float:left;width:90%; margin:10px 0 10px;}
#trouvez_amis div {width:230px}
#membre_liste_post #form-message textarea {width:320px; height:80px; float:left; padding:7px 2px 2px 4px; background: url(images/input-bg.gif) repeat-x top left #fff; border:1px solid #8aaebd; border-top-color: #99b8c6;}
#laisser_commentaire #com legend {font:bold 12px Arial, Helvetica, sans-serif; color:#315fa3}
#laisser_commentaire textarea {width:320px; height:80px; float:left; padding:7px 2px 2px 4px; background: url(images/input-bg.gif) repeat-x top left #fff; border:1px solid #8aaebd; border-top-color: #99b8c6;}
#laisser_commentaire #bouton_ajouter {display:block; float:right; cursor:pointer; font:bold 15px Arial, Helvetica, sans-serif; color:#630606; background:transparent url(images/bg-bouton-form.gif) repeat-x; border:none; height:37px; padding:0 10px; margin: 10px 248px 0 0}
/* message box */
.deroulHaut label{float:left; width:120px;}
#chat{height:435px;margin-bottom:10px;width:720px;position:relative;top:-246px;}
#pub_page {background:transparent url(/public/themes/default/images/pub_cote.png) no-repeat scroll right top;height:246px;left:410px;position:relative;top:15px;width:309px;}
.h107{height:107px;}
#communaute .membre_actif {border-bottom:1px solid #C3CED5;border-right:1px solid #C3CED5;}
div.pad375 div.content div.degrade div div.membre_actif {float:left;padding-bottom:5px;padding-top:5px;text-align:center;width:80px;}
#communaute_compte #mon_compte {margin-top:0}
#communaute_compte #mon_compte #compte_form {width:280px}
#communaute_compte #mon_compte input{width:120px}
#communaute_compte #mon_compte label{width:120px}
#communaute_compte #mon_compte #bouton_ajouter{height:37px; margin-right:20px; width:auto; padding:0 10px}
#groupe_actif .groupe_actif {clear:both; padding:5px 0 8px}
#groupe-creation label {float:left;padding-right:10px;text-align:right;width:200px;}
#pub_ist_layer{z-index:5000;}