body{
   margin:0; padding:0;
    color: dimgray;
    /*height: 1200px;*/
    cursor:default;
}

.container{
    width: 920px;
    margin: 0 auto;
}

header { padding: 21px 0}

.help{
    font-style: italic;
    margin-bottom: 1em;
}

/*body.loading, body.loading * {
    cursor:progress !important;
}*/

.connexion-page{
    width: 100%; height: 100%; background:url('../img/bg-connexion.jpg') no-repeat center fixed; background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
}

.outer-connexion{ height: 100vh; padding-top: 13%}

.outer-connexion form{ width: 326px !important; padding: 32px 22px; background:url('../img/bg-form-connexion.png') repeat center; position:relative}

.logo-connexion{ background:url('../img/logo-connexion.png') no-repeat center; width: 267px; height: 37px; margin:auto auto 28px auto}

.outer-connexion form input{ margin-bottom: 18px; border-radius:0px; width: 267px; background:#fff url('../img/ico-input.png') no-repeat center left; padding-left: 60px !important; color: #0f1518; font-size: 24px; border: 1px solid #c7cfbc }

.outer-connexion form .cnt{ width: 218px; height: 56px; background-color: #017eba; border-bottom: 2px solid #0070a5; text-transform: uppercase; font-size: 24px; margin:auto !important}

input[type=checkbox].remember_me{
    display:none;
}

input[type=checkbox].remember_me + label.css-label {
    padding-left:24px;
    height:15px;
    display:inline-block;
    line-height:15px;
    background-repeat:no-repeat;
    background-position: 0 15px;
    font-size:15px;
    vertical-align:middle;
    cursor:pointer;
    background:url('../img/checkbox.png') no-repeat center left;
    background-position: 0 -20px;
    color: #989696;
    font-size: 12px
}

input[type=checkbox].remember_me:checked + label.css-label {
    background-image:url('../img/checkbox.png');
    background-position: 0 -2px;
}

.time-connexion{ position: absolute; text-align:center; left:-109px; top: 90px}

hr{color:#739eb5; margin:0; height: 1px; background-color: #739eb5; border:0}
.separ{
    width:98%;
    background: none;
    color: none;
}

.date-connexion{ text-transform: uppercase; color: #263f4a; font-size: 19px; text-align:center; padding:0 7px; font-weight: bold}

.hour-connexion{ color: #017eba; font-size: 37px; text-transform: uppercase; text-align:center; padding:0 7px; font-weight: bold; line-height: 43px}

.check{ width: 135px; margin:15px auto 30px auto}

.menu-active{
    background-color: #ffffff;
}

ul.error_list{
    color: red;
}

.form-group-error{
    border: 2px solid red;
    padding: 5px;
    background-color: #f2dede;
}

.form-error-notif{
    color: red;
    border: 2px solid red;
    padding: 15px;
    background-color: #f2dede;
    margin: 1em;
}

/* on masque la ligne de planification du midi */
.mask-midi{
    display:none;
}
#titre tr.periods_header{  border-left: 15px solid #0070A5 }
.program_period .period-copy {float:right; background: url('../img/open-link.png') no-repeat center; margin-right: 3px}
.program_period .ui-icon-closethick{float: left; display:inherit !important; background: url('../img/close-planning.png') no-repeat center; margin-left: 3px;}

#program_bloc #titre:hover, #program_bloc #titre table tr:hover, #program_bloc #ligne table tr:hover { background-color: #0070A5}

#program_bloc #ligne table tr td, #program_bloc #titre table tr td{ color:#FFF}
#program_bloc #ligne table tr td input, #program_bloc #titre table tr td input{ color:#000}

.info-tmp{
    color: black;
    font-size: 0.9em;
    font-weight: bold;
}