@font-face {
  font-family: "robothin";
  src: url("http://harmonizen.org/font/Roboto-Thin.ttf")
}

*
{
  font-family: arial;
}

.flexcontainer{
  display:flex;
  flex-direction:column;
  height:100vh;
}

body
{
  margin: 0;
}

* a
{
  font-weight: normal;
}
input[type="checkbox"]
{
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
}
.picto
{
  max-width: 100px;
  float:left;
  padding-right:20px;
}
.loader

{
  width: 70px;
  height:70px;
  margin:30px;
  }

.ariane > div
{
  display:inline-block;
  color:#418979;
  text-decoration:underline;
}

a
{
  text-decoration: none;
  color: inherit;
}

.logo
{
  width: 300px;
  margin:  60px auto;
  display: block;
}

.main
{
  padding-bottom: 100px;
}

.wrapper
{
  width: 1000px;
  margin: auto;


}

h1
{
  color: #999;
  font-family: robothin;
  font-size: 55px
}

h2
{
  color: #3B8475;
  font-family: robothin;
  margin-top: 50px;
  padding: 0 0 10px 0px;
  border-bottom: solid 1px #3B8475;
}

.footer
{
  min-height:200px;
  background-color:#2d444b ;
  color: #fff;
  padding: 30px 0;
  flex:auto;
  position:relative;
}

.footer>.wrapper> a:after
{
  content:" - ";
}

.footer>.wrapper> a:last-child:after
{
  content:"";
}