/* login.css
/* 24 Décembre 2013		Robert Bisson
/* ********************************************************************************** */
/* ****************************** Gestion des table en css*****************************/
/* ********************************************************************************** */
#body1{
	margin:0px;
	background: white
url(../boutons/abase.jpg) center top repeat; #c0c0c0
}
#bodylogin{
	margin:0px;
	background: #c0c0c0
url(../boutons/abase3.jpg) center top repeat; 
}

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}
.message{
	color: white;
}

.icon {
  padding: 10px;
  background: dodgerblue;
  color: white;
  min-width: 50px;
  min-height: 40px;
  text-align: center;
}

.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.input-field:focus {
  border: 2px solid dodgerblue;
}

/* Set a style for the submit button */
.btn {
  background-color: dodgerblue;
  color: white;
  padding: 15px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.btn:hover {
  opacity: 1;
}
.modal {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  padding-top: 30px;
font-family:Arial, Helvetica, sans-serif;

}

/* Modal Content/Box */
.modal-content {
  border-radius : 10px;
  moz-border-radius : 10px;
  background-color: white;
  margin: 2% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 30%; /* Could be more or less, depending on screen size */
}
.container {
  padding: 16px;
}
.myButton {
    background:url(../boutons/user-icon2.png) no-repeat left;
    cursor:pointer;
    width: 50px;
    height: 50px;
    /*border: none;*/
}
.myButton:focus {
  border: 2px solid RoyalBlue;
}
.mypassword {
    background:url(../boutons/pwd-icon3.png)  no-repeat left;
    cursor:pointer;
    width: 50px;
    height: 50px;
    /*border: none;*/
}
.mypassword:focus {
  border: 2px solid DodgerBlue;
}
.mycompagnie {
    background:url(../boutons/bt_compagnie.png)  no-repeat left;
    cursor:pointer;
    width: 50px;
    height: 50px;
    /*border: none;*/
}
.mycompagnie:focus {
  border: 2px solid DodgerBlue;
}
.mydate {
    background:url(../boutons/bt_calendrier2.png)  no-repeat left;
    cursor:pointer;
    width: 50px;
    height: 50px;
    /*border: none;*/
}
.mydate:focus {
  border: 2px solid DodgerBlue;
}
/* Full-width input fields */
input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 50px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius :10px;
  moz-border-radius : 10px;


}
/* Set a style for all buttons */
button1 {
  background:url(../boutons/btn-over-tn.png) no-repeat center;
  font-family:Arial, Helvetica, sans-serif;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 75%;
}
button1:hover {
  background:url(../boutons/btn-up-tn.png) no-repeat center;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 75%;
}
.input-field:focus1 {
  border: 2px solid RoyalBlue;
}
button {
	cursor:pointer;
	border : solid 1px #002aa6;
	border-radius : 7px;
	moz-border-radius : 7px;
	-webkit-box-shadow : 2px 2px 5px rgba(0,0,0,1.0);
	-moz-box-shadow : 2px 2px 5px rgba(0,0,0,1.0);
	box-shadow : 2px 2px 5px rgba(0,0,0,1.0);
	font-size : 14px;
	font-weight:bolder;
	color :#083194; /*#083194*/
	padding : 0px 7px;
	height:25px;
	width:150px;
	background : #949cce;
	background : -ms-linear-gradient(top, #949cce 0%, #ffffff 100%);
	background : linear-gradient(top, #949cce 0%, #ffffff 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccddff', endColorstr='#ffffff',GradientType=0 );
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949cce), color-stop(100%,#ffffff));
	background : -moz-linear-gradient(top, #949cce 0%, #ffffff 100%);
	background : -webkit-linear-gradient(top, #949cce 0%, #ffffff 100%);
	background : -o-linear-gradient(top, #949cce 0%, #ffffff 100%);

}
button:hover {
	cursor:pointer;
	color :#00008b;
	background : -ms-linear-gradient(top, #ffffff 0%, #949cce 100%);
	background : linear-gradient(top, #ffffff 0%, #949cce 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#949cce',GradientType=0 );
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#949cce));
	background : -moz-linear-gradient(top, #ffffff 0%, #949cce 100%);
	background : -webkit-linear-gradient(top, #ffffff 0%, #949cce 100%);
	background : -o-linear-gradient(top, #ffffff 0%, #949cce 100%);
	/*
	behavior: url(pie.htc); 
	behavior: url(ie-css3.htc); 
	*/
}