@charset "utf-8";
@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Black.ttf);
}
/*
    #0e6a9c bouton id
    #f05830 orange
    #c0deed btn première connexion
    #adcfe0 placeholder
*/

.container .connexion
{
    background : -moz-linear-gradient(95.93% 86.83% 156.38deg,rgba(4, 120, 182, 1) 0%,rgba(5, 123, 185, 1) 28.19%,rgba(8, 131, 193, 1) 46.69%,rgba(14, 146, 208, 1) 62.42%,rgba(22, 167, 229, 1) 76.5%,rgba(28, 183, 244, 1) 84.43%);
    background : -webkit-linear-gradient(156.38deg, rgba(4, 120, 182, 1) 0%, rgba(5, 123, 185, 1) 28.19%, rgba(8, 131, 193, 1) 46.69%, rgba(14, 146, 208, 1) 62.42%, rgba(22, 167, 229, 1) 76.5%, rgba(28, 183, 244, 1) 84.43%);
    background : -webkit-gradient(linear,95.93% 86.83% ,4.15% 13.24% ,color-stop(0,rgba(4, 120, 182, 1) ),color-stop(0.2819,rgba(5, 123, 185, 1) ),color-stop(0.4669,rgba(8, 131, 193, 1) ),color-stop(0.6242,rgba(14, 146, 208, 1) ),color-stop(0.765,rgba(22, 167, 229, 1) ),color-stop(0.8443,rgba(28, 183, 244, 1) ));
    background : -o-linear-gradient(156.38deg, rgba(4, 120, 182, 1) 0%, rgba(5, 123, 185, 1) 28.19%, rgba(8, 131, 193, 1) 46.69%, rgba(14, 146, 208, 1) 62.42%, rgba(22, 167, 229, 1) 76.5%, rgba(28, 183, 244, 1) 84.43%);
    background : -ms-linear-gradient(156.38deg, rgba(4, 120, 182, 1) 0%, rgba(5, 123, 185, 1) 28.19%, rgba(8, 131, 193, 1) 46.69%, rgba(14, 146, 208, 1) 62.42%, rgba(22, 167, 229, 1) 76.5%, rgba(28, 183, 244, 1) 84.43%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0478B6', endColorstr='#1CB7F4' ,GradientType=0)";
    background : linear-gradient(-66.38deg, rgba(4, 120, 182, 1) 0%, rgba(5, 123, 185, 1) 28.19%, rgba(8, 131, 193, 1) 46.69%, rgba(14, 146, 208, 1) 62.42%, rgba(22, 167, 229, 1) 76.5%, rgba(28, 183, 244, 1) 84.43%);
    width : 550px;
    height : 300px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0478B6',endColorstr='#1CB7F4' , GradientType=1);
    margin: 50vh auto;
    transform: translateY(-50%);
    font-family : Roboto;
}

.container .connexion h3{
    color : #FFFFFF;
    color : rgb(255, 255, 255);
    text-align: center;
}

.container .connexion .input-group-addon,
.container .connexion input{
    background-color: #0e6a9c;
    border: none;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
}
.container .connexion input{
    height: 38px;
}

.container .connexion .input-group-addon{
    border-top-left-radius: 15px;    
    border-bottom-left-radius: 15px;    
}

.container .connexion .form-control{
    border-top-right-radius: 15px;    
    border-bottom-right-radius: 15px;
}

.container .connexion input::-webkit-input-placeholder, /* WebKit, Blink, Edge */
.container .connexion input::-ms-input-placeholder {  /* Internet Explorer 10-11 */
    color : #adcfe0;
}

.container .connexion input::-moz-placeholder { /* Mozilla Firefox */
    color : #adcfe0;
    opacity:  1;
}

.container .connexion .input-group{
    width: 260px;
    height: 38px;
}

.container .connexion #gauche,
.container .connexion #droite {
    float: left;
    height: 300px;
}

.container .connexion #gauche {
    width: 260px;
}

.container .connexion #droite {
    width: 290px;
}

.container .connexion #droite_contenu {
    width: 260px;
    height: auto;
}

.container .connexion .logo
{
    background-image : url(/img/logo2.png);
    background-position: center center;
    background-repeat : no-repeat;
}

.container .connexion .btn_connexion
{
    background-color: #f05830;
    background-repeat : no-repeat;
    width : 100px;
    height : 30px;
    cursor: pointer;
    border-radius: 15px;
    border: 1px solid transparent;
    font-size : 12px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
}

.container .connexion .btn_newMDP {
    width : 160px;
}

.container .connexion .btn_first_connexion {
    background-color: #c0deed;
    background-repeat : no-repeat;
    width : 140px;
    height : 30px;
    cursor: pointer;
    border-radius: 15px;
    border: 1px solid transparent;
    text-decoration: none;
    color: black;
    text-align: center;
    padding-top: 7px;
    font-size : 12px;
}

.container .connexion .row {
    margin: 0;
}

.container .connexion #lien {
    text-decoration: none;
    color: #FFFFFF;
    font-size : 8px;
}

.container .connexion #identification {
    text-decoration: none !important;
    color: #FFFFFF !important;
    font-size : 12px !important;
}

.container{
    background-color: white;
}

.container .connexion .btnCnx{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}