#shadowing
{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #CCA;
    z-index:10;
    opacity:0.6;
    filter: alpha(opacity=50);
}

#box
{
    display: none;
    position: fixed;
    top: -1%;
    left: 20%;
    width: auto;
    height:auto;
    max-width:auto !important;  // !important permet de mettre du code qui ne sera pas lut pas internet explorer
    max-height:auto !important;
    max-width:806px;           // sera lut pas internet explorer et ignoré par les autres navigateurs car
    max-height:650px;          //les autres utiliseront uniquement ce qui est important
    padding: 0;
    margin:0;
    border: 2px solid black;
    background-color: white;
    z-index:11;
    background-color: #8E8E8E;
}


#boxcontent
{
    left:0;
    right:0;
    bottom:0;
    margin:0;
    padding: 8px;
    overflow: auto;
    width:100%;
    height:100%;
}

#boxtitle
{
    left:0%;
    width:100%;
    height:20px;
    padding:0;
    margin:0;
    color:black;
    text-align:center;
}