/****************************************************************/
/* 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=66); -moz-opacity:.66; opacity:.66; background-color:#000} 
.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; }
/****************************************************************/ 
/* 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:85px;width:930px;border-bottom:1px solid #717075; }
#logo_phrase #logo { float:left; }
#logo_phrase #phrase img { margin:20px 0 0 160px; } 

/****************************************************************/ 
/* 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:227px;}
#contenu #centre .en_avant h2 { line-height:normal;font-size:.9em;padding:2px 0 2px 5px;margin:0;font-weight:bold;background:black;color:white;text-transform:uppercase; }
.white { color:white; }
.white a { text-decoration:none;color:white; }
.gray { color:#CBCBCB; }
#contenu #centre .en_avant h3 { color:white; padding:2px 0 2px 5px; margin:0; text-transform:uppercase;}
#contenu #centre .en_avant p { width:33%;color:white;font-size:11px;padding:2px;margin:0 0 0 5px;font-weight:100; }
#contenu #centre .en_avant .sav_plus {  margin:0 0 0 120px;cursor:pointer; }
#contenu #centre .en_avant .pagination{  margin-top:50px}

#contenu #centre { width:600px;margin:0px 0 0 0px; } 
#contenu #centre #en_avant { height:227px;}
#contenu #centre #en_avant h2 { line-height:normal;font-size:.9em;padding:2px 0 2px 5px;margin:0;font-weight:bold;background:black;color:white;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 { margin:0 0 0 530px;} 
.pagination td { text-align:center;cursor:pointer;}
.pagination td a {-moz-border-radius:3px;font-family:verdana;font-weight:bold;font-size:.8em;text-decoration:none;color:#595959;display:block;width:23px;height:22px;padding:0;margin:0;background:white;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 { margin:5px 15px;font-size:12px;} 
#contenu #centre #actu h2 {  line-height:normal;font-size:1.2em;padding:2px 0 2px 0px;margin:0;font-weight:bold;text-transform:uppercase; }
#contenu #centre #actu .date { font-size:10px; color:#EC6E00;}
#contenu #centre #actu .sous_titre { color:#EC6E00; font-weight:bold; font-size:15px; }
#contenu #centre #actu .texte { color:#54301A; text-align:justify;} 
/*#contenu #centre #actu p { font-size:.9em;color:#727176; }*/
.suite_actu { color:#543018;font-size:.9em;font-weight:bold;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:bold; }
#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:normal; }
#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; }
.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:bold;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:#F5F5F5;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*/