body{
	margin:0;
	padding: 0;
	font-family: arial;
}
html{
	overflow:hidden;
	
}
#FORM1{

	
}
.logo{
     background: url(./img/logo.png) no-repeat;
    height: 100%;
    margin-top: 28px;
    width: 201px;
    margin-left: auto;
    margin-right: auto;
}
div.page-wrapper{
width:60%;
float:left;
background: url(./img/bg.png);
background-size: 100% 100%;
}
div.login-wrapper{
	width:40%;
	float:left;
	text-align: center;
}
.header-login{
	background:#333;
	height:150px;
	min-height: 50px;
	padding: 15px;
	padding-top: 45px;
	    width: 100%;
	
}
.header-login h1
{
	color:#fffefe;
	vertical-align: middle;
	font-size: 40px;
}
div.login-wrapper section{
	
}

.formulaire-login{
   padding: 15px;
    width: 338px;
    margin-left: auto;
    margin-right: auto;
    float: left;
	
}
.row {
  
    margin-right: 11px;
   
  
    color: #666666;
    font-size: 11px;
    text-transform: uppercase;
    font-family: roboto;
}
div.login-wrapper section{
	
	display: flex;
    flex-flow: column nowrap;

    align-items: center;
    align-content: space-between;
    width: 100%;
    height: 98%;
	
}
@media only screen and (max-width: 900px)
{div.login-wrapper{
		width:100%;
		float: left;
	}
	div.page-wrapper{
	width:100% !important;
	display: none;
	}}
@media only screen and (max-height: 768px)
{
	

	header{
		width:90%;
		padding: 15px;
	}
}
@media(max-width:1440px) 
{
	.formulaire-login {
      padding: 15px;
    width: 338px;
    margin-left: auto;
    margin-right: auto;
    float: left;
}
.row {
   color: #666666;
    font-size: 11px;
    text-transform: uppercase;
    font-family: roboto;
    flex-grow: 2;
	display: flex;
    width: 98%;
    align-items: flex-end;
	justify-content: space-between;
	margin-top: -7px

}
}
.user{
	    background: #eeeeee url(./img/utilisateur.png) no-repeat !important;
    background-position: 7px 10px !important;
    padding-left: 33px !important;
    background-size: 20px 20px !important;
	
}
.psw{
	    background: #eeeeee url(./img/mdp.png) no-repeat !important;
    background-position: 7px 10px !important;
    padding-left: 33px !important;
    background-size: 20px 20px !important;
	
}

	.caret{ display: inline-block;
    height: 20px;
    vertical-align: middle;
    background: url(./img/fel.png) no-repeat !important;
    background-position: 7px 2px !important;
    padding-left: 33px !important;
    background-size: 10px 13px !important;}




div.page-wrapper section{
	    width: 98%;
	height: 100%;

}
header{
	height:50px;
	padding: 15px;
	background: #aaa;
}

.form-gp{
	text-align: left;

	margin-bottom: 10px;
	
    width: 300px;
   float: left;
    margin-left: auto;
    margin-right: auto;
}
.form-gp label{
	width:25%;
	float:left;
	line-height: 32px;
	
}
.form-gp input{
	width:300px;
	border-radius: 5px;
	border: 1px solid #eee;
	color: #79ac43;
	
	height:40px;
	line-height:40px;

}.form-gp select{
	width:300px!important;
	border-radius: 5px;
	border: 1px solid #eee;
	height:40px;
	box-sizing:content-box;
}
.base{
	    background: #eeeeee url(./img/base.png) no-repeat !important;
    background-position: 7px 10px !important;
    padding-left: 33px !important;
    background-size: 20px 20px !important;
	
}
.cnx{
    border: none !important;
    display: block;
    background-image:url('./img/LOGIN.png');
    height: 40px !important;
    width: 335px !important;
  
    }
	.cnx:hover{
    border: none !important;
    display: block;
    background-image:url('./img/LOGIN2.png');
    height: 40px !important;
    width: 335px !important;
    color:#669933 ;
    
    }
button.btn
{
	border:none;
	padding: 10px;
	border-radius: 5px;

}
.btn-blue{
	background :#00A4E4;
	color:white;
	cursor: pointer;
}
.btn-blue:hover{
	background :#0088BA;
	color:white;
}

section p {
	text-align: justify;
}
.form-gp .message-danger{
	color:#fff;
	border: 1px solid #F26C4F;
	padding:15px;
	width:90%;
	background: #DB978A;
	border-radius: 5px;
	text-align: center;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	display:none;
	width: 100%;
}

#support
{
        color: #76af51 !important;
    text-decoration: blink;
    
    }