body { width: 900px; height: 750px; margin: auto; margin-top: 12px; background-color: #000000;
     font: normal 15px Georgia,Arial,Verdana,Helvetica; color: #ff0000; }
img        { border: none; } /* toutes les images */
.cache     { display: none; }
#bandeau { width: 900px; height: 140px; margin-left: 0px; margin-top: 0px; position: absolute; z-index: 1;  }

/* traits et couleurs */
.trait_prelude { background-color: #CBA75D; }
.trait_ecriture { background-color: #F1BA81; }
.trait_editions { background-color: #C6AED2; }
.trait_sons { background-color: #B7D178; }
.trait_spect { background-color: #E77BAC; }
.trait_internat { background-color: #F5EC73; }
.trait_contact { background-color: #B3E2F4; }
.gris_clair { color: #DDDDDD; }
.gris_fonce { color: #999999; }
.color_prelude { color: #CBA75D; }
.color_editions { color: #C6AED2; }
.color_sons { color: #B7D178; }
.color_internat { color: #F5EC73; }
.color_contact { color: #B3E2F4; }
#filet_gauche { width: 5px; height: 520px; margin-left: 20px; margin-top: 140px; position: absolute; }
#filet_droite { width: 5px; height: 520px; margin-left: 875px; margin-top: 140px; position: absolute; }

/* MENU */
#menu { width: 840px; height: 50px; margin-left: 29px; margin-top: 140px; position: absolute; }
.bt_ecrit { width: 140px; height: 50px; margin-left: 140px; margin-top: 0px; position: absolute; background-image:url("images/btn_ecrit.gif"); }
.bt_ecrit:hover { background-image:url("images/btn_ecrit_on.gif"); }
.bt_edit { width: 140px; height: 50px; margin-left: 0px; margin-top: 0px; position: absolute; background-image:url("images/btn_editions.gif"); }
.bt_edit:hover { background-image:url("images/btn_editions_on.gif"); }
.bt_sons { width: 140px; height: 50px; margin-left: 280px; margin-top: 0px; position: absolute; background-image:url("images/btn_sons.gif"); }
.bt_sons:hover { background-image:url("images/btn_sons_on.gif"); }
.bt_spect { width: 140px; height: 50px; margin-left: 420px; margin-top: 0px; position: absolute; background-image:url("images/btn_spect.gif"); }
.bt_spect:hover { background-image:url("images/btn_spect_on.gif"); }
.bt_inter { width: 140px; height: 50px; margin-left: 560px; margin-top: 0px; position: absolute; background-image:url("images/btn_internat.gif"); }
.bt_inter:hover { background-image:url("images/btn_internat_on.gif"); }
.bt_contact { width: 140px; height: 50px; margin-left: 700px; margin-top: 0px; position: absolute; background-image:url("images/btn_contact.gif"); }
.bt_contact:hover { background-image:url("images/btn_contact_on.gif"); }
#sous_menu { width: 140px; height: 36px; margin-left: 169px; margin-top: 190px; position: absolute; }
.bt_press_nat { width: 140px; height: 18px; margin-left: 0px; margin-top: 0px; position: absolute; background-image:url("images/btn_presse_nat.gif"); background-repeat: no-repeat; }
.bt_press_nat:hover { background-image:url("images/btn_presse_nat_on.gif"); }
.bt_press_inter { width: 140px; height: 18px; margin-left: 0px; margin-top: 18px; position: absolute; background-image:url("images/btn_presse_inter.gif"); background-repeat: no-repeat;  }
.bt_press_inter:hover { background-image:url("images/btn_presse_inter_on.gif"); }

/* accueil */
#acc_musiq { width: 40px; height: 40px; margin-left: 830px; margin-top: 17px; position: absolute; z-index: 99; }
.img_left { float: left; margin-left: 0px; margin-top: 3px; margin-right: 12px; margin-bottom: 5px; }
#home_infos { width: 800px; margin-left: 55px; margin-top: 230px; position: absolute; text-align: left; line-height: 1.15; }
.home_titre { font-size: 22px; font-weight: bold; color:#FFF; }
.home_ss_titre { font-size: 16px; font-weight: bold; color:#BBB; }
.home_texte { font-family: Arial,Georgia,Verdana,Helvetica; font-size: 15px; font-weight: normal; color:#999;}
#home_signature { width: 400px; margin-left: 455px; margin-top: 590px; position: absolute; font-size: 11px; text-align: right; color:#999; }

/* fonds tramés sous textes */
#fond_ecrit { width: 500px; height: 375px; margin-left: 290px; margin-top: 300px; position: absolute;  background-image:url("images/fond_ecriture.jpg"); }
#fond_edition { width: 500px; height: 375px; margin-left: 290px; margin-top: 300px; position: absolute;  background-image:url("images/fond_edition.jpg"); }
#fond_sons { width: 813px; height: 375px; margin-left: 40px; margin-top: 290px; position: absolute;  background-image:url("images/fond_sons.jpg"); }
#fond_spect { width: 813px; height: 375px; margin-left: 40px; margin-top: 290px; position: absolute;  background-image:url("images/fond_spect.jpg"); }

/* zone de scroll pour presse, éditions, publicité */
#srcoll_content { width: 733px; height: 375px; margin-left: 70px; margin-top: 280px; position: absolute; }
#scroll_trait { width: 1px; height: 375px; margin-left: 810px; margin-top: 280px; position: absolute; background-color: #777;}
#scroll_up { width: 17px; height: 30px; margin-left: 817px; margin-top: 430px; position: absolute; }
#scroll_down { width: 17px; height: 30px; margin-left: 817px; margin-top: 470px; position: absolute; }

/* presse, éditions, publicité */
#presse_titre { width: 445px; margin-left: 360px; margin-top: 240px; position: absolute;
                font-size: 22px; font-weight: bold; text-align: left; color:#ffffff; }
.texte_editions_droite { font-family: Arial, Verdana, Helvetica ; font-size: 12px; font-weight: bold; color:#C6AED2; }
#video_grande { width: 550px; height: 330px; margin-left: 175px; margin-top: 300px; position: absolute; }
#texte_video_centre { width: 550px; margin-left: 175px; margin-top: 635px; position: absolute;
                         font-size: 11px; text-align: center; color:#999999; }
#texte_video_retour { width: 100px; margin-left: 400px; margin-top: 655px; position: absolute;
                         font-size: 12px; font-weight: bold; text-align: center; color:#999999; }
.texte_sons_droite { font-family: Arial, Verdana, Helvetica ; font-size: 12px; font-weight: bold; color:#B7D178; }

/* spectacles */
#spect_titre { width: 475px; margin-left: 212px; margin-top: 235px; position: absolute; }
#ukra_img { width: 150px; height: 211px; margin-left: 95px; margin-top: 300px; position: absolute; }
#ukra_txt { width: 240px; margin-left: 50px; margin-top: 530px; position: absolute; text-align: center; }
#abza_img { width: 220px; height: 89px; margin-left: 340px; margin-top: 300px; position: absolute; }
#abza_txt { width: 310px; margin-left: 296px; margin-top: 405px; position: absolute; text-align: center; }
#abza_img2 { width: 217px; height: 150px; margin-left: 340px; margin-top: 480px; position: absolute; }
#lasc_img { width: 210px; height: 180px; margin-left: 632px; margin-top: 300px; position: absolute; }
#lasc_txt { width: 250px; margin-left: 613px; margin-top: 515px; position: absolute; text-align: center; }
.titres_spect { font-family: Arial,Georgia,Verdana,Helvetica; font-size: 14px; font-weight: bold; text-align: center; color:#E77BAC; }
.titres_spect a:hover { font-size: 16px; color:#ff0000; }
.texte_spect_clair { font-family: Arial,Georgia,Verdana,Helvetica; font-size: 12px; font-weight: bold; font-style: italic; text-align: center; color:#DDDDDD; }

/* international */
#inter_titre { width: 700px; margin-left: 100px; margin-top: 240px; position: absolute;
                font-size: 20px; font-weight: bold; text-align: center; color:#999999; line-height: 1.1; }
#inter_dia { width: 660px; height: 280px; margin-left: 120px; margin-top: 310px; position: absolute; }
#inter_video { width: 55px; height: 44px; margin-left: 120px; margin-top: 615px; position: absolute; }
#inter_son1 { width: 200px; margin-left: 190px; margin-top: 615px; position: absolute; text-align: center; }
#inter_son2 { width: 350px; margin-left: 275px; margin-top: 615px; position: absolute; text-align: center; }
#video_petite { width: 410px; height: 330px; margin-left: 245px; margin-top: 300px; position: absolute; }

/* contact */
#cont_img { width: 330px; height: 420px; margin-left: 60px; margin-top: 240px; position: absolute; background-image:url("images/contact.jpg"); }
#cont_titre { width: 445px; margin-left: 420px; margin-top: 230px; position: absolute; }
#cont_txt { font-family: Arial,Georgia,Verdana,Helvetica; width: 445px; margin-left: 420px; margin-top: 325px; position: absolute; }
.contact_accroche2 { font-family: Arial,Georgia,Verdana,Helvetica; font-size: 16px; text-align: left; color:#999999; }
.contact_accroche1 { font-family: Arial,Georgia,Verdana,Helvetica; font-size: 16px; text-align: left; color:#999999; line-height: 1.3; }
.contact_left { font-family: Arial,Georgia,Verdana,Helvetica; font-size: 16px; text-align: left; color:#DDDDDD; }
#cont_signature { width: 160px; height: 54px; margin-left: 650px; margin-top: 520px; position: absolute; }
#cont_fin { font-family: Arial,Georgia,Verdana,Helvetica; width: 445px; margin-left: 420px; margin-top: 600px; position: absolute; }

/* mentions légales */
#ment_img { width: 330px; height: 420px; margin-left: 60px; margin-top: 240px; position: absolute; background-image:url("images/mentions.jpg"); }
#ment_txt { font-family: Arial,Georgia,Verdana,Helvetica; width: 445px; margin-left: 420px; margin-top: 285px; position: absolute; }

/* titres et textes */
#titre_centre { width: 700px; margin-left: 100px; margin-top: 240px; position: absolute;
                font-size: 22px; font-weight: bold; text-align: center; color:#ffffff; }
.arial { font-family: Arial,Verdana,Helvetica; }
.titre_left { font-size: 22px; font-weight: bold; text-align: left; color:#ffffff; }
.accroche { font-family: Arial,Georgia,Verdana,Helvetica; font-size: 15px; text-align: left; color:#DDDDDD; }
.texte_left { font-family: Arial,Georgia,Verdana,Helvetica; font-size: 13px; text-align: left; color:#999999; }
.texte_centre { font-family: Arial,Georgia,Verdana,Helvetica; font-size: 12px; text-align: center; color:#999999; }
.texte_petit { font-size: 11px; text-align: left; color:#DDDDDD; }
.texte_internat_petit { font-size: 10px; text-align: center; color:#999999; line-height: 1.5; }
.texte_editions_petit { font-size: 12px; }

/* liens */
a:link     { color:#999999; text-decoration: none; }
a:visited  { color:#999999; text-decoration: none; }
a:active   { color:#999999; text-decoration: none; }
a:hover    { color:#F5F5F5; text-decoration: underline; }

/* liens pied de page */
#pied_page { width: 900px; margin-left: 0px; margin-top: 705px; position: absolute;
             font-size: 12px; font-weight: bold; color:#6a6a6a; text-align: center; }