/****************************************************************/
/* ELEMENTS PAR DEFAUT ******************************************/
/****************************************************************/ 
body {background-color:#FFF;font-family:arial;font-size:12px;margin:0; } 
form { background:#EDECDC; padding:7px;}
form p {color:#131313;}
/*img { behavior: url("squelettes/imgs/iepngfix.htc") }*/
.out  { filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; }
.ov { filter:alpha(opacity=66); -moz-opacity:.66; opacity:.66; } 
.off { /* filter:alpha(opacity=44); -moz-opacity:.44; opacity:.44; */ }
.blackout { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; background-color:#ECECEC} 
.clear { clear:all;}
a img { border:0; } 
.invisible { display:none;}
.visible { display:block;}
.alt {display:none; } 
.vertical_center { vertical-align:middle;font-size:11px;  } 
.vertical_top { vertical-align:top;font-size:11px;  } 
.bold { font-weight:bold;}
.justify {text-align:justify; } 
.centrer { text-align:center;}
.right {text-align:right;}
hr {width:550px; }
.hr { width:100%;border:1px dotted #565656; }
blockquote { font-style:italic;font-size:12px; }
.savoirplus { cursor:pointer;text-decoration:underline;font-weight:bold;font-size:.9em; }
.motcle { background:#131313;color:white;padding:2px 5px;font-size:.9em;margin:-10px 0 0 -10px; }
.orange { color:#F57720;font-weight:bold; }

/****************************************************************/ 
/* POP UP ******************************************/
/****************************************************************/ 
#relance { width: 700px; height: 520px; position: absolute; z-index:300; left: 50%; margin-left: -60px; margin-top: 150px; background-image:url(../imgs/fondPopUp.png);-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 10px 0 0 10px}
#effect { width: 680px; height: 500px; padding: 0.4em; position: relative; background-color:#FFFFFF;  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
#effect #h1 { margin: 0; padding: 0.4em; color:#ED6F00; font-size:30px; line-height:30px; font-weight:bold}
#effect #h2 { margin: 0; padding: 0.4em; color:#ED6F00;  font-size:22px; line-height:24px; font-weight:bold}
#effect #h3 { margin: 0; padding: 0.4em; color:#54311B; font-size:30px; line-height:32px; font-weight:bold }
#effect p { margin: 0; padding: 0.9em; color:#54311B;}
#effect a { color:#54311B; text-decoration:none; font-weight:bold}
#effect a:hover { color:#ED6F00;}
#effect .titre {color:ED6F00;font-weight:bold; line-height:20px; }
#lien { margin-left: 310px; width:60px; background-color:#ED6F00; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align:center}
#lien a { text-decoration: none; color:#FFFFFF; font-weight:bold}
#lien a:hover { color:#54311B} 

/****************************************************************/ 
/* SPLASH ******************************************/
/****************************************************************/ 
#splash, #splash_swf { position:absolute; top:0; right:0; bottom:0; left:0; background-color:#fff; z-index:100; width:100%; height:100%; }

/****************************************************************/ 
/* LAYOUT ******************************************/
/****************************************************************/ 
#conteneur { padding:5px 25px 5px 25px;  } 
#page { position:relative;left:50%;margin-left:-505px;width:1010px; background:#FFF url(../imgs/bg_center.jpg) repeat-y top left; }
#contenu {  }
 td.layout { vertical-align:top; }

/****************************************************************/ 
/* ENTETE LOGO PHRASE ******************************************/
/****************************************************************/ 
#header { margin:0 0 0 600px; }
#header a.on { background:#131313;color:white;padding:0 2px; }
#logo_phrase { margin:15px 0 15px 0px;height:160px;width:930px;border-bottom:1px solid #717075; }
#logo_phrase #logo { float:left; }
#logo_phrase #phrase img { margin:20px 0 0 440px; } 

/****************************************************************/ 
/* MENU ******************************************/
/****************************************************************/ 
#contenu #gauche { width:315px;margin:0 10px 0 0;font-size:12px; }
#contenu #gauche #presentation {   }

#menu div .niv1 { margin:6px 10px 0 0;border-top:1px solid black;padding:2px 0 1px 0; }
#menu div ul { display:none;margin:0;}
#menu div ul li { list-style:none;margin:4px 0 4px 20px;*margin:4px 0 4px 40px; }
#menu div ul li a {font-size:.9em; color:#292929;background:white;padding:0px 4px;} 
#menu div ul li a:hover, #menu div ul li a.on {background:#131313;color:white;} 
#menu div ul li ul { margin:0 0 10px 0; }
#menu div ul li ul li { list-style:none; }
#menu div ul li ul li a { font-size:.9em;background:white;color:#727272; } 
#menu div ul li ul li a:hover { }
.number { color:#EF790F;font-weight:bold;position:absolute;*position:relative;display:block;margin:-23px 0 0 280px;}

#menu div a { color:#563019;text-decoration:none;font-size:.8em;cursor:pointer; }

/****************************************************************/ 
/* EN AVANT  VISUEL*/
/****************************************************************/ 
#contenu #centre { width:600px;margin:0px 0 0 0px; } 
#contenu #centre .en_avant { height:350px; vertical-align:bottom}
#contenu #centre .en_avant h2 { background-image:url(../imgs/img_fond_alpha.png);line-height:normal;font-size:18px;padding:5px 10 5;margin:0 0 0 0;font-weight:bold; color:EC6E00;text-transform:uppercase; }
.white { color:white; }
.white a { text-decoration:none;color:white; }
.gray { color:#CBCBCB; }
#contenu #centre .en_avant h3 {  background:#ECECEC;padding:10px 0 20 15;margin:0px;position:relative;color:black; padding:10px 0 20px 15px; margin:200 0 0 0; text-transform:uppercase;}
#contenu #centre .en_avant p { width:33%;color:54301A;font-size:11px;padding:5px 15 5 15;margin: 10 0 0 0;height:30px;overflow:hidden;width:570px;font-weight:100; position:absolute;top: 480px;}
#contenu #centre .en_avant .sav_plus { margin:320px 100px 0 495px;cursor:pointer; position:absolute; top: 180px; }
#contenu #centre .en_avant .pagination{ position:absolute; top:530px; margin-left : 537; width:100px; height:30px; display:block;}

#contenu #centre .en_avant a.info { position: relative; font-size:11px; color:black; font-weight:100; text-decoration:none}
#contenu #centre .en_avant a.info span { display: none;}
#contenu #centre .en_avant a.info:hover { background: none; z-index: 500;}
#contenu #centre .en_avant a.info:hover span { display: inline; /* on affiche l'infobulle */position: absolute; white-space: nowrap; top: 0px; left: 400px; text-align:left; background: #FFF; color: #EC6E00; padding: 5px; border: 1px solid white; font-weight:bold; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }*/




#contenu #centre { width:600px;margin:0px 0 0 0px; } 
#contenu #centre #en_avant { height:231px;}
#contenu #centre #en_avant h2 { line-height:normal;;font-weight:bold; font-size:.9em;padding:5px 5px 0px 5px;margin:0;background:black;color:#EC6E00;text-transform:uppercase; }
.white { color:white; }
.white a { text-decoration:none;color:white; }
.gray { color:#CBCBCB; }

/****************************************************************/
/* ACCUEIL ******************************************/
/****************************************************************/ 
#top {position:relative;left:50%;margin-left:-505px;width:1010px; } 
#bottom { position:relative;left:50%;margin-left:-505px;width:1010px; }

.pagination table { } 
.pagination td { text-align:center;cursor:pointer;}
.pagination td a {-moz-border-radius:3px;-webkit-border-radius:3px;font-family:verdana;font-weight:bold;font-size:.8em;text-decoration:none;color:#959595;display:block;width:23px;height:22px;padding:0;margin:0;background:ECECEC;border:1px solid #EE6E01;line-height:22px;filter:alpha(opacity=77); -moz-opacity:.77; opacity:.77;}
.pagination td a:hover, .pagination .pagination-on { color:#131313;filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; } 

#contenu #presentation p { text-align:justify; }

#contenu #centre #actu { background:#ECECEC;padding:15px 10 10 10;margin:0px;position:relative;font-size:12px;margin:30px 0 0 0} 
#contenu #centre #actu h2 {line-height:normal;;font-weight:bold; font-size:1.2em; margin:0;text-transform:uppercase; }
#contenu #centre #actu a { text-decoration: none;}
#contenu #centre #actu .date { font-size:10px; color:#EC6E00;}
#contenu #centre #actu .sous_titre { color:#EC6E00; font-size:15px; } 
#contenu #centre #actu .texte { color:#54301A; text-align:justify; font-weight:normal} 
/*#contenu #centre #actu p { font-size:.9em;color:#727176; }*/
.suite_actu { color:#543018;font-size:.9em;cursor:pointer;margin:0 0 0 410px;}
#contenu #centre #actu a { color:#F6791D;} 
#contenu #centre #actu a:hover { color:#131313;} 

#contenu #centre #liens_directs { margin:5px 15px;font-size:12px; } 
#contenu #centre #liens_directs a { background:black;color:white;text-transform:uppercase;text-decoration:none;font-size:1.1em;font-weight:normal; }
#contenu #centre #liens_directs div { margin:5px 0; } 
#contenu #centre #liens_directs div  span { margin:0 10px;font-size:.9em;color:#EC6E00; } 

.liens_primaires a { font-size:.8em;color:#543018;text-decoration:none; } 
.liens_primaires a:hover { text-decoration:underline; } 


/****************************************************************/
/* ARTICLE PAGES INTERNES ******************************************/
/****************************************************************/ 
#page_article { position:relative;left:50%;margin-left:-505px; width:1010px; margin-top:-80px;*position:absolute; }
#top_article {top:0;margin:0; position:relative;left:50%;margin-left:-505px;width:1010px; background:#FFF; }
#contenu_central { font-size:11px;margin:10px 0 0 0;border-top:1px dotted #131313; text-align:justify }
#contenu_central h2 { font-weight:bold; }
#contenu_central h3 { color:#54301A;margin:12px 0 3px 0;font-size:1.5em; }
#contenu_central h4 { color:#54301A;margin:5px 0 3px 0;font-size:1.3em; }
#contenu_central h5 { color:#54301A;margin:3px 0 3px 0;font-size:1.2em; }
#contenu_central a { text-decoration:none;color:#F3771F; }
#contenu_central a:hover { text-decoration:underline;color:#131313;}
#lien_ecole a { text-decoration:none;color:#009593; }
#lien_ecole a:hover { text-decoration:none;color:#131313;}
#lien_eleve a { text-decoration:none;color:#131313; }
#lien_eleve a:hover { text-decoration:none;color:#009593;}
#contenu_central strong, #contenu_central b { font-weight:bold; }
#contenu_central ul { list-style:none;list-style-position:inside;margin:0;padding:0; }
#contenu_central ul li { margin:0;padding:0 5px; }
#contenu_central p { margin:2px 0 8px 0;} 
.tableau { font-size:11px; text-align:justify;}
.signature { text-align:right;font-weight:bold;}
.dossier_pdf {padding:0 0 0 20px; width:178px;height:31px;background:url(../imgs/fond_pdf.jpg) no-repeat top right; }
#contenu_central .dossier_pdf a { display:block;padding:10px 30px 0 0;color:#565656;font-size:1em;font-family:arial;font-weight:bold;}
#contenu_central .dossier_pdf a:hover { text-decoration:none;}
#contenu_central .liste_spectacles .petite-cap { font-variant: small-caps; }
.texte_presentation1 { text-align:justify; }
.texte_presentation2 { text-align:justify; }
#contenu_central .lien_billetterie a { color:#7E655C; text-decoration:none;}
#contenu_central .lien_billetterie a:hover { color:#F3771F; text-decoration:none;}
#contenu_central #comite_lecture { width:600px; height:200px; overflow:auto;} 



/****************************************************************/
/* SAISON DETAIL FICHE ******************************************/
/****************************************************************/ 
#tools { margin:-25px 0 0 400px; }
#tools img { cursor:pointer; }
.texte { margin:0 0 20px 0; }
.sous_titre { color:#EC6E00;margin:0;padding:0; }
.sur_titre {color:#EC6E00; font-variant:small-caps; font-size:16px; font-weight:bold;}
.auteur { color:#54311B;/*font-weight:bold;*/margin:0;padding:0; } 
.rubrique { border-bottom:3px solid #54311B;margin:0;padding:0; }
.rubrique span { color:white;background:#54311B;padding:1px 4px; }
.lieu { color:#EC6E00;font-weight:bold; }
.dates_aff, .date, .horaire_horaires {color:#54311B; }
.dates_aff strong, .date strong, .horaire_horaires strong {color:#000;font-weight:normal;font-size:1.1em; }
.playerflash { width:320px; height:240px}

/* SAISON, BACKSTAGE, etc */
#contenu_central .liste_mois {width:150px; }
#contenu_central .liste_mois a {font-size:11px;font-weight:bold; }
#contenu_central .liste_spectacles { background:#ECECEC;padding:1px 5px;margin:10px 5px;position:relative;min-width:450px;}
#contenu_central .liste_spectacles2 { background:#ECECEC;padding:1px 5px;margin:10px 5px;position:relative;min-width:450px;}
#contenu_central .liste_spectacles h3 a { color:#131313;}
#contenu_central .liste_spectacles .plus { display:block;position:absolute;*position:relative;*margin:0px 0 0 500px;*padding-bottom:-10px;bottom:-5px;right:2px;cursor:pointer; } 
#contenu_central .liste_spectacles p.auteur,
#contenu_central .liste_spectacles p.date,
#contenu_central .liste_spectacles p.metteur_scene { margin:1px 0 2px 0; }

/* FICHE ELEVES */
#contenu_central .eleves { }
#contenu_central .eleves h3 { font-size:2.5em;color:#009593; }
#contenu_central .eleves .date { color:#009593;font-weight:bold;font-size:1.1em; }
#contenu_central .eleves .titrusme { background:#009593;color:white;padding:6px 5px;text-transform:uppercase;font-weight:bold; }
#contenu_central .eleves .titrusme2 { background:#7FCAC9;color:white;padding:2px 5px;text-transform:uppercase;font-weight:bold; }
#contenu_central .eleves a { text-decoration:none;color:#009593; }
#contenu_central .eleves a:hover { text-decoration:underline;color:#131313;}

/****************************************************************/
/* GALERIE PHOTO ******************************************/
/****************************************************************/ 
#galerie a:link{color:ffffff;text-decoration:none;font-family:arial,verdana,tahoma;font-size:9pt} /*aspect des liens standards*/
#galerie a:visited{color:bebebe;text-decoration:none;font-family:arial,verdana,tahoma;font-size:9pt} /*aspect des liens visités*/
#galerie a:hover{color:00ff00;text-decoration:none;font-family:arial,verdana,tahoma;font-size:9pt} /*aspect des liens au passage de la souris*/
#galerie a:actived{color:gold;text-decoration:none;font-family:arial,verdana,tahoma;font-size:9pt} /*aspect des liens cliqués*/
#galerie {background:6477B8;font-family:arial,verdana,tahoma;font-size:9pt;color:ffffff} /*aspect du fond de page + style des polices*/
#galerie table{background:000000;border-style:solid;border-width:1;border-color:00ff00;font-family:arial,verdana,tahoma;font-size:9pt} /*aspect du tableau*/