/*LOGIN*/
html.fixed_background {
	height:100%;
}
.login_page, .account_page {
	background:url('../img/fond.jpg') no-repeat top left #bdbdbd;
	background-attachment:fixed;
    background-size: cover;
	line-height:1.2em;
}
.login_page .btn, .account_page .btn {
	padding:10px 30px;
}
.account_page .select-style .btn {
	padding:4px 30px;
}
.login_page .content_page {
	max-width:830px;
	min-height:410px;
	margin:40px;
}
.account_page .content_page .page_inner {
	background:#f4f4f4;
	max-width:940px;
	margin:40px 0 0 40px;
	padding:30px;
	-moz-box-shadow: 0px 0px 15px 0px rgba(30,30,28,1);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(30,30,28,1);
	-o-box-shadow: 0px 0px 15px 0px rgba(30,30,28,1);
	box-shadow: 0px 0px 15px 0px rgba(30,30,28,1);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=15);
}
.account_page .page_footer {
	margin:10px 0 40px 40px;
}
.explication_area, .login_area {
	height:410px;
}
.explication_area {
	background:#fff;
	padding:25px 30px;
	width:340px;
	float:left;
}
.partenaire_area header {
	display:inline-block;
}
.not_logged .explication_area .logo {
	float:left;
	margin:-3px 20px 0 0;
}
.explication_area header, .explication_content a {
	font-family:"Open Sans";
    font-weight:800;
	line-height:1.2em;
}
.explication_content {
	clear:both;
	margin-top:30px;
	font-size:0.90em;
}
.login_area {
	background:#E25A10;
	padding:25px 40px;
	color:#fff;
	margin-left:340px;
}
.login_area h1 {
	color:#fff;
	margin:0px 0 25px 0;
	display:inline-block;
    font-family:"Open Sans";
	font-size:2.7em;
}
.login_area p {
	font-size:0.90em;
	margin-bottom:30px;
}
.login_page .page_inner {
	-moz-box-shadow: 0px 0px 15px 0px rgba(30,30,28,0.8);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(30,30,28,0.8);
	-o-box-shadow: 0px 0px 15px 0px rgba(30,30,28,0.8);
	box-shadow: 0px 0px 15px 0px rgba(30,30,28,0.8);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=60);
}
.not_logged .page_footer {
	font-size:0.7em;
	margin-top:15px;
    color:#fff;
}
.not_logged .page_footer a {
    color:#bbb;
}
.login-input {
	margin-bottom:12px;
}
.login_area .alert {
    margin-top:-10px;
}
.login-input input {
	font-size:20px;
	color:#E25A10;
	padding:0px 15px;
	height:45px;
    font-weight: 100;
}
.login-input ::-webkit-input-placeholder {
    font-style:normal;
	color:#999;
}
.login-input :-moz-placeholder { /* Firefox 18- */
   font-style:normal;
   color:#999;
}
.login-input ::-moz-placeholder {  /* Firefox 19+ */
   font-style:normal;
   color:#999;
}
.login-input :-ms-input-placeholder { 
	font-style:normal;
	color:#E25A10;
}
.forgot_mdp_link {
	color:#fff;
	font-size:0.8em;
	text-decoration:underline;
    font-family:"Open Sans";
}
.forgot_mdp_link:hover,.forgot_mdp_link:active, .forgot_mdp_link:focus {
	color:#efefef;
	text-decoration:none;
}
.not_logged .more {
	margin:20px 0;
    font-weight: bold;
}
.not_logged .logo {
	float:left;
	margin:-3px 20px 30px 0;
}
.modal-content {
	background:#e6e6e6;
}
.modal-header, .modal-body, .modal-footer {
	margin:0 60px;
}
.modal-header {
	margin-right:0;
}
.modal-header h1 {
	margin:30px 60px -10px 0;
	color:#E25A10;
}
.modal-content input.form-control {
	border-top:3px solid #999;
}
.modal-content .small {
	color:#666;
}
.light {
    font-weight:300;
    /*font-size:0.9em;*/
}
.explication_area .light {
    font-weight:800;
}
#ForgotPassword .login-input {
    margin:20px 0;
}
@media screen and (max-width: 768px) {
    .login_page .content_page {
       width:auto;
       margin:20px;
       max-width:none;
    }
    .explication_area {
        width:auto;
        float:none;
    }
    .login_area {
        margin-left:0;
    }
    .explication_content {
        display:none;
    }
    .explication_area, .login_area {
        height:auto;
    }
    .btn {
        margin-top:20px;
    }
    .not_logged .explication_area .logo {
        margin-bottom:30px;
    }
}