/* Style de la barre de debug */
#debugBar {
    margin: 0px;
    padding: 3px 5px 3px 5px;
    border: 1px solid #A9AAA9;
    background-color: #E6E6E6;
    font-size: 11px;
    font-family:arial;
    text-align:right;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 20;
}
#debugBar a {
    text-decoration: underline;
}
#debugBar #debugInfos{
    margin:0px;
    padding: 0px 10px 0px 0px;
    transition:all 1s;
}

/* Styles de la zone d'affichage des requêtes */
.debugRequests {
    margin:0px;
    padding:0px;
    border: 1px solid #A9AAA9;
    background-color: #E6E6E6;
    font-size:11px;
    position:fixed;
    bottom:31px;
    left:0px;
    z-index: 20;
    height:auto;
    overflow:auto;
}
.debugRequests .debug-item {
    border-collapse: collapse;
    display: flex;
    flex-direction: row ;
}
.debugRequests .debug-item-libelle {
    background-color:#555;
    color:#FFF;
    width:400px;
}
.debugRequests .debug-item-time {
    border:1px solid #CCC;
    vertical-align:top;
    width:200px;
}
.debugRequests .debug-item-params {
    border:1px solid #CCC;
    vertical-align:top;
    word-wrap:
}
/* Style permettant de masquer la zone d'affichage des requêtes (Il doit être remis ici pour les cas où seule la barre de debug est appelé sans les autres styles) */
.invisible {display: none;}
