body { width: 800px; margin: auto; margin-top: 0px; background-color: #000000;
       font: normal 15px Arial, Verdana, Helvetica; color: #ff0000; }

/* généraux */
img        { border: none; }
.cache     { display: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { font-weight: bold; text-decoration: none; }
a:active { text-decoration: none; }
/* bando haut MENU */
#logo { height: 86px; margin-left: 0px; margin-top: 5px; position: absolute; }
#filet_1 { width: 250px; height: 2px; margin-left: 0px; margin-top: 96px; position: absolute; }
#filet_2 { width: 550px; height: 2px; margin-left: 250px; margin-top: 96px; position: absolute; }
#accroche { margin-left: 85px; margin-top: 80px; position: absolute;
                text-align: left; font-weight: normal; font-size: 11px; color: #DDDDDD; }

/* couleurs filets et points menus */
.color_spect { background-color: #036499; }  /* bleu */
.color_comp { background-color: #94281A; }  /* rouge foncé */
.color_gris { background-color: #666666; }  /* gris */
.bg_coppelia { background-color: #B4CF5A; }
.bg_fantome { background-color: #EC9E70; }
.bg_princeparf { background-color: #6272A6; }
.bg_feeamour { background-color: #A20093; }
.bg_princesse { background-color: #C6A210; }
.bg_tableau { background-color: #0565B1; }
.bg_pirate { background-color: #DE0094; }
.bg_boulimie { background-color: #38C6F4; }
.bg_magicien { background-color: #96ED51; }
.bg_adrien { background-color: #FF8507; }

/* menu général */
#menu_general { margin-left: 265px; margin-top: 30px; position: absolute;
                text-align: center; font-weight: bold; font-size: 13px; }
.menu_gene_c1 { width: 107px; margin-left: 0px; margin-top: 8px; position: absolute; }
.menu_gene_c2 { width: 107px; margin-left: 107px; margin-top: 8px; position: absolute; }
.menu_gene_c3 { width: 107px; margin-left: 214px; margin-top: 0px; position: absolute; }
.menu_gene_c4 { width: 107px; margin-left: 321px; margin-top: 8px; position: absolute; }
.menu_gene_c5 { width: 107px; margin-left: 428px; margin-top: 8px; position: absolute; }
.menu_gene_p1 { margin-left: 49px; margin-top: 42px; position: absolute; }
.menu_gene_p2 { margin-left: 156px; margin-top: 42px; position: absolute; }
.menu_gene_p3 { margin-left: 263px; margin-top: 42px; position: absolute; }
.menu_gene_p4 { margin-left: 370px; margin-top: 42px; position: absolute; }
.menu_gene_p5 { margin-left: 477px; margin-top: 42px; position: absolute; }
#menu_general a:link { color:#828282; } /* gris */
#menu_general a:visited { color:#828282; }
#menu_general a:active { color:#828282; }
#menu_general a:hover { color:#FAF4B2; } /* jaune */
.menu_gene_actif { color:#FAF4B2; }

/* menu spectacles */
#menu_spect_titre { width: 250px; margin-left: 0px; margin-top: 150px; position: absolute;
              text-align: left; font-weight: bold; font-size: 13px; color:#B5B5B5; z-index: 99; }
#menu_spect { width: 250px; margin-left: 0px; margin-top: 180px; position: absolute;
              text-align: left; font-weight: bold; font-size: 13px; line-height: 1.2; z-index: 99; }
#menu_spect a:link { color:#828282; } /* gris */
#menu_spect a:visited { color:#828282; }
#menu_spect a:active { color:#828282; }
#menu_spect a:hover { color:#FAF4B2; } /* jaune */
.menu_spect_actif { color:#FAF4B2; }
#menu_presse_video1  { margin-left: 0px; margin-top: 500px; position: absolute; z-index: 99; } /* dossiers de presse */
#menu_presse_video2  { margin-left: 90px; margin-top: 500px; position: absolute; z-index: 99; } /* videos */

/* frise couleurs et titres pages et spectacles */
#titres { margin-left: 265px; margin-top: 118px; position: absolute; }
#frise { width: 535px; height: 26px; margin-left: 265px; margin-top: 155px; position: absolute; }

/* contenus TOUTES PAGES */
#contenu { width: 535px; height: 412px; margin-left: 265px; margin-top: 188px; position: absolute; }
#scroll_up { width: 17px; height: 30px; margin-left: 248px; margin-top: 520px; position: absolute; }
#scroll_down { width: 17px; height: 30px; margin-left: 248px; margin-top: 560px; position: absolute; }

/* ACCUEIL */
#home_anim { width: 435px; height: 310px; margin-left: 335px; margin-top: 139px; position: absolute; }
#home_scene { width: 526px; height: 44px; margin-left: 289px; margin-top: 449px; position: absolute; }
#home_frise { width: 470px; height: 75px; margin-left: 316px; margin-top: 505px; position: absolute; }

/* SPECTACLES */
#spect_contenu { width: 535px; height: 412px; margin-left: 265px; margin-top: 188px; position: absolute; z-index: 99; }
.spect_infos { width: 535px; margin-left: 0px; margin-top: 10px; position: absolute;
              text-align: left; font-weight: normal; font-size: 11px; color:#c1c1c1; }
.spect_textes { width: 535px; margin-left: 0px; margin-top: 50px; position: absolute;
              text-align: justify; font-weight: normal; font-size: 13px; color:#c1c1c1; line-height: 1.2; }
#spect_coppelia { width: 500px; height: 412px; margin-left: 120px; margin-top: 188px; position: absolute;
                 background-image: url("images/fond_coppelia.jpg"); background-repeat: no-repeat; z-index: 1; }
#spect_fantome { width: 540px; height: 412px; margin-left: 120px; margin-top: 188px; position: absolute;
                 background-image: url("images/fond_fantome.jpg"); background-repeat: no-repeat; z-index: 1; }
#spect_princeparf { width: 500px; height: 412px; margin-left: 120px; margin-top: 188px; position: absolute;
                 background-image: url("images/fond_princeparf.jpg"); background-repeat: no-repeat; z-index: 1; }
#spect_feeamour { width: 500px; height: 412px; margin-left: 120px; margin-top: 188px; position: absolute;
                 background-image: url("images/fond_fee.jpg"); background-repeat: no-repeat; z-index: 1; }
#spect_princesse { width: 500px; height: 412px; margin-left: 120px; margin-top: 188px; position: absolute;
                 background-image: url("images/fond_princesse.jpg"); background-repeat: no-repeat; z-index: 1; }
#spect_pirate { width: 500px; height: 412px; margin-left: 120px; margin-top: 188px; position: absolute;
                 background-image: url("images/fond_pirate.jpg"); background-repeat: no-repeat; z-index: 1; }
#spect_boulimie { width: 500px; height: 412px; margin-left: 120px; margin-top: 188px; position: absolute;
                 background-image: url("images/fond_boulimie.jpg"); background-repeat: no-repeat; z-index: 1; }
#spect_tableau { width: 500px; height: 412px; margin-left: 120px; margin-top: 188px; position: absolute;
                 background-image: url("images/fond_tableau.jpg"); background-repeat: no-repeat; z-index: 1; }
#spect_magicien { width: 500px; height: 412px; margin-left: 120px; margin-top: 188px; position: absolute;
                 background-image: url("images/fond_magicien.jpg"); background-repeat: no-repeat; z-index: 1; }
#spect_adrien { width: 500px; height: 412px; margin-left: 120px; margin-top: 188px; position: absolute;
                 background-image: url("images/fond_adrien.jpg"); background-repeat: no-repeat; z-index: 1; }
DIV.img_spect { float: right; margin-left: 20px; margin-right: 0px; margin-bottom: 10px; }
#spect_video { width: 410px; height: 330px; margin-left: 320px; margin-top: 195px; position: absolute; }
#spect_scene { width: 498px; height: 45px; margin-left: 276px; margin-top: 525px; position: absolute; z-index: 1; }
#spect_return { width: 60px; margin-left: 495px; margin-top: 552px; position: absolute; z-index: 2;
                text-align: center; font-weight: bold; font-size: 14px;}
#spect_return :link { color:#FAF4B2; } /* jaune */
#spect_return :visited { color:#FAF4B2; }
#spect_return :active { color:#FAF4B2; }
#spect_return :hover { color:#036499; } /* bleu */

/* COMPAGNIE */
#comp_menu { width: 535px; margin-left: 265px; margin-top: 160px; position: absolute; }

#comp_contenu { width: 535px; margin-left: 265px; margin-top: 203px; position: absolute; }

IMG.comp_comedien { float: left; margin-left: 0px; margin-right: 20px; margin-bottom: 10px; border: 1px solid #333333; }
IMG.comp_equipe { border: 1px solid #333333; }

.comp_choix { text-align: left; font-weight: bold; font-size: 13px; }
.comp_choix a:link { color:#828282; } /* gris */
.comp_choix a:visited { color:#828282; }
.comp_choix a:active { color:#828282; }
.comp_choix a:hover { color:#FAF4B2; } /* jaune */

.comp_titre { text-align: justify; font-weight: bold; font-size: 17px; color: #AAAAAA; }
.comp_texte { text-align: justify; font-weight: normal; font-size: 13px; color:#B8B8B8; line-height: 1.4; }
.comp_nom { text-align: center; font-weight: bold; font-size: 14px; color: #C1C1C1; }
.comp_fonction { text-align: center; font-weight: normal; font-size: 12px; color: #888888; }
.comp_clair { color: #FCFCD6; font-weight: bold; }
.comp_theatre { color: #E9E9E9; font-weight: bold; }

.comp_comed_url a:link { color: #C1C1C1; }
.comp_comed_url a:visited { color: #C1C1C1; }
.comp_comed_url a:hover { color: #94281A; }
.comp_comed_url a:active { color: #C1C1C1; }

#comp_scroll_up { width: 17px; height: 30px; margin-left: 235px; margin-top: 520px; position: absolute; }
#comp_scroll_down { width: 17px; height: 30px; margin-left: 235px; margin-top: 560px; position: absolute; }

#comp_frise { width: 535px; margin-left: 265px; margin-top: 590px; position: absolute; }

/* DOSSIERS PRESSE */
#dossier_zone { width: 535px; margin-left: 265px; margin-top: 240px; position: absolute; }
#dossiers LI { FLOAT: right }
#dossiers LI A { BORDER-RIGHT: #C1C1C1 1px solid; DISPLAY: block; FLOAT: left; OVERFLOW: hidden; WIDTH: 35px; HEIGHT: 243px; TEXT-DECORATION: none; }
#dossiers LI A IMG { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px }
#dossiers LI A:hover { BACKGROUND: #C1C1C1; WIDTH: 170px; }
#dossier_frise { width: 535px; margin-left: 265px; margin-top: 550px; position: absolute; }

/* PARTENAIRES */
#parten_fond { width: 535px; height: 412px; margin-left: 265px; margin-top: 188px; position: absolute;
                 background-image: url("images/fond_parten.jpg"); }
.parten_texteC { text-align: center; font-weight: bold; font-size: 12px; color:#C1C1C1; }
.parten_url a:link { color: #C1C1C1; }
.parten_url a:visited { color: #C1C1C1; }
.parten_url a:hover { color: #E42B0E; }
.parten_url a:active { color: #C1C1C1; }

/* VIDEOS */
#video_1 { width: 210px; margin-left: 300px; margin-top: 215px; position: absolute; text-align: center; }
#video_2 { width: 210px; margin-left: 554px; margin-top: 215px; position: absolute; text-align: center;  }
#video_3 { width: 210px; margin-left: 300px; margin-top: 400px; position: absolute; text-align: center;  }
#video_4 { width: 210px; margin-left: 554px; margin-top: 400px; position: absolute; text-align: center;  }
.video_texte {font-weight: bold; font-size: 11px; line-height: 1.8; color: #b8b8b8; }
.video_zvigne { width: 210px; height: 140px; background-color: #4C4C4C; }
.video_zvigne :link { background-color:#4C4C4C; }
.video_zvigne :visited { background-color:#4C4C4C; }
.video_zvigne :active { background-color:#4C4C4C; }
.video_zvigne :hover { background-color:#9A9A9A; cursor: pointer; }

#video_titre { width: 535px; margin-left: 265px; margin-top: 190px; position: absolute;
              text-align: center; font-weight: bold; font-size: 15px; color:#c1c1c1; }
#video_ecran { width: 410px; height: 330px; margin-left: 320px; margin-top: 215px; position: absolute; }
#video_scene { width: 498px; height: 45px; margin-left: 276px; margin-top: 545px; position: absolute; z-index: 1;}
#video_return { width: 60px; margin-left: 495px; margin-top: 572px; position: absolute; z-index: 2;
                text-align: center; font-weight: bold; font-size: 14px;}
#video_return :link { color:#FAF4B2; } /* jaune */
#video_return :visited { color:#FAF4B2; }
#video_return :active { color:#FAF4B2; }
#video_return :hover { color:#6E519E; } /* mauve */

/* CONTACT */
#cont_contenu { width: 535px; height: 412px; margin-left: 265px; margin-top: 188px; position: absolute; background-image: url("images/fond_contact.gif"); }
.cont_texte { text-align: left; font-weight: normal; font-size: 13px; line-height: 1.4; color: #C1C1C1; }
.cont_titre { font-size: 15px; color: #595959; }
.cont_arobase { font-size: 20px; color: #EB6503; }
.cont_mail a:link { color: #C1C1C1; text-decoration: underline; }
.cont_mail a:visited { color: #C1C1C1; text-decoration: underline; }
.cont_mail a:hover { color: #EB6503; }
.cont_mail a:active { color: #C1C1C1; }
.cont_infos { font-size: 11px; }
.cont_fond { background-image: url("images/contact_fond.gif") }