@charset "utf-8";
@media screen and (max-width: 630px) {
  .header-home {
    padding: 72px 0;
  }
  .header-home .content-img {
    width: 312px;
    height: 312px;
  }
  .header-home .content-titre h1 {
    font-size: 28px;
    line-height: 34px;
  }
  .header-home .content-titre p {
    font-size: 10px;
    line-height: 12px;
  }
  .header-home .content-titre p span {
    height: 12px;
  }
  .header-home .content-titre p.on span.sp2 {
    width: 92px;
  }
  .projets-home .container .portfolio,
  .projets-ip .container .portfolio {
    max-width: calc(272px*2 + 20px);
  }
  .projets-home .container .portfolio .item,
  .projets-ip .container .portfolio .item {
    margin: 0 0 30px 0;
  }
  .agence-home {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    width: calc(100% - 16px*2);
    padding: 48px 16px;
  }
  .agence-home .container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .agence-home .container .content-titre {
    position: relative;
    width: calc(100% - 24px*2);
    margin: 40px 0 0 0;
  }
  .agence-home .container .content-img {
    width: 100%;
  }
  .competence-ip .content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    width: calc(100% - 40px*2);
    padding: 0 40px;
  }
  .competence-ip .content.noimg {
    margin: 0 auto 40px;
  }
  .competence-ip .content .content-img {
    margin: 0 0 40px 0;
  }
  .competence-ip .content .content-text {
    position: relative;
    width: 100%;
  }
  .competence-ip .carousel-gallery {
    margin: 40px 0;
  }
  footer.footer {
    padding: 40px 0 64px 0;
  }
  footer.footer .topFooter {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    width: calc(100% - 16px*2);
    padding: 0 16px 64px;
  }
  footer.footer .topFooter .illu_footer {
    width: 192px;
    height: 151px;
  }
  footer.footer .topFooter .contacts {
    width: 100%;
    margin: 32px 0 0 0;
  }
  footer.footer .topFooter .contacts .contact {
    margin: 0 0 32px 0;
  }
  footer.footer .topFooter .contacts .contact p.accroche {
    font-size: 14px;
    line-height: 16px;
    margin: 8px 0 15px;
  }
  footer.footer .topFooter .contacts .contact p.titre {
    font-size: 18px;
    line-height: 22px;
  }
  footer.footer .topFooter .contacts .contact a {
    font-size: 14px;
    line-height: 16px;
  }
  footer.footer .bottomFooter {
    width: calc(100% - 16px*2);
    padding: 0 16px;
  }
  footer.footer .bottomFooter .leftFooter p {
    font-size: 12px;
    line-height: 14px;
  }
  footer.footer .bottomFooter .rightFooter {
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    width: 100%;
    margin: 32px 0 0 0;
  }
  footer.footer .bottomFooter .rightFooter .adresse {
    width: calc(50% - 16px);
    margin: 0 0 32px 0;
  }
  footer.footer .bottomFooter .rightFooter .adresse p {
    font-size: 12px;
    line-height: 16px;
  }
}