*{
  box-sizing: border-box;
}
@media screen and (max-width:320px){
  *{
    font-size:10px;
    }
  h1{
    font-size:1.5em;

  }
  h2{
     font-size:1.2em;
  }

}
body {
  background: url('../img/somaco/fond_login.jpg') center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  font-family: sans-serif;
}
.bg-blue {
  background: #042331;
  color: white;
}
.flex-space-between {
  display: flex;
  justify-content: space-between;
}
.ombrage {
  -moz-box-shadow: 10px 10px 0 #aaa; 
  -webkit-box-shadow: 10px 10px 0 #aaa; 
  box-shadow: 15px 15px 0 #aaa; 
}
.navy{color: navy;}
.red{color: red;}
.white{color: white;}
.green{color: green;}
.blue{color: blue;}

.lab10{display: block;width: 10%; float: left ;}
.lab15{display: block;width: 15%; float: left ;}
.lab20{display: block;width: 20%; float: left ;}
.lab25{display: block;width: 25%; float: left ;}
.lab30{display: block;width: 30%;float: left ;}
.lab35{display: block;width: 35%;float: left ;}
.lab40{display: block;width: 40%;float: left ;}

.w01{width:1%;}
.w02{width:2%;}
.w03{width:3%;}
.w04{width:4%;}
.w05{width:5%;}
.w06{width:6%;}
.w07{width:7%;}
.w08{width:8%;}
.w09{width:9%;}
.w10{width:10%;}
.w11{width:11%;}
.w12{width:12%;}
.w13{width:13%;}
.w14{width:14%;}
.w15{width:15%;}
.w16{width:16%;}
.w17{width:17%;}
.w18{width:18%;}
.w19{width:19%;}
.w20{width:20%;}
.w21{width:21%;}
.w22{width:22%;}
.w23{width:23%;}
.w24{width:24%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w96{width:96%;}
.w97{width:97%;}
.w98{width:98%;}
.w99{width:99%;}
.w100{width:100%;}

.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.block100{
    
    width:100%;
    background: navy;
    color: white;
}