@-moz-keyframes pulsate {
    0% {box-shadow:0px 0px 10px red;}
    50% {}
    100% {box-shadow:0px 0px 10px white;}
}

.RIGHTZONE_CONNEXION{
    top: 50%;
    transform: translateY(-50%);
}
.RIGHTZONE_CONNEXION_CADRE {
    vertical-align: baseline;
    padding: 12px;
    background-color:white;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    display: table;
}

.RIGHTZONE_RED_CLIGNOTANT {
    border: 1px solid #DDD;
    box-shadow:0px 0px 10px red;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: pulsate 1s ease-out;
    -moz-animation-iteration-count: infinite;
}

.RIGHTZONE_RED {
    border: 1px solid red ;
    box-shadow:0px 0px 10px red;

}

#FM_RIGHTZONE {
    z-index: 10000000000 !important;
}


/* placeholder italic */
::-webkit-input-placeholder { font-style: italic; }
::-moz-placeholder { font-style: italic; } /* firefox 19+ */
:-ms-input-placeholder { font-style: italic; } /* ie */
:-moz-placeholder { font-style: italic; }

/* vidéo background en plein écran */
video#bgvid {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}

/********** CSS CONNEXION **********/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset;
    transition: background-color 5000s ease-in-out 0s;
}

.control {
    position: relative;
}

.identifiant ~ .input-icon-identifiant {
    background: url('../Image/user.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    width: 21px;
    height: 21px;
    position: absolute;
    left: 8px;
    bottom: 0;
    top: 0;
    margin: auto;
}

.password ~ .input-icon-password {
    background: url('../Image/lock.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    width: 21px;
    height: 21px;
    position: absolute;
    left: 8px;
    bottom: 0;
    top: 0;
    margin: auto;
}
/********** FIN CSS CONNEXION **********/



#FM_GRID_ROLES {
    /*margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;*/
}

#roles_nav > li.active > a, #roles_nav > li.active > a:hover, #roles_nav > li.active > a:focus {
    border: none;
    border-bottom: 4px solid #757474;
    color: black;
}

#roles_nav > li > a {
    border-bottom: 4px solid black;
}

#roles_nav > li {
    margin-right: 20px;
}

div#pages.tab-pane.active, div#champs.tab-pane.active {
    border: none;
}

#roles_nav > li.active > a, #roles_nav > li.active > a:hover, #roles_nav > li.active > a:focus {
    height: 46px;
}


.btnDialogConnexion {
    /*position: relative;*/
    /*width: 180px;*/
    /*font-weight: bold;*/
    margin-top: 10px;
    border-radius: 0px;
    margin-bottom: 5px;
    background-color: #454748;
    color: white;
    border: none;
    font-size: 13px;
    padding: 2px 5px 2px 5px;
    margin-right: 31px;
}

#MS_ENTITE_CONNEXION > .ms-res-ctn, #MS_PARKING_CONNEXION > .ms-res-ctn {
    max-height: 40px !important;
}

#MS_SOCIETE_CONNEXION > .ms-res-ctn {
    /*max-height: 40px !important;*/
}

body, html {
    height: 100%;
}

.bg {
    /* The image used */
    /*background-image: url("../Image/adult-asking-blur-630839.jpg");*/
    background-image: url("../Image/background.jpg");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}