/*body {
  background:url('../images/accueil-chxot.jpg');
  background-size:cover;
  background-repeat: no-repeat;
  margin: 0;
  display: compact;
  padding-top: 40px;
  padding-bottom: 40px;
  
}
*/
html {
  position: relative;
  min-height: 100%;
}
body { 
  /*background: url('../images/background.png') no-repeat center center fixed;*/
  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
  
  background-color: rgba(52, 172, 220, 1);
  /* Margin bottom by footer height */
  margin-bottom: 71px;
}
/*body {
	
	background: url('../images/background.png') no-repeat fixed;
    background-size: cover;
    background-position:center center;
   
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
}*/
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
  /*background-color: #eee;*/
 background: rgba(255, 255, 255, 0.8)!important;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.block-info {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
  text-align: center;
  font-style: italic;
  font-weight: bold;
  /*background-color: #eee;*/
 background: rgba(255, 255, 255, 0.8)!important;
}

.block-alert {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
  text-align: center;
  /*font-style: italic;*/
  /*font-weight: bold;*/
  color: white;
  /*background-color: #eee;*/
 background: rgba(255, 158, 0, 1)!important;
}

.container {
  width: auto;
  
  padding: 0 15px;
}
.footer {
  position: absolute;
  bottom: 15px;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 71px;
  
  /*background-color: #f5f5f5;*/
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal-loading {
    display:    block;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, 1 ) 
                url('../images/loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal-loading {
    display: block;
}