/*
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 : 2015-08-21, 15:46:36
    Author     : lanteib
*/

label, input[type=text], input[type=password] {

    color: 333333;
    font-size: 1em;
    font-family: "open-sans",sans-serif;
    font-style: normal;
    font-weight: 400;    
    margin-right: 20px;
    
}

.main-heading {
    font-size: 3em; /* 48 / 18 */
    margin-bottom: 0.625em; /* 3opx / 16 */
}

input[type=text], input[type=password] {
    margin: 0 0 1em 0;
    height: 2em;
    line-height: 2em;
    width: 177px;
    background: #fff;
    border: 1px solid #666;
    padding: 0 5px;
}

.main-heading {
    margin-top: 1.379310344827586em; /* 80 / 16 */
}

.lien-clic {
    display: block;
    position: absolute;
    left: 0;
    top: 0.3125em; /* 5 / 16 */
    width: 48px;
    height: 48px;
    background-color: transparent;
}


@media screen and ( max-width: 550px ) {
	.main-heading {
		margin-top: 0.6896551724137931em; /* 80 / 16 */
	}
    
	input[type=text], input[type=password]{
		width: 100%;
		box-sizing: border-box;
	}	
	
	form div.float-left {
		float: none;
		
	}
	
	label {
		margin-right: 0;
	}
   
}

@media screen and ( max-width: 1000px ){
   
    .lien-clic {
        left: 10px;
    }
}