/* CSS Document */
body{
margin:0px;
padding: 0px;
font: normal 12px/15px arial,helvetica,sans-serif;
background:#c7def8;
}

a{
color:#000000;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a img{
border:none;
}

form{
margin:0px;
}

li{
margin:0px;
padding:0px;
}

p{
margin:0px;
padding:0px;
}

.hs{
margin-top:200px;
width:500px; height:175px;
border: solid #0066FF 1px;
background-color:#FFFFFF;
}

.hstexte{
background-color:#1a2a82;
color:#FFFFFF;
}

.entete table{
font: bold 12px/15px arial, verdana, helvetica, sans-serif;
}

table{
font: normal 12px/15px arial, verdana, helvetica, sans-serif; text-align:center;
}

#wrapper {
	width: 900px;
	background:url(images/background.gif);
	height: inherit;
}

.entete{
margin-left:auto;
margin-right:auto;
overflow:hidden;
width:870px;
background:url(images/entete/entete.png) repeat-x;
}

.entetelogo{
float:left;
height:150px;
width:338px;
}

.entetebarreorange{
float:left;
height:25px;
width:870px;
background:url(images/entete/orange.gif);
}

.enteteenondes{
width:688px;
height:25px;
margin-right:0px;
line-height:25px;
font-weight:bold;
text-align:right;
float:left;
}

.titresiteimg{
background:url(images/entete/play.png);
float:right;
width:25px;
height:25px;
padding:0px;
margin:0px;
}

.enteteenondes span{
height:25px;
font-size:13px;
color:#333333;
}

.orangedate{
width:182px;
height:25px;
float:left;
line-height:25px;
font-weight:bold;
}

.milieu{
margin-left:auto;
margin-right:auto;
width:870px;
padding-bottom:10px;
overflow:hidden;
background:url(images/milieu/milieu.gif) repeat-y;
}

.leftside{
float:left;
width:181px;
overflow:hidden;
}

/*Menu*/
.topmenu{
float:left;
height:25px;
width:161px;
margin:10px;
margin-top:15px;
margin-bottom:0px;
background: url(images/menu/green.gif);
font: bold 13px/25px arial, verdana, helvetica, sans-serif;
}

.boutonmenu{
float:left;
height:25px;
width:161px;
margin-left:10px;
margin-right:10px;
overflow:hidden;
color: #FFFFFF;
text-align:left;
font: bold 12px/25px arial, verdana, helvetica, sans-serif;
border-bottom: 1px solid #CCCCCC;
}

.boutonmenu a{
padding-left:5px;
display:block;
text-decoration:none;
}

.boutonmenu a:hover{
background:#a7d65a url(images/menu/bleu.gif);
}


.boutonecoute{
width:161px;
margin:10px;
margin-bottom:0px;
height:25px;
background:#ffec6e url(images/menu/yellow.gif);
font: bold 13px/25px arial, verdana, helvetica, sans-serif;
}

      #menudivers {
        z-index: 2;
		width: 160px;
        height: 55px;
		position: relative;
        float:left;
		margin-left:11px;
		border:solid 2px #438ece;
        background-color: #acddff;
		margin-bottom:-59px;
		display:none;
		color:#0066FF;
		font: bold 11px/15px arial, verdana, helvetica, sans-serif;
        }
	  #menudivers a{
		color:#0066FF;
	  } 
	  #menudivers select{
	  font: bold 11px/15px arial, verdana, helvetica, sans-serif;
	  }
      #menuboutons {
        z-index: 1;
		position: relative;
        float:left;
        width: 181px;
		}
		
/*Fin menu*/

.rightside{
float:left;
margin-top:10px;
padding:0px;
width:689px;
}

.toppage{
float:left;
width:689px;
}

.pied{
width:870px;
height:50px;
background:url(images/pied/pied.gif) no-repeat;
font: normal 10px/15px arial, verdana, helvetica, sans-serif;
}

/*accueil*/
.col{
width:265px; float:left;
}

.transcol{
width:530px; float:left;
}

.coldroite{
width:159px; float:right;
}

.yellowboxtop{
float:left; width:150px; line-height:25px; background:url(images/accueil/yellowboxtop.gif); height:25px; font: bold 12px/25px arial, verdana, helvetica, sans-serif;
}

.yellowbox{
float:left; width:150px; background:url(images/accueil/yellowbox.gif); font: normal 11px/13px arial, verdana, helvetica, sans-serif;
}

.yellowbox table{
 font: normal 11px/13px arial, verdana, helvetica, sans-serif;
}

.yellowboxbottom{
float:left; width:150px; background:url(images/accueil/yellowboxbottom.gif) no-repeat; height:25px;
}

.bigboxtop{
width:520px; height:25px; background:url(images/accueil/bigboxtop.gif) no-repeat; font: bold 12px/25px arial, verdana, helvetica, sans-serif;
}

.bigboxcol{
width:520px; height:155px; background:url(images/accueil/bigbox.gif) repeat-y;
}

.bigboxcol li{
list-style:none;
margin:0px;
padding:0px;
margin-top:5px;
}

.bigboxbottom{
background-color:#000000; width:520px; height:25px; background:url(images/accueil/bigboxbottom.gif) no-repeat;
}

.blueboxtop{
background-color:#000000; width:255px; height:25px; background:url(images/accueil/blueboxtop.gif) no-repeat; font: bold 12px/25px arial, verdana, helvetica, sans-serif;
}

.bluebox{
background-color:#000000; width:255px; background:url(images/accueil/bluebox.gif) repeat-y; overflow:hidden;
}

.bluebox li{
padding-top:8px;
padding-left:25px;
height:30px;
text-align:left;
list-style-type: none;
list-style-position: outside;
background: url(images/arrow.gif) 15px 13px no-repeat;}

.bluebox p
{
padding:5px;
}

#titreconcoursaccueil
{
padding-top:15px;
padding-left:25px;
padding-right:15px;
text-align:left;
list-style-type: none;
list-style-position: outside;
font: bold 11px/15px arial, verdana, helvetica, sans-serif;
background: url(images/arrow.gif) 15px 20px no-repeat;
}

.concoursaccueil
{
padding-top:5px;
padding-left:25px;
padding-right:15px;
text-align:left;
list-style-type: none;
list-style-position: outside;
font: normal 11px/15px arial, verdana, helvetica, sans-serif;
}

.blueboxtitre{
padding-top:10px;
font: bold 11px/17px arial, verdana, helvetica, sans-serif;
}

.blueboxplus{
background-color:#000000; width:255px; background:url(images/accueil/bluebox.gif) repeat-y; text-align:right;
}

.blueboxplus span{
margin-right:10px;
}

.blueboxbottom{
background-color:#000000; width:255px; height:25px; background:url(images/accueil/blueboxbottom.gif) no-repeat;
}

.pagestop{
background:url(images/actualites/entete.gif) no-repeat;
width:520px;
height:25px;
font: bold 13px/25px arial, verdana, helvetica, sans-serif;
}

.pagestoptitre{
height:25px;
width:280px;
float:left;
}

.pagestopred{
background:url(images/enteterouge.gif) no-repeat;
width:520px;
height:25px;
font: bold 13px/25px arial, verdana, helvetica, sans-serif;
}

.pagestopredtitre{
height:25px;
width:280px;
float:left;
color:#FFFFFF;
}

.pages{
background:url(images/backgroundpage.gif) repeat-y;
width:520px;
height:750px;
}

.pagescontenu{
width:510px;
height:750px;
overflow-x: auto; overflow-y:auto;
}

.pagesbottom{
background:url(images/actualites/pied.gif) no-repeat;
width:520px;
height:10px;
}

.horairefiche{
background:#ffffff; display:none; margin:0px; padding:0px; width:450px; border:#a9a38f solid 1px; border-top:none;
max-height:150px;
height:expression(this.scrollHeight > 150? "150px" : "auto" );
overflow-y:auto;
}


/*Page palmares*/
.rowpalmaresh{
overflow:hidden; width:500px; height:15px; border-bottom:#000000 solid 1px; margin-bottom:5px;
}
.rowpalmares{
overflow:visible; width:500px; height:25px;
}
.rangpalmares{
float:left; width:40px;
}
.sdpalmares{
float:left; width:35px;
}
.titrepalmares{
float:left; width:245px; overflow:hidden;
}
.artistepalmares{
float:left; width:210px; overflow:hidden;
}
/*Fin du palmares*/

.demandespeciale{
width:400px;
}

.demandespeciale p{
padding-bottom:10px;
}

.ventes{
width:400px;
margin-top:25px;
text-align:left;
}

.ventes p{
padding-bottom:10px;
}

.boutique{
width:450px;
margin-top:15px;
text-align:left;
}

.boutique p{
padding-bottom:15px;
}

.boutique2{
width:450px;
margin-top:30px;
}

.boutique2 p{
padding-bottom:10px;
}

.bistro{
width:400px;
margin-top:25px;
text-align:left;
}

.bistro p{
padding-bottom:10px;
}

.questionsondage{
width:140px;
margin-top:5px;
margin-bottom:5px;
}

.sondagemilieu{
width:140px;
color:#000099;
}

.sondagemilieu span{
font: normal 10px/15px arial, verdana, helvetica, sans-serif; color:#000000;
}

/* Accueil */
#slideshowcomplet{ width:520px; height:150px; float:left; }
#slideshowgauche{float:left; background: #cccccc; width:490px; height:150px; }
#slideshowdroite{float:left; width:30px;}
.slideshow { height: 150px; width:490px; overflow:hidden; float:left;}
.slideshow img {margin:1px;}
#slideshowdesc{height:20px; line-height:20px; width:300px; float:left; position:relative; top:-35px; margin-bottom:-35px; margin-left:100px; display:none; z-index:3000; overflow:hidden; background:url(images/accueil/slideshow/description.gif) no-repeat; font-weight:bold;}
#nav { float:right; margin-right:0px; height:150px; width:30px; z-index:1000; font-weight:bold;  background:url(images/accueil/slideshow/navigation.gif) no-repeat;}
#nav a { width:30px; line-height:30px; height:30px; font-size:11px; float:left; text-decoration: none; background:url(images/accueil/slideshow/inactif.gif) no-repeat;}
#nav a.activeSlide { background: #c1da6b; background:url(images/accueil/slideshow/active.gif) no-repeat;}
#nav a:focus { outline: none; }

.grosseboitetitre{ width:518px; margin-left:1px; margin-right:1px; height:25px; background: url(images/accueil/bigboxtitre.gif); float:left; font: bold 13px/25px arial, verdana, helvetica, sans-serif; text-align:left; border-bottom:1px solid #CCCCCC;}
.grosseboitetitre2{ width:518px; margin-left:1px; margin-right:1px; height:25px;  background: url(images/accueil/bigboxtitre2.gif); float:left; font: bold 13px/25px arial, verdana, helvetica, sans-serif; text-align:left; border-bottom:1px solid #CCCCCC;}
.grosseboitetitre span, .grosseboitetitre2 span { margin-left:25px; }
.grosseboite{ width:520px; margin-top:10px; float:left; background:url(images/accueil/grosseboite.gif); border-bottom:solid 1px #cccccc; border-top:solid 1px #cccccc;}
.grosseboiteplus{ width:520px; line-height:20px; height:20px; float:left;}
.grosseboiteplus img{ padding-left:3px; padding-right:3px;}

#actualitesfeatured { float:left; width: 255px; padding-left:15px; padding-right:15px; margin-bottom:10px; margin-left:10px; margin-right:10px; text-align:left; }
#actualitesftitre{ margin-top:7px; margin-bottom:7px; font-weight:bold; }
#actualiteslist { float:left; width: 215px; font-size:11px; }
#actualiteslist li{ text-align:left; width:205px; margin-right:10px; margin-bottom:7px; margin-top:7px; }
#actualitesplus { width:388px; margin-left:1px; height:19px; background-color:#f7f7f7; float:left; padding-left:15px; padding-right:15px; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; }

#radiodemande{ width:475px; text-align:left;}

#radiodemandetitre{ font-weight:bold; line-height:30px; height:30px; width:475px; float:left; }

.accueilseparateur{ border-bottom:dotted 1px #000000; float:left; width:475px; height:2px; overflow:hidden; }
.radiofichier{height:20px; width:375px; margin-left:50px; margin-right:50px; float:left; line-height:20px; font-weight:bold; margin-bottom:5px; }
.radiofichier img {display:block; float:left; margin-right:5px;}
.radiobalado{height:25px; width:475px; line-height:25px; float:left; overflow:hidden;}
.radiobalado img {display:block; float:right; margin-top:3px; margin-right:5px;}
.radiobalado span{display:block; float:left;}

.listetv{width:480px; overflow:hidden; float:left; margin-left:20px;}
.listetvitem{ float:left; width:150px; margin:5px; height:125px;}
.listetvitem img{width:125px; height:93px;}
.listetvtitre{ font-weight:bold; font-size:10px; line-height:13px; width:125px; height:32px; vertical-align:middle;}
.tvplay{ margin-top: -93px; width:125px; height:93px; top:0px;}

.pub{
width:161px;
font-size:10px;
text-decoration:underline;
text-align:left;
margin-top:20px;
}

.pub img{
padding:1px; 
border: #CCCCCC solid 1px;
}

#boutonfacebook{
width:150px; 
height:35px;
margin-bottom:10px;
float:left;
}