/*
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 : 4 déc. 2016, 12:11:11
    Author     : quentin
*/

    html,body{
        margin:0;
        padding:0;
        background: url("images/fondLoginAvion.jpg") no-repeat center fixed; 
        -webkit-background-size: cover; /* pour anciens Chrome et Safari */
        background-size: cover; /* version standardisée */
        font-family: 'Montserrat', sans-serif;
        position:relative;
        background-position:center;
        overflow:hidden !important;
        
    }
    
    body{
      height:100vh;
      width:100%;
    }
    
    .champsText{
        border-radius:10px;
        border:1px solid #ccc;
        background-color: white;
        padding:10px;
       
        
    }
    
    .logo{
      position:absolute;
      top:40px;
      width:90%;
      left:5%;
    }
    
    #logpannel{
      display:none;
    }
    
    .ligneChampsTexte{
      margin-bottom:40px;
      background-color:rgba(255,255,255,0.2);
    }
    
    .ligneChampsTexte .picto{
      width:55px;
      line-height:45px;
      text-align:center;
      border-right:1px solid rgba(255,255,255,0.5);
      float:left;
      color:#FFF;
      font-size:24px;
    }
    
    .champsText, .champsSubmit{
      height:45px;
      width:100%;
      border:0;
      border-radius:0;
      padding-top:0;
      padding-bottom:0;
      transition-property: all;
      transition-duration: 0.3s;
    }
    
    .champsText{
      color:#FFF;
      padding-left:18px;
      width:calc(100% - 100px);
      background:transparent;
    }
    
    .champsSubmit{
      background-color:rgba(255,255,255,12);
      color:#001c46;
      cursor:pointer;
    }
    
    .champsSubmit:hover{
      background-color:#001c46;
      color:#FFF;
    }
    
    .text{
      text-align:right;
      font-weight:bold;
      color:#FFF;
      width:90%;
      margin:0 auto;
      text-transform:uppercase;
      bottom:18vh;
      position:absolute;
      left:5%;
    }
    
    .text .ligne1{
      font-size:24px;
    }
    
    .text .ligne2{
      font-size:20px;
    }
    
    .rose{
      color:#FF4043 ;
    }
    
    .logpannelNew{
      display:block !important;
    }
    
    .logpannelNew form{
      width: 90%;
      margin:0 auto;
      margin-top:200px;
      margin-bottom:100px;
    }
 
    @media screen and (min-width: 768px) {
      .logpannelNew form{
        margin:0;
        position:absolute;
        left: 100px;
        width: 377px;
        height: 300px;
        top:50%;
        margin-top:-150px;
        margin-bottom:-150px;
      }
      
      
      .logo{
        position:absolute;
        top:40px;
        width:30vw;
        left:49px;
      }
      
      .text{
        position:absolute;
        width:719px;
        bottom:13vh;
        margin:0; 
        left:0;
      }
        
      .text .ligne1{
        font-size:40px;
      }
      
      .text .ligne2{
        font-size:36px;
      }
    
      
      
    }