body{
    padding-top:90px;
    height:100%;

}
.wrap-login{
    position:fixed;
    top : 0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1
} 
.wrap-login, .sep-pays{
    background: #002395;
    background: -moz-linear-gradient(45deg,  #002395 0%, #ffffff 40%, #ffffff 60%, #ed2939 100%);
    background: -webkit-linear-gradient(45deg,  #002395 0%,#ffffff 40%,#ffffff 60%,#ed2939 100%);
    background: linear-gradient(45deg,  #002395 0%,#ffffff 40%,#ffffff 60%,#ed2939 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002395', endColorstr='#ed2939',GradientType=1 );

}
body.es .wrap-login, body.es .sep-pays{
    background: #c60b1e;
    background: -moz-linear-gradient(45deg,  #c60b1e 0%, #ffc400 40%, #ffc400 60%, #c60b1e 100%);
    background: -webkit-linear-gradient(45deg,  #c60b1e 0%,#ffc400 40%,#ffc400 60%,#c60b1e 100%);
    background: linear-gradient(45deg,  #c60b1e 0%,#ffc400 40%,#ffc400 60%,#c60b1e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c60b1e', endColorstr='#c60b1e',GradientType=1 );

}
.sep-pays{ height:20px } 
.navbar-inverse{border:none;}
label{ font-size:14px; }
.erreur{color:#d9534f; font-size:12px}
.login-bloc{
    background : rgba(255,255,255,0.9);
    padding:2px 55px 25px 55px;
    border-radius : 10px;
    box-shadow : 0 0 10px rgba(0,0,0,0.3)
}
.login-bloc h2{
    margin:0 0 1em 0;
    font-size:1.3em;
    padding-bottom:1em;
    border-bottom: 1px solid #ccc;
}
.login-bloc h2 img{ margin-right: .2em }

.ui-widget{ font-size:1em }

.select-pays{
    margin-bottom:1em
}

#loading {
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1000;
}

#loading .load{
    position:relative;
    height:130px
}

#loading .loading {
    background: rgba(255, 255, 255, 0.8) repeat scroll 0 0;
    border: 5px solid #c6d2d7;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    left: calc(50% - 300px);
    margin: 0 auto;
    padding: 15px;
    position: fixed;
    top: 30%;
    width: 600px;
}
#loading .loading-bloc{
    background-color:#fff;
    border: 5px #f5f5f5 solid;
    margin:20%;
    box-shadow : 0 0 25px rgba(0,0,0,0.2);
    padding:15px;
}
@media screen and (max-width: 768px) {
    #loading .loading-bloc{ margin:10% }
}

#loading .loading-msg{
    text-align:center;
    font-size:18px
}
#cssload-pgloading {}

#cssload-pgloading:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}
#cssload-pgloading .cssload-loadingwrap {position:absolute;top:0;bottom:45%;left:25%;right:25%;}
#cssload-pgloading .cssload-bokeh {
    font-size: 97px;
    width: 1em;
    height: 1em;
    position: relative;
    margin: 0 auto;
    list-style: none;
    padding:0;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

#cssload-pgloading .cssload-bokeh li {
    position: absolute;
    width: .2em;
    height: .2em;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

#cssload-pgloading .cssload-bokeh li:nth-child(1) {
    left: 50%;
    top: 0;
    margin: 0 0 0 -.1em;
    background: rgb(0,193,118);
    transform-origin: 50% 250%;
    -o-transform-origin: 50% 250%;
    -ms-transform-origin: 50% 250%;
    -webkit-transform-origin: 50% 250%;
    -moz-transform-origin: 50% 250%;
    animation: 
        cssload-rota 1.3s linear infinite,
        cssload-opa 4.22s ease-in-out infinite alternate;
    -o-animation: 
        cssload-rota 1.3s linear infinite,
        cssload-opa 4.22s ease-in-out infinite alternate;
    -ms-animation: 
        cssload-rota 1.3s linear infinite,
        cssload-opa 4.22s ease-in-out infinite alternate;
    -webkit-animation: 
        cssload-rota 1.3s linear infinite,
        cssload-opa 4.22s ease-in-out infinite alternate;
    -moz-animation: 
        cssload-rota 1.3s linear infinite,
        cssload-opa 4.22s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(2) {
    top: 50%; 
    right: 0;
    margin: -.1em 0 0 0;
    background: rgb(255,0,60);
    transform-origin: -150% 50%;
    -o-transform-origin: -150% 50%;
    -ms-transform-origin: -150% 50%;
    -webkit-transform-origin: -150% 50%;
    -moz-transform-origin: -150% 50%;
    animation: 
        cssload-rota 2.14s linear infinite,
        cssload-opa 4.93s ease-in-out infinite alternate;
    -o-animation: 
        cssload-rota 2.14s linear infinite,
        cssload-opa 4.93s ease-in-out infinite alternate;
    -ms-animation: 
        cssload-rota 2.14s linear infinite,
        cssload-opa 4.93s ease-in-out infinite alternate;
    -webkit-animation: 
        cssload-rota 2.14s linear infinite,
        cssload-opa 4.93s ease-in-out infinite alternate;
    -moz-animation: 
        cssload-rota 2.14s linear infinite,
        cssload-opa 4.93s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(3) {
    left: 50%; 
    bottom: 0;
    margin: 0 0 0 -.1em;
    background: rgb(250,190,40);
    transform-origin: 50% -150%;
    -o-transform-origin: 50% -150%;
    -ms-transform-origin: 50% -150%;
    -webkit-transform-origin: 50% -150%;
    -moz-transform-origin: 50% -150%;
    animation: 
        cssload-rota 1.67s linear infinite,
        cssload-opa 5.89s ease-in-out infinite alternate;
    -o-animation: 
        cssload-rota 1.67s linear infinite,
        cssload-opa 5.89s ease-in-out infinite alternate;
    -ms-animation: 
        cssload-rota 1.67s linear infinite,
        cssload-opa 5.89s ease-in-out infinite alternate;
    -webkit-animation: 
        cssload-rota 1.67s linear infinite,
        cssload-opa 5.89s ease-in-out infinite alternate;
    -moz-animation: 
        cssload-rota 1.67s linear infinite,
        cssload-opa 5.89s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(4) {
    top: 50%; 
    left: 0;
    margin: -.1em 0 0 0;
    background: rgb(136,193,0);
    transform-origin: 250% 50%;
    -o-transform-origin: 250% 50%;
    -ms-transform-origin: 250% 50%;
    -webkit-transform-origin: 250% 50%;
    -moz-transform-origin: 250% 50%;
    animation: 
        cssload-rota 1.98s linear infinite,
        cssload-opa 6.04s ease-in-out infinite alternate;
    -o-animation: 
        cssload-rota 1.98s linear infinite,
        cssload-opa 6.04s ease-in-out infinite alternate;
    -ms-animation: 
        cssload-rota 1.98s linear infinite,
        cssload-opa 6.04s ease-in-out infinite alternate;
    -webkit-animation: 
        cssload-rota 1.98s linear infinite,
        cssload-opa 6.04s ease-in-out infinite alternate;
    -moz-animation: 
        cssload-rota 1.98s linear infinite,
        cssload-opa 6.04s ease-in-out infinite alternate;
}







@keyframes cssload-rota {
    from { }
    to { transform: rotate(360deg); }
}

@-o-keyframes cssload-rota {
    from { }
    to { -o-transform: rotate(360deg); }
}

@-ms-keyframes cssload-rota {
    from { }
    to { -ms-transform: rotate(360deg); }
}

@-webkit-keyframes cssload-rota {
    from { }
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes cssload-rota {
    from { }
    to { -moz-transform: rotate(360deg); }
}

@keyframes cssload-opa {
    0% { }
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-o-keyframes cssload-opa {
    0% { }
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-ms-keyframes cssload-opa {
    0% { }
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-webkit-keyframes cssload-opa {
    0% { }
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-moz-keyframes cssload-opa {
    0% { }
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}


form .bloc-elem .label{
    color:#222;
    font-size:15px;
    padding-left:0;
}

.form-titre{
    font-weight:bold;
    font-size:14px;
    margin-bottom:5px;
}

.has-success .form-control{
    color:#3c763d
}
.has-error .form-control{
    color:#a94442
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > input{
    border-radius:0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .input:first-child{
    border-top-left-radius :0;
    border-bottom-left-radius :0;
}
.btn-group > .btn-group:first-child:not(:last-child) > input:last-child{
    border-top-right-radius:0;
    border-bottom-right-radius :0;
}

.select2-results__options {
   max-height: 170px;
   overflow-y: auto;
}