/* 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 9, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-intro,
body.page-node-641 #block-porteouverte-po-intro .wrapper-intro {
  margin: 10px 0 0 0;
}
/* line 11, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-intro .img,
body.page-node-641 #block-porteouverte-po-intro .wrapper-intro .img {
  width: 100%;
}
/* line 13, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-intro .img img,
body.page-node-641 #block-porteouverte-po-intro .wrapper-intro .img img {
  width: 100%;
  height: auto;
}
/* line 18, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte,
body.page-node-641 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte {
  width: 100%;
  background-color: #FFF8E7;
  padding: 30px 30px 30px 20px;
}
/* line 22, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte h2,
body.page-node-641 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte h2 {
  font-family: "Oswald";
  font-size: 25px;
  line-height: 28px;
  font-weight: 500;
  color: #003E6B;
  margin: 0;
  padding: 0 0 30px 0;
}
/* line 31, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte .texte,
body.page-node-641 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte .texte {
  font-size: 15px;
  color: #003E6B;
}
/* line 37, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why {
  padding: 50px 0 0 20px;
}
/* line 39, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why h2,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why h2 {
  font-family: "Oswald";
  font-size: 25px;
  font-weight: 500;
  margin: 0 0 20px 0;
  padding: 0;
}
/* line 46, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why .mask,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why .mask {
  max-width: 500px;
  overflow: hidden;
}
/* line 50, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul {
  list-style-type: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
/* line 54, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
/* line 57, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li .img,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li .img {
  cursor: pointer;
  width: 80px;
}
/* line 60, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li .img img,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li .img img {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}
/* line 65, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li .img span,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li .img span {
  display: none;
  font-size: 13px;
  color: #003E6B;
}
/* line 71, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li .texte,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li .texte {
  width: calc(100% - 80px);
  background-color: #FDB913;
  color: #fff;
  font-size: 14px;
  padding: 15px;
  text-align: center;
  min-height: 150px;
}
/* line 79, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li .texte b,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li .texte b {
  display: block;
  margin-bottom: 5px;
}
/* line 83, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li .texte br,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li .texte br {
  display: none;
}
/* line 86, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li .texte .close,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li .texte .close {
  display: none;
  opacity: 1;
  cursor: pointer;
}
/* line 94, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why .nav,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why .nav {
  width: 150px;
  margin: 0 auto;
}
/* line 97, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why .nav li,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why .nav li {
  float: left;
  margin: 0 7px;
  display: inline-block;
  margin: 0 5px;
  width: 15px;
  height: 15px;
  background-color: #7395AD;
  border-radius: 50%;
}
/* line 106, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-why .nav li.nav-point-active,
body.page-node-641 #block-porteouverte-po-intro .wrapper-why .nav li.nav-point-active {
  background-color: #003E6B;
}
/* line 112, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-director,
body.page-node-641 #block-porteouverte-po-intro .wrapper-director {
  padding: 50px 20px 0 20px;
}
/* line 114, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-director h2,
body.page-node-641 #block-porteouverte-po-intro .wrapper-director h2 {
  font-family: "Oswald";
  font-size: 25px;
  font-weight: 500;
  margin: 0 0 15px 0;
  padding: 0;
}
/* line 122, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-director .wrapper .img,
body.page-node-641 #block-porteouverte-po-intro .wrapper-director .wrapper .img {
  width: 230px;
  margin-bottom: 20px;
}
/* line 125, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-director .wrapper .img img,
body.page-node-641 #block-porteouverte-po-intro .wrapper-director .wrapper .img img {
  width: 100%;
  height: auto;
}
/* line 130, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-director .wrapper .texte,
body.page-node-641 #block-porteouverte-po-intro .wrapper-director .wrapper .texte {
  font-size: 16px;
  font-weight: 300;
}
/* line 133, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-director .wrapper .texte p,
body.page-node-641 #block-porteouverte-po-intro .wrapper-director .wrapper .texte p {
  margin-bottom: 20px;
  line-height: 22px;
}
/* line 137, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-director .wrapper .texte a,
body.page-node-641 #block-porteouverte-po-intro .wrapper-director .wrapper .texte a {
  font-size: 18px;
  text-decoration: none;
  color: #003E6B;
  font-weight: 600;
}
/* line 142, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro .wrapper-director .wrapper .texte a:hover,
body.page-node-641 #block-porteouverte-po-intro .wrapper-director .wrapper .texte a:hover {
  color: #FDB913;
}
/* line 149, ../sass/po-intro.scss */
body.page-node-640 #block-porteouverte-po-intro #curriculum,
body.page-node-641 #block-porteouverte-po-intro #curriculum {
  height: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 164, ../sass/po-intro.scss */
  #block-porteouverte-po-intro .wrapper-why ul li .texte {
    min-height: 110px;
  }
}
@media only screen and (min-width: 1024px) {
  /* line 178, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro,
  body.page-node-641 #block-porteouverte-po-intro {
    max-width: 1440px;
    margin: 0 auto;
  }
  /* line 181, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-intro,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-intro {
    margin: 30px 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
  }
  /* line 185, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-intro .img,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-intro .img {
    width: 50%;
  }
  /* line 188, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte {
    width: 50%;
  }
  /* line 193, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-why .mask,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-why .mask {
    max-width: 100%;
    overflow: visible;
  }
  /* line 197, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 200, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li {
    padding-right: 50px;
  }
  /* line 203, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li .img span,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li .img span {
    display: block;
  }
  /* line 207, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li .texte,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li .texte {
    display: none;
    width: 320px;
    padding: 30px 25px 25px 25px;
    position: relative;
  }
  /* line 212, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li .texte .close,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li .texte .close {
    display: block;
    float: none;
    position: absolute;
    right: 15px;
    top: 15px;
  }
  /* line 218, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li .texte .close img,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li .texte .close img {
    width: 17px;
    height: auto;
  }
  /* line 227, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-director,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-director {
    background-image: url(/sites/all/modules/custom/porteouverte/images/director-bg.png);
    background-repeat: no-repeat;
    background-size: 150px 157px;
    background-position: right bottom;
  }
  /* line 232, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-director h2,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-director h2 {
    margin: 0 0 25px 0;
  }
  /* line 235, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-director .wrapper,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-director .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  /* line 237, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-director .wrapper .img,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-director .wrapper .img {
    margin-right: 65px;
  }
  /* line 240, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-director .wrapper .texte,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-director .wrapper .texte {
    width: 500px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 258, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-intro,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-intro {
    max-width: 1440px;
    margin: 30px auto 0;
  }
  /* line 261, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte {
    padding-left: 80px;
  }
  /* line 263, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte h2,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte h2 {
    font-size: 38px;
    line-height: 43px;
    max-width: 500px;
  }
  /* line 268, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte .texte,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte .texte {
    font-size: 16px;
    max-width: 500px;
  }
  /* line 271, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte .texte p,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-intro .wrapper-texte .texte p {
    padding: 0 0 12px 0;
  }
  /* line 277, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-why,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-why {
    max-width: 1170px;
    margin: 0 auto;
    padding: 70px 0 0 20px;
  }
  /* line 281, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-why h2,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-why h2 {
    font-size: 38px;
    margin: 0 0 30px 0;
  }
  /* line 287, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li .img,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li .img {
    width: 110px;
  }
  /* line 289, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li .img span,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li .img span {
    font-size: 13px;
  }
  /* line 293, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-why ul li .texte,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-why ul li .texte {
    font-size: 16px;
  }
  /* line 299, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-director,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-director {
    max-width: 1170px;
    margin: 0 auto 20px;
  }
  /* line 302, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-director h2,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-director h2 {
    font-size: 38px;
    margin: 0 0 30px 0;
  }
  /* line 307, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-director .wrapper .img,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-director .wrapper .img {
    margin-right: 135px;
  }
  /* line 310, ../sass/po-intro.scss */
  body.page-node-640 #block-porteouverte-po-intro .wrapper-director .wrapper .texte,
  body.page-node-641 #block-porteouverte-po-intro .wrapper-director .wrapper .texte {
    width: 650px;
  }
}