body {
  background:#fff;
  font-family: 'Ropa Sans', sans-serif;
}
.top-container {
  background-color:#000;
  background-image:url('../img/bg-top.jpg');
  background-size:cover;
  padding:22px 0 189px 0;
}
.logo {
  display:block;
  width:288px;
  max-width:70%;
  height:auto;
  margin:0 auto;
}
.global:before {
  content:'';
  position:absolute;
  left:0;
  margin-top:-165px;
  display:block;
  width:100%;
  height:165px;
  background:url('../img/top-content.png');
  background-size:100% 100%;
}
.chapeau {
  text-transform:uppercase;
  font-size:26px;
  line-height:30px;
  text-align:center;
  color:#6a675d;
  max-width:550px;
  margin:0 auto;
}

.pictos {
  text-align:center;
  margin-top:45px;
}
.pictos img {
  max-width:84px;
}
h2 {
  font-family: armada-condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size:26px;
  color:#fab627;
  margin-top:10px;
}
.pictos p {
  line-height:20px;
  color:#6a675d;
}
p.tel {
  color:#fab627;
  font-size:30px;
  margin:30px 0 0 0;
}
.mail, .mail a {
  color:#6a675d;
  font-size:21px;
  margin-top:10px;
  text-decoration:none;
}
form input, form textarea {
  width:100%;
  resize:none;
  border: solid 1px #6a675d;
  min-height:37px;
  margin-bottom:11px;
  padding-left:5px;
}
form textarea {
  min-height:86px;
  margin-bottom:11px;
}
button {
  border:none;
  background:#fab627;
  color:#fff;
  text-align:center;
  float:right;
  padding:10px 25px;
  cursor:pointer;
}
.footer {
  text-align:center;
}

.msgok, .msgerror {
	  width: 100%;
    position: fixed;
    z-index:9999999;
    left:0;
    top: 0;
    height: 100%;
    background: rgba(0,0,0,0.7);
}
.msgok span, .msgerror span {
  position:absolute;
  width:450px;
  height:100px;
  left:50%;
  top:50%;
  margin-left:-225px;
  margin-top:-50px;
  text-align:center;
  background:#fff;
  padding:25px;
  text-transform:uppercase;
  font-weight:bold;
}
.msgerror span {
  color:red;
}
input[type="checkbox"] {
  width:auto;
  height:auto;
  min-height:auto;
  margin:0 5px 0 0;
}
.mentions, .mentions a {
  font-size:12px;
  color:#212529;
  text-decoration:none;
}
#mentions, #privacybox {
  max-width:900px;
}
@media screen and (max-width: 960px) {
  .top-container {
    background-image:none;
    padding-bottom:130px;
  }
}