/* **********
VARIABLES
********** */
@media only screen and (max-width: 1200px) {
  h2 {
    font-size: 2.75rem; }
    h2:before {
      display: none; }
  .top-header { }
    .top-header .menus-top-header { }
      .top-header .menus-top-header .nav-left { }
        .top-header .menus-top-header .nav-left a {
          padding: .5rem 1rem; }
      .top-header .menus-top-header .nav-right { }
        .top-header .menus-top-header .nav-right li { }
          .top-header .menus-top-header .nav-right li a {
            padding: .5rem 1rem; }
  .menu-general { }
    .menu-general .navbar {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 1rem 0; }
      .menu-general .navbar .slogan {
        -ms-flex-item-align: auto;
            align-self: auto;
        margin-top: 10px; }
    .menu-general .navbar-toggler {
      margin-top: 10px; }
    .menu-general .navbar-collapse {
      width: 100%; }
      .menu-general .navbar-collapse .slogan {
        -ms-flex-item-align: auto;
            align-self: auto;
        margin-top: 10px; }
      .menu-general .navbar-collapse .navbar-nav {
        margin-right: auto;
        margin-top: 20px; }
  #header-accueil {
    padding-top: 20vw; }
  #header-accueil-solution {
    padding-top: 280px;
    padding-bottom: 30px; }
    #header-accueil-solution h1 {
      line-height: 3rem; }
  #client-accueil-solution {
    background: -webkit-gradient(linear, left top, left bottom, from(#2e72b1), to(#2e72b1));
    background: -webkit-linear-gradient(top, #2e72b1, #2e72b1 100%);
    background: -o-linear-gradient(top, #2e72b1, #2e72b1 100%);
    background: linear-gradient(180deg, #2e72b1, #2e72b1 100%);
    padding-top: 30px; }
    #client-accueil-solution .content-blocs { }
      #client-accueil-solution .content-blocs h2 {
        text-align: center; }
      #client-accueil-solution .content-blocs .the-bloc-titre {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        max-width: 100%;
        -webkit-writing-mode: unset;
            -ms-writing-mode: unset;
                writing-mode: unset; }
        #client-accueil-solution .content-blocs .the-bloc-titre h3 {
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none;
          text-align: center; }
      #client-accueil-solution .content-blocs .the-bloc {
        text-align: center; }
  #presentation-accueil-solution { }
    #presentation-accueil-solution .bloc-para {
      font-size: 2.75rem !important; }
  #etude-accueil-solution { }
    #etude-accueil-solution .btn-calltoaction {
      margin-top: -50px; }
    #etude-accueil-solution .owl-carousel.owl-drag { }
      #etude-accueil-solution .owl-carousel.owl-drag .bloc-para {
        padding-bottom: 100px; }
  #support-accueil-solution { }
    #support-accueil-solution .blocs-mea {
      margin-top: 30px; }
  .single-accroche,
  .page-accroche {
    margin: 2rem 0;
    padding-bottom: 0; }
    .single-accroche h1,
    .page-accroche h1 {
      font-size: 60px; }
  .single-description,
  .page-description {
    margin: 2.5rem 0; }
  .single-info,
  .page-info {
    margin: 2.5rem 0; }
  .bloc-interlocuteur {
    margin-top: 30px; }
  .bloc-accroche {
    padding-right: 30px; }
  .bloc-formulaire {
    padding-left: 0; } }

@media only screen and (max-width: 991px) {
  header {
    position: relative !important; }
  h1 {
    margin-bottom: 25px; }
  .top-header {
    display: none; }
  .navbar-nav,
  .nav-left-mobile,
  .nav-right-mobile {
    padding: 20px 0; }
    .navbar-nav a.nav-link,
    .nav-left-mobile a.nav-link,
    .nav-right-mobile a.nav-link {
      padding: 8px 16px;
      font-size: 14px !important;
      text-decoration: none;
      outline: none; }
  .nav-left-mobile,
  .nav-right-mobile {
    display: block !important; }
  .nav-left-mobile {
    background: #2a2a2a; }
    .nav-left-mobile a.nav-link {
      color: #fff; }
  .navbar-nav,
  .nav-right-mobile { }
    .navbar-nav a.nav-link,
    .nav-right-mobile a.nav-link {
      color: #2a2a2a !important; }
  .menu-general { }
    .menu-general .navbar { }
      .menu-general .navbar .custom-logo-link {
        max-width: 110px; }
  #header-accueil {
    padding-top: 80px; }
    #header-accueil h1 {
      line-height: 3rem; }
  #header-accueil-solution {
    padding-top: 150px;
    padding-bottom: 30px; }
    #header-accueil-solution h1 {
      line-height: 3rem; }
  #mea-accueil { }
    #mea-accueil .the-mea-accueil { }
      #mea-accueil .the-mea-accueil .lien-mea-accueil { }
        #mea-accueil .the-mea-accueil .lien-mea-accueil h3 {
          font-size: 1rem; }
  #description-accueil { }
    #description-accueil .bloc-texte {
      max-width: 100%; }
  #etude-accueil-solution {
    padding: 0 0; }
    #etude-accueil-solution .bloc-para { }
      #etude-accueil-solution .bloc-para .bloc-texte {
        margin-right: 0;
        margin-top: 40px; }
    #etude-accueil-solution .bloc-image {
      padding-top: 0;
      z-index: -1; }
    #etude-accueil-solution .carousel-accueil-solution { }
      #etude-accueil-solution .carousel-accueil-solution .owl-dots {
        top: 0;
        right: 50%;
        -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
                transform: translateX(50%); }
    #etude-accueil-solution .owl-carousel.owl-drag { }
      #etude-accueil-solution .owl-carousel.owl-drag .bloc-para {
        padding-bottom: 0; }
  #support-accueil-solution { }
    #support-accueil-solution .bloc-para {
      text-align: center;
      padding-right: 0; }
    #support-accueil-solution .blocs-mea { }
      #support-accueil-solution .blocs-mea .the-bloc {
        width: calc(50% - 25px);
        margin-right: 25px; }
        #support-accueil-solution .blocs-mea .the-bloc h3 {
          font-size: 20px; }
      #support-accueil-solution .blocs-mea .btn-calltoaction {
        margin: 60px auto 30px; }
  #carte-accueil-solution { }
    #carte-accueil-solution .container {
      background: none; }
      #carte-accueil-solution .container .bloc-para {
        position: relative;
        left: 0;
        max-width: 100%;
        text-align: center; }
      #carte-accueil-solution .container .bloc-image {
        padding-top: 30px; }
  #derniere-actu { }
    #derniere-actu h2 {
      text-align: center; }
    #derniere-actu .blocs-actu { }
      #derniere-actu .blocs-actu .the-bloc {
        margin-bottom: 30px; }
  .single-header,
  .page-header {
    height: 230px; }
  .single-description,
  .page-description { }
    .single-description .bloc-para,
    .page-description .bloc-para { }
      .single-description .bloc-para .bloc-texte,
      .page-description .bloc-para .bloc-texte {
        width: 100%; }
      .single-description .bloc-para .bloc-image,
      .page-description .bloc-para .bloc-image {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px; }
  .single-accroche,
  .page-accroche { }
    .single-accroche .bloc-accroche,
    .page-accroche .bloc-accroche { }
      .single-accroche .bloc-accroche h1,
      .page-accroche .bloc-accroche h1 {
        font-size: 40px;
        line-height: 3rem; }
  .categories { }
    .categories .container {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .categories .container a {
        width: calc(100%/3 - 20px);
        margin: 5px; }
  .footer {
    padding: 2rem 0 0; }
    .footer .bloc-widget {
      margin-bottom: 20px; }
  #client-accueil-solution-v2 { }
    #client-accueil-solution-v2 .content-blocs {
      grid-template-columns: 1fr; }
  #mise-en-avant-solutions-v2 { }
    #mise-en-avant-solutions-v2 .zone-mea { }
      #mise-en-avant-solutions-v2 .zone-mea .content-grid {
        grid-template-columns: repeat(2, 1fr); }
  #etude-accueil-solution-v2 { }
    #etude-accueil-solution-v2 .carousel-accueil-solution { }
      #etude-accueil-solution-v2 .carousel-accueil-solution .owl-dots {
        left: 0;
        right: 0; }
  #etude-accueil-solution-v2 { }
    #etude-accueil-solution-v2 .bloc-para { }
      #etude-accueil-solution-v2 .bloc-para .bloc-texte {
        margin-right: 0; }
  #nos-clients { }
    #nos-clients .content-grid {
      display: block; } }

@media only screen and (max-width: 767px) {
  #header-accueil { }
    #header-accueil h1 {
      line-height: 3rem;
      margin-top: 25px;
      margin-bottom: 25px; }
  .footer {
    text-align: center; }
    .footer .bloc-widget { }
      .footer .bloc-widget.widget_nav_menu { }
        .footer .bloc-widget.widget_nav_menu ul {
          margin-left: 0; }
          .footer .bloc-widget.widget_nav_menu ul li {
            padding-left: 0; }
            .footer .bloc-widget.widget_nav_menu ul li:before {
              position: relative;
              top: 0;
              left: 0;
              display: inline-block;
              margin-right: 10px;
              vertical-align: middle;
              width: 5px;
              height: 5px; }
  #mea-accueil { }
    #mea-accueil .the-mea-accueil { }
      #mea-accueil .the-mea-accueil .lien-mea-accueil { }
        #mea-accueil .the-mea-accueil .lien-mea-accueil h3 {
          font-size: 0.8rem;
          padding: 10px; }
  .single-header,
  .page-header {
    height: 250px; }
  .single-accroche,
  .page-accroche {
    margin: 2.5rem 0;
    padding-bottom: 2.5rem; }
    .single-accroche h1,
    .page-accroche h1 {
      font-size: 2.5rem;
      line-height: 3rem; }
    .single-accroche .bloc-texte,
    .page-accroche .bloc-texte {
      font-size: 1.5rem; }
  .single-description,
  .page-description { }
    .single-description .bloc-para,
    .page-description .bloc-para { }
      .single-description .bloc-para .bloc-texte,
      .page-description .bloc-para .bloc-texte {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important; }
      .single-description .bloc-para .bloc-image,
      .page-description .bloc-para .bloc-image {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin-top: 30px;
        padding-left: 0 !important;
        padding-right: 0 !important; }
  .single-info,
  .page-info { }
    .single-info .bloc-ressource,
    .page-info .bloc-ressource {
      padding-right: 0 !important; }
  .page-secondaire { }
    .page-secondaire .bloc-texte {
      margin-top: 30px; }
  .derniere-edc { }
    .derniere-edc h2 {
      font-size: 2.75rem;
      text-align: center; }
  .categories {
    margin-top: 30px;
    text-align: center; }
  #client-accueil-solution { }
    #client-accueil-solution .content-blocs { }
      #client-accueil-solution .content-blocs .the-bloc-titre { }
        #client-accueil-solution .content-blocs .the-bloc-titre h3 {
          font-size: 1rem; }
  #presentation-accueil-solution { }
    #presentation-accueil-solution .bloc-para {
      font-size: 1.75rem !important; }
  #support-accueil-solution { }
    #support-accueil-solution .blocs-mea { }
      #support-accueil-solution .blocs-mea .the-bloc { }
        #support-accueil-solution .blocs-mea .the-bloc:nth-child(4n) {
          margin-right: 25px; }
  .categories { }
    .categories .container {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .categories .container a {
        width: 100%;
        margin: 0; }
  #header-accueil-solution-v2 {
    padding-top: 200px; }
    #header-accueil-solution-v2 h1 {
      font-size: 26px;
      line-height: 30px; } }

@media only screen and (max-width: 500px) {
  h2 {
    font-size: 1.5rem; }
  #header-accueil {
    padding-top: 130px; }
    #header-accueil h1 {
      font-size: 20px; }
  #description-accueil { }
    #description-accueil .bloc-texte { }
      #description-accueil .bloc-texte:before {
        display: none; }
  #mea-accueil { }
    #mea-accueil .the-mea-accueil { }
      #mea-accueil .the-mea-accueil .lien-mea-accueil { }
        #mea-accueil .the-mea-accueil .lien-mea-accueil h3 {
          font-size: 1.2rem !important; }
  #header-accueil-solution {
    background-image: none; }
    #header-accueil-solution h1 {
      max-width: 100%;
      margin-bottom: 0;
      font-size: 40px; }
  #client-accueil-solution { }
    #client-accueil-solution .content-blocs { }
      #client-accueil-solution .content-blocs h4 {
        font-size: 1.2rem; }
      #client-accueil-solution .content-blocs .the-bloc { }
        #client-accueil-solution .content-blocs .the-bloc .content { }
          #client-accueil-solution .content-blocs .the-bloc .content .content-image {
            max-width: 12vw;
            padding-top: 12vw; }
            #client-accueil-solution .content-blocs .the-bloc .content .content-image img {
              width: 70%; }
  #support-accueil-solution { }
    #support-accueil-solution .blocs-mea { }
      #support-accueil-solution .blocs-mea .the-bloc {
        width: 100%;
        margin-right: 0; }
  #etude-accueil-solution { }
    #etude-accueil-solution .bloc-para { }
      #etude-accueil-solution .bloc-para .bloc-texte {
        padding: 40px 20px; }
        #etude-accueil-solution .bloc-para .bloc-texte .picto-tag {
          max-width: 70px;
          padding-top: 70px;
          bottom: calc(100% - 35px); }
          #etude-accueil-solution .bloc-para .bloc-texte .picto-tag img {
            width: 80%; }
        #etude-accueil-solution .bloc-para .bloc-texte .btn-calltoaction {
          position: relative;
          top: 0;
          right: 0;
          margin-top: 10px; }
  .footer { }
    .footer .footer-menu-widget { }
      .footer .footer-menu-widget ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .footer .footer-menu-widget ul li {
          margin: 10px 0 !important; }
  #mise-en-avant-solutions-v2 { }
    #mise-en-avant-solutions-v2 .zone-mea { }
      #mise-en-avant-solutions-v2 .zone-mea .content-grid {
        grid-template-columns: 1fr; }
  #carousel-client-accueil-solution-v2 {
    height: auto;
    display: block; }
  .btn-flottant-youtube, .btn-flottant-linkedin {
    position: relative;
    top: 0;
    margin: 20px auto; } }