@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700');

html {
 position:relative;
 min-height:100%;
}

body {
 font-family:'Open Sans',sans serif;
 background:url('images/bg-cloud.jpg') fixed;
 background-size: auto auto;
 /*margin-bottom: 150px;*/
}

/* ----------------------------- Styles ------------------------------- */

h1 {
 color:#FFF;
 font-weight:300;
 text-shadow: 2px 2px 4px #444;
 line-height:2em;
 margin-bottom:25px;
}
h2 {
 color:#979483;
 font-size:12pt;
 font-weight:normal;
}


/* ------------------------------------------ */
.bluedark {
 background-color:#243E4E;
 color:#FFFFFF;
}

.greydark {
 background-color:#181818;
 background-image:url("images/bg-darkgrey.png");
 color:#FFFFFF;
}

.cloud {
 background-color:#1B3647;
 //background-image:url("images/bg-cloud.jpg");
 color:#FFFFFF;
}
.white {
 background-color:#FFF;
 color:#000;
}

/* --------------------------------------- Login ------------------------------------------- */
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
  text-align:center;
}

.form-signin-heading { font-size:1.5em; }

.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="text"] {
  /*margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;*/
  margin-bottom: 10px;
  text-align:center;
  font-weight:bold;
}
.form-signin input[type="password"] {
  /*margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;*/
  text-align:center;
}

.form-recovery {
  max-width: 730px;
  padding: 15px;
  margin: 0 auto;
  text-align:center;
}

#recoveryform {
 width:500px;
 padding:20px;
}


/* --------------------------------------- Header  ------------------------------------------- */
.header-white {
 background-color:#FFF;
 height:160px;
 text-align:center;
}

.header-login-box {
 position:absolute;
 top:0;
 right:0;
}

.header-login-user {
 background:#BEC4C8;
 width:100%;
}
.header-login-user h3 {
 font-weight:300;
 font-size:24px;
 margin:0;
 color:#FFF;
}
.header-login-user .glyphicon-cloud {
 font-size:30px;
 top:8px;
}
.header-login-user span {
 font-size:12px;
 font-style:italic;
}
.header-login-user span a {
 color:#FFF;
}
.header-login-user fa {
 color:#FFF;
}
.header-login-list {
 background:#2D4051;
 width:100%;
 text-align:right;
 padding:3px;
}
.header-login-list label {
 font-size:13px;
 font-style:italic;
}

.headerSelect { color:#000; }

/* ---------------------------- Page entreprise ------------------------------- */

.img-circle { width:150px; height:150px; border:solid 10px #DDD; }
.bloc-company {  margin-bottom:20px; }

/* ---------------------------- Page module ----------------------------------- */

.bloc-module { width:210px; height:210px; background:#FFF; margin-bottom:10px; box-shadow: 6px 6px 8px #555;}
.img-module { width:190px; height:190px;}
.bloc-module h2 { margin-top:-15px; color:#1D70B7}
.bloc-module a:hover, .bloc-module a:focus { text-decoration:none; }
.bloc-module a:focus{outline:0;}
/* ----------------------------- Footer ------------------------------- */

footer {
 /*position: absolute;
 height: 150px;*/
 /*margin-top:50px;*/
 min-height:150px;
 bottom: 0;
 width: 100%;
 background:#1E2F3A;
}

.logo_footer {
 float:left;
 margin-left:40px;
 width:100px;
 height:100px;
 margin:20px 40px 0 40px;
 /*background:url("images/logo_footer.png");*/
}

.logo_text {
 float:left;
 margin-left:20px;
 /*border:solid 1px red;*/
 width:200px;
 padding-top:10px;
}

.logo_text h3 {
 color:#36A9E0;
 font-size:14px;
 border-left:solid 4px #36A9E0;
 padding-left:10px;
}
.logo_text li, .logo_text li a {
 color:#FFF;
 font-size:12px;
 margin-left:0px;
}
.logo_text ul {
 margin:0;
 padding:0;
}

.logo_text li {
 border-left:solid 2px #FFF;
 list-style-type:none;
 padding-left:10px;
 margin-bottom:4px;
}

.footer {
 margin-top:100px;
 clear:both;
 height:190px;
 /*background:url("images/bg-footer.png") no-repeat;*/
 position:relative;
 text-align:center;
}
.footer_logo {
 position:absolute;
 top:15px;
 left:70px;
}
.footer_copy {
 position:absolute;
 top:140px;
 font-size:0.7em;
 color:#B3B3B3;
 width:100%;
}