.not-connected #header-left{
display:none;
}

#not-connected-form-div, #lost-password-form-div, #change-password-form-div{
	width:350px;
	margin-left: auto;
	margin-right:auto;
}

#not-connected-form-container {
	margin-left: auto;
	margin-right:auto;
	color:black;
	min-height:180px;
}

#detailedMessage{
margin-top:20px;
color:#2C2C2C;
font-weight:bold;
font-size:0.95em;
}
#errorMessage {
    font-weight:bold;
    text-align: center;
}

#englobe-form {
	width:400px;
	margin-left: auto;
	margin-right:auto;
}

#englobe-form.ask {
	width:700px;
}

#lost-password-div{
	width: 300px;
	float:right;
	text-align: right;
}

#lost-password-div a {
	color: rgba(242,153,15,1);
}

#not-connected-form-container h2 {
	font-size : 1.5em;
	padding : 15px;
	margin : 0;
}

#not-connected-form-container h3 {
	font-size : 1.3em;
	padding : 15px;
	margin : 0;
}

#titre-not-connected {
	text-align : center;
	width : 100%;
}

#titre-not-connected a {
	color : #E5022F;
	cursor : pointer;
}

#titre-not-connected {
    height:28px;
/*    background-image:url(../img/bandeau_noir_encart.png);
    background-repeat:repeat-x; */
	background-color: #000000;
    width:500px;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
/*    box-shadow:0px 0px 10px #888;
    -webkit-box-shadow:0px 0px 10px #888; */
}

#not-connected-form-container h2 {
    font-size: 1.3em;
    padding: 0px;
    height:28px;
    line-height:28px;
    color:white;
}

#not-connected-form-container {
    color: #000000;
    margin-left: auto;
    margin-right: auto;
    width:500px;
    padding-bottom:75px;
    background-color:white;
/*    border-bottom:1px solid #d2d2d2;
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2; */
    box-shadow:0px 0px 14.5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0px 0px 14.5px rgba(0, 0, 0, 0.5);
}

#not-connected-form-container h3 {
    font-size: 0.9em;
    margin-left: auto;
    margin-right:auto;
    padding: 8px 0 0 0;
    text-align:center;
}

#login-form-div{
    width:350px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
}

#lost-password-div {
    float: right;
    text-align: right;
    width: 300px;
    margin-right:25px;
}

#englobe-form {
    margin-top:20px;
}

#titre-not-connected h3{
color:white;
}


#login-form-div .x-panel .x-toolbar,#lost-password-form-div .x-panel .x-toolbar{
border:none;
background-color:white;
}


#login-form-div .x-panel .x-toolbar .x-btn-inner-center,#lost-password-form-div .x-panel .x-toolbar .x-btn-inner-center{
color:white;
}

#loginForm_header, #lostPasswordForm_header,  #changePasswordForm_header {
	background : #E5022F;

}

#loginForm_header div.x-panel-header-title-default, #lostPasswordForm_header div.x-panel-header-title-default,  #changePasswordForm_header div.x-panel-header-title-default {
	color : #FFF!important;
}

#intro-change-password {
	margin-bottom: 10px;
}

#back-login {
	text-align:center;
}

#back-login a {
	padding: 3px 10px 3px 10px;
	color : #fff;
	text-decoration:none;
}

#login-form-div button {
    display: none;
}

#ext-viewport #titre-not-connected {
    margin-top: 0px;
}

#ext-viewport #not-connected-form-container {
    margin-top: 40px;
}

#ext-viewport .x-toolbar-footer {
    background-color: #fff;
}

.body-not-connected #header-left {
    display : none;
}
.body-not-connected #header-center {
    width: 100%!important;
    text-align: center;
}

@media screen and (max-width: 1180px) {
    .body-not-connected ._topmenu #logo {
        width: 100%!important;
        background-position: center;
    }
}

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

    #ext-viewport #not-connected-form-container {
        margin-top : 10px;
    }
}