/* Police ROBOTO*/

@import url(//fonts.googleapis.com/css?family=Roboto:400,700,100,900,300,500);

body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
  background-image: url('../img/bg_img.png');
  /*min-width: 471px;*/
  font-size: 16px;  
  font-family:  "Roboto","Myriad Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  zoom:90%;
}

a {
  color: #727272;
}
a:hover {
  color: #727272;
}

.form-signin {
  max-width: 450px;
  padding : 10px 30px 40px 30px;
  
}
.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: 4px;
  font-size: 14px;
  max-width: 260px;
}

.form-signin input[type="submit"] {

  margin-top: 15px;
  position: inherit;
  float:right;
  margin-left: 120px;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type="username"] {
  padding-top: 150px;
  margin-bottom: 10px;
}


.form-signin input[type="password"] {
  margin-top: 5px;
  margin-bottom: 10px;
}

.form-signin input[type="email"] {
  margin-top: 5px;
  margin-bottom: 10px;
}

 #panel-login { 
  background: url('../img/bg_panel_login.png' ) no-repeat center ;  
  max-width: 510px;
  width:100%;
  margin:auto;
  -webkit-box-shadow: 8px 8px 12px #aaa;
  -moz-box-shadow: 8px 8px 12px #555;
  box-shadow: 8px 8px 12px #555;
  height: 291px;
}


#titre_login{
 font-family: "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: 17pt;
 /*padding-top: 35px; */
color: #c3c3c3;

width:100%;
margin:auto;

 background: 
    -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c2c2c2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  -linear-gradient(#ffffff, #c2c2c2);
font-weight: bold;
padding : 40px 0px 0px 20px;

}


#logo_login{
width:90%;
margin:auto;
padding : 15px 20px 0px 0px;
}

.img-centered {
  margin-left: auto;
  margin-right: auto;
}

#form-login {  
 position:inherit;
}

#msg-flash {  
  max-width: 510px;
  width:100%;
  margin:auto;
}

#desc {  
  max-width: 510px;
  width:80%;
  margin:auto;
  color: #c3c3c3;
  font-size: 12px;
  padding : 0px 0px 0px 0px;
}

/* GESTION Page maintenance*/
.titre-maintenance
{
font-weight: 300;
font-size: 30pt;
/* padding-top: 35px; */
color: #c3c3c3;
width: 100%;
margin: auto;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c2c2c2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
padding: 20px 0px 0px 20px;

}

.texte-maintenance
{
  max-width: 510px;
  width:90%;
  margin:auto;
  color: white;
  padding : 10px 0px 0px 0px;
  font-size: 9pt;
}

.sous-texte-maintenance
{
  max-width: 510px;
  width:90%;
  margin:auto;
  color: white;
  padding : 10px 0px 0px 0px;
  font-size: 7pt;
}

@media (min-width: 420px) {
  .texte-maintenance {
    font-size: 13pt;
  }
  .sous-texte-maintenance
{
   font-size: 11pt;
}
}

.icon-social
{
float: left;
height: 55px;
width: 55px;
margin-left: 10px;
margin-right: 10px;
padding-left: 8px;
border-radius: 5px 5px 5px 5px;
color: white;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.icon-social > a
{
  color: white;
}

.icon-social-fb
{
  padding-top: 8px;
  padding-left: 8px;
  font-size: 14pt;
}
.icon-social-fb:hover
{
  background-color: #4d68a1;
  padding-left: 26px;
}
.icon-social-tw
{
  padding-left: 2px;
  padding-top: 14px;
  font-size: 14pt;
}
.icon-social-tw:hover
{
  padding-top: 3px;
  padding-left: 6px;
  background-color: #55acee;
  font-size: 18pt;
}

.countdown
{
  padding: 5px;
  color: white;
  box-shadow: 2px 2px 5px #5a5a5a;
  border-radius: 4px;
  font-size: 18pt;
  text-align: center;
}

.countdown-default
{
  visibility: hidden;
}

.countdown-in
{
  background-color: #5cb85c;
  background-image: -webkit-linear-gradient(#55FA31, #36a41e 50%, #2E8B1A);
  background-image: linear-gradient(#55FA31, #36a41e 50%, #2E8B1A);
}