body {background:#faf6c7 url(../images/bgall.jpg) repeat-x 0 0; height:100%}
TD {text-align:center;}
ul, ol, li {list-style:none; margin:0; padding:0;}
ul {margin:10px 0;}
h4 {margin:0 0 10px 0;}
* {color:white;}

DIV.col {float:left; width:300px; height:610px; text-align:center;}
DIV.middle {background:#333; padding:10px; width:560px; margin: 0 10px 10px; float:left; height:590px; overflow:auto;}

#coeurdepage {width:1200px; background:url(../images/banniere-2.jpg) no-repeat 0 0; margin:0 auto; position:relative; }
#banniere {height:210px;}
#infos {top:220px; width:1200px;}
#infos .inscrivez-vous {position:absolute; top:143px; left:238px; }
#infos .contacts {position:absolute; top:10px; left:560px; }
#infos #container {position:absolute; top:45px; left:880px; }

#menu {background:url(../images/menu_fd.gif) top; width:1200px; height:50px; background-color:#333; color:#FFF; }
#menu li {float:left; line-height:50px; height:50px; background:url(../images/menu_separateur.gif) no-repeat right 2px; font-size:20px;}
#menu li a {float:left; padding:5px 17px 0 17px; height:46px; color:white; text-decoration:none; }
#menu li a:hover {background:url(../images/menu_orange.gif) ;}
#accueil {width:1190px; padding:5px; background:black;}
#texte {font-weight:bold; color:#000; margin-top:10px;}

#programme .programme, #cours .cours, #shows .shows, #artistes .artistes, #hebergement .hebergement,
#tarifs .tarifs, #acces .acces, #salles .salles, #edition2010 .edition2010  {background:url(../images/menu_orange.gif)}

#artistes SELECT {color:black; font-weight:bold; width:300px; text-align:center;  margin:10px 10px 10px 0;}
#artistes SELECT * {color:black; }
#artistes .middle DIV {width:180px; float:left; height:590px;}
#artistes .middle DIV.centre {margin:0 10px;}
#artistes .middle U {margin:10px 0; display:block;}
#artistes .droite DIV {padding:10px; width:280px; background:#333; text-align:left;}
#artistes .droite DIV.djs {margin-bottom:5px; height:180px; background:url(../images/djs.jpg); width:280px;}
#artistes .droite DIV.profs {background:url(../images/profs.jpg); width:280px; height:385px;}

#salles .middle {padding:0; overflow:hidden;}

#cours {}
#cours TD {color:white; text-align:center;}
#cours TH {font-size:20px; text-decoration:underline; }
#cours TD.salle {background:black; width:140px; border:1px solid white;}
#cours DIV.blanc {background:white; padding:5px;}
#cours TR.rouge TD, .rouge {background:red;}
#cours TR.bleu TD, .bleu {background:blue; }
#cours TR.vert TD, .vert {background:green; }
#cours TR.orange TD, .orange {background:orange;}
#cours TR.gris TD, .gris {background:grey;}
#cours TR.rose TD, .rose {background:pink;}
#cours TR.noir TD, .noir {background:black; border:1px solid white;}
#cours TR.marron TD, .marron {background:brown;}
#cours TR.violet TD, .violet {background:purple;}
#cours TABLE { margin-bottom:10px;}
#cours TD.no-border {border:none;}
#cours INPUT {margin:5px 3px 5px 0; padding:0;}

#shows #texte OL {float:left; width:180px; }
#shows #texte H4 {text-decoration:underline; text-align:center;}
#shows #texte OL LI {list-style-type: decimal; margin-bottom: 10px; margin-left: 40px; text-align:center; }
#shows #texte #anim {position:absolute; right:20px; top:590px;}




#hebergement #texte H4 {text-decoration:underline;}
#hebergement #texte .photos {width:300px; float:left; }
#hebergement #texte .photos IMG {width:300px;}
#hebergement #texte .texte {float:left; width:560px; margin: 0 10px; background:url(../images/fete.jpg); color:white; padding:10px; height:590px;}
#hebergement #texte .texte UL {margin-bottom:20px;}
#hebergement #texte .texte .hotel {font-size:18px; text-align:center; margin-bottom:20px;}

#tarifs .formulaire {float:left; margin:5px 10px 0 0;}