.login-panel input[type="submit"]:active:hover.btn-valider{background-color: #00305b;}
.login-panel input[type="submit"]:hover.btn-valider{background-color: #00305b;}

.login-panel a:hover.btn{color:#0082e7}
.login-panel a.logout{float:right;width:24px;height:24px;background:url(../img/accueil/top-nav-logout.png) no-repeat top center;text-indent: -99999px;overflow: hidden;padding:0;margin:21px 20px 0 0;display:none;}
.login-panel a:hover.logout{background:url(../img/accueil/top-nav-logout.png) no-repeat bottom center;}

body {
    background: #f1f1f1 none repeat scroll 0 0;
    color: #777;
}

.login-panel h2{
	font-size:20px;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom:25px;
}

.login-panel a.btn{
	display:block;
	margin:0px 0 0 0px;
	float:left;
	font-size:12px;
	cursor:pointer;
	color:#777;
}

.login-panel input[type="text"],.login-panel input[type="password"],.login-panel input[type="email"],.login-panel select{
	background:#fff;
	width:100%;
	font-size: 18px;
	line-height:auto;
	color:#666;
	padding: 12px 8px 12px;
	margin: 2px 6px 16px 0;
	border: 1px solid #ddd;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
	background: #fbfbfb none repeat scroll 0 0;
}

.login-panel input[type="submit"],
.login-panel a.submit {
	float:right;
	margin-left:10px;
	width:100%;
	height:30px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-align: center;
    /*background-color: #31af64;*/
    background-color: #006eb6;
    border-color: #2faa60;
    color: #ffffff;
    border-radius: 3px;
    line-height:30px;
}

.login-panel{
	background:#fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
	overflow: hidden;
    padding: 26px 24px 36px;
    border-radius: 3px;
}

#login{
	margin: auto;
    padding: 8% 0 0;
    width: 340px;
}

#login #logo a {
    background: rgba(0, 0, 0, 0) url("/img/whitelabel/leclerc/lal.png") no-repeat scroll center center;
    background-size: 160px auto;
    display: block;
    height: 65px;
    margin: 24px 0 0 35px;
    overflow: hidden;
    padding: 0;
    text-indent: -99999px;
    width: 196px;
    margin:0 auto;
}


/* FORGET PASSWORD */
#container-garagiste-public.forget-password{
    margin: auto;
    width: 340px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#container-garagiste-public.forget-password .wrap{
    background: #fff;
    overflow: hidden;
    padding: 26px 24px 36px;
    border-radius: 3px; 
    width:auto;
}

#container-garagiste-public.forget-password .wrap h2{
    font-size:20px;
    font-weight:bold;
    text-transform: uppercase;
    margin-bottom:25px;
    text-align:center;
}

#container-garagiste-public.forget-password .wrap input[type="text"],
#container-garagiste-public.forget-password .wrap input[type="password"]{
    background:rgb(210,210,210);
    width:94%;
    font-size: 18px;
    line-height:auto;
    color:#616161;
    padding: 12px 8px 12px;
    margin: 0px 6px 5px 0;
    border: 1px solid #ccc;
    font-family: Arial, sans-serif;
}

#container-garagiste-public.forget-password .wrap input#login{
    position:initial;
    left:auto;
    top:auto;
    transform:none;
}

#container-garagiste-public.forget-password .wrap p{margin-bottom:5px;}

#container-garagiste-public.forget-password .wrap input[type="submit"],
#container-garagiste-public.forget-password .wrap a{
    float:right;
    margin-top:5px;
    margin-left:10px;
    width:100%;
    height:50px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    text-align: center;
    background-color: #0b1e3f;
    color: rgb(230,230,230);
    line-height:50px;
}