html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
svg,
hr {
  margin: 0;
  padding: 0;
  border: 0 none;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  vertical-align: baseline;
  font-weight: normal; }

a:focus,
a:hover,
a:active,
button:focus,
button:hover,
button:active,
:focus {
  outline: 0 !important; }

/**
*
* Mixins CSS Elements
*
**/
/* Transform */
/* Box Shadow */
/* Text Shadow */
/* Border Radius */
/* Box Sizing */
/* Transition */
/* Transform Origin */
/* Translate */
/* Rotate */
/* Content-Columns */
/* Filters */
/* Hyphens (traits d'union) */
/* 
* 
* Animation 
*
*/
/* Animation */
/* Placeholder */
/* 
*
* Fonts 
* 
*/
/* Button animation */
/**
*
* Fonts
*
**/
@font-face {
  font-family: "GothamBold";
  src: url("../fonts/GothaProBol.otf") format("opentype"); }
@font-face {
  font-family: "GothamMedium";
  src: url("../fonts/GothaProReg.otf") format("opentype"); }
@font-face {
  font-family: "GothamLight";
  src: url("../fonts/GothaProLig.otf") format("opentype"); }
/**
*
* Colors
*
**/
html body {
  background-color: #fef9fa;
  position: relative;
  height: 100vh;
  font-family: 'GothamMedium', sans-serif; }
  html body p {
    color: #3E3E3E;
    font-size: 16px;
    line-height: 1.2; }
  html body .ap_background {
    height: 100vh;
    opacity: 0.1;
    background: url(/img/offres_AP.jpg);
    background-size: cover;
    background-position: 0 -150px;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px); }
  html body .ap {
    padding: 15px 30px 30px;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    right: 0;
    left: 0;
    max-width: 70%;
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -o-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px; }
    html body .ap .ap_logo {
      background: url(/img/ap-logo.svg);
      background-size: contain;
      max-height: 300px;
      max-width: 300px;
      width: 300px;
      height: 300px;
      margin: 0 auto; }
    html body .ap .ap_form {
      padding: 30px 0;
      max-width: 80%;
      margin: 0 auto; }
      html body .ap .ap_form form {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        html body .ap .ap_form form input {
          -o-border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          border-radius: 0;
          border: 2px solid #287FC2;
          padding: 15px;
          font-size: 16px;
          background-color: transparent;
          font-family: 'GothamMedium', sans-serif;
          color: #3E3E3E; }
          html body .ap .ap_form form input:first-child {
            min-width: 300px; }
          html body .ap .ap_form form input + input {
            margin-left: 15px;
            background-color: #287FC2;
            border: 2px solid #287FC2;
            color: #ffffff;
            font-family: 'GothamBold', sans-serif;
            cursor: pointer;
            text-transform: uppercase;
            -webkit-transition: border 0.3s ease, background-color 0.3s ease;
            transition: border 0.3s ease, background-color 0.3s ease; }
            html body .ap .ap_form form input + input:hover {
              background-color: #EF6E7E;
              border-color: #EF6E7E;
              -webkit-transition: border 0.3s ease, background-color 0.3s ease;
              transition: border 0.3s ease, background-color 0.3s ease; }
        html body .ap .ap_form form .w-100 {
          width: 100%; }
      html body .ap .ap_form .submit_message {
        margin-top: 15px; }
        html body .ap .ap_form .submit_message p.error {
          color: #EF6E7E;
          font-family: 'GothamBold', sans-serif; }
        html body .ap .ap_form .submit_message p.success {
          color: #287FC2;
          font-family: 'GothamBold', sans-serif; }
    html body .ap .ap_content {
      margin: 0 auto;
      text-align: center;
      width: 75%; }
      html body .ap .ap_content p + p {
        padding-top: 15px; }
    html body .ap .ap_facebook {
      width: 100%;
      text-align: center;
      margin: 30px auto;
      margin-top: 0;
      width: 75%;
      text-align: center; }
      html body .ap .ap_facebook p {
        margin: 15px 0; }
      html body .ap .ap_facebook a {
        min-height: 42px; }
      html body .ap .ap_facebook svg {
        margin: 0 auto;
        fill: #287FC2;
        -webkit-transition: fill 0.5s ease;
        transition: fill 0.5s ease; }
        html body .ap .ap_facebook svg:hover {
          fill: #EF6E7E;
          -webkit-transition: fill 0.5s ease;
          transition: fill 0.5s ease; }

@media only screen and (min-width: 1px) and (max-width: 767px) {
  html body .ap {
    max-width: 100%; }
    html body .ap .ap_logo {
      max-height: 200px;
      max-width: 200px;
      width: 200px;
      height: 200px; }
    html body .ap .ap_content, html body .ap .ap_facebook {
      width: 100%; }
    html body .ap .ap_form {
      max-width: 100%; }
      html body .ap .ap_form form input {
        width: 100%; }
        html body .ap .ap_form form input:first-child {
          min-width: inherit; }
        html body .ap .ap_form form input + input {
          margin-top: 15px;
          margin-left: 0; } }

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