/*
    OGC Nice Association Côte d'Azur
    http://ogcnice-association.fr

    Auteurs : Céline Auzias & Sébastien Mosser
*/

body{
    background-color:#222222;
    background-image:url('img/background2.gif');
    background-repeat: no-repeat;
    background-position:left bottom;
    background-attachment:fixed;
    font-family : "Trebuchet MS", Tahoma, Verdana, Arial;
    font-size:12px;
    color:#111111;
    margin:0;
    /*margin-left:30px;
    margin-right:30px;*/
    position:relative;
    text-align:center;
}

a{
    color:#ff0000;
}

a:visited{
    color:#ff0000;
}

a:hover{
    color:#777777;
}


#main{
    position:relative;
    width:80%;
    margin:auto;
    background-color:transparent;
    padding:0;
    text-align:justify;
    overflow:visible;
}


#banner{
    background-color:transparent;
    background-image:url('img/banner.png');
    background-repeat: repeat-x;
    background-position: 0px 50px;
    width:100%;
    height:130px;
    padding-top:50px;
    position:relative;
    color:#ffffff;
    text-align:center;
    overflow:visible;
    cursor:pointer;
}

#top_banner{
    width:100%;
    height:20px;
    background-image:url('img/corner_banner_tr.gif');
    background-repeat: no-repeat;
    background-position: right top;
    text-align:left;
    padding:0;
    margin:0;
}

#corner_banner_top{
    width:20px;
    height:20px;
    padding:0;
    margin:0;
    background-image:url('img/corner_banner_tl.gif');
    background-repeat: no-repeat;
    background-position: left top;
}
#corner_banner_top_w{
    width:100%;
    height:20px;
    padding:0;
    margin:0;
    background-image:url('img/corner_banner_tl_w.gif');
    background-repeat: no-repeat;
    background-position: left top;
    text-align:right;
    color:#ff0000;
    font-weight:bold;
}
#corner_banner_bottom{
    width:20px;
    height:20px;
    padding:0;
    margin:0;
    background-image:url('img/corner_banner_bl.gif');
    background-repeat: no-repeat;
    background-position: left top;
}


#bottom_banner{
    width:100%;
    height:20px;
    background-image:url('img/corner_banner_br.gif');
    background-repeat: no-repeat;
    background-position: right bottom;
    text-align:left;
    padding:0;
    position:absolute;
    left:0;
    bottom:30px;
    clear:both;
}

#top_matches{
    background-color:transparent;
    width:100%;
    height:20px;
    background-image:url('img/corner_banner_tr.gif');
    background-repeat: no-repeat;
    background-position: right top;
    text-align:left;
    padding:0;
    margin:0;
}


#partners{
    margin-right:20px;
    width:170px;
    height:150px;
    background-color:transparent;
    background-image:url('img/sponso.gif');
    background-repeat: no-repeat;
    background-position: left top;
    position:absolute;
    bottom:0;
    right:0;
    color:#ff0000;
    text-align:center;
    vertical-align:middle;
    overflow:visible;
}

#cont_menu{
    position:relative;
    width:100%;
    text-align:center;
    color:#fff;
}



#menu{
    font-family:"Trebuchet MS", "Tahoma", "Tahoma", Verdana, Arial;
    width:100%;
    height:52px;
    margin:auto;
    background-color:#3D3D3D;
    background-image:url('img/back_menu.gif');
    background-repeat: repeat-x;
    background-position: left bottom;
    position:absolute;
    top: 0;
    right: 0;
    z-index:100;
    text-align:center;
    border-bottom:3px solid #cccccc;
}

#menu dl {
    float: left;
    padding:0;
    margin:0;
    padding-left:0px;
    overflow:visible;
    z-index:100;
}

#menu dt {
    height:37px;
    width: 88px;
    font-size:12px; /* 11 88 */
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding-top:15px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:0px;
    color:#ffffff;
    background-image:url('img/back_menu.gif');
    background-repeat: repeat-x;
    background-position: left bottom;
    vertical-align:middle;
    font-family:Arial;
    border-left:1px solid #555555;
    overflow:visible;

}


#menu dt:hover{
    background-image:url('img/back_menu_on.gif');
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color:#000000;
}

#menu dd {
    font-size:13px;
    position:absolute;
    display:none;
    text-align: left;
    background:#202020;
    padding:0;
    margin:0;
    padding-bottom:5px;
    padding-right:10px;
    border-top:4px solid #101010;
    overflow:visible;
    moz-opacity:0.80;
    opacity: 0.80;
    filter:alpha(opacity=80);
    z-index:100;
    min-width:88px;
}

#menu li{
    list-style:none;
    text-indent:0px;
    padding:0;
    margin:0;
    padding-left:0px;
    z-index:100;
}

#menu ul{
    list-style:none;
    text-indent:0px;
    padding:0;
    margin:0;
    z-index:100;
}

dt a{
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
}

dt a:visited{
    color:#ffffff;
}

dt a:hover{
    color:#ff0000;
    text-decoration:none;
}

dd a{
    padding-left:15px;
    color:#ffffff;
    text-decoration:none;
}

dd a:visited{
    color:#ffffff;
}

dd a:hover{
    color:#ff0000;
    background-image:url('img/entry.gif');
    background-repeat: no-repeat;
    background-position: 0% 55%;
    text-decoration:none;
}

#matches{
    display:none;
    position:absolute;
    right:4%;
    top:260px;
    width:17%;
    height:200px;
    z-index:20;
    background-color:#d9d9d9;
    background-image:url('img/top_matches.gif');
    background-repeat: repeat-x;
    background-position: 0 0;
    border-bottom:1px solid #666666;
    padding:0;
    font-size:90%;
    clear:both;
    float:right;
    overflow:hidden;
}

#planning{
    position:absolute;
    right:4%;
    top:260px;
    width:17%;
    height:200px;
    z-index:20;
    background-color:#d9d9d9;
    background-image:url('img/top_matches.gif');
    background-repeat: repeat-x;
    background-position: 0 0;
    border-bottom:1px solid #666666;
    padding:0;
    font-size:90%;
    clear:both;
    float:right;
    overflow:hidden;
}

#content_news{
    width:100%;
    border-left:1px solid #dddddd;
    border-right:1px solid #666666;
    padding-left:3px;
    padding-right:3px;
    background-image:url('img/fond_news.gif');
    background-repeat:repeat-x;
    background-position:0 0;
    z-index:2;
}

#content_planning{
    width:98%;
    border-left:1px solid #dddddd;
    border-right:1px solid #666666;
    padding-left:3px;
    padding-right:10px;
    background-image:url('img/fond_news.gif');
    background-repeat:repeat-x;
    background-position:0 0;
    z-index:2;
    text-align:left;
}

#birthday{
    position:absolute;
    right:4%;
    top:570px;
    width:16%;
    z-index:20;
    background-color:#ffffff;
    border:1px solid #DF1B1B;

    padding:3px;
    font-size:90%;
    clear:both;
    float:right;
    overflow:hidden;
    font-family:Arial;
    color:#DF1B1B;
    font-weight:normal;
    font-size:12px;
    text-align:center;
}


#content{
    padding-top:56px;
    padding-bottom:10px;
    padding-left:0;
    padding-right:17%;
    width:82.8%;
    background-image:url('img/back_content.gif');
    background-repeat: repeat-y;
    background-position:100% 0;
    background-color:#ffffff;
    margin:0;
    border-left:2px solid #C0C0C0;
    border-right:0px solid #C0C0C0;
}

#footer{
    clear:both;
    position:relative;
    width:100%;
    text-align:center;
    background-image:url('img/stripes.gif');
    background-repeat: repeat-x;
    background-position:right top;
    color:#ff0000;
    padding-top:32px;
    padding-bottom:10px;
    padding-left:0%;

}

#footer_credits{
    width:100%;
    background-image:url('img/stripes.gif');
    background-repeat: repeat-x;
    background-position:right top;
    position:absolute;
    top:100%;
    left:0px;
    height:30px;
    padding:0;
    margin:0px;
}

#footer i{
    font-style:normal;
    color:#C0C0C0;
}

#footer select{
    background-color:#222222;
    border:1px solid #222222;
    color:#ff0000;
    height:15px;
}

#sub_menu{
    border-top:0px solid #DF1B1B;
    text-align:center;
    height:25px;
    padding:0;
    overflow:hidden;
    background-image:url('img/back_menu_red.gif');
    background-repeat:repeat-x;
    background-position:0 0;
    clear:both;
}

#sub_menu_corner{
    width:100%;
    height:100%;
    background-image:url('img/corner_red_right.gif');
    background-repeat:no-repeat;
    background-position:right top;
}


#sub_menu_item{
    display:inline;
    height:30px;
    line-height:25px;
    font-size:11px;
    margin:0px;
    font-family:"Arial";
    /*font-variant:small-caps;*/
    font-weight:bold;
    padding-left:0px;

}

#sub_menu_item a.current_item{
    background-image:url('img/back_menu_red_on.gif');
    background-repeat: repeat-x;
    background-position:right -70%;
    color:#cccccc;
}

#sub_menu_item a.current_item:visited{
    background-image:url('img/back_menu_red_on.gif');
    background-repeat: repeat-x;
    background-position:right -70%;
    color:#cccccc;
}


#sub_menu_item a{
    padding-top:9px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    color:#dddddd;
    text-decoration:none;
    background-image:url('img/back_menu_red.gif');
    background-repeat: repeat-x;
    background-position:right -70%;
}

#sub_menu_item a:visited{
    color:#ffffff;
    text-decoration:none;
}

#sub_menu_item a:hover{
    text-decoration:none;
    background-image:url('img/back_menu_red_on.gif');
    background-repeat: repeat-x;
    background-position:right top;
}

#title_section{
    display:block;

}

#menu_section{
    display:block;
    margin-left:2%;
}

#content_section{
    display:block;
    font-family:Verdana, Arial;
    padding-bottom:20px;
    margin-left:4%;
    width:93%;
}

.current{
    height:52px;
    background-image:url('img/back_current.gif');
    background-repeat: repeat-x;
    background-position:right top;
    color:#DF1B1B;
    font-size:15px;
    font-weight:bold;
    /*text-transform:small-caps;*/
    display:block;
}
h1{
    font-family: "Lucida Sans", Arial, Verdana, "Trebuchet MS", Tahoma;
    color:#DF1B1B;
    font-size:15px;
    font-weight:bold;
   /* background-image:url('img/circle.png');*/
    background-image:url('img/pucecarree_up.gif');
    background-repeat:no-repeat;
    background-position:10px 42%;
    line-height:30px;
    text-indent:20px;
    /*margin-bottom:-10px;*/
    padding:0;
    margin:0;
    padding-left:10px;
    text-decoration:none;
}

h2{
    color:#DF1B1B;
    font-weight:bold;
    font-family:Arial, Verdana, "Trebuchet MS", Tahoma;
    font-size:13px;
    background-image:url('img/pucechapo.gif');
    background-repeat:no-repeat;
    background-position:0 45%;
    text-indent:15px;
}

.td_gauche{
    width:50%;
    background-image:url('img/big_separation_v.gif');
    background-repeat:repeat-y;
    background-position:100% 0;
}

.une{
    width:90%;
    color:#ffffff;
    background-color:#404040;
    background-image:url('img/back_une.gif');
    background-repeat:repeat-x;
    background-position:0 0;
    margin:auto;
    font-family:Arial;
}

.title_une{
    line-height:25px;
    color:#DF1B1B;
    font-size:15px;
    font-weight:bold;
    margin-left:10px;
    font-family:Arial;
}

.title_une_arch{
    line-height:25px;
    color:#DF1B1B;
    font-size:15px;
    font-weight:bold;
    font-family:Arial;
}

.img_click{
    padding:7px;
    background-color:#efefef;
    border-left:1px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
}

.une p{ margin:10px; }

.une a{ margin-left:10px; }

.une_up{
    height:20px;
    width:100%;
    background-color:transparent;
    background-image:url('img/corner_une_tr.gif');
    background-repeat:no-repeat;
    background-position:100% 0;
    text-align:left;
}

.une_down{
    height:20px;
    width:90%;
    color:#ffffff;
    background-color:#404040;
        margin:auto;
    margin-bottom:30px;
    background-image:url('img/corner_une_br.gif');
    background-repeat:no-repeat;
    background-position:100% 100%;
    text-align:left;
    padding:0;
}

.corner_bottom{
    width:20px;
    height:20px;
    background-color:#404040;
    background-image:url('img/corner_une_bl.gif');
    background-repeat:no-repeat;
    background-position:0 100%;
    padding:0;
    margin:0;
}

.corner_top{
    width:20px;
    height:20px;
    background-color:transparent;
    background-image:url('img/corner_une_tl.gif');
    background-repeat:no-repeat;
    background-position:0 100%;
    padding:0;
    margin:0;
}


#a_news{
    /*background-image:url('img/dot.png');
    background-repeat:repeat-x;
    background-position:0 100%;*/
    background-image:url('img/back_news.gif');
    background-repeat:repeat-x;
    background-position:0 0;
    padding:0px;
    padding-bottom:10px;
    background-color:#D9D9D9;
    margin:0;
    border-left:1px solid #BFBFBF;
    border-right:1px solid #BFBFBF;
    font-family:Arial;
    width:100%;
    height:auto;
}

#a_news p{
    padding-left:20px;
    padding-right:20px;
}

.img_news{
    background-color:#ffffff;
    text-align:left;
    padding:5px;
    border-left:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
    margin-right:5px;
    position:relative;
}



#a_news li{
    list-style:none;
    text-indent:10px;
    background-image:url('img/picto_foot_li.gif');
    background-repeat:no-repeat;
}

.mini{
    font-size:11px;
    font-weight:normal;
    color:#555555;
}

.mini img{
    border:0px solid #ffffff;
    padding:0;
    margin:0;
}

.post_info{
    margin-left:33px;
}

.top_news{
    margin:0;
    padding:0px;
    border-right:1px solid #BFBFBF;
    padding-right:1px;

    background-image:url('img/top_news.gif');
    background-repeat:repeat-x;
    background-position:0 0;
    height:10px;
    background-color:#D9D9D9;
    width:100%;

}

.corner_news{
    height:10px;
    width:20px;
    padding:0;
    background-image:url('img/corner_top_left_news.gif');
    background-repeat:no-repeat;
    background-position:0px 0;
    z-index:2;
}

.bottom_news{
    clear:both;
    margin:0;
    padding:0px;
    border-left:1px solid #BFBFBF;
    padding-left:1px;
    background-image:url('img/bottom_news.gif');
    background-repeat:repeat-x;
    background-position:0 100%;
    height:10px;
    background-color:#D9D9D9;
    width:100%;
    margin-bottom:10px;
}

.corner_bottom_news{
    height:10px;
    width:10px;
    float:right;
    background-image:url('img/corner_right_news.gif');
    background-repeat:no-repeat;
    background-position:0px 100%;

}
span.date{
    color:#777777;
    font-size:12px;
    font-weight:normal;
}

span.date_inline{
    display:inline;
    color:#777777;
    font-size:12px;
    font-weight:normal;
}

.date_rouge{
    color:#DF1B1B;
    font-size:15px;
    font-weight:bold;
    font-family:Arial;
}

#historique{
    clear:both;
    float:left;
    width:200px;
    margin-right:20px;
    margin-bottom:10px;
    color:#ffffff;
     font-family:Arial;
}

#historique dl{
    background-color:#404040;
    background-image:url('img/bottom_parcours.gif');
    background-repeat:no-repeat;
    background-position:0 100%;
}

#historique dt{
    background-image:url('img/top_parcours.gif');
    background-repeat:no-repeat;
    background-position:0 0;
    line-height:25px;
    color:#DF1B1B;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    margin-bottom:5px;
    background-color:#404040;
    font-family:Arial;
    padding-top:3px;
}

#historique dd {
    margin:0;
    text-indent:20px;
    padding-left:10px;
}

#historique ul{
    margin:0;
    text-indent:13px;
    padding:20px;
}

#historique li{
    margin:0px;
    text-indent:0px;
    padding:0;
    line-height:20px;
    list-style:url('img/pucechapo_red.gif');
}

#historique_paragraphes{
    margin-left:230px;
    border:0px solid #000000;
    font-family:Arial;
}


#row{
    display:block;
    text-align:center;
    height:200px;

    margin:auto;
}

#organigramme{
    display:inline-table;
    width:154px;
    height:146px;
    background-image:url('img/fond_orga.gif');
    background-repeat: no-repeat;
    background-position: left top;
    margin:auto;
    padding-top:10px;

}

#fonction{
    color:#DF1B1B;
    font-weight:bold;
    display:block;
}

table{
    border:0px solid #DF1B1B;
}

th{
    background-image:url('img/back_menu.gif');
    background-repeat:repeat-x;
    background-position:0 0;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    line-height:25px;
}

td{
    background-color:inherit;
}

.one{
    background-color:#efefef;
}

.two{
    background-color:#e0e0e0;
}

.img_partners{
    width:200px;
    overflow:hidden;
    clear:both;
    float:left;
    text-align:center;
}

img{
    border:0px;
    margin:2px;
}


ul{
   /* margin:20px;
    padding:20px;*/
}

li{
    /*text-indent:10px;*/
    list-style:url('img/pucechapo.gif');
    /*padding-top:20px;*/
}

#titre1{
    background:#efefef;
    background-image:url('img/corner.png');
    background-repeat:no-repeat;
    background-position:0 0;
    height:22px;
    text-indent:25px;
    font-weight:bold;
    text-align:center
}

#titre2{
    color:#ffffff;
    font-weight:normal;
    font-family:Arial;
    display:inline;
    line-height:37px;
    margin-top:4px;
}

#titre3{
    margin:3px;
    padding:3px;
    background-image:url('img/back_une.gif');
    background-repeat:repeat-x;
    background-position:0 0;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    display:block;
}

.ligne{
    width:90%;
    clear:both;
    text-align:center;
    margin-bottom:30px;
    background-image:url('img/fond_titre2.gif');
    background-repeat:repeat-x;
    background-position:0 0;
    height:37px;
}

.bout_droit{

    height:100%;
    width:100%;
    background-image:url('img/bout_droit.gif');
    background-repeat:no-repeat;
    background-position:100% 0;
}

.bout_gauche{
    clear:both;
    float:left;

    height:37px;
    width:70px;
    background-image:url('img/bout_gauche.gif');
    background-repeat:no-repeat;
    background-position:0 0;
}

input{
    background-color:#990000;
    border:1px solid #e0e0e0;
    color:#ffffff;
}

select{
    background-color:#990000;
    border:1px solid #e0e0e0;
    color:#ffffff;
}

.diapo{
  /*  padding:0px;
    margin-left:3px;
    margin-right:3px;
    border-top : 10px dashed #000000;
    border-bottom : 10px dashed #000000;*/
    background-color:#ffffff;
    padding:10px;
    border:1px solid #bbbbbb;
    margin-right:3px;
    margin-left:3px;
        background-image:url('img/corner_page.gif');
    background-repeat:no-repeat;
    background-position:100% 100%;
}

hr{
    height:2px;
    border-bottom:1px solid #ffffff;
    /*color:transparent;*/
    background-color:transparent;
    background-image:url('img/dot.gif');
    background-repeat:repeat-x;
    background-position:0 0;
}

.red_button{
    background-image:url('img/button.gif');
    line-height:25px;
}

.credit{
    width:90%;
    margin-top:30px;
    margin-bottom:30px;
    margin-left:auto;
    margin-right:auto;
    border:1px solid #ffffff;
    color:#ffffff;
    padding:10px;
}

.credit img{
    clear:both;
    margin-right:10px;
    background-color:#efefef;
    border:5px solid #efefef;
    border-bottom:15px solid #efefef;
    margin-bottom:20px;
}
.credit_descr{
    background-color:#D9D9D9;
    color:#000000;
    font-size:12px;
    display:block;
    margin:5px;
    padding:5px;
    margin-left:100px;
    width:230px;
    background-image:url('img/fond_news.gif');
    background-repeat:repeat-x;
    background-position:0 0;

}

.historique{
    margin-left:10px;
}

a.pagination{
    text-decoration:none;
}

.current_page{
    font-weight:bold;
    color:#777777;
}

.nav_page{
    margin-left:230px;
}

.big_image{
    padding:10px;
    border:1px solid #AAAAAA;
}

.top_credits{
    width:100%;
    background-color:#efefef;
    border-bottom:2px solid #777777;
    color:#DF1B1B;
    font-weight:bold;
    text-align:center;
}

.identite{
    padding:5px;
    padding-bottom:15px;
    background-color:#efefef;
    border:2px solid #999999;
}

.degrade_gris{
    background-image:url('img/back_une_p.gif');
    background-repeat:repeat-x;
    background-position:left top;
}

a.lien_bouton{
    text-decoration:none;
    font-weight:bold;
    color:#ffffff;
    background-image:url('img/back_menu_red.gif');
    background-repeat:repeat-x;
    background-position:left top;
    padding:5px;
}

a.lien_bouton:visited{
    color:#ffffff;
}

a.lien_bouton:hover{
    color:#cccccc;
}


.img_coord{
    padding:3px;
    background-color:#efefef;
    border-left:1px solid #909090;
    border-bottom : 1px solid #909090;
    margin-right:50px;
    clear:both;
    margin-bottom:50px;
}

.liens{
    margin-left:15%;
    margin-right:10%;
}

a.little_link{
    font-weight:bold;
    text-decoration:none;
}

.separateur{
    height:11px;
    background-image:url('img/big_separation.gif');
    background-repeat:repeat-x;
    background-position:left top;
    margin-top:5px;
    margin-bottom:5px;
}


.rouge{
    color:#DF1B1B;
    font-weight:bold;
}


.warning{
    color:#ff0000;
    font-weight :bold;
    font-size : 15px;
}

.sans_bord{
    background-color:inherit;
    border:0px;
    padding:0;
    margin:0;
}


.tb1{
    font-size:12px;
}

.tb2{
    font-size:14px;
    color:#ffffff;
    background-color:#212121;
    font-weight:bold;
    width:90%;
}

.comm_match{
    font-style:italic;
    text-align:justify;
    text-indent:20px;
}

.compo_equipe{
    width:98%;
    overflow:auto;
    padding:5px;
    background-image:url('img/top_news.gif');
    background-repeat:repeat-x;
    background-position:0 0;
}

.titre_rouge{
    font-family: "Lucida Sans", Arial, Verdana, "Trebuchet MS", Tahoma;
    color:#DF1B1B;
    font-size:15px;
    font-weight:bold;
    line-height:25px;
    text-indent:20px;
    padding:0;
    margin:0;
    padding-left:10px;
    text-decoration:none;
}

#boutonExtra, #boutonExtra2{
    display:block;
    line-height:25px;
    position:absolute;
    right:4%;
    top:490px;
    width:16%;
    z-index:20;
    color:#ffffff;
    background-color:#CE1A1A;
    background-image:url('img/back_menu_red.gif');
    background-repeat:repeat-x;
    background-position:left bottom;
    padding:5px;
    clear:both;
    float:right;
    overflow:hidden;
}

#boutonExtra2{
	top:530px;
}

#boutonExtra a, #boutonExtra2 a{
    text-decoration:none;
    font-weight:bold;
    color:#ffffff;
}
#boutonExtra a:link, #boutonExtra2 a:link{
    text-decoration:none;
    font-weight:bold;
    color:#ffffff;
}

#boutonExtra a:visited, #boutonExtra2 a:visited{
    color:#ffffff;
}

#boutonExtra a:hover, #boutonExtra2 a:hover{
    color:#808080;
}

#boutonExtra a:active, #boutonExtra2 a:active{
    color:#ffffff;
}

#boutonExtra2{
	display:none;
}

/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(XXX/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="XXX/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/