@charset "UTF-8";
@media only screen and (max-width: 1410px) {
  .region--nav #block-ctablock {
    grid-column: 11/15;
  }
  .region--nav .menu--main {
    grid-column: 5/11;
  }
}
@media only screen and (max-width: 1024px) {
  .region--nav #block-ctablock {
    grid-row: 1;
  }
  .region--nav .menu--main {
    justify-content: center !important;
  }
  .best-projects .content .projects a .project .summary {
    display: none !important;
  }
  .best-projects .content .projects a {
    text-decoration: none;
  }
  .best-projects .content .projects a .project .skills,
  .best-projects .content .projects a .project .project-type,
  .best-projects .content .projects a .project .name {
    position: relative !important;
    right: 0 !important;
  }
  .main-informations .description-link {
    grid-column: 2/7 !important;
  }
  .project-presentation .project-challenges::before {
    background-size: contain;
  }
}
:root {
  --color--primary-40: #3a4547;
}

:root {
  --max-width: 1500px; /* valeur par défaut */
}

@media (max-width: 1440px) {
  :root {
    --max-width: 1200px;
  }
}
@media (max-width: 1024px) {
  :root {
    --max-width: 900px;
  }
}
@media (max-width: 768px) {
  :root {
    --max-width: 600px;
  }
}
@media only screen and (max-width: 768px) {
  body.user-logged-in #navigation {
    margin-top: 40px;
    background-color: white;
  }
  #cityHeader .text-container, #landingHeader .text-container {
    grid-column: 1/7;
  }
  #cityHeader .media-container, #landingHeader .media-container {
    grid-column: 1/15;
  }
  .audience .audience-container {
    grid-column: 1/15 !important;
  }
  .audience {
    overflow-x: hidden;
    grid-column: 1/15 !important;
  }
  .audience .audience-container .audience-item.active picture {
    position: relative;
  }
  nav#navigation #block-visbe-studio-site-branding {
    grid-column: 1/14;
  }
  #block-ctablock {
    grid-column: 1/13 !important;
    grid-row: 2;
    position: absolute;
    bottom: -65px;
    left: 0;
    right: 0;
  }
  #block-ctablock a {
    font-size: 12px;
  }
  .page-title {
    padding: 0 10px !important;
    margin-top: 20px;
  }
  .main-informations {
    padding: 0 10px !important;
    height: auto !important;
  }
  .main-informations .description-link .link {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
  }
  .main-informations .description-link .link::after, .main-informations .description-link .link::before {
    display: none !important;
  }
  .toggle-list .text-cta {
    margin-bottom: 20px !important;
    padding: 0px !important;
  }
  .toggle-list .title {
    display: flex;
    justify-content: space-between;
  }
  .main-informations .skills-technologies .technologies,
  .main-informations .skills-technologies .skills {
    text-align: left !important;
    margin-bottom: 20px;
  }
  .main-informations .skills-technologies .skills .skill {
    padding-left: 0px !important;
    padding-right: 10px;
  }
  .project-presentation {
    padding: 0 10px !important;
  }
  .project-presentation .project-challenges::before {
    width: 100%;
    height: 100%;
    top: 0;
    background-size: contain;
  }
  .project-navigation {
    padding: 0 10px !important;
  }
  .project-navigation .next-project {
    grid-column: 4/7 !important;
    font-size: 16px !important;
    grid-row: 2;
  }
  .project-navigation .current-project {
    grid-column: 2/6 !important;
    grid-row: 1;
  }
  .project-navigation .previous-project {
    grid-column: 1/5 !important;
    font-size: 16px !important;
    grid-row: 2;
  }
  #footer #footer-contact {
    justify-content: flex-start !important;
    padding: 0 10px !important;
  }
  #footer #footer-contact #block-pieddepage-2 {
    text-align: left !important;
  }
  #footer #footer-info {
    padding: 0 10px !important;
  }
  #footer #main-footer {
    padding: 0 10px !important;
  }
  #footer #main-footer #block-address,
  #footer #main-footer #block-jobs,
  #footer #main-footer #block-apropos,
  #footer #main-footer #content,
  #footer #main-footer .studio-brand {
    text-align: left;
    margin-bottom: 20px;
  }
  .figure-text {
    padding: 0 10px !important;
  }
  .p {
    padding: 0 10px !important;
    margin-bottom: 0px !important;
  }
  .keywords-parade {
    padding: 0px !important;
  }
  .best-projects .title {
    font-size: 2.2em !important;
    padding: 0 10px !important;
  }
  .cta-banner .title-text-container .title {
    font-size: 36px !important;
    line-height: 50px !important;
  }
  .cta-banner .title-text-container .text {
    margin-bottom: 20px;
  }
  .best-projects .content .projects {
    margin-bottom: 20px;
  }
  .best-projects .content .projects a {
    text-decoration: none;
  }
  .best-projects .content .projects .project .summary {
    display: none;
  }
  .best-projects .content .introduction-cta-container {
    display: none;
  }
  .code-design-savoir-faire .content {
    grid-row: 2;
    padding: 10px;
  }
  .code-design-savoir-faire .media-container {
    padding: 10px;
    grid-row: 1 !important;
  }
  nav#navigation {
    padding: 0px;
    position: fixed;
    top: 0;
    background-color: #f6f8f8;
    z-index: 100;
    width: 100%;
  }
  @keyframes display_menu {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  nav#navigation.active .region--nav .menu--main {
    margin-bottom: 0;
    display: flex;
    animation: display_menu 0.5s ease-in;
  }
  nav#navigation.active .region--nav #block-ctablock {
    display: flex;
  }
  nav#navigation.active span {
    background-image: url(../../../images/cross-close-svgrepo-com.svg) !important;
  }
  nav#navigation #block-visbe-studio-site-branding {
    justify-content: space-between;
    margin: 15px 0;
  }
  nav#navigation #block-visbe-studio-site-branding span {
    cursor: pointer;
    width: 35px;
    height: 35px;
    background-image: url(../../../images/hamburger-menu-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
  }
  nav#navigation .region--nav #block-ctablock {
    justify-content: center;
    display: none;
  }
  nav#navigation .region--nav .menu--main {
    margin-bottom: 30px;
    grid-column: 1/15;
    position: relative;
    display: none;
  }
  nav#navigation .region--nav .menu--main ul {
    background: #293133;
    color: #f6f8f8;
    flex-direction: column;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    margin: 0;
  }
  .title-text-image-cta {
    flex-direction: column;
  }
  .title-text-image-cta .media-container,
  .title-text-image-cta .content {
    padding: 0 20px;
  }
  .title-text-image-cta .content {
    max-width: fit-content !important;
  }
  .title-text-image-cta .content h2 {
    max-width: 300px;
  }
  .title-text-image-cta .cta-container {
    display: flex;
    justify-content: center;
  }
  .title-text-image-cta .cta-container .cta-button {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 425px) {
  :root {
    --grid-gap: 0;
  }
  .video {
    margin-top: 50px;
  }
  .video .title {
    grid-column: 2/6 !important;
  }
  .video .video-content {
    grid-column: 2/6 !important;
  }
  .title-h1 > .brand-style {
    display: none !important;
  }
  #cityHeader .brand-style::after,
  #landingHeader .brand-style::after {
    bottom: 0 !important;
  }
  #cityHeader .text-container .description,
  #landingHeader .text-container .description {
    line-height: 30px;
  }
  #cityHeader .text-container .title,
  #landingHeader .text-container .title {
    font-size: 2.5rem;
    line-height: 1.4em;
  }
  .title-h1 > .brand-style {
    display: none;
  }
  #cityHeader .brand-style,
  #landingHeader .brand-style {
    grid-column: 1/7 !important;
    margin-top: 20px !important;
    height: 50px !important;
  }
  .formatted-text .container {
    margin: 0 !important;
  }
  .formatted-text .container .title {
    font-size: 1.3em !important;
  }
  .domain-global-container .domain-list .domain article .title-description .description {
    margin: 0 !important;
  }
  .domain-global-container .domain-list .domain article .title-description .title {
    font-size: 2em !important;
    width: 100%;
  }
  .technology-global-container .technologies .technology-container {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .technology-global-container .technologies .title-container > .brand-style {
    display: none !important;
  }
  .technology-global-container .technologies {
    grid-column: 1/7 !important;
  }
  .domain-global-container .domain-list .domain article {
    flex-direction: column;
  }
  .domain-global-container .domain-list {
    grid-column: 1/7 !important;
    grid-row: 2 !important;
  }
  .enumeration .enumeration-container .item {
    margin-bottom: 20px;
  }
  .cover .brand-style {
    top: 0 !important;
    left: -79px !important;
  }
  .cover .brand-style::after {
    height: 103% !important;
    bottom: -20% !important;
  }
  .main-informations .skills-technologies .technologies {
    grid-row: 2;
    grid-column: 2/5 !important;
  }
  .gallery .gallery-container {
    grid-column: 1/7 !important;
  }
  .gallery .gallery-container .images-grid-text .images-grid .image#imageGallery1 {
    grid-column: 2/7 !important;
    grid-row: 1 !important;
    height: 541px !important;
  }
  .gallery .gallery-container .images-grid-text .images-grid .image#imageGallery2 {
    grid-column: 1/6 !important;
    grid-row: 2 !important;
  }
  .gallery .gallery-container .images-grid-text .images-grid .image#imageGallery3 {
    grid-column: 2/7 !important;
    grid-row: 3 !important;
  }
  .path-realisations .view-filters .views-exposed-form {
    align-items: start !important;
    justify-content: center;
  }
  .path-realisations .view-content {
    display: flex !important;
    flex-direction: column;
  }
  .region--nav .menu--main ul.menu li {
    list-style: none;
    text-align: center;
    display: block;
    width: 100%;
  }
  .region--nav .menu--main ul.menu li a {
    width: 100%;
    display: block;
    padding: 10px;
    font-size: 20px;
  }
  nav#navigation .region--nav .menu--main {
    grid-column: 1/14 !important;
  }
  .testimonies .testimonies-container .testimony-list .testimony .photo-container {
    grid-column: 1/13 !important;
    display: flex;
    justify-content: center;
    margin-top: 50px;
  }
  .testimonies .testimonies-container .testimony-list .testimony .content-client-project-name {
    grid-column: 1/13 !important;
  }
  .testimonies .testimonies-container .link-more-container {
    grid-column: 1/15 !important;
    display: flex;
    justify-content: center;
  }
  .project .infos {
    grid-column: 1/10 !important;
    margin-top: 0px !important;
    top: 10px;
    left: 10px;
  }
  .enumeration .enumeration-container,
  .enumeration .title-intro {
    grid-column: 1/13 !important;
  }
  .enumeration .enumeration-container {
    display: flex !important;
    flex-direction: column;
  }
  .testimonies .cta-container {
    margin: auto !important;
    margin-top: 40px !important;
  }
  .footer-container .block__content > div .text-container .brand-container {
    background-position: center !important;
    height: 65px !important;
  }
  .footer-container .block__content > div .text-container {
    margin: 20px !important;
    margin-top: 50px !important;
    grid-column: 1/7 !important;
  }
  .testimonies .testimonies-container .title {
    grid-column: 1/15 !important;
  }
  .testimonies .testimonies-container > .brand-style {
    overflow: hidden;
  }
  .testimonies .testimonies-container .title {
    grid-column: 1/10 !important;
  }
  .testimonies .testimonies-container .link-more-container {
    grid-column: 1/15;
  }
  .text-image .text-media .text-container .cta-container {
    padding: 20px;
  }
  .text-image .text-media .text-container .cta-container a {
    padding: 50px !important;
  }
  .cta-banner {
    flex-direction: column;
  }
  .text-image .text-media {
    flex-direction: column;
  }
  .text-image .text-media .media-container {
    margin-right: auto !important;
  }
  .gallery .gallery-container .images-grid-text .text {
    grid-column: 1/14 !important;
    margin: 50px 10px !important;
  }
  .gallery .gallery-container .images-grid-text .text .title-description-cta {
    grid-column: 1/15 !important;
  }
  .gallery .gallery-container .images-grid-text .text .small-texts {
    grid-column: 1/15 !important;
    grid-row: 2 !important;
    grid-template-rows: auto !important;
  }
  .gallery .gallery-container .images-grid-text .text .small-texts .small-text {
    grid-column: 1/15 !important;
    grid-row: auto !important;
  }
  .gallery .gallery-container .images-grid-text .images-grid {
    grid-column: 1/15 !important;
  }
  .region--nav #block-visbe-studio-site-branding {
    grid-column: 1/7;
  }
  nav#navigation {
    margin-top: 0px !important;
  }
  body.user-logged-in #block-visbe-studio-primary-local-tasks {
    margin-top: 0px !important;
    position: relative !important;
    opacity: 1;
  }
  .audience .brand-style {
    left: -85px;
  }
  .audience .audience-container {
    grid-column: 1/14 !important;
  }
  .audience .audience-container .audience-item article {
    flex-direction: column-reverse;
  }
  .audience .audience-container .audience-item article picture {
    position: relative !important;
  }
  #landingHeader .media-container {
    margin-bottom: 50px;
  }
  #landingHeader .brand-style {
    display: none;
  }
  .text-image .text-container {
    grid-row: 1;
  }
  .formatted-text {
    margin: 0 10px;
  }
  .formatted-text .container {
    grid-column: 1/7 !important;
    margin: 10px;
  }
  .view-projets select {
    padding-inline-end: 0;
  }
  .view-projets .views-row a .infos .client-name,
  .project .infos .client-name {
    display: none;
  }
  #landingHeader {
    overflow: hidden;
    flex-direction: column;
    grid-column: 1/7;
    margin: 0 10px;
  }
  #landingHeader h2 {
    line-height: 1.8em !important;
  }
  #landingHeader #ctas {
    flex-direction: column;
    display: flex;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  #landingHeader .subtitle {
    text-align: justify;
  }
  #block-visbe-studio-site-branding img {
    height: 40px !important;
  }
  #footer::before {
    display: none;
  }
  .classic-page {
    padding: 0 10px;
  }
  .figure-text .figure-label::before {
    top: 50px !important;
    left: 0 !important;
  }
  .skills-technologies {
    grid-column: 1/7 !important;
  }
  .title-text-image-cta .content {
    grid-column: 1/7 !important;
  }
  .title-text-image-cta .media-container {
    grid-column: 1/7 !important;
  }
  .text-image .text-media .text-container {
    grid-column: 1/7 !important;
  }
  .page-title {
    padding: 0 10px !important;
    margin-top: 20px;
  }
  .main-informations {
    padding: 0 10px !important;
    height: auto !important;
  }
  .main-informations .description-link {
    grid-column: 1/7 !important;
  }
  .main-informations .description-link .link {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
  }
  .main-informations .description-link .link::after, .main-informations .description-link .link::before {
    display: none !important;
  }
  .toggle-list .text-cta {
    margin-bottom: 20px !important;
    padding: 0px !important;
  }
  .toggle-list .title {
    display: flex;
    justify-content: space-between;
  }
  .main-informations .skills-technologies .technologies,
  .main-informations .skills-technologies .skills {
    text-align: left !important;
    margin-bottom: 20px;
  }
  .main-informations .skills-technologies .skills .skill {
    padding-left: 0px !important;
    padding-right: 10px;
  }
  .project-presentation {
    padding: 0 10px !important;
  }
  .project-presentation .project-challenges {
    grid-column: 1/7 !important;
  }
  .project-presentation .project-challenges::before {
    width: 100%;
    height: 100%;
    top: 0;
    background-size: contain;
  }
  .project-presentation .presentation.not-full {
    grid-column: 1/7 !important;
  }
  .project-navigation {
    padding: 0 10px !important;
  }
  .project-navigation .next-project {
    grid-column: 4/7 !important;
    font-size: 16px !important;
    grid-row: 2;
  }
  .project-navigation .current-project {
    grid-column: 2/6 !important;
    grid-row: 1;
    margin-bottom: 50px;
  }
  .project-navigation .previous-project {
    grid-column: 1/5 !important;
    font-size: 16px !important;
    grid-row: 2;
  }
  #footer #footer-contact {
    grid-column: 1/7 !important;
    justify-content: flex-start !important;
    padding: 0 10px !important;
  }
  #footer #footer-contact #block-pieddepage-2 {
    text-align: left !important;
  }
  #footer #footer-info {
    grid-column: 1/7 !important;
    padding: 0 10px !important;
  }
  #footer #main-footer {
    padding: 0 10px !important;
  }
  #footer #main-footer #block-address,
  #footer #main-footer #block-jobs,
  #footer #main-footer #block-apropos,
  #footer #main-footer #content,
  #footer #main-footer .studio-brand {
    grid-column: 1/7 !important;
    text-align: left;
    margin-bottom: 20px;
  }
  #footer #main-footer .studio-brand {
    display: none;
  }
  #footer .block__title {
    text-align: center;
  }
  #footer nav ul li {
    text-align: center;
  }
  #footer .block__content {
    text-align: center;
  }
  #block-socialnetworks {
    display: flex;
    flex-direction: column;
  }
  #block-socialnetworks .block__title {
    text-align: center;
  }
  #block-obligatoire {
    flex-direction: column;
  }
  #block-obligatoire ul {
    flex-direction: column;
  }
  #block-obligatoire ul a {
    margin-right: 0px !important;
  }
  #footer-contact {
    display: flex;
    flex-direction: column;
  }
  .text-cta.unique .content,
  .text-cta.unique .title {
    grid-column: 1/7 !important;
    text-align: center;
  }
  .image-cta .cta-container,
  .image-cta .media-container {
    grid-column: 1/7 !important;
  }
  .figure-text {
    padding: 0 10px !important;
  }
  .figure-text .text,
  .figure-text .figure-label {
    grid-column: 1/7 !important;
  }
  .p {
    margin-bottom: 0px !important;
  }
  .keywords-parade {
    padding: 0px !important;
  }
  .best-projects .title {
    font-size: 4.2em !important;
    line-height: 30px;
    padding: 0 10px !important;
  }
  .title-h1 .title {
    grid-column: 2/6 !important;
  }
  .cta-banner .title-text-container {
    grid-column: 2/6 !important;
  }
  .cta-banner .title-text-container .title {
    font-size: 36px !important;
    line-height: 50px !important;
  }
  .cta-banner .title-text-container .text {
    margin-bottom: 20px;
  }
  .cta-banner .cta-container {
    grid-column: 2/6 !important;
    margin-left: 0 !important;
  }
  .best-projects .content .projects {
    grid-column: 1/7 !important;
    margin-bottom: 20px;
    padding: 0;
  }
  .best-projects .content .projects a {
    text-decoration: none;
  }
  .best-projects .content .projects .project .summary {
    display: none;
  }
  .best-projects {
    padding: 50px 20px !important;
  }
  .best-projects .title {
    font-size: 1.2em !important;
    line-height: 1.2em;
    padding: 0px !important;
    text-align: left !important;
  }
  .best-projects .introduction {
    text-align: left !important;
  }
  .best-projects .content .introduction-cta-container {
    margin-right: 0px !important;
    grid-column: 1/7 !important;
  }
  .code-design-savoir-faire .content {
    grid-row: 2;
    padding: 10px;
    grid-column: 1/7 !important;
  }
  .code-design-savoir-faire .media-container {
    padding: 10px;
    grid-column: 1/7 !important;
    grid-row: 1 !important;
  }
  nav#navigation {
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 100;
    margin: 0;
    width: 100%;
  }
  nav#navigation.active .region--nav #block-ctablock {
    display: none;
  }
  nav#navigation.active span {
    background-image: url(../../../images/cross-close-svgrepo-com.svg) !important;
  }
  nav#navigation #block-visbe-studio-site-branding {
    justify-content: space-between;
    margin: 0;
    padding: 0px !important;
  }
  nav#navigation #block-visbe-studio-site-branding img {
    margin: 10px;
  }
  nav#navigation #block-visbe-studio-site-branding span {
    margin: 10px;
    cursor: pointer;
    width: 24px;
    height: 20px;
    background-image: url(../../../images/hamburger-menu-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    position: fixed;
    z-index: 1;
    right: 0;
  }
  nav#navigation .region--nav #block-ctablock {
    justify-content: center;
    display: none;
  }
  nav#navigation .region--nav .menu--main {
    margin-bottom: 30px;
    grid-column: 1/7;
    position: relative;
    display: none;
  }
  nav#navigation .region--nav .menu--main ul {
    flex-direction: column;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    margin: 0;
  }
  .title-text-image-cta {
    flex-direction: column;
  }
  .title-text-image-cta .media-container,
  .title-text-image-cta .content {
    padding: 0 20px;
  }
  .title-text-image-cta .content {
    max-width: fit-content !important;
  }
  .title-text-image-cta .content h2 {
    max-width: 300px;
  }
  .title-text-image-cta .cta-container {
    display: flex;
    justify-content: center;
  }
  .title-text-image-cta .cta-container .cta-button {
    font-size: 3rem !important;
    margin-bottom: 20px;
  }
  .code-design-savoir-faire .content h2 {
    font-size: 2.3em;
    line-height: 30px;
  }
  .code-design-savoir-faire .content p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 46px;
  }
  #block-ctablock {
    grid-column: 1/13 !important;
    grid-row: 2;
    position: absolute;
    bottom: -65px;
    left: 0;
    right: 0;
  }
  #block-ctablock a {
    font-size: 12px;
  }
  #block-visbe-studio-main-menu {
    grid-row: 2;
  }
  #cityHeader .text-container,
  #landingHeader .text-container {
    margin-top: 0;
  }
  #cityHeader .text-container .description,
  #landingHeader .text-container .description {
    margin-top: 10px;
  }
  nav#navigation.active .region--nav .menu--main {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #293133;
    display: flex;
    align-items: center;
    justify-content: center !important;
  }
  .view-projets .views-row {
    margin-bottom: 10px;
  }
  #views-exposed-form-projets-list label {
    display: none;
  }
  #views-exposed-form-projets-list input {
    margin: 0;
  }
  .testimonies .testimonies-container > .brand-style {
    display: none !important;
  }
}

/*# sourceMappingURL=responsive.css.map */