.MAJ{
	text-transform : uppercase ;
}

.Maj{
	text-transform : capitalize ;
}

input:focus, select:focus, textarea:focus{
  outline-style:none;
  box-shadow:none;
  border-color:transparent;
}

.pair{
	background-color: #ecf8fb;
}
.impair{
	background-color: #f0f0f0 ;
}

.text-orange{
	color : #ff6600 ;
}
.text-free{
	color : #c11c19 ;
}
.text-expresso{
	color : #8681bd ;
}
.text-autres{
	color : #2b7de9 ;
}

#formDate{
	
}
.form-date, .form-jour{
	width : 235px ;
	margin: auto ;
	padding : 10px ;
	margin: 2px 0;
	display: block;
    border: 1px solid #ccc;
    border-radius: 20px;
    box-sizing: border-box;
}
.form-date:hover,.form-jour:hover{
   box-shadow: 0 0 8px #265ba8;
}
.form-date{
	display: block;
}
.form-jour{
	display: inline-block;
}

#dateDebDiv , #dateFinDiv{
	text-align : left ;
	margin-left : 10px ;
}

.divDate{
	float : left ;
	margin-bottom : 20px ;
}

.login_img{
	margin: auto ;
    width:300px; 
	/*background-image: url('../img/login_img.png'); 
	background: transparent; */
	background-repeat : no-repeat ;
	background-position : center ;
	background-size : 300px 300px;
}

.erreur{
	width: 90%;
	margin : auto ;
	text-align : center ;
	border-radius: 8px;
    box-sizing: border-box;
	color : white ;
	padding : 14px ;
	font-size : 20px ;
}

.ajax-loader{
	width : 90% ;
	margin : auto ;
	text-align: center ;
	vertical-align : center ;
}

.formExcel {
 width: 66px;
 height: 66px;
 margin: auto;
 margin-bottom : 10px;

}
.formExcel .boutonExcel input{
   cursor: pointer;
   width: 64px;
    height: 64px;
    background: url(../img/Excel-64.png);
}

@media all and (max-device-width: 699px){ 
  .login_img{
	  
  }
  .erreur{
	
	font-size : 15px ;
  }
 

}

@media all and (max-device-width: 499px){ 
  .login_img{
	  display : none;
  }
   .erreur{
	
	font-size : 12px ;
  }
  .form-date, .form-jour{
	width : 200px ;

  }

  
}