/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {background: #181818;font-family:Arial;background:url(../img/fond.gif); margin:0 0 -10px 0; padding:0px}
/*body {background: #FF0000;font-family:Arial;}*/
img, table { margin: 0; padding: 0; border: none; }
h3.spip {margin-top: 10px; margin-bottom: 5px; font-size: 13px; font-weight: bold; }
/*  ------------------------------------------ */
/*  Disposition a l'ecran des blocs principaux */
/*  ------------------------------------------ */

h1 { margin:0; padding:4px 0 0 15px; height:15px;color:#646464; font-size:11px;}
h1 a{color:#646464; font-size:11px; text-decoration:none}
#conteneur { position:relative; width: 980px; margin: 0 auto -16px auto; padding:0px;}


/* haut */
#haut { width: 950px; height:177px; margin:0 auto 0 auto ; padding:0px}
#logobeurfm{position:absolute;left: -17px; top: 19px;}
#fond { width: 940px; margin:0 auto 0 auto; height:114px; background-image:url(../img/haut/fondnav.gif); text-align:right}
#fond img { margin:11px 11px 0 0; padding:0}
#logo { width: 100%; height:133px; background-color:#000000 }
#nav { width: 100%; height:44px; background-image: url(../img/haut/fond_nav.gif); z-index:50}
#nav img {padding:22px 0 0 35px; float:left}


/* centre */
#centre { width:980px; position:relative; background-color:}
#centre_gauche { width:647px; float:left; margin:0;}
#centre_gauchee { float:left; margin:0 0 0 15px; background-color: #000}
#bloc1{float:left; width:627px; margin-left:15px; padding:20px 0 0 5px; background-color:#000;}

/*
#bloc2{float:left; width:647px; margin-left:0px; padding:20px 0 0 5px; }
#bloc3{float:left; width:647px; height:212px; background:url(../img/centre/playlist/bossrd_gauche.gif); background-color:#FF0000}
*/

#bloc2{float:left; width:326px; margin-left:0px; background:url(../img/centre/playlist/bord_gauche.gif) no-repeat left bottom;}
.spacer{ float:left;height:26px; width:321px ; background-color:#000}
#bloc3{float:left; width:306px; padding:20px 0 26px 15px; background-color: #000}
#musique{ width:306px; height:346px; float:left; margin:0 15px 0 15px; padding:20px 0 0 5px ;background-color: #000; }

/*
#musique{ width:306px; height:346px; float:left; margin:0 15px 0 15px; background-color: #000; }
*/

#cadeaux{ width:306px; height:185px; float:left; margin:0; background-color:#fff;}
#musique #fondcontenu { width:306px; height:298px; background:url(../img/centre/musique/fond.gif) top ;}
#fondcontenu .contenulist{ height:298px; padding-left:18px; overflow: auto}
#fondcontenu .contenulist #article{float:left; width:270px; margin:13px 0 13px 0;  }
#fondcontenu .contenulist #photolist{ width:75px; height:74px; float:left; background:url(../img/centre/musique/ombre_playlist.gif);}
#fondcontenu .contenulist #photolist2{ width:75px; height:104px; float:left; background:url(../img/centre/musique/ombre_concerts.gif);}
#fondcontenu .contenulist #texte{float:left; width:190px; margin-left:5px;}
#fondcontenu .contenulist #texte a{ text-decoration:none}

/*----------- typos texte ------ */
.titre { font-size:12px; font-weight:bold; color:#DBA826 ;}
.soustitre { font-size:12px; font-style:italic; color:#272727 ;}
.txt { font-size:11px ; color:#707070 ;}

#topbouton{ width:306px ; height:8px ; background-color:#DBA826 ;}
#bouton{ width:306px; height:18px; float:left;}
#Image2 { margin:0 1px 0 0}

#op1{ height:147px; width:290px; margin:8px auto 8px auto}
#op2{ height:153px; width:290px; margin:8px auto 0 auto}
/* ------------ playliste --------------- */


/*#playlist{ width:316px; height:176px; float:left; margin:10px 15px 0 10px; background:url(../img/centre/playlist/fond_playlist.gif)}*/
#playlist{ width:316px; height:176px; float:left; margin:10px 15px 0 10px;background:url(../img/centre/playlist/fond_playlist.gif)}
#playlist #titreplaylist {width:300px; padding:8px}
#playlist #titreplaylist img{float:left}
#playlist #titreplaylist a{display:block;float:left; background:url(../img/centre/playlist/son.gif) no-repeat; margin-left:80px; padding-left:30px; font-size:11px; color:#000}
#playlist #titreplaylist a:hover{ text-decoration:none}
#playlist #listmp3{ float:left; width:308px; height:129px; padding:0 0 0 8px; overflow:auto;}
#playlist #listmp3 #lecteurmp3 { width:287px; height:37px; background-color:#DCD9D1; margin-bottom:9px; }

#playlist #listmp3 #lecteurmp3 #titreartiste { float:left; width:240px; height:15px; padding-top:3px;}
#playlist #listmp3 #lecteurmp3 #titreartiste .artiste {font-size:10px; padding:0 25px 0 10px; margin-top:5px;}
#playlist #listmp3 #lecteurmp3 #titreartiste .titres {font-size:10px;}

#playlist #listmp3 #lecteurmp3 #player{ float:left; padding-left:6px; width:234px; height:19px;}
#playlist #listmp3 #lecteurmp3 #vignette{ margin:3px 0 0 3px; float:right; width:44px; height:37px; background:url(../img/centre/playlist/ombre.gif) no-repeat;}
#playlist #listmp3 #lecteurmp3 #vignette img{ margin:1px 0 0 1px}
/* ------------ fin playliste --------------- */


#telechargement{ width:306px; height:337px; float:left; margin-top:10px;}
#telechargement #fondcontenu { width:306px; height:311px; background:url(../img/centre/telechargement/fond.gif) bottom no-repeat ; background-color:#FEFBF4 }
#telechargement #fondcontenu .contenulist { height:311px; padding-left:18px; overflow: auto;}
#telechargement #fondcontenu .contenulist #article{float:left; width:136px; margin:9px 0 9px 0;}
#telechargement #fondcontenu .contenulist #photolist{ width:56px; height:55px; float:left; background: url(../img/centre/telechargement/ombre.gif);}
#telechargement #fondcontenu .contenulist #texte{float:left; width:70px; margin-left:5px;}
#telechargement #fondcontenu .contenulist .top p{float:left; padding:0; margin:0; font-size:11px; color:#000}
#telechargement #fondcontenu .contenulist .top img{float:left; margin:0 10px 0 0; border:2px solid #000}
#telechargement #fondcontenu .contenulist .top{ float:left; padding:13px 0 0 5px}

/*----------- typos texte ------ */
#telechargement #fondcontenu .contenulist .titre { font-size:11px; font-weight:bold; color:#272727 ;}
#centre_droite { width:318px; float: left; height:100%; background-color:}
/*  margin:0 0 0 0px; padding:20px 0 0 13px; background-color: #000 */

#beurfmlive{ width:305px; padding:20px 0 13px 13px; background-color:#000}
#beurfmlive .fond{ background:url(../img/centre/beurfmlive.jpg); width:300px; height:80px;}
#beurfmlive .fond a{ display:block; width:300px; height:80px;}
#beurfmlive .fond .titre{ display:none; padding:33px 15px 0 30px; font-size:11px; font-weight:bold; color:#0082FE; text-align:right}
#beurfmlive .fond p{ display:none; height:21px; margin:0; padding:5px 15px 0 6px; font-size:11px; color:#fff; text-align:right}

#onair{width:305px; padding:0 0 0 13px; margin-bottom:0; height:249px; background-color:#000}
#pub{width:305px; height:250px; padding:20px 0 6px 13px ; background-color: #000}
#agora{ width:320px; height:302px; padding:0 0 0 13px; background: url(../img/centre/agora/fond_agora.gif) right}
#agora #mariezmoi { padding:10px 0 0 0}
#agora #petitesannonces {padding:13px 0 0 0}
#agora #tchat_forum {margin:13px 0 0 0; height:80px; width:310px; background:url(../img/centre/agora/tchat_forum.jpg)}
#agora #tchat_forum #chat{ float:left; width:164px}
#agora #tchat_forum #chat form{ margin:0; padding:0}
#agora #tchat_forum #chat .champ{ margin:36px 0 3px 18px; padding:0 2px; width:86px; height:15px; border:1px solid #7D7D7D; background-color:#000;font-family:Arial; font-size:11px; color:#fff}
#agora #tchat_forum #chat .bouton{margin:0 0 0 5px;}
#agora #tchat_forum a{ display:block; float:left; width:146px; height:80px}

/* bas */
#bas {height:58px; width:980px; height:58px; margin:0; background: url(../img/bas/fond_bas.gif) repeat-y}
#bas #fondbas {width: 970px; margin:0 5px 0 5px; height:38px; background-image:url(../img/haut/fond_bas.gif);}
#bas #baseline { width: 970px; padding:2px 0 0 15px; height:18px;color:#646464; font-size:11px;}
#bas #baseline a{color:#646464; font-size:10px; text-decoration:none}
#bas #baseline a:hover{color:#DBA826; font-size:10px; text-decoration:underline}


/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 0px; font-size: 0px; }
/* ------------------------------------------------------------------------------------------- */

/* footer */
#basrub{ width: 950px; height:58px; margin-left:15px; padding:26px 0 0 0; background: url(../img/bas/fond_basrub.gif) repeat-y}
#fondbasrub {width: 940px;margin:0 5px 0 5px; height:38px; background-image:url(../img/haut/fond_bas.gif);}
#baselinerub { width: 950px; padding:2px 0 0 15px; height:18px;color:#646464; font-size:11px;}
#baselinerub a{color:#646464; font-size:10px; text-decoration:none}
#baselinerub a:hover{color:#DBA826; font-size:10px; text-decoration:underline}