/*Design*/

body{
padding:0px;
margin:0px;
font: normal 15px/15px arial, verdana, helvetica, sans-serif;
background:#778193;
}

.hs{
margin-top:200px;
width:500px; height:175px;
border: solid #FFFFFF 1px;
background: #CC0000 url(images/design/header.gif) repeat-x;
}

.hstexte{
background-color:#FFFFFF;
}

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

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

img {
border:none;
}

#wrapper {
  width: 1024px;
  margin-left:auto;
  margin-right:auto;
  background:#0f1925;
  padding-left:15px;
  padding-right:15px;
  overflow:hidden;
}

#Nav {
  width: 1024px;
  height: 48px;
  background: url(images/design/nav.gif) repeat-x;
  line-height:48px;
  color:#FFFFFF;
  font-size:12px;
}

#nav img{
float:right;
}

#navleft{
float:left;
height: 48px;
margin-left:10px;
}

#Nav a{
color:#FFFFFF;
}

#navright{
float:right;
height: 48px;
margin-right:10px;
}

#navmiddle{
text-align:center;
height: 48px;
overflow:hidden;
}

.navonglet{
display:inline-block;
height:48px;
line-height:48px;
}

.navdivider{
display:inline-block;
background:url(images/design/navdivider.png);
width:1px;
height:13px;
margin-left:8px;
margin-right:8px;
overflow:hidden;
}

#Header {
  position:relative;
  width: 1024px;
  height: 169px;
  background: url(images/design/header.gif) repeat-x;
}

#Barrenoire {
  position: absolute;
  left: 274px;
  top: 101px;
  width: 746px;
  height: 41px;
  background: url(images/design/barrenoire.gif) repeat-x;
}

#Equalizer2 {
  position: absolute;
  left: 778px;
  top: 72px;
  width: 189px;
  height: 28px;
  background: url(images/design/equalizer2.gif) repeat-x;
}

#Equalizer1 {
  position: absolute;
  left: 368px;
  top: 72px;
  width: 189px;
  height: 28px;
  background: url(images/design/equalizer.gif) repeat-x;
}

#Ecoute {
  position: absolute;
  left: 788px;
  top: 44px;
  width: 164px;
  height: 23px;
}

#Voix-Interactive {
  position: absolute;
  left: 316px;
  top: 47px;
  width: 281px;
  height: 19px;
  background: url(images/design/voixinteractive.gif) repeat-x;
}

#Headphones {
  position: absolute;
  left: 655px;
  top: 19px;
  width: 117px;
  height: 84px;
  background: url(images/design/headphones.gif) repeat-x;
}

#Logo {
  position: absolute;
  left: 35px;
  top: 14px;
  width: 202px;
  height: 140px;
}

#Speaker {
  position: absolute;
  left: 10px;
  top: 3px;
  width: 35px;
  height: 35px;
}

#enondes {
  position: absolute;
  left: 55px;
  top: 5px;
  width: 325px;
  height: 30px;
  color:#FFFFFF;
  font: bold 13px/15px arial, verdana, helvetica, sans-serif;
}

#recherche {
  position: absolute;
  left: 400px;
  top: 0px;
  width: 375px;
  height: 41px;
}

#recherche table{
width:375px;
height:41px;
margin:0px;
padding:0px;
text-align:center;
vertical-align:middle;
}

#recherche img{
margin-top:2px;
float:left;
}

#contenu{
width:1024px;
overflow:hidden;
margin-bottom:10px;
}

#colgauche{
width:725px;
float:left;
}

#coldroite{
width:299px;
float:left;
}

#pied {
  width: 1024px;
  height: 48px;
  background: url(images/design/pied.gif) repeat-x;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  line-height:48px;
  color:#FFFFFF;
  font-size:12px;
  float:left;
}

#pied img{
float:none;
}

#piedleft{
float:left;
height: 48px;
margin-left:10px;
}

#pied a{
color:#FFFFFF;
}

#piedright{
float:right;
height: 48px;
margin-right:10px;
}

.piedonglet{
float:left;
height:48px;
line-height:48px;
}

.pieddivider{
float:left;
background:url(images/design/navdivider.png);
width:1px;
height:13px;
margin-top:18px;
margin-left:8px;
margin-right:8px;
overflow:hidden;
}

#infobar{
background:#0f1925;
width:1022px;
min-height:5px;
margin-top:5px;
margin-bottom:5px;
color:#FFFFFF;
font-size:11px;
line-height:15px;
text-align:center;
}

#infobar span{
border-bottom:#1a293a solid 1px;
}

#infobar ul{
list-style-type: none;
margin:0px;
padding:0px;
}

#infobar li{
list-style-type:none;
margin:0px;
padding:0px;
}

/*Fin du design*/

/* Accueil */

.boxgauche{
float:left;
width:723px;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
background:#132130;
border:#1a293a solid 1px;
overflow:hidden;
}

.boxgauchecontent{
width:703px;
margin:10px;
margin-left:auto;
margin-right:auto;
background:#2f3c4d;
color:#FFFFFF;
overflow:hidden;
}

.boxgauchecontent a{
color:#FFFFFF;
}

.boxgaucheentete{
width:695px;
margin:4px;
margin-left:auto;
margin-right:auto;
height:20px;
overflow:hidden;
}

.boxgaucheentete img{
height:20px;
float:left;
}

.boxgaucheenteteliens{
float:right;
margin-right:5px;
font-size:13px;
line-height:20px;
font-weight:bolder;
overflow:hidden;
}

.boxgaucheenteteliens img{
position:relative;
top:2px;
display:inline;
float:none;
height:auto;
}

.boxgauchedivider{
width:683px;
height:1px;
border:#1a293a solid 1px;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
background:#2f3c4d;
overflow:hidden;
}

.boxdroite{
width:282px;
margin-bottom:15px;
margin-left:15px;
background:#132130;
border:#1a293a solid 1px;
color:#FFFFFF;
overflow:hidden;
font-size:13px;
line-height:13px;
}

.boxdroiteheader{
height:39px;
margin:2px;
background: url(images/design/boxdroiteheader.gif) repeat-x;
font: bold 13px/39px arial, verdana, helvetica, sans-serif;
color:#000000;
}

.boxdroiteheader span{
margin-left:10px;
}

.boxdroitecontent{
width:252px;
margin:15px;
}

.boxdroitecontent span{
font-size:10px;
}

.boxdroitedivider{
width:252px;
overflow:hidden;
height:1px;
border:#1a293a solid 1px;
margin-top:10px;
margin-bottom:5px;
background:#2f3c4d;
}

#meteo{
width:282px;
height:130px;
overflow:hidden;
}

#meteodetails{
float:left;
width:152px;
height:130px;
}

#meteo img{
float:left;
margin:10px;
width:110px;
height:110px;
}

#meteo span{
font-size:46px;
line-height:46px;
margin:0px;
padding:0px;
}

.boutonconcours{
display:block;
text-align:center;
font-size:20px;
line-height:20px;
margin-left:auto;
margin-right:auto;
padding:15px;
font-weight:bold;
}

.nouvelle{
width:683px;
margin-left:auto;
margin-right:auto;
padding:0px;
font-size:12px;
overflow:hidden;
}

.nouvellegauche{
width:110px;
float:left;
margin-right:10px;
margin-top:5px;
}

.nouvellegauche img{
border:1px solid #444;
padding:3px;
}

.nouvelledroite{
float:left;
width:560px;
}

.nouvelletitre{
font-size:13px;
font-weight:bolder;
float:left;
width:560px;
margin-top:10px;
margin-bottom:5px;
}

.nouvelleliens{
float:left;
width:560px;
margin-top:10px;
margin-bottom:5px;
font-size:10px;
}

.nouvelleliens img{
position:relative;
top:2px;
margin:0px;
margin-left:5px;
padding:0px;
}

.nouvelleliens span{
padding:0px;
margin:0px;
color:#fe7c28;
}

.nouvelletexte{
font-size:11px;
float:left;
width:560px;
}

.petiteboitegauchewrap{
width:703px;
padding:0px;
padding-top:10px;
padding-bottom:10px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}

.petiteboitegauche{
width:243px; float:left; margin:0px;
background:#2f3c4d; color:#FFFFFF;
}

.petiteboitegauche2{
width:450px; float:left; margin:0px; margin-left:10px;
background:#2f3c4d;
color:#FFFFFF;
overflow:hidden;
height: auto;
min-height: 150px;
_height: 150px;
overflow:hidden;
}

.petiteboitegauche2 p{
width:400px;
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}

.petiteboitegauche2 h1{
font-size:24px;
line-height:40px;
text-align:center;
width:400px;
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
}

.petiteboitegauche2 span{
float:right;
margin-right:10px;
margin-top:3px;
font-size:12px;
font-weight:bold;
}

.horairerow{
width:430px;
margin-left:auto;
margin-right:auto;
font-size:12px;
}

.horairedivider{
width:430px;
height:1px;
border:#1a293a solid 1px;
margin-top:3px;
margin-bottom:3px;
margin-left:auto;
margin-right:auto;
background:#2f3c4d;
overflow:hidden;
}

/*FIn de l'accueil*/

/*Actualités*/

#article{
overflow:hidden;
}

.articlebody{
width:600px;
margin-left:50px;
margin-right:50px;
margin-bottom:20px;
margin-top:20px;
overflow:hidden;
}

.articlebody h1{
font-size:14px;
line-height:16px;
padding:0px;
margin:0px;
}

.articlebody h1 img{
display:inline;
padding:0px;
border:none;
}

.articlebody h2{
color: #CCCCCC;
font-weight:bold;
font-size:20px;
line-height:24px;
padding:0px;
margin:0px;
}

.articlebody h3{
font-size:12px;
line-height:14px;
padding:0px;
margin:0px;
}

.articlebody h4{
color: #CCCCCC;
font-weight:bold;
font-size:14px;
line-height:16px;
padding:0px;
margin:0px;
}

.articlebody h4 img{
display:inline;
padding:0px;
border:none;
}

.articlebody p{
font-size:12px;
line-height:14px;
padding:0px;
margin:0px;
margin-bottom:20px;
text-align:left;
}

.articlebody img{
margin-left:auto;
margin-right:auto;
border:1px solid #444;
padding:3px;
display:block;
}

.articlebody textarea{
display:block;
margin:0px;
margin-left:auto;
margin-right:auto;
width:585px;
height:100px;
}

.articlephoto{
font-size:9px;
float:none;
margin-left:auto;
margin-right:auto;
}

.articlephoto img{
margin-left:auto;
margin-right:auto;
border:1px solid #444;
padding:3px;
display:block;
}

.albumbody{
width:600px;
margin-left:50px;
margin-right:50px;
margin-bottom:20px;
margin-top:20px;
overflow:hidden;
text-align:center;
}

.albumbody img{
margin-left:auto;
margin-right:auto;
border:1px solid #444;
padding:3px;
}

.boiteclaire{
width:600px;
background-color:#4b596c;
font-size:12px;
line-height:14px;
padding:0px;
margin-top:10px;
text-align:left;
overflow:hidden;
}

.boiteclaire p{
width:580px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
}

.boiteclaire p object{
float:none;
display:block;
margin-left:auto;
margin-right:auto;
}

.boiteclaire h1{
width:580px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
}

.boiteclaire table{
float:left;
width:600px;
height:20px;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
text-align:center;
}

.boiteclaire img{
float:left;
display:inline-block;
margin:0px;
margin-right:5px;
padding:2px;
border:1px solid #444;
}

.boiteclaire table img{
float:none;
display:inline;
margin:0px;
padding:0px;
border:none;
}

.boiteclaire table input{
float:none;
width:auto;
margin-top:0px;
height:auto;
}

.boiteclaire input.btn{
display:inline;
vertical-align:middle;
float:none;
width:62px;
height:auto;
margin:0px;
margin-left:5px;
padding:0px;
}

.actualiterow{
width:580px;
margin-left:auto;
margin-right:auto;
padding:0px;
font-size:12px;
overflow:hidden;
}

.actualiterowgauche{
width:85px;
float:left;
margin-right:10px;
margin-top:5px;
}

.actualiterowgauche img{
float:none;
margin-top:5px;
border:1px solid #444;
padding:3px;
}

.actualiterowdroite{
float:left;
width:470px;
}

.actualiterowtitre{
font-size:13px;
font-weight:bolder;
float:left;
width:470px;
margin-top:10px;
margin-bottom:5px;
}

.actualiterowliens{
float:left;
width:470px;
margin-top:10px;
margin-bottom:5px;
font-size:10px;
}

.actualiterowliens img{
float:none;
position:relative;
top:2px;
margin:0px;
margin-left:5px;
padding:0px;
border:none;
}

.actualiterowliens span{
padding:0px;
margin:0px;
color:#fe7c28;
}

.actualiterowtexte{
font-size:11px;
float:left;
width:470px;
height:30px;
}

/*Fin de l'actualités*/

/*Fenetre*/
.fenetre{
font-size:12px;
}

.fenetre table{
font-size:12px;
}

.fenetre input{
width:175px;
}

.fenetre textarea{
width:175px;
height:50px;
}

.fenetre #titrenouvelle{
font-size:14px;
}

/*Fin de la fenêtre*/


/*Page musique*/
.rowpalmares{
margin-left:auto;
margin-right:auto;
width:600px;
overflow:hidden;
font-size:13px;
background-color:#4b596c;
margin-bottom:2px;
}

.rowpalmares table{
height:55px;
margin-left:10px;
}

.imgpalmares{
float:left; width:55px; height:55px;
}

.imgpalmares img{
float:left; width:45px; margin:5px;
border:1px solid #444;
}

.rangpalmares{
float:left; width:55px; text-align:center; font-size:30px; font-weight:bold; line-height:55px;
}

.sdpalmares{
float:left; width:40px; text-align:center;
}

.sdpalmares img{
margin-top:20px;
}

.titrepalmares{
float:left; width:225px; font-weight:bold;
}
.artistepalmares{
float:left; width:225px; overflow:hidden;
}

.decouverte{
margin-left:auto;
margin-right:auto;
width:600px;
overflow:hidden;
font-size:13px;
background-color:#4b596c;
margin-bottom:10px;
text-align:center;
}

.decouverte img{
float:left;
margin:10px;
width:100px;
border:1px solid #444;
padding:3px;
}

.decouverteinfos{
text-align:center;
width:400px;
}

.decouverteinfos h1{
text-align:center;
margin-top:15px;
font-size:16px;
}

.decouverteinfos p{
text-align:center;
}

.podcasts{
margin-left:auto;
margin-right:auto;
width:602px;
overflow:auto;
font-size:13px;
background-color:#4b596c;
margin-bottom:10px;
text-align:center;
}

.podcastsrow{
height:30px;
line-height:30px;
width:600px;
overflow:hidden;
border:#999999 solid 1px;
}

.podcastbutton{
width:75px;
height:20px;
line-height:20px;
background:#404e61;
margin:4px;
border:#ff8331 solid 1px;
font-size:10px;
text-decoration:underline;
float:right;
}

.podcasttitre{
width:400px;
height:20px;
line-height:20px;
margin:5px;
font-weight:bold;
text-align:left;
float:left;
}

.podcasttitre span{
font-size:10px;
}
/*Fin de musique*/

/*Recherche google*/
#resultatsgoogle{
max-height:900px;
width:650px;
margin-left:auto;
margin-right:auto;
}
/**/

/*Liste animateurs*/
.listeanimateurs table{
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
width:650px;
font-size:11px;
background-color:#4b596c;
border:#1a293a solid 1px;
}

.listeanimateurs h1{
font-size:14px;
line-height:14px;
margin:0px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
margin-left:5px;
margin-right:5px;
}

.listeanimateurs img{
border:#1a293a solid 1px;
padding:3px;
margin-top:10px;
margin-bottom:10px;
}

.listeanimateurs p{
text-align:left;
margin-left:5px;
margin-right:5px;
}

.listeanimateursdroite {
width:150px;
margin-left:3px;
border:#1a293a solid 1px;
padding:3px;
margin:3px;
}
/*Fin liste animateurs*/

/*Grille horaire*/
.rowgrille{
margin-left:auto;
margin-right:auto;
width:500px;
overflow:hidden;
font-size:13px;
background-color:#4b596c;
margin-bottom:2px;
}

.joursgrille{
height:25px; line-height:25px; text-align:center; font-size:16px;
}

.rowgrille table{
height:25px;
margin-left:10px;
}

.heuregrille{
float:left; width:155px; text-align:center; font-size:14px; font-weight:bold; line-height:25px;
}

.titregrille{
float:left; width:335px; overflow:hidden;
}

.grilleliste{
margin-left:10px; margin-right:10px;
height:25px; line-height:25px; text-align:left; font-size:14px;
}
/*Fin grille horaire*/