/* Debug */
#debug-zone {
    position: fixed;
    _position: absolute; /* IE <7 */
    right: 300px;
    width: 40em;
    top: 25px;
    height: 50em;
    overflow: auto;
    border: 1px solid #ccc;
    margin: 1em;
    font: 10px "lucida console", courier, system;
    background: #f6f6f6;
    opacity: 0.9;
    color: #333;
    z-index: 10000;
    padding: 10px 1em 1em;
}

#debug-zone-button {
    position: fixed;
    _position: absolute; /* IE <7 */
    top: 5px;
    right: 300px;
    margin: 1em;
    font: 10px "lucida console", courier, system;
    z-index: 1000;
    padding: 10px 1em 1em;
    width: 0;
    height: 0;
}

#debug-zone-button button {
    position: absolute;
    _position: absolute; /* IE <7 */
    top: 0;
    width: 20px;
    height: 20px;
    font-size: 8px;
    border: 1px dotted grey;
    cursor: pointer;
}

#debug-zone div.page {
    text-align: center;
    border: 1px dotted #555;
    border-width: 1px 0;
    margin: 0.5em 0;
}

#debug-zone-button #bouton_cacher {
    background: url(/images/layout/console/supprimer.gif) no-repeat center center;
    right: 20px;
}

#debug-zone-button #bouton_ouvrir {
    background: url(/images/layout/console/layout.png) no-repeat center center;
    right: 20px;
}

#debug-zone-button #bouton_agrandir {
    background: url(/images/layout/console/arrow_out_longer.png) no-repeat center center;
    right: 50px;
}

#debug-zone-button #bouton_vider {
    background: url(/images/layout/console/bin_closed.png) no-repeat center center;
    right: 80px;
}

#debug-zone-button #bouton_rafraichir {
    background: url(/images/layout/console/arrow_refresh_small.png) no-repeat center center;
    right: 110px;
}

#debug-zone-button #bouton_descendre {
    background: url(/images/layout/console/arrow_down.png) no-repeat center center;
    right: 140px;
}