.wrapContact {position: relative; width: 80%; height: auto; margin: 3% 10%; padding: 0 0 5%;}
.wrapGContact-wb {float: left; width: 45%; }
#imgBlahContactYvonne {width: 100%;}
.wrapDContact-wb {float: left; width: 45%; margin: 0 0 0 5%;}
.titreMessage {float: left; width: 100%; margin: 0 0 5%; font-size: 1.5em; line-height: 2em; color: #FDC300; word-spacing: 4px; text-align: center; font-family: 'wonderblah', Verdana, Helvetica, Arial, sans-serif;}
.wrapAPIcontact {float: left; width: 100%; margin: 0 0 5%;}
.btFBcontact a, .btTwittercontact a {font-family: 'wonderblah_elmt'; font-size: 42px; text-decoration: none; color: #82CFF0; opacity: 0.5;margin: 0 1% 0 0;}
.btFBcontact a:hover, .btTwittercontact a:hover {opacity: 1;}
.wrapDContact-wb form {}
.wrapNameEmail {float: left; width: 100%; height: auto; margin: 0 0 5%;}
.wrapName {float: left;width: 48%; margin: 0 4% 0 0;}
.labelcontactName {float: left; width: 100%; font-size: 1em; color: #82CFF0; font-family: 'Oswald', Verdana, Helvetica, Arial, sans-serif;}
.cadrecontactname {float: left; width: 95%; padding: 3% 2%; font-size: 1em; color: #82CFF0; font-family: 'Oswald', Verdana, Helvetica, Arial, sans-serif; border: 2px solid #FDC300; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: 300; letter-spacing: 1px;}
.wrapEmail {float: left; width: 48%; }
.labelcontactEmail {float: left; width: 100%; font-size: 1em; color: #82CFF0; font-family: 'Oswald', Verdana, Helvetica, Arial, sans-serif;}
.cadrecontactemail {float: left; width: 95%; padding: 3% 2%; font-size: 1em; color: #82CFF0; font-family: 'Oswald', Verdana, Helvetica, Arial, sans-serif; border: 2px solid #FDC300; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: 300; letter-spacing: 1px;}
.wrapMessage {float: left; width: 100%;}
.labelcontactmessage {float: left; width: 100%; font-size: 1em; color: #82CFF0; font-family: 'Oswald', Verdana, Helvetica, Arial, sans-serif;}
.cadrecontactmessage {float: left; width: 95%; padding: 3% 2%; font-size: 1em; color: #82CFF0; font-family: 'Oswald', Verdana, Helvetica, Arial, sans-serif; border: 2px solid #FDC300; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: 300; letter-spacing: 1px;}
.obligatoire {color: #FF0000;}
.champsObligatoire {float: left; width: 100%; margin: 3% 0; font-size: 1em; color: #FF0000; font-family: 'Oswald', Verdana, Helvetica, Arial, sans-serif;}
.wrapBoutonContact {float: left;width: 100%;}
.bton1 {cursor: pointer; float: left; width: 30%; margin: 0 10%; border: 0; background-color: #82cff0; line-height: 2.5em; text-align: center; color: #FFFFFF; font-family:'Oswald', Verdana, Arial, Helvetica, sans-serif; font-weight: 500; letter-spacing: 1px; font-size: 1em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.bton1:hover {background-color: #FDC300;}
.bton1:active {background-color: #FDC300; margin: 1% 10% -1%;}
.bton2 {cursor: pointer; float: left; width: 30%; margin: 0 10%; border: 0; text-align: center; color: #FFFFFF; font-family:'Oswald', Verdana, Arial, Helvetica, sans-serif; background-color: #82cff0; line-height: 2.5em; font-weight: 500; letter-spacing: 1px; font-size: 1em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.bton2:hover {background-color: #FDC300;}
.bton2:active {background-color: #FDC300; margin: 1% 10% -1%;}


/* Formulaire retour */
body {margin: 0;}
.wrapContentContactResponse, .logoContactResponse, .thankNameResponse, .textContactResponse, .CTA-contact-back {float: left; width: 100%; margin: 2% 0; text-align: center;}
.logoContactResponse {}
.thankNameResponse {font-size: 3em; margin: 2% 0 0 !important; color: #82CFF0; font-family: 'Oswald', Verdana, Helvetica, Arial, sans-serif; font-weight: 500;}
.textContactResponse {font-size: 2em; color: #82CFF0; font-family: 'Oswald', Verdana, Helvetica, Arial, sans-serif; font-weight: 300;}
.blahContactResponse {width: 40%;}
.CTA-contact-back a {padding: 0.3% 2.5% 0.5%; color: #FFFFFF; font-size: 1.5em; background: #82CFF0; font-family: 'Oswald', Verdana, Helvetica, Arial, sans-serif; font-weight: 300; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.CTA-contact-back a:hover {background: #FDC300;}
.CTA-contact-back a:active {background: #FDC300; padding: 0.5% 3% 1.2%;}

#recaptcha {
  float: left;
  width: 100%;
  text-align: center;
  margin: 0 auto 20px;
}

.g-recaptcha {
  display: inline-block;
}

/* ipad */
@media all and (min-width: 769px) and (max-width: 1199px) {

  .titreMessage {
    margin-bottom: 4%;
  }

  .champsObligatoire {
    margin: 2% 0;
  }

  .wrapContact {
    width: 91%;
    margin-left: 4%;
    margin-bottom: 30px;
  }
  .wrapGContact-wb {
    width: 50%;
    margin-right: 5%;
  }

  .wrapDContact-wb {
    float: left;
    width: 45%;
    margin: 0 0 0 0;
  }
  #imgBlahContactYvonne {
    margin-top: 60px;
  }
}