/* 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 10, ../sass/po-new.scss */
body.page-node-640 #block-porteouverte-po-new .wrapper-new .wrapper-titre,
body.page-node-641 #block-porteouverte-po-new .wrapper-new .wrapper-titre {
  width: 100%;
  background-image: url(/sites/all/modules/custom/porteouverte/images/ligne-jaune.jpg);
  background-size: 100% 5px;
  background-repeat: repeat-x;
  background-position: center;
  text-align: center;
}
/* line 17, ../sass/po-new.scss */
body.page-node-640 #block-porteouverte-po-new .wrapper-new .wrapper-titre h2,
body.page-node-641 #block-porteouverte-po-new .wrapper-new .wrapper-titre h2 {
  font-size: 35px;
  font-family: "Oswald";
  font-weight: 500;
  color: #003E6B;
  margin: 0;
  padding: 0 0 0 0;
  display: inline-block;
  background-color: #fff;
  padding: 0 15px;
}
/* line 29, ../sass/po-new.scss */
body.page-node-640 #block-porteouverte-po-new .wrapper-new h3,
body.page-node-641 #block-porteouverte-po-new .wrapper-new h3 {
  font-size: 25px;
  font-family: "Oswald";
  font-weight: 500;
  margin: 30px 0 0 20px;
}
/* line 35, ../sass/po-new.scss */
body.page-node-640 #block-porteouverte-po-new .wrapper-new .wrapper,
body.page-node-641 #block-porteouverte-po-new .wrapper-new .wrapper {
  width: calc(100% - 40px);
  margin: 0 auto;
}
/* line 38, ../sass/po-new.scss */
body.page-node-640 #block-porteouverte-po-new .wrapper-new .wrapper .item,
body.page-node-641 #block-porteouverte-po-new .wrapper-new .wrapper .item {
  margin-top: 30px;
}
/* line 40, ../sass/po-new.scss */
body.page-node-640 #block-porteouverte-po-new .wrapper-new .wrapper .item .objectif,
body.page-node-641 #block-porteouverte-po-new .wrapper-new .wrapper .item .objectif {
  font-size: 20px;
  font-family: "Oswald";
  font-weight: 500;
}
/* line 45, ../sass/po-new.scss */
body.page-node-640 #block-porteouverte-po-new .wrapper-new .wrapper .item .sector,
body.page-node-641 #block-porteouverte-po-new .wrapper-new .wrapper .item .sector {
  font-weight: 300;
  margin-top: 5px;
}
/* line 49, ../sass/po-new.scss */
body.page-node-640 #block-porteouverte-po-new .wrapper-new .wrapper .item .texte,
body.page-node-641 #block-porteouverte-po-new .wrapper-new .wrapper .item .texte {
  margin: 20px 0;
  line-height: 22px;
}
/* line 56, ../sass/po-new.scss */
body.page-node-640 #block-porteouverte-po-new #academic,
body.page-node-641 #block-porteouverte-po-new #academic {
  height: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 73, ../sass/po-new.scss */
  body.page-node-640 #block-porteouverte-po-new .wrapper-new .wrapper-titre h2,
  body.page-node-641 #block-porteouverte-po-new .wrapper-new .wrapper-titre h2 {
    padding: 0 50px;
  }
}
@media only screen and (min-width: 1024px) {
  /* line 87, ../sass/po-new.scss */
  body.page-node-640 #block-porteouverte-po-new,
  body.page-node-641 #block-porteouverte-po-new {
    padding-bottom: 40px;
    background-image: url(/sites/all/modules/custom/porteouverte/images/new-bg-1.png), url(/sites/all/modules/custom/porteouverte/images/new-bg-2.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 100px 92px, 240px 180px;
    background-position: right 200px top 80px, right bottom;
  }
  /* line 94, ../sass/po-new.scss */
  body.page-node-640 #block-porteouverte-po-new .wrapper-new h3,
  body.page-node-641 #block-porteouverte-po-new .wrapper-new h3 {
    margin: 70px 0 0 20px;
  }
  /* line 97, ../sass/po-new.scss */
  body.page-node-640 #block-porteouverte-po-new .wrapper-new .wrapper,
  body.page-node-641 #block-porteouverte-po-new .wrapper-new .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  /* line 99, ../sass/po-new.scss */
  body.page-node-640 #block-porteouverte-po-new .wrapper-new .wrapper .item,
  body.page-node-641 #block-porteouverte-po-new .wrapper-new .wrapper .item {
    width: 50%;
  }
  /* line 101, ../sass/po-new.scss */
  body.page-node-640 #block-porteouverte-po-new .wrapper-new .wrapper .item .texte,
  body.page-node-641 #block-porteouverte-po-new .wrapper-new .wrapper .item .texte {
    width: 400px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 119, ../sass/po-new.scss */
  body.page-node-640 #block-porteouverte-po-new,
  body.page-node-641 #block-porteouverte-po-new {
    max-width: 1440px;
    margin: 0 auto;
  }
  /* line 124, ../sass/po-new.scss */
  body.page-node-640 #block-porteouverte-po-new .wrapper-new .wrapper-titre h2,
  body.page-node-641 #block-porteouverte-po-new .wrapper-new .wrapper-titre h2 {
    font-size: 50px;
  }
  /* line 128, ../sass/po-new.scss */
  body.page-node-640 #block-porteouverte-po-new .wrapper-new h3,
  body.page-node-641 #block-porteouverte-po-new .wrapper-new h3 {
    font-size: 38px;
    max-width: 1170px;
    margin: 70px auto 0;
  }
  /* line 133, ../sass/po-new.scss */
  body.page-node-640 #block-porteouverte-po-new .wrapper-new .wrapper,
  body.page-node-641 #block-porteouverte-po-new .wrapper-new .wrapper {
    max-width: 1170px;
    margin: 0 auto;
  }
  /* line 137, ../sass/po-new.scss */
  body.page-node-640 #block-porteouverte-po-new .wrapper-new .wrapper .item .texte,
  body.page-node-641 #block-porteouverte-po-new .wrapper-new .wrapper .item .texte {
    width: 500px;
  }
}