body {
  font-family:'Raleway', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  background-color:white;
  
  
   }
   
 /* Top bar et menu déroulant top bar */
 
 .no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}

  .top-bar {
	-webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
    height: auto;
	margin:0px;
	z-index:100;

	
  }
  
  .bigtop {
	  top: 80px;
	  	position: relative;
  }
  
   .logo img {
    max-height: 60px;
	margin-left:10px;
	padding:0px;
  }
  
     .logobig img {
    max-height: 330px;

  }
  
    h1 {

	font-family: 'Squada One', serif;

  }
  
    h2 {
	  font-family: 'Squada One', serif;
	  font-size: 30%;
	  margin-top : -200px;
	  margin-bottom : 80px;
  }
  
    @media (max-width: 40em){ /* small */
  h2 {
	  font-family: 'Squada One', serif;
	  font-size: 60%;
	  margin-top : -60px;
	  margin-bottom : 40px;
  }
   }
   
   p {
	   font-size:140%;
   }
   
  .bigfont {
	  font-size : 100px;
	  margin-top : -80px;
  }
  
  @media (max-width: 40em){ /* small */
    .bigfont {
	  font-size : 40px;
	  margin-top : -20px;
  }
  }
  
  .blackfont {
	  color:black;
  }
  
    .whitefont {
	  color:white;
  }
  
      .redfont {
	  color:#a12d2d;
  }
  
  .metal {
	  
	background:url(../images/fond2.jpg);
	}
  
       .red {
	  background-color:#a12d2d;
  } 
  
  .dust {
	  
	  color:#decba6;
  }
  
  .black {
	  background-color:black;
  }
  
  .brown {
  background-color:#58261e
  }
  
  .white {
	 	  background-color:white; 
  }
  
.boldfont {
	font-size: 80%;
	font-weight: 500;
}

.center {
	
	text-align:center;
  }
  
.dustlogo {
	margin-top : 50px;
}
  
    .addmargintop {
	  margin-top : 20px;
  }
  
      .addbigmargintop {
	  margin-top : 60px;
  }
  
    @media (max-width: 40em){ /* small */
  .addbigmargintop {
	  margin-top : 20px; 
}
}
      .addmarginbot {
	  margin-bottom : 40px;
  }


.addpadding {
	padding-left: 25%; 
    padding-right: 25%; 
}

  @media (max-width: 40em){ /* small */
  .addpadding {
	padding-left: 5%; 
    padding-right: 5%; 
}
}