/*-------------------------------------------Toutes les pages---------------------------------------------------------*/
html {
    height: 100%;
}
body {
    color: #514f54;
    height: 100%;
}
.marginForFooter {
    margin-bottom: 11%;
}
a {
    cursor: pointer;
}

/* ----------------------------------------------- Footer ----------------------------------------------------------- */

footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 80px;
    background: rgba(255, 255, 255, 0.8);

}
.logoFooter {
    background: url(../images/logo-axeesante-wide.png) no-repeat center;
    height: 68px;
}

/* ------------------------------------------ Barre de navigation---------------------------------------------------- */

.deconnexion {
    color: rgba(255, 255, 255, .5);
}
.deconnexion:hover {
    color: rgba(255, 255, 255, .75);
    text-decoration: none;
}

/* ------------------------------------------ Page Connexion -------------------------------------------------------- */

.pageConnexion {
    padding-top: 5%;
    width: 100%;
    height: 1339px;
    background-position: 0 0;
    background: url(../images/bgAccueil.jpg) no-repeat;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover;
}
.cadreConnexion {
    background: rgba(255, 255, 255, 0.6);
    padding: 20px;
    border-radius: 3px;
    position: fixed;
    top: 20%;
    left: 20%;
    width: 60%;
}
.logoDiffmed {
    background: url(../images/logo-diffmed.png) no-repeat;
    width: 300px;
    height: 40px;
}

/*--------------------------------------------Page Monitoring---------------------------------------------------------*/

.bg-collapse {
    background-color: #bcd6e7;
}
.bg-collapse:hover {
    background-color: #b5cede;
}
.bg-etablissement {
    background-color: #f8f9fa;
}
.bg-etablissement:hover {
    background-color: #eaf5fc;
}
.bg-ecran:hover {
    background-color: #f1f5f9;
}
.btn-blue {
    background-color: #428bca;
    color: white;
}
.btn-blue:hover {
    background-color: #2a6496;
    color: white;
}

/* -------------------------------------------- Page Médias---------------------------------------------------------- */

th.title {
    width: 39%;
}
#ecran {
    width: 706px;
    height: 456px;

    background: url(../images/ecran.png) no-repeat;
    float: right;
    padding: 33px;
}
.contenuEcran {
    width: 638px;
    height: 362px;
}
#TvMeteo {
    width: 136px;
    height: 323px;
    background-image: url(../images/Ecran_meteo.jpg);
    float: right;
}
#TvLogo {
    width: 502px;
    height: 37px;
    font-family: Verdana, Geneva, sans-serif;
    color: #FFF;
    font-weight: bold;
    line-height: 37px;
    font-size: 18px;
    background: url(../images/Ecran_logo.jpg);
    padding: 0 0 0 20px;
    float: left;
    background-color: #0F3;
}
#TvVideo {
    width: 502px;
    height: 286px;
    margin: 0 0 0 0;
    float: left;
}
#TvMessage {
    width: 638px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    float: left;
    background-image: url(../images/Ecran_message.jpg);
    text-align: center;

}
input[type="radio"] {
    margin: 0 10px 0 10px;
}