/* CSS Document */
body{
margin:0px;
padding: 0px;
font: normal 12px/15px arial, verdana, helvetica, sans-serif;
background:#c7def8 url(images/bodybackground.gif) repeat-x;
}

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

a:hover{
text-decoration:underline;
}

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{
width:870px;
height:152px;
}

.entetelogo{
float:left;
height:127px;
width:338px;
background:url(images/entete/logo.gif);
}

.entetehaut{
float:left;
height:20px;
width:532px;
background:url(images/entete/haut.gif);
}

.enteteenondes{
float:left;
height:89px;
width:473px;
background:url(images/entete/enondes.gif);
background-color:#FFFFFF;
overflow:hidden;
}

.entetebas{
float:left;
height:18px;
width:473px;
background:url(images/entete/bas.gif);
}

.entetedroite{
float:right;
height:107px;
width:59px;
background:url(images/entete/droite.gif);
}

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

.orangedate{
width:250px;
height:25px;
float:left;
line-height:25px;
}

.orangedroite{
width:620px;
height:25px;
float:left;
}

.infobarre{
overflow:hidden;
margin-top:3px;
float:left;
height:19px;
width:550px;
line-height:19px;
background:url(images/entete/infobarre.gif);
margin-left:15px;
text-align:left;
}

.infobarreitem{
margin-left:10px;
width:530px;
}
#newsbar a{
text-decoration:none;
}

.milieu{
width:870px;
height:680px;
}

.leftside{
float:left;
width:181px;
height:100%;
background:url(images/milieu/leftside.gif) repeat-y;
}

/*Menu*/
.topmenu{
float:left;
height:25px;
width:181px;
background:url(images/menu/topmenu.gif);
}

.boutonmenu{
float:left;
height:25px;
width:181px;
background:url(images/menu/bouton.gif);
overflow:hidden;
color:#0066FF;
font: bold 11px/25px arial, verdana, helvetica, sans-serif;
}

.boutonmenutitre{
float:right;
width:140px;
text-align:left;
}

.boutonmenutitre a{
text-decoration:none;
color:#0066FF;
}

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

      #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;
width:689px;
height:100%;
background:url(images/milieu/rightside.gif) repeat-y;
}

.toppage{
float:left;
width:689px;
height:15px;
background:url(images/milieu/toppage.gif) no-repeat;
}

.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);
}

.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:590px;
}

.pagescontenu{
width:510px;
height:590px;
overflow-x: hidden; 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:210px; 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;
}

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

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