@charset "UTF-8";
/*
COULEURS:
  gris: #D3D3D3
  gris-foncé: #4F5F5D
  rouge: #C5645B;
*/
@font-face {
  font-family: AmaticaBold;
  src: url("../font/AmaticaSC-Bold.ttf");
  font-weight: 400;
}

@font-face {
  font-family: AmaticaRegular;
  src: url("../font/AmaticaSC-Regular.ttf");
  font-weight: 400;
}

/*******AFFICHE*********/
/*************FOOTER*******************/
html {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-family: arial;
}

body {
  margin: 0;
  padding: 0;
}

.wrapper {
  width: 100%;
  height: auto;
  background-color: #537048;
}

.wrapper_content {
  width: 100%;
  height: auto;
  background-color: #f9f9f9;
  margin: 0 auto;
}

h1 {
  text-align: center;
  color: #414141;
}

.content {
  width: 100%;
  height: 3000px;
  background-color: #f9f9f9;
}

.content_content {
  width: 950px;
  height: auto;
  margin: 10px auto 0 auto;
}

/******TUILES*******/

.design_description {
  width: 100%;
  height: 150px;
}

.design_description_content {
  width: 80%;
  height: 150px;
  margin: 0 auto;
  text-align: center;
}

.IMG_tuiles {
  width: 350px;
  height: auto;
  margin: 50px 55px;
  display: inline-block;
  clear: both;
  transition-duration: 0.5s;
}

.IMG_tuiles:nth-child(2) {
  height: auto;
}

.picto_code {
  width: 100%;
  height: auto;
}

.picto_code_content {
  width: 735px;
  height: auto;
  margin: 100px auto 100px auto;
}

.pic_img {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 15px;
  clear: both;
  display: inline-block;
}

.affiche {
  width: 100%;
  height: auto;
}

.affiche_content {
  position: relative;
  width: 500px;
  height: auto;
  top: 50px;
  margin: 0 auto;
}

.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: auto;
}

.footer_content {
  position: relative;
  width: 100%;
  height: 200px;
  background-color: #C5645B;
  clear: both;
  margin: 0 auto;
}