/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 8, ../sass/po-form.scss */
body.page-node-640 #block-porteouverte-po-form,
body.page-node-641 #block-porteouverte-po-form {
  padding-bottom: 40px;
}
/* line 11, ../sass/po-form.scss */
body.page-node-640 #block-porteouverte-po-form .wrapper-form .intro,
body.page-node-641 #block-porteouverte-po-form .wrapper-form .intro {
  background-color: #CCD8E1;
  padding: 25px 25px 40px 25px;
  position: relative;
}
/* line 15, ../sass/po-form.scss */
body.page-node-640 #block-porteouverte-po-form .wrapper-form .intro h2,
body.page-node-641 #block-porteouverte-po-form .wrapper-form .intro h2 {
  font-family: "Oswald";
  font-weight: 500;
  font-size: 30px;
  padding: 0;
  margin-bottom: 20px;
}
/* line 22, ../sass/po-form.scss */
body.page-node-640 #block-porteouverte-po-form .wrapper-form .intro p,
body.page-node-641 #block-porteouverte-po-form .wrapper-form .intro p {
  padding: 0;
}
/* line 25, ../sass/po-form.scss */
body.page-node-640 #block-porteouverte-po-form .wrapper-form .intro .arrow,
body.page-node-641 #block-porteouverte-po-form .wrapper-form .intro .arrow {
  cursor: pointer;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: auto;
  width: 30px;
}
/* line 33, ../sass/po-form.scss */
body.page-node-640 #block-porteouverte-po-form .wrapper-form .intro .arrow img,
body.page-node-641 #block-porteouverte-po-form .wrapper-form .intro .arrow img {
  width: 100%;
  height: auto;
}
/* line 38, ../sass/po-form.scss */
body.page-node-640 #block-porteouverte-po-form .wrapper-form .intro .arrow-up,
body.page-node-641 #block-porteouverte-po-form .wrapper-form .intro .arrow-up {
  cursor: pointer;
  display: none;
  position: absolute;
  top: 50px;
  right: 25px;
  width: 30px;
}
/* line 45, ../sass/po-form.scss */
body.page-node-640 #block-porteouverte-po-form .wrapper-form .intro .arrow-up img,
body.page-node-641 #block-porteouverte-po-form .wrapper-form .intro .arrow-up img {
  width: 100%;
  height: auto;
}
/* line 53, ../sass/po-form.scss */
body.page-node-640 #block-porteouverte-po-form .wrapper-etape-form,
body.page-node-641 #block-porteouverte-po-form .wrapper-etape-form {
  display: none;
  border-top: 0;
  margin-top: -30px;
  padding-top: 0;
}
/* line 58, ../sass/po-form.scss */
body.page-node-640 #block-porteouverte-po-form .wrapper-etape-form .webform-component--intro,
body.page-node-641 #block-porteouverte-po-form .wrapper-etape-form .webform-component--intro {
  display: none;
}

@media only screen and (min-width: 1024px) {
  /* line 79, ../sass/po-form.scss */
  body.page-node-640 #block-porteouverte-po-form,
  body.page-node-641 #block-porteouverte-po-form {
    margin-bottom: 10px;
  }
  /* line 83, ../sass/po-form.scss */
  body.page-node-640 #block-porteouverte-po-form .wrapper-form .intro .arrow,
  body.page-node-641 #block-porteouverte-po-form .wrapper-form .intro .arrow {
    cursor: pointer;
    position: absolute;
    bottom: auto;
    top: 50px;
    left: auto;
    right: 25px;
    margin: auto;
    width: 30px;
  }
  /* line 92, ../sass/po-form.scss */
  body.page-node-640 #block-porteouverte-po-form .wrapper-form .intro .arrow img,
  body.page-node-641 #block-porteouverte-po-form .wrapper-form .intro .arrow img {
    width: 100%;
    height: auto;
  }
  /* line 99, ../sass/po-form.scss */
  body.page-node-640 #block-porteouverte-po-form .wrapper-etape-form,
  body.page-node-641 #block-porteouverte-po-form .wrapper-etape-form {
    padding: 0;
    margin-top: 0;
  }
  /* line 102, ../sass/po-form.scss */
  body.page-node-640 #block-porteouverte-po-form .wrapper-etape-form .webform-component--intro,
  body.page-node-641 #block-porteouverte-po-form .wrapper-etape-form .webform-component--intro {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 121, ../sass/po-form.scss */
  body.page-node-640 #block-porteouverte-po-form .wrapper-form .intro,
  body.page-node-641 #block-porteouverte-po-form .wrapper-form .intro {
    max-width: 1170px;
    margin: 0 auto;
  }
}