@media screen and (max-width: 767px)
{
/*
/* Surcharge le style .container .site-view  (vue dans FireFox (inspecter))
*/
.container .site-view {
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.site-view .body-content {
    margin-top: 30px;
    background-color: #eeeeee;
}
}

/* L'ordre est important, cette instruction doit être après ci-dessus */
@media screen and (min-width:381px) and (max-width: 767px){
@media screen and (orientation: landscape) {
.container .site-view {       /* Pour compenser dans ce mode landscape un décalage incompris */
    margin-top: -20px;
}
}
}

@media screen and (min-width: 768px) and (max-width:992px) {
/* Pour compenser le dessin des infirmiers qui descend sur la zone d'affichage */
.tBesoin {
        margin-top : -100px
    }
}
@media screen and (min-width: 768px)
{
/*
/* Surcharge le style .container .site-view  (vue dans FireFox (inspecter))
*/
.container .site-view {
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.site-view .body-content {
    margin-top: 10px;
    background-color: #eeeeee;
}
}
.zone-btn {
    margin-top: 10px;
    text-align : right;
    width : 100%;
    padding-bottom: 10px;
    padding-right : 10px;
}

.btn-coshax {
    background-color: #eeeeee;
}
.btn-coshax:hover {
    background-color: #aaaaaa;
    color : white;
}