@font-face {
    font-family: 'camptonlight';
    src: url('../fonts/rene_bieder_-_campton_light-webfont.woff2') format('woff2'),
    url('../fonts/rene_bieder_-_campton_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'hand';
    src: url('../fonts/AlexBrush.ttf') format("truetype");
   font-weight: normal;
    font-style: normal;
  }

.realites { padding-top: 30px }
.realites .handw { font-family: hand, Arial, sans-serif; font-size:1.5em}
.realites .blocfiliale .item { background: #fff; /* padding: 45px 40px 80px; */ margin-top:45px; padding-top: 45px; width: 30%; max-width: 30%; position: relative; margin-bottom: 5%; margin-left: 2%; display: flex; flex-direction: column; }
.realites #logo { text-align: center; width: 335px; margin: auto; }
.realites { display: inline-block; width: 100%; }
.realites .flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#content.realites { background-color: #2e0529 }
.realites .topcontent { background-color: #2e0529 }
/*.realites .wrap { width: 1150px;margin-top: -2px; padding: 0; margin: auto; background-color: #f7f7f7; border-top-left-radius:20px;border-top-right-radius:20px;}*/
.realites > div.blocfiliale > div.wrap { width: 1200px;margin-top: -2px; padding: 0; margin: auto; background-color:#2e0529 /* #f7f7f7*/; border-radius: 20px; }
.realites .topcontent h1, .realites.offres h1 { margin: 0; padding: 50px 40px 20px; border-radius: 10px 10px 0 0; margin-top: 10px; font-size: 55px; color: #2c2c2c; line-height: 53px; font-family: 'camptonlight', Arial, sans-serif; background-color: #f7f7f7; }
.realites h1.headline { font-family: 'camptonlight', Arial, sans-serif; background-color: #2e0529; color: #f7f7f7; border-radius: 0; padding-top:10px; }