#form-ae-user-global{
	background-color: #edf4f7;
	/*display: inline-block;*/
}

.top-form{
	text-align: center;
	font-size: 24px;
	color:#FFF;
	background-color:black;
	padding: 10px 0;
}
#form-ae-user-inscription .password-info {
	font-size: 12px;
	margin-bottom: 15px!important;
}
#auto_evasion_bundle_user_create,#auto_evasion_bundle_user_login {
	display: inline-block;
	padding: 10px 0;
}
#auto_evasion_bundle_user_create .form-group.optin label {
	font-size:12px;
	cursor: pointer;
}
#auto_evasion_bundle_user_create .form-group {
	margin-bottom: 10px;
}
#auto_evasion_bundle_user_create .form-group.checkboxform {
	margin-bottom: 0px;
}
#auto_evasion_bundle_user_create .form-group.optin input {
	cursor: pointer;
}
#g-recaptcha {
	margin-bottom: 30px;
}
#form-link-ae-user-login {
	color: #686868;
	font-size:12px;
	text-decoration: underline;
}
#form-link-ae-user-login:hover {
	text-decoration: underline;
}
#form-link-ae-user-forget-password {
	font-size:12px;
	text-decoration: underline;
}
#auto_evasion_bundle_user_login_connexion {
	margin-top: 20px;
}
#auto_evasion_bundle_user_login .separation span:before {
	content: '';
	background-image: url(/forum-auto/img/ligne.png);
	height:1px;
	display: block;
	position: absolute;
	width: 43%;
	top: 50%;
}
#auto_evasion_bundle_user_login .separation span:after {
	content: '';
	background-image: url(/forum-auto/img/ligne.png);
	height:1px;
	display: block;
	position: absolute;
	width: 43%;
	top: 50%;
	right: 0;
}
#auto_evasion_bundle_user_login .separation {
	margin-bottom: 15px;
}
.fb-main{
	padding: 30px 0 10px 0;
}
.fb-main .separation {
	background-image: url(/forum-auto/img/ligne.png);
	height: 1px;
}
.fb-main p{
	font-size: 12px;
}
.fb-btn {
	color: #fff;
	background-color: #43609c;
	border: 1px solid #43609c;
	box-shadow: 0 1px 0 #43609c;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	text-shadow: 0 1px rgba(0,0,0,0.3);
	padding: 0;
	border-radius: 0;
	width: 100%;
	margin-bottom: 10px;
	line-height: 34px;

}
.fb-btn img{
	float: left;
}
.fb-btn:hover {
	border: 1px solid #43609c;
	box-shadow: 0 1px 0 #3b5998;
}
/**************RESPONSIVE**************/

@media screen and (max-width: 959px) {

	#auto_evasion_bundle_user_create, #auto_evasion_bundle_user_login {
		display: inherit;
	}

}

@media screen and (max-width: 320px) {

	#g-recaptcha iframe {
		width:280px;
	}

}


/* STYLE checkbox*/

.checkboxform label:after {
    content: '';
    display: table;
    clear: both;
}
.checkboxform .cr {
    position: relative;
    display: inline-block;
    float: left;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-top: -3px;
}
.checkboxform.rond .cr {
	border: 2px solid #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -8px;
}
.checkboxform .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 5px;
    left:3px;
}
.checkboxform.rond .cr .cr-icon {
    top: 7px;
    left:5px;
}
.checkboxform label {
	cursor: pointer;
}
.checkboxform label input[type="checkbox"] {
    opacity:0;
    position: absolute;
}
.checkboxform label input[type="checkbox"]:checked + .cr,.checkboxform label input[type="checkbox"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}
.checkboxform label input[type="checkbox"]:checked + .cr,.checkboxform label input[type="checkbox"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}
.checkboxform label input[type="checkbox"]:disabled + .cr {
    border-color:#c7c7c7;
    cursor: initial;
}
.checkboxform.disabled label {
	color:#c7c7c7;
	cursor: default;
}

.ok::before {
	/*content:url(/forum-auto/img/check.png);*/
	content:'';
	display: inline-block;
	background:url(/forum-auto/img/check.png) no-repeat;
	height: 14px;
	width: 18px;
	background-size: 100%;
}

/* boutons Auto Evasion */
.btn-ae {
    border:1px solid #28b4c4;
    background:#28b4c4;
    color:#fff;
    box-shadow:0 1px 0 #178f9d;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size:19px;
    text-shadow: 0 1px rgba(0,0,0,0.3);
    padding:13.5px 29px;
    border-radius:0;
}
.btn-ae:hover {
    border:1px solid #28b4c4;
    background:#33d8ed;
    color:#fff;
    box-shadow:0 1px 0 #178f9d;
}
.btn.btn-ae {
	width: auto;
}



div#form-ae-user-global ul li, div#form-ae-user-global p.error-captcha {
	color:red;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 5px;
}

div#form-ae-user-global .form-error{
	border-color: #a94442!important;
}

.user-create-error {
	color: red;
	margin-bottom: 5px;
	font-size: 13px;
}
.user-create-error ul, .user-create-error ul li {
	margin: 0!important;
	padding: 0!important;
}
.m-b-15 {
	margin-bottom: 15px!important;
}

#modal-create-message {
	top: 28%;
}
#create-messages {
	background: #FFF;
	padding: 20px;
}