/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30 janv. 2019, 08:56:12
    Author     : Axel
*/

body{
    margin:0;
    padding:0;
    background: url(../../assets/image/image_body_login.jpg) no-repeat center fixed; 
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}

input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

#login{
    width: 50%;
    padding-top: 50px !important;
}

#login > h1 a{
    background-image: url(../../assets/image/picto_iris-sans-sphere.svg) !important;
    background-size: 400px 400px !important;
    height:280px !important;
    width:400px !important;
    margin-top: 0 !important
}

#login #loginform > h1 > div:first-child{
    color:#128CC3;
    width:100%;
    text-align:center;
    text-transform: uppercase;
    position:absolute;
    left:0;
    top: 100px;
    font-size: 38px;
    line-height: 1.6;
}

#loginform{
    background-color: rgba(223, 220, 220, 0.3);
}

#nav{
    background-color: rgba(10,10,10,0.3);
    text-align: center;
    font-weight: bold !important;
    font-size: 17px;
    margin:0 !important;
    padding: 1% !important;
}

#loginform input[type='text'], #loginform input[type='password']{
    width: 90% !important;
    margin: 0 !important;
    border: none !important;
    height: 40px !important;
    border: none;
    padding-left:10px;
}

#loginform p > div > .input-group-addon{
    width: 10% !important;
    text-align: center;
    background-color: #138DC4;
    height: 40px !important;
    padding-top: 8px !important;
    color:#fbfbfb;
    border-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#loginform .btn-outline-primary{
    color: #138DC4 !important;
    border-color: #138DC4 !important;
    background-color: #fbfbfb !important;
}

#loginform .btn-outline-primary:hover{
    background-color: #138DC4 !important;
    color: #fbfbfb !important;
}

#loginform p:first-child{
    margin-bottom: 20px;
}

#loginform p:nth-child(2){
    float: right;
    margin-right: 3%;
    width: 43%;
}

/*#loginform label{
    color: white !important;
}*/

/*#loginform input[type='text'], #loginform input[type='password']{
    margin-top:4%;
}*/

#loginform p.forgetmenot{
    padding: 2%;
    width: 100%;
    text-align: center;
}

#loginform p.forgetmenot label, #loginform p.forgetmenot div.form-group{
    display: inline-block;
}

#loginform p.forgetmenot div.form-group select{
    font-size: 12px;
    margin: 0 10%;
}

#nav a, #loginform p.forgetmenot label{
    color: white !important;
}

#nav a:hover{
    text-decoration: underline;
}

.submit{
    text-align: center !important;
}

#wp-submit{
    float: none !important;
    margin-top: 3%;
    
}

/* responsive rules */
@media screen and (max-width:916px){
   #loginform p:first-child, #loginform p:nth-child(2){
        width: 94%;
        margin-top:1%;
   }
   
   #login{
       padding-top: 0px !important;
   }
   
   #login > h1 a{
        background-image: url(../../assets/image/picto_iris-sans-sphere.svg) !important;
        background-size: 300px 300px !important;
        height:183px !important;
        width:300px !important;
    }
}

@media screen and (max-width:486px){
   #login{
        width: 90%;
   }
   
   #login > h1 a{
        background-image: url(../../assets/image/picto_iris-sans-sphere.svg) !important;
        background-size: 300px 300px !important;
        height:183px !important;
        width:300px !important;
    }
    
    #login > h1 > div:first-child{
        top: 50px;
    }
    
}