/* Start of CMSMS style sheet 'rpstyle' */
/* CSS Document */
@import url("reset.css");
body{font-family:Arial, Helvetica, sans-serif;font-size:0.8em;
/*background:#1144aa;*/
background:url(images/fondv.jpg) repeat-x;
}
.spacer{height:1px;font-size:1px;}

h1{font-size:1.8em;color:#CC0000;padding-bottom:8px;border-bottom:1px solid #CC0000;margin-bottom:10px;}
#header,#footer,.ecouter,.contact{position:relative;}

/* ======== header ============ */
#header{height:119px;background:url(images/header_bck.jpg) repeat-x;}
#menu{height:30px;background:url(images/menu_bck.jpg) repeat-x;padding-left:10px;}
 .monde{position:absolute;width:641px;height:119px;background:url(images/header_monde.jpg) no-repeat;}
.monde{right:0px;top:-2px;}
.logo{margin-left:10px;z-index:100;position:relative;}

/* ======== les menus ============ */
#menu li{float:left; margin-right:0%;background: url(images/separateur.gif) no-repeat right;}
#menu ul li.active,#menu ul li:hover{color:#fff;}
#menu ul li a{font-weight:bold;color:#666666;line-height:30px;display:block;padding:0px 0.5em;}
#menu ul li.active a,#menu ul li a:hover{color:#fff;background:url(images/active.jpg) repeat-x;}

/* ======== marquee ============ */
#marquee{height:45px;background:#fff url(images/marquee.jpg);}
.marquee{background:url(images/antenne.jpg) no-repeat left;height:45px;}
.marquee{padding-left:260px;line-height:45px;color:#0066cc;font-size:14px;font-weight:bold;}
/* ======== left ============ */

.personnage{background: url(images/personnage.jpg) no-repeat;height:190px;}
.personnage div{padding:158px 5px;color:#0066cc;}
.ecouter{height:125px;width:100%;margin:10px 0px;border-bottom:1px solid #fff;}

div.contact span{top:15px;}
.ecouter{padding-left:10px;}
.ecouter img{margin:16px 5px;}
.contact{width:100%;height:100px;background:url(images/contact.jpg) no-repeat;}
.contenu_droite img{float:left;margin:5px;}
#contenu{margin-bottom:10px;border-left:1px solid #fff;}

/* ======== footer  ============ */
#footer{height:38px;background:url(images/footer.jpg) repeat-x;clear:both;}
#footer ul li{display:inline;}
#footer ul li a{color:#000000;font-size:0.8em;}
#footer ul li a:hover{text-decoration:underline;color:#ff0000;}
#footer ul{position:absolute;right:10px;top:15px;}
#footer p{line-height:38px;padding-left:6px;color:#666666;}

/* ajouter par cb */

div#sidebar {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 350px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   /*padding: 0 1%;*/
      width: 350px; /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}
.lecteur
{
width:330px;
height:155px;
background: url("http://radioplus.actocom.com/radio/images/lecteur.jpg") fixed  left top;
background-repeat:no-repeat;
}


.emissions
{
margin-left:20px;
padding:5px;
BORDER-left:  #aaaaaa 1pt solid;
BORDER-bottom:  #888888 1pt solid;
BORDER-top:  #888888 1pt solid;
BORDER-right:  #888888 1pt solid;
/*width:500px;*/
}

.uneemission
{
margin-left:5px;
padding-left:5px;

}

.emissionstitrecol
{
color:#111;
font-weight:bold;
background-color: #dddddd;
padding-left:5px;
}

.ligemission1
{
background-color: #eeeeee;
padding-left:5px;
}
.ligemission2
{
background-color: #ffffff;
padding-left:5px;
}
.slogan
{
color:#ffffff;
margin-left:20px;
font-weight:bold;
font-style: italic ;
}

/* End of 'rpstyle' */