* {  
margin:0; padding:0; 
} 
body { 
background: #000 url(img/fond-raoul-fonce.png) top left repeat-x fixed; 
font-family: Verdana, \\\\\\\"Lucida Grande\\\\\\\", Lucida, Tahoma, \\\\\\\"Trebuchet MS\\\\\\\", Arial, Geneva, Helvetica, sans-serif;
color: #a00;
font-size:15px; 
margin:0; padding:0;
}  
img { border : 0
}
a{
outline: none;
text-decoration: none;
color: #a00; 
font-weight: bold;  
}  
a:hover {
text-shadow: #faa 1px 1px 5px;
}
h1 {
color: #a00;;
}
h2 {
color: #a00;
font-size:20px;
}
h3 {
color: #a00;
font-weight: bold;  
font-size:15px;
}
hr {
margin:4px;
color: #cda565;
background:transparent ;
height: 0px;
border:0;
border-top: 2px dashed #cea565;
}
ul li{
list-style: url(img/etoile.png);
margin-left:15px;
}
ul ul li{
list-style: url(img/etoile+.png);
margin-left:25px;
}
ul ul li:hover{
list-style: url(img/etoile.png);
}
#titre{
display:block
}
#rss{
font-size:50%;
}
#rss img{
margin-top:10px
}
/* PAGE */
#conteneur {
position:absolute;
left:50%;
margin-left:-426px;
padding-left:0px;
width:852px;
min-height:1200px;
background:url(img/fond-page-y.jpg)
 left 548px repeat-y scroll ; 
}
#haut-du-conteneur{
position:absolute;
left:50%;
margin-left:-426px;
width:852px;
height:548px;
padding-left:0px;
background:url(img/fond-page.jpg)
left top  repeat scroll ; 
}
/* CENTRE */
#colonneCentre{
position: absolute;
top:130px;
left: 80px;
width: 530px;
height:auto;
}
#colonneCentre img{
max-width:508px
}
#colonneCentre #bouton:hover{
border: 1px dashed white;
padding:1px;
margin:-2px;
} 
/* HAUT */
#haut {
position:absolute;
z-index:1;
height:114px;
width:852px;
}
/* EN TETE */
#accueil {
position: absolute;
width:122px;
height:65px;
top:5px;
left:100px;
}
#on, #off {
position: absolute;
width:45px;
height:28px;
top:32px;
color:transparent
}
#on{
left:318px;
background:url(img/bouton-ON.png) left top no-repeat;
}
#off{
left:353px;
background:url(img/bouton-OFF.png) left top no-repeat; 
}
#on:hover, #off:hover{
background-position: center bottom;
}
/* MENU */
#menu{
z-index:2;
position:absolute;
height:40px;
width:630px;
top:75px;
left:58px;
}
#menu a {
display: block;
height:40px;
width: 90px;
background-position: left top;
visibility:hidden;
}
#menu-actu {background:url(img/menu-actu.png); width: 82px}
#menu-sons {background:url(img/menu-sons.png); width: 89px}
#menu-photos {background:url(img/menu-photos.png); width: 111px}
#menu-videos {background:url(img/menu-video.png); width: 105px}
#menu-presse {background:url(img/menu-presse.png); width: 109px}
#menu-boutik {background:url(img/menu-boutik.png); width: 101px}
#menu-bonus {background:url(img/menu-bonus.png); width: 100px}
#menu li:hover{
background-position: left bottom;
}
#menu li {
float: left;
margin-left:0px;
margin-right:-22px;
list-style:none;
list-style-image: none;
}
/*Boites*/
#menu li ul a{
z-index:3;
height:14px;
visibility:visible;

}
#menu li ul {
	position: absolute;
	width:102px;
	left: -999em;
        margin-top:0px;
        background:url(img/fond-boite.jpg);
        opacity:0.9;
        padding:5px;
        padding-left:25px;
        border:2px dashed #cda565;
        font-size: 14px;
        font-weight: bold; 
}
#menu li:hover ul{
	left: auto;
	margin-left:10px;
}
#menu li ul li{
list-style-image: url(img/etoile+.png);
}
#menu li ul li:hover{
list-style-image: url(img/etoile.png);
}
/*DROITE*/
.colonneDroite {
z-index:0;
position:absolute;
top:80px;
right:20px;
width: 220px;
text-align:center;
}
.dates {
font-size:13px;
margin-bottom:10px;
color:#e00;
font-weight:bold
}
.dates a{
font-weight: bold;  
font-size:14px;
}
.dates ul li{
list-style: none;
list-style-image: none;
background: url(img/limit.png) no-repeat 
center bottom;
padding-bottom:3px;
}
.dates ul li:hover{
list-style:url(img/etoile.png) ;
}
#mini-blog {
margin-left:20px;
width:180px;
color:black;
}
#mini-blog {
font-size:10px;
text-align:center
}
#mini-blog #titre{
margin-left:25px;
}
#mini-blog h2 {
font-size:11px;
}
#mini-blog img{
max-width:150px
}
#bloc-contact{
position:fixed;
width:233px;
height:117px;
bottom:0px;
right:0px;
background:url(img/fond-contact.png) no-repeat left bottom;
text-align:right;
}
/*ACCUEIL*/
#page-accueil{
font-weight:bold;
font-size:18px;
}
#page-accueil h2 {
text-decoration:none;
text-align:center;
}
#page-accueil #titre{
display:inline;
}
#livreDOr{
display:inline;
margin-bottom:-10px;
}
#tv{
display:inline;
margin-left:10px;
background:url(img/tv-.gif) no-repeat;
}
#tv:hover{
background:url(img/tv+.gif) no-repeat;
}

/*RADIO*/
#radioraoul {
margin-left:25px
}
#radioraoul * {
margin-left:-25px
}
#etpochettes{
margin-top:-30px;
margin-left:50px
}
#radioraoul #hautparleur {
margin-bottom:-4px;
margin-right:4px;
margin-left:0px;
}
#albumpetit, #radio-rot{
margin-bottom:-20px;
margin-left:22px;
}
#albumpetit:hover , #radio-rot:hover{
border-width: 2px;
padding:2px;
border-color: white;
border-style: dashed;
margin-left:18px;
margin-bottom:-24px;
margin-top:-4px;
}
/*POCHETTES*/
#albumgrand{
border-width: 4px;
padding:5px;
border-color: white;
border-style: dashed;
}
/*PHOTOS*/
#ejs_photo_box img{
border-width: 5px;
padding:10px;
margin-left:-11px;
border-color: #eee;
border-style: dashed;
}
#ejs_photo_box a{
font-size:45px;
margin-bottom:10px
}
#menuPhotos {
}
/*TELE*/
#menuVideos {
width:100px;
margin-top:-20px;
margin-left:15px;
}
#tete-video{
text-align:center;
}
#menuVideoCat{
margin-bottom:-20px;
list-style: none;
list-style-image: none;
}
#menuVideos li ul {
	position: absolute;
        width:339px;
        min-height:110px;
        top:0px;
	left: -999em;
        padding:0px;
        padding-left:25px;
        z-index:3;
        background:url(img/fond-boite.jpg);
        opacity:0.9;
        border:3px dashed white; 
        font-size: 14px;
}
#menuVideos li:hover ul{
	left: 150px;
}
#tele-rot{
margin-bottom:0px;
margin-left:85px;
margin-top:15px;
}
#tele-rot:hover{
border: 2px white dashed;
padding:-2px;
}
#bloc-player {
position:relative;
left:0px;
top:0px;
}
#dew{
width:480px;
height:360px;
border-width: 5px;
padding:20px;
border-color: white;
border-style: dashed;
}
/*BIOGRAPHIE*/
#liens-haut-bio{
height:100px;
}
#T-story, #T-disco, #T-revue {
font-size:17px;
color:white;
position:absolute;
padding:5px;
padding-top:27px;
padding-bottom:27px;
text-align:center;
}
#T-story:hover, #T-disco:hover, #T-revue:hover{
border: 2px white dashed;
}
#T-story{
left:300px;top:20px;
background:url(img/story.png) center no-repeat;
}
#T-disco{
left:00px;
top:50px;
background:url(img/disco.png) center no-repeat;
}
#T-revue{
left:100px;top:5px;
background:url(img/journal.png) center no-repeat;
}
#lesdates a img:hover {
border: 2px #eee dashed;
padding:2px;
margin:-4px;
}
#lesdates{
padding-bottom:30px
}
#story{
margin-top:65px;
}
#liens img, #surlatoile img{
max-height:30px;
margin-right:5px;
margin-bottom:-5px}
/*BLOG*/
#blog {
padding-bottom:500px;
color:black;
}
#blog a{
text-decoration:underline
}
#blog H3{
font-style:italic
}
#blog #rss{
margin-left:450px;
text-decoration:none
}
#article{
border: 2px #cea565 dashed;
padding:5px;
margin:5px;
margin-bottom:20px;
background: url(img/+clair.png)
}
#commentaires, #ajoutCom {
overflow : hidden;
height:20px;
padding-bottom:2px;
color:black;
margin-bottom:0px;
}
#commentaires:hover, #ajoutCom:hover {
height:auto;
margin-bottom:0px;
}
#commentaires {
height:25px;
margin-top:5px;
margin-left:5px;
font-size:11px;
}
#commentaires a{
text-decoration:none;
font-style:normal
}
#ajoutCom form textarea{
height:60px;
width:480px;
color:black;
margin:2px;
margin-left:0px;
}
#ajoutCom form  #Question{
height:15px;
width:40px;
margin:0px;
}
input{
font-weight:bolder;
font-size:9px;
color:#a00;
}
/*PASSS-BRICABRAC*/
.passs{
position:absolute;
top:0px;
}
.passs img{
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:-270px;
text-align: center;
border:0px ;
}
/*ACHETER*/
#tshirt, #prod{
text-align:center;
}
#tshirt img{
max-width:180px}

#tarifs{
border:2px dashed #cda565;
padding:10px;
text-align:center;
}
/*LIVREDOR*/
#livreDOrMessages li:first-letter {
font-size:120%
}
/*CONTACT*/
#webmestre{
position:absolute;
right:4px;
margin-top:20px;
font-size:80%;
font-style:italic;
text-align:right;
}
/*EDITEURS*/
#editdates textarea, #editnews textarea, #editaccueil textarea,#ad textarea, #editblog textarea{
height:200px;
width:90%;
margin-left:15px;
color:black;
}
#editdates, #editnews, #editaccueil{
width:50%;
}
#editnews,#editaccueil{
margin-top:-480px;
margin-left:50%;
height:00px;
}
#editaccueil{
margin-top:400px;
margin-bottom:80px;
}
#editnews textarea, #editaccueil textarea{
height:350px;
}

/*LIEN-HAUTDEPAGE*/
#hautdepage{
position:fixed;
z-index:2;
bottom:0px;
right:160px;
font-size:8px;
padding:0px;
color:white;
}