#content{
    padding-bottom: 10px;
    background: transparent url(../images/arriere-scene-content-bg.jpg) left bottom no-repeat;
}

/* HEADER DE LA SECTION : MENU */
#arriere-scene-header{
		font-size: 10px;
     float: left;
     display: inline;
     width: 944px;
     margin: 8px 0 10px 26px;

     background: black url(../images/arriere-scene-menu-top.jpg) top left no-repeat;
}
    #arriere-scene-header .ctn1{
        float: left;
        width: 100%;
        height: 21px;
        padding: 4px  0 4px 5px;
        background:  url(../images/arriere-scene-menu-bottom.jpg) bottom left no-repeat;
    }
    #arriere-scene-header fieldset{
        border: none;
        padding: 0px;
        margin: 0px;
    }
    #arriere-scene-header fieldset legend{
        display: none;
    }

    #arriere-scene-header span{
        float: left;
        color: white;
    }

    #arriere-scene-header div.dropCtn{
       position: relative;
       float: left;
       padding: 0px;
       margin: 0px;
       height: 21px;
       background: url(../images/arriere-scene-drop-down-bg.gif) top left repeat-x;
       cursor: pointer;

    }
    #arriere-scene-header div.dropCtn2{
        padding: 0px;
        margin: 0px;
        float: left;
        overflow: hidden;
        height: 21px;
        background:  url(../images/arriere-scene-right-tip.gif) top right no-repeat;
    }
    #arriere-scene-header span.lbl{
        padding: 4px 2px 0 19px;
        font-weight: bold;
    }
    #arriere-scene-header div.dropCtn input{
       float: left;
       border: none;
       height: 15px;
       padding: 1px 1px 1px 3px;
       margin: 2px 22px 2px 2px;
       font-weight: bold;
       color: white;
       background-color: black;
       cursor: pointer;

    }
    #arriere-scene-header ul{
       position: absolute;
       width: 200px;
       top: 20px;
       left: 0px;
       padding: 2px;
       background-color: #000;
       border: 1px solid #9F090B;


    }
    #arriere-scene-header ul a{
       color: white;
       text-size: 10px;
       display: block;
       width: 100%;
    }
    #arriere-scene-header ul a:hover{
        background-color: #fff;
        color: black;
    }
    /* Largeur des boites de recherche dans le css propre à la langue */

/* COLONNES */
#colls{
    background: #000 url(../images/arriere-scene-top-bg.gif) left top repeat-x;
}
    #colls .c1{
        float: left;
        width: 348px;
        padding: 0 0 0 26px;
    }
    #colls .c1 div.media-info{
        width:348px;
        padding-bottom: 40px;
        height: auto;
    }
    #colls .c2{
        float: left;
        width: 580px;
        margin: 0 0 0 16px;
        background: black url(../images/arriere-scene-gallery-corner.gif) top left no-repeat;
    }
    #colls div.gall{
        float: left;
        width: 580px;
    }
    #colls div.emptygall{
        padding: 10px;
        height: 300px;
    }
    #colls div.media-info{
        float: left;
        height: 223px;
        overflow: hidden;
        width: 180px;
        padding: 10px 6px 0 6px;
        color: white;
    }
    #colls div.media-info img{
        border: none;
    }
    #colls div.media-info .date{
        display: block;
        color: #c22e30;
    }
    #colls div.media-info .spectacle{
        display: block;
        padding-bottom: 2px;
        color: #c22e30;
    }
    #colls div.media-info .choregraphe{
        display: block;
        padding-bottom: 2px;
        color: #9B9B9B;
    }
    #colls div.media-info h4.titre{
        padding: 0px;
        margin: 0px;
    }
    #colls div.media-info h4.titre a{
        color: white;
        text-decoration: underline;
    }
    #colls div.media-info p{
        color: white;
        margin: 5px  0 0 0;
    }

    #colls div.page-nav{
        float: right;

        overflow: hidden;
        height: 16px;
    }
    #colls div.page-nav a{
        color: white;
    }
    #colls div.page-nav a.page-numero ,
    #colls div.page-nav a.last,
    #colls div.page-nav a.next,
    #colls div.page-nav span.next-dark,
    #colls div.page-nav span.last-dark{
        display: block;
        float: left;
        width: 15px;
        height: 16px;
        margin: 0 2px 0 2px;
        text-align: center;

    }
    #colls div.page-nav a.page-numero{
        font-weight: normal;
        margin-top: 2px;
        height: 14px;
    }
    #colls div.page-nav a.barred{
        border-left: 1px solid white;
        padding-left: 3px;
    }
    #colls div.page-nav a.selected{
        font-weight: bold;
    }
    #colls div.page-nav a.last{
        background: url(../images/precedent-dark-btn.jpg) top left no-repeat;
    }
    #colls div.page-nav a.next{
        background: url(../images/prochain-dark-btn.jpg) top left no-repeat;
    }
    #colls div.page-nav span.last-dark{
        background: url(../images/precedent-dark-btn.jpg) top left no-repeat;
    }
    #colls div.page-nav span.next-dark{
        background: url(../images/prochain-dark-btn.jpg) top left no-repeat;
    }