/*Plan de la feuille de style
------------------------------
    1. Structure - Balises html - les liens (règle générale)
    2. Header - menu
    3. Défaut : l'agenda et les news
    4. Specificites
    5. Footer    
*/

/* ==============================================================
        1. Balises html - les liens (règle générale)
   ============================================================== */
body,td,th {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    text-align:justify;
    font-size: 11px;
    color: #D3D7DC;    
}
body {
    background-image: url(../image/bg_line.gif);
    background-repeat: repeat;
    background-position:center;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    height: 100%;
}    
.theme {
    background: url("../image/bg.jpg") repeat;
    height: 100%;    
}
img { border: 0;}

.photo {
    border: 1px;
    border-style: solid;
    border-color: #FFFFFF;
}
a {
    font-size: 9px;
    color: #AB571E;
    text-decoration: underline;
}
.lien:link {
    font-size: 9px;
    color: #AB571E;
    text-decoration: underline;
}
.lien:visited {
    font-size: 9px; 
    text-decoration: underline;
    color: #AB571E;
}
.lien:hover {
    font-size: 9px;
    text-decoration: underline overline;
    color: #AB571E;
}
.lien:active {
    text-decoration: none;
    color: #AB571E;
}

/* ==============================================================
        2. MENU
   ============================================================== */
.menu_td {   /* taille et espacement des cellules du menu texte (Accueil, spectacles ...) */
    padding: 5px 10px 5px 10px;
    width: 150px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}
.menu_texte:link, .menu_texte:hover, .menu_texte:visited {        /* lien menu */
    color:#FFFFFF;
    font-size: 14px;
    text-decoration: none;    
}

/* ==============================================================
        3. - l'agenda / les news
   ============================================================== */
.titre_tableau {
    font-size: 10px;
    font-weight: bold;
}

.thumb_gris { border: 1px solid #D3D7DC;}

.li_01{ list-style-image:url(../images/li_01.gif);}
.li_02{ list-style-image:url(../images/li_02.gif);}
      
/* ==============================================================
        4. SPECIFICITES
   ============================================================== */
.contenu_page {     /* format des textes dans les pages bio, mentions légales etc...  */
    font-size: 12px;
    color:#BBBBBB;
    text-align: justify;
}
/*  photos spectacles */
.back_photo {
    background-color: #1e1109;
    background: url("../image/bg.jpg");
    text-align: center;
}
.x{
    background-color: #1e1109;
    background: url("../image/flyer_bar_bg.gif") repeat-x;
    height: 20px;  
}
.photo_spectacle { padding: 0 15px 10px 15px;}

/* ==============================================================
        5. Footer
   ============================================================== */
.footer { color:#FFFFFF;}
.footer a:link, a:hover, a:visited  {
    color: #ffffff;
    font-family: "verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    cursor: pointer;    
}