body{position:relative; margin:0; padding:0; background-repeat:no-repeat; font-size:11px; line-height:18px; font-family:"Lucida Grande","Lucida Sans",Lucida, arial,verdana,tahoma,helvetica,sans-serif; color:#000;}

body#accueil{background-color:#df8121; background-image: url(images/BackgroundAccueil.gif);}
body#contact{background-color:#90691d; background-image: url(images/BackgroundContact.gif);}
body#nicolas{background-color:#8d671c; background-image: url(images/BackgroundNicolas.gif);}
body#redacteur{background-color:#138865; background-image: url(images/BackgroundRedacteur.gif);}
body#melomane{background-color:#00789b; background-image: url(images/BackgroundMelomane.gif);}


/*  ______________BANDEAU */

#bandeau{background-repeat:no-repeat; background-position: -160px 0; width:550px; height:180px; position:absolute; top:0; left:160px;}

#contact #bandeau{background-image: url(images/BackgroundContact.gif);}
#nicolas #bandeau{background-image: url(images/BackgroundNicolas.gif);}
#redacteur #bandeau{background-image: url(images/BackgroundRedacteur.gif);}
#melomane #bandeau{background-image: url(images/BackgroundMelomane.gif);}

#bandeau img{border:0;}


/*  ______________CONTENU */

#contenu{overflow:auto; height:480px; width:460px; position:absolute; top:190px; left:200px; padding:10px 10px 0 0;}
a{text-decoration:underline; color:black;}
a:hover{text-decoration:none; color:#333;}

#contenu ul{padding:0 0 0 15px; margin:0;}
h2{margin-top:40px}
H1,h2,h3,h4,h5,h6{font-family:Georgia,"Hoefler Text","Bookman Antiqua",Palatino,"Utopia",serif;}

img{border:0;}
#contenu img{float:right; margin:0 0 10px 10px;}



/*  ______________MENU SECONDAIRE */

ul#secondaire {width:160px; height:200px; position:absolute; top:150px; left:680px; list-style-type:none; line-height:190%; padding:0, margin:0;}
#redacteur #secondaire li {padding:0; margin:5px; background-color:#c5f0cd;}
#melomane #secondaire li {padding:0; margin:5px; background-color:#bbdbe4;}
#secondaire a{font-weight:bold; text-decoration:none; padding:0 0 0 10px; margin:0; letter-spacing:1px;}
#redacteur ul#secondaire a{color:#138865;}
#redacteur ul#secondaire a:hover{color:white;}
#melomane ul#secondaire a{color:#00789b;}
#melomane ul#secondaire a:hover{color:white;}