/* Theatre St-Denis */
BODY
{
    /*padding: 0px;*/
    margin: 0px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url(fr/img/tile_bg2.png);
    height: 100%;
}

A {text-decoration: none; color: #325777;}
A:hover {text-decoration: underline; }

.titre {
    position: relative;
    left: 0px;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    font-family: Trebuchet MS,Arial,Helvetica;
    color: #215b88;
    padding-left: 20px;
    padding-top: 2px;
    margin-bottom:30px;
    height: 26px;
    width: 198px;
    background-image: url(fr/img/bg_titre.png);
    background-repeat: no-repeat;
}

.gras {
    font-weight: bold;
    font-size: 14px;
}

#page
{
    /*position: absolute;*/
    width: 900px;
    height: 100%;
}

#gauche
{
    position: absolute;
}


#haut
{
    position: absolute;
    top: 0px;
    left: 120px;
    width: 780px;
    /*height: 100%;*/
}

#centrale
{
    position: relative;
    background-color: #2d7cb8; 
    background-image: url(fr/img/tile_centre.png);
    width: 780px; /*100%;*/
    height: 100%;
    background-repeat: repeat-y;
}

#centre_gauche
{
    position: relative;
    width: 537px;
    left: 7px;
    top: 0px;
    padding-left: 10px;
}

#centre_droite
{
    position: absolute;
    background-image: url(fr/img/tile_droite.png);
    width: 215px;
    left: 559px;
    top: 0px;
    height: 100%;
    /* #2d7cb8; */
}

#centre_droite_bas
{
    position: relative;
    background-color: yellow;
    width: 215px;
    left: 559px;
    height: 100%;
}

#logo
{
    position: relative;
    text-align: center;
    height: 75px;
    width: 198px;
    padding-top: 40px;
    /* background-color: #2d7cb8;*/
}

.centrer
{
    text-align: center;
    padding-top: 5px;
    padding-top: 5px;
}

#boite_centre
{
    border-bottom: 1px solid #df8f48;
    width: 525px;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
    min-height: 750px;
    /* Largeur minimum de la page principal
       Il faut aussi changer l'image pixel.png du template principal */
}

#texte_centre
{
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#spectacles_vente
{
    position: relative;
    text-align: left;
    margin-top: 10px;
    padding-top: 0px;
    margin-bottom: 10px;
    width: 521px; 
    margin-left: auto;
    margin-right: auto;
    background-image: url(fr/img/spectacle_tile.png);
    background-repeat: repeat-y;
}

#spectacles_vente_scroll
{
    /* overflow: auto;
    height: 100px;*/
    
}

#date_jour
{
    position: absolute;     
    top: 0px;
    left: 645px;
    color: #afaca6;
    /* background-color: white;*/
    font-size: 11px;
    width: 115px; 
    /* height: 18px;*/
    margin: 0px;
    z-index: 1000;
    text-align: center;
}

#recherche
{   
    position: absolute;     
    z-index: 1000;
    top: 140px;
    left: 568px;
    width: 215px;
}

.input_texte
    {
    background-color: #eaeaea;
    color: #000000;
    font-size: 10px;
    border: 1px solid #a09d9d;
    margin-top: 5px;
    /* overflow: scroll; */
}

#calendrier
{
    position: relative; 
    color: inherit;
    width: 198px;
    height: 200px;
    margin-top: 25px;
    margin-left: auto; 
    margin-right: auto; 
    text-align: center;
    padding-top: 10px;
}
    
.texte_orange
{
    color : #f1ab00;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    padding-top: 5px;
    padding-left: 10px;
}   

.texte_orange A {text-decoration: none; color: #f1ab00;}
.texte_orange A:hover {text-decoration: underline; }

#table_spectacle
{
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    color: #636363; /*#dc6802;*/
}

.spec_bleu { background-color: #c6a02c; height: 25px;}
.spec_blanc { background-color: white; height: 25px;}

.spec_bleu A {text-decoration: none; color: white;}
.spec_bleu A:hover {text-decoration: underline; }

.spec_blanc A {text-decoration: none; color: #dc6802;}
.spec_blanc A:hover {text-decoration: underline; }

#bas_de_page
{
    position: relative;
    background-image: url(fr/img/bas.png);
    width: 780px;
    height: 25px;
    font-size: 11px;
    color: White;

    padding-bottom: 0px;
    margin-bottom: 0px;
}

#bas_de_page A {text-decoration: none; color: white;}
#bas_de_page A:hover {text-decoration: underline; }

.texte_gauche
{
    text-align: left;
    position: absolute;
    margin-top: 3px;
    left: 20px;
}

.texte_droite
{
    text-align: right;
    position: absolute;
    margin-top: 3px;
    right: 15px;
}

.mainbold {
    font-weight: bold;
    font-size: larger;
}

.mainbold_sousligne {
    font-weight: bold;
    font-size: larger;
    text-decoration: underline; 
}

.darkbold
    {
    font-weight: bold;
    color:#153f88;
    }
    
.faq_question
{
    font-weight: bold;
}

.faq_reponse
{
    /* normal */
}   

.yaspectacle
    {
    border: thin solid Black;
}
/* ------------------ Menu deroulant ----------------- */

#dropmenudiv{
position:absolute;
border:1px solid #a09d9d;   /* contourdu menu */
background-color: #ededec;
color: inherit;
z-index:100;
line-height: 8px;
margin-left:15px;
}

.ddNav {
    font-family: Tahoma,Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: black;
    background-color: inherit;
    text-decoration: none;
    z-index: 200;
    display: block;
    padding:5px;
    text-align:left;
    border-bottom: solid 1px white;
    white-space:nowrap;
    /*width: 100%;*/
    }

.ddNav:hover {  
        font-family:Tahoma,Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: black;
        text-decoration: none;
        z-index: 200;
        display: block;
        padding:5px;
        background-color: #a09d9d;
        text-align:left;
        border-bottom: solid 1px white;
        white-space:nowrap;
        width: 100%;
        max-width: 94%;
        }
/* ----------------Calendrier----------------------- */


.main
{
    width:198px;
    /*border:1px solid black;*/
}

.month
{
    background-color:white;
    font:bold 12px Tahoma,Arial;
    color:#153f88;
    padding: 5px;
}

.daysofweek
{
    background-color: #c2defd;
    font:bold 12px Tahoma,Arial;
    color: #34486a; /*#575c67;*/
}

.days
{
    font-size: 12px;
    font-family:Tahoma,Arial;
    color:black;
    background-color: #e6f8ff;
    padding: 2px;
}

.days #today
{
    font-weight: bold;
    color: #a10000;
}

.days A { color:#090608 ; font-weight: bold;}

/* Photo index  */

#photo_intro
{
    position: absolute;
    left: 27px;
    top: 56px;
    padding: 0px;
}

#photo_intro_nom
{
    position: absolute;
    top: 15px;
    left: 27px;
    color: white;
    font-weight: bold;
    width: 122px;
    height: 27px;
}

#photo_intro_nom A {text-decoration: none; color: white;}
#photo_intro_nom A:hover {text-decoration: underline; }

/* Photo evenement  */

#cadre_photo
{
    position: relative;
    padding: 0px;
}

#photo_evenement
{
    position: absolute;
    left: 14px;
    top: 16px;
    padding: 0px;
}

/* Login vers les producteurs */

.session
{
    /*  background-color: white;*/
    background-image: url(fr/img/session_tile.png);
    background-repeat: repeat-y;
    text-align: left;
    color: inherit;
    width: 213px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

.boite_texte
{
padding: 5px 5px 5px 5px;
}

.input_texte_disable
    {
    background-color: #eaeaea;
    color: #a4a4a4;
    font-size: 10px;
    border: 1px solid #a09d9d;
    margin-top: 5px;
    width: 200px;
}

.input_texte_disable_pwd
    {
    background-color: #eaeaea;
    color: #a4a4a4;
    font-size: 10px;
    border: 1px solid #a09d9d;
    margin-top: 5px;
    width: 105px;
}