* {
  margin: 0;
  padding: 0; }

.clear {
  clear: both; }

.maj {
  text-transform: uppercase; }

.shadow {
  -moz-box-shadow: 3px 3px 5px 0px #656565;
  -webkit-box-shadow: 3px 3px 5px 0px #656565;
  -o-box-shadow: 3px 3px 5px 0px #656565;
  box-shadow: 3px 3px 5px 0px #656565;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=5); }

.mobile {
  display: none; }

.desktop {
  display: block; }

body {
  font-family: sans-serif; }
  body h1, body h2, body h3, body h4, body h5 {
    font-weight: normal; }
  body a {
    text-decoration: none; }

header {
  width: 100%;
  background-color: #ffffff;
  padding: 10px 105px;
  box-sizing: border-box; }
  header img {
    float: left; }
  header h1 {
    float: right;
    font-size: 18px;
    color: #00a7e1;
    margin-top: 14px; }

#visu {
  width: 100%;
  padding: 20px 105px;
  box-sizing: border-box;
  background-image: url("../img/visu.jpg");
  background-attachment: fixed;
  background-size: cover; }
  #visu #zoneForm {
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(255, 155, 66, 0.85);
    float: right; }
    #visu #zoneForm h2 {
      text-align: center;
      color: #ffffff;
      font-size: 20px;
      line-height: 23px;
      font-weight: bold;
      margin-bottom: 20px; }
    #visu #zoneForm #formContent {
      width: 100%;
      height: 500px;
      background-color: #ffffff; }

#usp {
  width: 100%;
  padding: 40px 105px;
  box-sizing: border-box; }
  #usp h2 {
    text-align: center;
    color: #00a7e1;
    font-size: 18px;
    font-weight: bold; }
  #usp .trait {
    width: 100px;
    height: 2px;
    background-color: #00a7e1;
    margin: 20px auto 40px auto; }
  #usp #uspContent {
    width: 100%;
    padding-bottom: 40px;
    box-sizing: border-box;
    display: flex; }
    #usp #uspContent div {
      width: 25%;
      font-size: 16px;
      text-align: center;
      color: #2e2e2e; }
      #usp #uspContent div img {
        display: block;
        margin: 0 auto 20px auto; }
      #usp #uspContent div strong {
        color: #00a7e1; }
  #usp a {
    width: 300px;
    background-color: #ff9b42;
    color: #ffffff;
    display: block;
    margin: auto;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    transition: ease 0.3s; }
  #usp a:hover {
    box-shadow: none;
    transition: ease 0.3s; }

footer {
  width: 100%;
  padding: 40px 105px;
  box-sizing: border-box;
  background-color: #00a7e1;
  color: #ffffff;
  text-align: justify;
  font-size: 12px; }
  footer a {
    font-weight: bold;
    color: #ffffff; }
  footer span {
    text-align: center;
    display: block; }

@media screen and (max-width: 840px) {
  .mobile {
    display: block; }

  .desktop {
    display: none; }

  header {
    padding: 10px 20px; }
    header img {
      float: none;
      display: block;
      margin: auto; }
    header h1 {
      float: none;
      text-align: center; }

  #visu {
    padding: 20px; }
    #visu #zoneForm {
      width: 100%;
      float: none; }

  #usp {
    padding: 40px 20px; }
    #usp #uspContent {
      display: block; }
      #usp #uspContent div {
        width: 100%;
        padding-bottom: 35px; }
    #usp a {
      width: 90%; }

  footer {
    padding: 40px 20px; } }

/*# sourceMappingURL=style.css.map */