body
{
    margin: 0;
    font-size: 10pt;
    font-family: Arial, Verdana, Sans-Serif;
    background-color:#E6EBF0;
}

h1
{
    font-size: 14pt;
    color: #003366;
    font-weight: bold;
}

#dg1
{
    white-space: nowrap;
}

#wrapper
{
    width: 100%;
    min-width: 772px;
}

#entete
{
    width: 99.9%;
    background-image: url('../img/fondentete.jpg');
    background-repeat: repeat-x;
}

#entete2
{
    width:99.9%;
    height: 28px;
    background-image: url('../img/entetebas.jpg');
    background-repeat: repeat-x;
}

#menu
{
    margin-top: -8px;
    float: left;
    width: 133px;
    /*height:auto;*/
    /*min-height: 500px;*/ /*height: auto !important;*/
    /*height: 500px;*/
}

#contenu
{
    height:100%;
    margin-left: 133px;
    padding: 10px 24px 20px 24px;
    vertical-align:top;
    /*background-image: url(../img/logo_fond_rqt.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    z-index: 4;*/
    /*height: auto !important;*/
    /*
    min-height: 500px;
    height: 500px;
    */
}

#basdepage
{
    height:20px;
}

#ent3
{
    /*float:right;*/
}

a
{
    color: #527396;
    text-decoration: underline;
}

img
{
    border: 0;
}

#logo
{
    /*float: left;*/
}

.nomcom
{
    font-size: 11.5pt;
    color: #527396;
    font-weight: bold;
}

.pbox
{
    padding-bottom: 20px;
}

.blgr
{
    color: #527396;
    font-weight: bold;
}

/* Ligne bleu pour séparer les éléments dans les pages */
hr
{
    width: 99.9%;
    height: 1pt;
    color: #527396;
    background-color: #527396;
    border: 0;
}

.btapp
{
    width: 289px;
    border: solid 1pt #C94700;
    border-top: none;
    margin: 0 0 0 1px;
    padding: 5px 0 5px 5px;
}

/* Style pour l'explorateur de fichiers */
.grille
{
    font-weight: bold;
    background-color: #C0C0C0;
}

.c2
{
    width: 343px;
}

.c3
{
    width: 80px;
    text-align: center;
}
.c4
{
    width: 75px;
    text-align: center;
}

.lgris
{
    background-color: #EFEFEF;
}

.detim
{
    border: 0;
    width: 16px;
    width: 16px;
    vertical-align: text-bottom;
}

.appli
{
 /*display:block;*/
 height: 17px;
 min-width:130px;
 /*width: 130px;*/
 /*margin-top:1px;*/
 margin-top:3px;
 padding-left: 20px;
 margin-left:-5px;
 font-size:9pt;
 background-repeat:no-repeat;
 cursor:pointer;
}

#lstApp{width: 100%; height: 300px; margin-top: 5px; padding: 5px; background-color:#FFFAE4;/*vertical-align:top;*/}

#bulle {font-size:8.5pt;font-weight:bold;}

.lamain{cursor:pointer;}

.descpun{font-size:8.5pt;font-weight:bold;padding-top:5px;height:16px;vertical-align:middle;}

.bleuf{background-color:#9FB1C5;vertical-align:top;}

.bleup{background-color:#E6EBEF;vertical-align:top;}

.grasr{color:#DB3735;font-weight:bold;}

.txtpetit {font-size:8pt;}

.imgvideo{padding-right:20px;}

.fleche{list-style-image:url('../img/applications/fleche_bleu.gif');list-style-type:circle;}

 a.info1 
 {
    color: #8A2906;
    position:relative; /*this is the key*/
    z-index:24;
    padding:2px;
}

a.info1:hover{z-index:25; background-color:#8A2906; color:#FFF;}

a.info1 span{display: none;}

a.info1:hover span {
    display:block;
    position:absolute;
    top:0px; left:-435px; width:430px;height:80px;
    font-size:8pt;
    border: 1px solid #000;
    /*background-color:#FFF; color:#000;*/
    background-color:#E6EBF0;	color:#000;
    padding:5px;
}

 a.info2 
 {
    color: #8A2906;
    position:relative; /*this is the key*/
    z-index:26;
    padding:2px;
}

a.info2:hover{z-index:27; background-color:#8A2906; color:#FFF;}

a.info2 span{display: none;}

a.info2:hover span {
    display:block;
    position:absolute;
    top:0px; left:-735px; width:730px;height:90px;
    font-size:8pt;
    border: 1px solid #000;
    /*background-color:#FFF; color:#000;*/
    background-color:#E6EBF0;	color:#000;
    padding:5px;
}