/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 11 août 2015, 10:54:32
    Author     : philippe
*/
body {
  margin:0px;
  padding:0px;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  background-image: url("../images/fond.jpg");
  background-position: 220px 0;
  min-height: 100%;
}
img { display:block; border: none; }
a { outline: none; text-decoration: none; color:#d82234; }

.blocLogin {
  width:300px;
  margin:100px auto 0px auto;
  background-color:rgba(0, 0, 0, 0.1);
  padding:48px;
  position:relative;
  z-index:100;
  /*border:1px solid rgba(255, 255, 255, 0.3);*/
}
.blocLogin:before {
	content:'';
	position: absolute;
	left:400px;
	top:0px;
	background:url(/images/ombre-cadre-login1.png);
	background-repeat:no-repeat;
	width:570px;
	height:808px;
	display:block;
}
.blocLogin:after {
	content:'';
	position: absolute;
	left:0px;
	top:349px;
	background:url(/images/ombre-cadre-login2.png);
	background-repeat:no-repeat;
	width:751px;
	height:464px;
	display:block;
	z-index:50;
}

.titre {
  font-size:30px;
  text-shadow: 1px 1px 1px rgba(3, 75, 73, 1);
}

.ombre {text-shadow: 1px 1px 1px rgba(3, 75, 73, 1);}

.separation {
  width:100%;
  height:1px;
  background-color:rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
  -o-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
  box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
}

.formulaire {
  margin-top:20px;
}

.champ {
  display:block;
  vertical-align:middle;
  height:25px;
  margin-bottom:15px;
}

label {
  display:inline-block;
  font-size:14px;
  margin-top:5px;
}

input {
  display:block;
  width:60%;
  float:right;
  border:none;
  height:25px;
  padding:0px 5px;

  -moz-box-shadow: inset 0px 2px 7px 0px #c0c0c0;
  -webkit-box-shadow: inset 0px 2px 7px 0px #c0c0c0;
  -o-box-shadow: inset 0px 2px 7px 0px #c0c0c0;
  box-shadow: inset 0px 2px 7px 0px #c0c0c0;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=180, Strength=7);

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

input[type="checkbox"] {
  -moz-box-shadow: inset 0px 0px 0px 0px #c0c0c0;
  -webkit-box-shadow: inset 0px 0px 0px 0px #c0c0c0;
  -o-box-shadow: inset 0px 0px 0px 0px #c0c0c0;
  box-shadow: inset 0px 0px 0px 0px #c0c0c0;
  height: 20px;
}

button {
  float:right;
  margin-top:10px;
  background: #5ebdae;
  border:none;
  cursor:pointer;
  color:#FFF;
  padding:10px 15px;
  font-size:16px;

  -moz-box-shadow: 0px 2px 3px 0px #034b49;
  -webkit-box-shadow: 0px 2px 3px 0px #034b49;
  -o-box-shadow: 0px 2px 3px 0px #034b49;
  box-shadow: 0px 2px 3px 0px #034b49;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

  background: -moz-linear-gradient(top,  #5ebdae 0%, #2f9fa0 52%, #078593 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ebdae), color-stop(52%,#2f9fa0), color-stop(100%,#078593));
  background: -webkit-linear-gradient(top,  #5ebdae 0%,#2f9fa0 52%,#078593 100%);
  background: -o-linear-gradient(top,  #5ebdae 0%,#2f9fa0 52%,#078593 100%);
  background: -ms-linear-gradient(top,  #5ebdae 0%,#2f9fa0 52%,#078593 100%);
  background: linear-gradient(to bottom,  #5ebdae 0%,#2f9fa0 52%,#078593 100%);

}

button[type=submit]:hover {
  background: -moz-linear-gradient(top,  #078593 0%, #2f9fa0 52%, #5ebdae 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#078593), color-stop(52%,#2f9fa0), color-stop(100%,#5ebdae));
  background: -webkit-linear-gradient(top,  #078593 0%,#2f9fa0 52%,#078593 100%);
  background: -o-linear-gradient(top,  #078593 0%,#2f9fa0 52%,#5ebdae 100%);
  background: -ms-linear-gradient(top,  #078593 0%,#2f9fa0 52%,#5ebdae 100%);
  background: linear-gradient(to bottom,  #078593 0%,#2f9fa0 52%,#5ebdae 100%);
}

.bloc-info {
  position:absolute;
  bottom:-40px;
  left:0;
  background: rgba(255, 255, 255, 0.6);
  font-size:14px;
  font-weight:bold;
  color:#CC0000;
  line-height:none;
  text-align:center;
  z-index:150;


  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
}

.text-info {
  width:80%;
  margin-left:10%;
}
.lien-mdp-oublie {
  color:rgba(255, 255, 255, 0.6);
  outline:none;
  text-decoration:underline;
  font-size:12px;
  width:100%;
  display:block;
  text-align:left;
  padding-top:25px;
}
.lien-mdp-oublie:hover {
  color:#9F0;
}

.bloc-bas {
  width:100%;
  background:#000;
  padding:30px;
  position:fixed;
  z-index:1000;
  bottom:0;
  left:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#FFFFFF;
  text-align:center;
}
.lien-bloc-bas {
  color:#FFFFFF;
  text-decoration:underline;
}
.lien-bloc-bas:hover {
  color:#9F0;
}

/*REECRITURE DU JQUERRY UI > dialog box pour mot de passe oublié en page login*/
.ui-widget-header{
	background:#099280!important;
	background-image:none!important;
	border:none!important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background-image:none!important;
}
.ui-state-default .ui-icon {
	background-image:url(/images/ui-icons_ffffff_256x240.png)!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background-image:none!important;
	background:#099280!important;
	color:#FFFFFF!important;
	font-weight:normal!important;
}
.ui-state-default, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
	background:#194344!important;
	border:1px solid #FFFFFF!important;
	color:#FFFFFF!important;
}
.ui-dialog .ui-dialog-buttonpane {
	padding:0px!important;
}
.ui-dialog .ui-dialog-buttonpane button{
	margin:0px!important;
}
input#lostpasswordEmail {
	width:100%!important;
	/*padding:0px!important;*/
	margin-top:5px!important;
	box-sizing: border-box!important;
	font-size:14px!important;
}
input#lostpasswordEmail:focus {
	outline:none!important;
}
.ui-dialog .ui-dialog-content {
	padding:0px!important;
}

#lostpassword-form .bloc-info {
  position:relative;
  bottom:0;
  left:0;
  background: none;
  font-size:14px;
  font-weight:bold;
  color:#CC0000;
  line-height:none;
  text-align:center;
  padding-top:30px;


  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;

  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.0);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.0);
  -o-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.0);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.0);

}
.bloc-reintial {
  position:relative;
  font-size:14px;
  font-weight:bold;
  background:#FFFFFF;
  color:#000000;
  width:400px;
  margin:40px auto;
  text-align:center;
  padding:20px;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.0);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.0);
  -o-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.0);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.0);
}