/* 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-footer.scss */
body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone1,
body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone1 {
  background-color: #003E6B;
  padding: 20px;
  text-align: center;
}
/* line 14, ../sass/po-footer.scss */
body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone1 a,
body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone1 a {
  font-size: 13px;
  font-family: "Oswald";
  font-weight: 500;
  text-transform: uppercase;
}
/* line 20, ../sass/po-footer.scss */
body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone1 .wrapper,
body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone1 .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
}
/* line 25, ../sass/po-footer.scss */
body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone1 .wrapper .item,
body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone1 .wrapper .item {
  width: 80px;
  margin: 0 12px;
}
/* line 27, ../sass/po-footer.scss */
body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone1 .wrapper .item.ligne1,
body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone1 .wrapper .item.ligne1 {
  width: 100%;
}
/* line 30, ../sass/po-footer.scss */
body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone1 .wrapper .item .website,
body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone1 .wrapper .item .website {
  margin-bottom: 10px;
}
/* line 35, ../sass/po-footer.scss */
body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone1 .wrapper .item a i,
body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone1 .wrapper .item a i {
  font-size: 18px;
  margin: 0 10px 0 0;
}
/* line 43, ../sass/po-footer.scss */
body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone2,
body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone2 {
  background-color: #265B81;
  padding: 20px;
  text-align: center;
}
/* line 47, ../sass/po-footer.scss */
body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone2 .logo,
body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone2 .logo {
  width: 24px;
  margin: 0 auto;
}
/* line 50, ../sass/po-footer.scss */
body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone2 .logo img,
body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone2 .logo img {
  width: 100%;
  height: auto;
}
/* line 55, ../sass/po-footer.scss */
body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone2 .copyright,
body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone2 .copyright {
  font-size: 11px;
  color: #fff;
}

@media only screen and (min-width: 1024px) {
  /* line 82, ../sass/po-footer.scss */
  body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone1 .wrapper .item.ligne1,
  body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone1 .wrapper .item.ligne1 {
    width: 170px;
  }
  /* line 85, ../sass/po-footer.scss */
  body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone1 .wrapper .item .website,
  body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone1 .wrapper .item .website {
    margin-bottom: 0px;
  }
  /* line 91, ../sass/po-footer.scss */
  body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone2,
  body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  /* line 95, ../sass/po-footer.scss */
  body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone2 .logo,
  body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone2 .logo {
    margin: 0;
  }
  /* line 98, ../sass/po-footer.scss */
  body.page-node-640 #block-porteouverte-po-footer .wrapper-footer .zone2 .copyright,
  body.page-node-641 #block-porteouverte-po-footer .wrapper-footer .zone2 .copyright {
    width: 300px;
  }
}