<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@media screen and (max-width: 1024px) {
  .navigation .nav-content {
    width: calc(100% - 48px*2);
    padding: 0 48px;
  }
  .header-home .content-img {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-align-items: center;
    align-items: center;
    width: 600px;
    height: 69%;
  }
  .header-home .content-titre {
    padding: 0 0 45px 0;
  }
  .header-home .content-titre h1 {
    font-size: 72px;
    line-height: 86px;
  }
  .header-home .content-titre p {
    font-size: 16px;
    line-height: 19px;
  }
  .header-home .content-titre p span {
    height: 19px;
  }
  .header-home .content-titre p.on span.sp2 {
    width: 130px;
  }
  .header-ip .content-titre p {
    font-size: 80px;
    line-height: 96px;
  }
  .header-ip .content-titre p.small {
    font-size: 54px;
    line-height: 65px;
  }
  .header-ip .content-texte p {
    font-size: 24px;
    line-height: 32px;
    max-width: 600px;
  }
  .header-ip .content-texte p.small {
    font-size: 24px;
    line-height: 32px;
  }
  .accroche-ip {
    width: calc(100% - 16px*2);
    padding: 96px 16px;
  }
  .accroche-ip .container p {
    font-size: 60px;
    line-height: 88px;
  }
  .accroche-ip .container p span.pictos {
    width: 84px;
    height: 60px;
    margin: 0 0 -10px 10px;
  }
  .accroche-ip .container p span.pictos &gt; .svg {
    width: 84px;
    height: 84px;
    top: calc(50% - 84px/2);
  }
  .video-ip {
    height: 461px;
  }
  .video-ip .round-center .round-wrap p.round-text {
    font-size: 24px;
    line-height: 24px;
  }
  .video-ip .round-center .round-wrap p.round-text span {
    height: 96px;
  }
  .agence-home {
    width: calc(100% - 48px*2);
    padding: 80px 48px;
  }
  .agence-home .container .content-titre {
    width: calc(100% - 408px);
  }
  .agence-home .container .content-titre h2 {
    font-size: 60px;
    line-height: 72px;
  }
  .agence-home .container .content-titre p {
    font-size: 16px;
    line-height: 28px;
    margin: 40px 0 40px 0;
  }
  .agence-home .container .content-img {
    width: 50%;
    max-width: 408px;
  }
  .agence-home .container .content-img .img_1 {
    width: 328px;
    height: 437px;
  }
  .agence-home .container .content-img .img_2 {
    width: 200px;
    height: 267px;
    top: calc(50% - 267px/2);
  }
  .competence-ip {
    margin: 96px 0;
  }
  .competence-ip .content {
    width: calc(100% - 48px*2);
    padding: 0 48px;
  }
  .competence-ip .content.noimg {
    margin: 0 auto 40px;
  }
  .competence-ip .content .content-img {
    width: 272px;
    height: 272px;
  }
  .competence-ip .content .content-text {
    width: calc(100% - 272px - 32px);
  }
  .competence-ip .content .content-text p {
    font-size: 16px;
    line-height: 28px;
  }
  .competence-ip .content .content-text p.themes {
    font-size: 14px;
    line-height: 17px;
  }
  .competence-ip .content .content-text h2 {
    font-size: 60px;
    line-height: 73px;
    width: 80%;
    margin: 16px 0 24px 0;
  }
  .competence-ip .carousel-gallery {
    margin: 72px 0 40px;
  }
  .carousel-gallery {
    height: 363px;
  }
  .carousel-gallery .img.imgVertMoyen {
    width: 272px;
    height: 363px;
  }
  .carousel-gallery .img.imgVertPetit {
    width: 200px;
    height: 267px;
  }
  .carousel-gallery .img.imgHoriPetit {
    width: 272px;
    height: 181px;
  }
  .projets-home .container .portfolio .item .item-txt p.themes,
  .projets-ip .container .portfolio .item .item-txt p.themes {
    font-size: 10px;
    line-height: 11px;
  }
  .projets-home .container .portfolio .item .item-txt p.titre,
  .projets-ip .container .portfolio .item .item-txt p.titre {
    font-size: 22px;
    line-height: 26px;
  }
  .commandements-ip {
    margin: 80px 0;
  }
  .commandements-ip .content {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
  }
  .commandements-ip .content .content-text {
    max-width: 450px;
  }
  .commandements-ip .content .content-text h2 {
    font-size: 60px;
    line-height: 73px;
  }
  .commandements-ip .content .content-com .img {
    width: 272px;
    height: 272px;
  }
  .commandements-ip .content .content-com .commandements {
    max-width: calc(350px + 32px);
  }
  .commandements-ip .content .content-com .commandements .item {
    width: 350px;
  }
  .commandements-ip .content .content-com .commandements .item .commandement {
    margin: 0;
  }
  .team-ip {
    padding: 80px 0;
  }
  .team-ip .content {
    width: calc(100% - 48px*2);
    padding: 0 48px;
  }
  .team-ip .content .content-text {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-align-items: center;
    align-items: center;
  }
  .team-ip .content .content-text h2 {
    font-size: 60px;
    line-height: 73px;
  }
  .team-ip .content .content-text p {
    max-width: 600px;
  }
  .team-ip .content .content-team {
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
  .team-ip .content .content-team .membre {
    width: 272px;
  }
  .team-ip .content .content-team .membre .img {
    width: 272px;
    height: 272px;
  }
  .team-ip .content .content-team .membre p {
    font-size: 22px;
    line-height: 26px;
  }
  .header-projets-ip .content-header h1 {
    font-size: 60px;
    line-height: 73px;
  }
  .header-projets-ip .content-intro {
    width: calc(100% - 48px*2);
    padding: 80px 48px;
  }
  .header-projets-ip .content-intro p {
    font-size: 24px;
    line-height: 32px;
    max-width: 600px;
  }
  .text-ip .content {
    width: calc(100% - 48px*2);
    padding: 80px 48px;
  }
  .text-ip .content p {
    font-size: 24px;
    line-height: 32px;
    max-width: 600px;
  }
  .vimeo-ip {
    width: calc(100% - 48px*2);
    padding: 0 0;
    margin: 80px auto 0;
  }
  .img-projets-ip {
    width: calc(100% - 48px*2);
    padding: 20px 48px;
  }
  .img-projets-ip .content-img.demi {
    width: calc(50% - 16px);
  }
  .img-projets-ip .content-img.demi.crea {
    width: 100%;
  }
  .img-projets-ip .content-img.incruste {
    padding: 72px 64px;
  }
  .img-projets-ip .content-img.crea {
    padding: 72px 64px;
  }
  .img-projets-ip .content-img.crea.demi {
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
  }
  .img-projets-ip .content-img.crea.demi .creadiv {
    width: calc(50% - 32px);
  }
  .img-projets-ip .content-img.smartphone {
    padding: 100px 0;
  }
  .img-projets-ip .content-img.smartphone .screen {
    width: 212px;
    height: 376px;
  }
  .img-projets-ip .content-img.smartphone::before {
    width: 279px;
    height: 478px;
    left: calc(50% - 279px/2);
    top: calc(50% - 478px/2);
    background-position: -379px 0;
  }
  .citation-ip .content {
    width: calc(100% - 48px*2);
    max-width: 600px;
    padding: 80px 48px;
  }
  .citation-ip .content p {
    font-size: 40px;
    line-height: 48px;
  }
  .discover {
    width: calc(100% - 48px*2);
    padding: 80px 48px;
  }
  .discover h2 {
    margin: 0 auto 80px;
    font-size: 60px;
    line-height: 86px;
  }
  .discover .content .item {
    width: 272px;
  }
  .discover .content .item .item-img {
    height: 363px;
  }
  .discover .content .item .item-txt {
    padding: 16px 0 0 0;
  }
  .discover .content .item .item-txt p.themes {
    font-size: 8px;
    line-height: 9px;
    margin: 0 0 16px 0;
  }
  .discover .content .item .item-txt p.titre {
    font-size: 22px;
    line-height: 26px;
  }
  footer.footer {
    width: 100%;
    padding: 104px 0 192px 0;
  }
  footer.footer .topFooter {
    width: calc(100% - 48px*2);
    padding: 0 48px 200px;
  }
  footer.footer .topFooter .illu_footer {
    width: 272px;
    height: 215px;
  }
  footer.footer .topFooter .contacts {
    width: calc(100% - 272px - 56px);
  }
  footer.footer .topFooter .contacts .contact {
    width: calc(50% - 28px);
  }
  footer.footer .bottomFooter {
    width: calc(100% - 48px*2);
    padding: 0 48px;
  }
  .window-shoot .container nav {
    width: calc(100% - 48px*2);
    padding: 0 48px;
  }
  .window-shoot .container .content .content-titre {
    width: calc(100% - 48px*2);
    padding: 0 48px;
  }
  .window-shoot .container .content .content-titre h2 {
    font-size: 60px;
    line-height: 73px;
  }
  .window-shoot .container .content .blocs .img {
    margin: 36px;
  }
  .window-shoot .container .content .blocs .img.shootingHoriGrand {
    width: 600px;
    height: 400px;
  }
  .window-shoot .container .content .blocs .img.shootingHoriMoyenP {
    width: 480px;
    height: 320px;
  }
  .window-shoot .container .content .blocs .img.shootingHoriMoyen {
    width: 376px;
    height: 251px;
  }
  .window-shoot .container .content .blocs .img.shootingVertGrand {
    width: 376px;
    height: 501px;
  }
  .window-right .container nav {
    width: calc(100% - 48px*2);
    padding: 0 48px;
  }
  .window-right .container .content .content-titre {
    width: calc(100% - 48px*2);
    padding: 0 48px;
  }
  .window-right .container .content .content-titre h2 {
    font-size: 60px;
    line-height: 73px;
  }
  .window-right .container .content .blocs p {
    max-width: 600px;
    margin: 80px 0;
    font-size: 18px;
    line-height: 28px;
  }
}
</pre></body></html>