/* Correctifs responsive mobiles Imagassoi */
@media only screen and (max-width: 768px) {
  .wpb_text_column, .vc_column-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 10px;
    padding-right: 10px;
  }

  .wpb_wrapper {
    text-align: left !important;
  }

  h2, h3, .vc_custom_heading {
    font-size: 1.5em !important;
    text-align: left !important;
    line-height: 1.3em;
    word-break: break-word;
  }

  p {
    font-size: 16px;
    line-height: 1.6em;
    word-break: break-word;
  }

  img {
    max-width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 991px) {
  .sepatit {
    display: block !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 5px 10px !important;
    text-align: center !important;
  }

  .sepatit h2,
  .sepatit .vc_text_separator_title {
    font-size: 16px !important;
    line-height: 1.4em !important;
    word-break: break-word !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
}

@media only screen and (max-width: 991px) {
  .introd,
  .introd .wpb_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 15px !important;
    text-align: left !important;
    font-size: 16px !important;
    line-height: 1.6em !important;
    word-break: break-word !important;
  }

  .introd p {
    margin-bottom: 12px;
  }

  .introd strong {
    font-weight: 600;
  }

  .introd span,
  .introd em,
  .introd b {
    display: inline;
    word-break: break-word !important;
  }

  .introd .vc_btn3-container {
    display: flex !important;
    justify-content: flex-start !important;
  }

  .introd .vc_btn3 {
    font-size: 14px !important;
    padding: 10px 20px !important;
  }
}

@media screen and (max-width: 991px) {
  .colsplit {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  .colsplit > .vc_column_container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 10px !important;
    margin: 0 auto 30px auto !important;
    box-sizing: border-box;
  }

  .colsplit img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto 15px auto;
  }

  .colsplit h2,
  .colsplit h3,
  .colsplit h4,
  .colsplit .porto-heading {
    text-align: center !important;
    font-size: 1.3em !important;
    line-height: 1.4em;
    margin-bottom: 10px !important;
    word-break: break-word;
  }

  .colsplit p {
    text-align: center !important;
    font-size: 1em !important;
    line-height: 1.6em;
    margin-bottom: 15px;
    word-break: break-word;
  }

  .colsplit .vc_btn3-container {
    text-align: center !important;
  }

  .colsplit .vc_btn3 {
    width: auto !important;
    max-width: 100%;
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .colsplit {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .colsplit > .vc_column_container {
    width: 100% !important;
    max-width: 95vw !important;
    padding: 0 10px !important;
    margin: 0 auto 30px auto !important;
    box-sizing: border-box;
  }

  .colsplit h2,
  .colsplit h3,
  .colsplit .porto-heading {
    font-size: 1.3em !important;
    line-height: 1.4em;
    text-align: center !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  .colsplit p {
    font-size: 1em;
    line-height: 1.6em;
    text-align: center !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  .colsplit .vc_btn3-container {
    text-align: center !important;
  }

  .colsplit .vc_btn3 {
    display: inline-block;
    width: auto !important;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  /* Débloque vraiment toute la largeur */
  .colsplit,
  .colsplit .vc_row,
  .colsplit .vc_column_container,
  .colsplit .vc_column-inner,
  .colsplit .wpb_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 0 auto !important;
    box-sizing: border-box;
  }

  /* Textes et titres */
  .colsplit h1,
  .colsplit h2,
  .colsplit h3,
  .colsplit .porto-heading,
  .colsplit p {
    text-align: center !important;
    word-break: normal !important;
    white-space: normal !important;
    font-size: 1.1em !important;
    line-height: 1.5em !important;
  }

  /* Boutons */
  .colsplit .vc_btn3-container {
    text-align: center !important;
    margin-top: 10px;
  }

  .colsplit .vc_btn3 {
    width: auto !important;
    max-width: 100% !important;
    padding: 10px 20px !important;
    font-size: 1em !important;
  }

  /* Images */
  .colsplit img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto 15px auto;
  }
}
@media screen and (max-width: 768px) {
  /* On libère les containers Porto */
  .container,
  .row,
  .container > .row,
  .container > .row > div {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  /* On remet à plat les blocs colsplit */
  .colsplit,
  .colsplit .vc_row,
  .colsplit .vc_column_container,
  .colsplit .vc_column-inner,
  .colsplit .wpb_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 0 auto 30px auto !important;
    box-sizing: border-box;
  }

  .colsplit h1,
  .colsplit h2,
  .colsplit h3,
  .colsplit .porto-heading,
  .colsplit p {
    font-size: 1.2em !important;
    text-align: center !important;
    word-break: normal !important;
    white-space: normal !important;
    line-height: 1.6em !important;
  }

  .colsplit .vc_btn3-container {
    text-align: center !important;
    margin-top: 10px;
  }

  .colsplit .vc_btn3 {
    display: inline-block;
    width: auto !important;
    max-width: 100% !important;
    padding: 10px 20px !important;
    font-size: 1em !important;
  }

  .colsplit img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto 15px auto;
  }
}
@media screen and (max-width: 768px) {
  .colsplit .wpb_wrapper,
  .colsplit .vc_column-inner,
  .colsplit {
    text-align: center !important;
  }

  .colsplit h1,
  .colsplit h2,
  .colsplit h3,
  .colsplit .porto-heading,
  .colsplit p {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
  }

  .colsplit .vc_btn3-container {
    justify-content: center !important;
    display: flex !important;
  }

  .colsplit img {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .colsplit * {
    text-align: center !important;
  }

  .colsplit img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .colsplit .vc_btn3-container,
  .colsplit .porto-heading,
  .colsplit h2,
  .colsplit h3,
  .colsplit h4,
  .colsplit p {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  .colsplit .vc_btn3 {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
}
@media screen and (max-width: 768px) {
  .colsplit,
  .colsplit .vc_row,
  .colsplit .vc_column_container,
  .colsplit .vc_column-inner,
  .colsplit .wpb_wrapper {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  body .colsplit {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .colsplit .wpb_wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  /* Désactive les limites du thème Porto */
  .container,
  .page-wrapper,
  .content-wrapper,
  .row,
  .main-content,
  .porto-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Remonte même jusqu'à body si besoin */
  body {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Et on libère .colsplit une bonne fois pour toutes */
  .colsplit,
  .colsplit .vc_column_container,
  .colsplit .vc_column-inner,
  .colsplit .wpb_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Et on centre visuellement les contenus */
  .colsplit * {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    word-break: normal !important;
    white-space: normal !important;
  }
}
@media screen and (max-width: 768px) {
  .colsplit .vc_column-inner,
  .colsplit .wpb_wrapper,
  .colsplit .porto-heading,
  .colsplit .wpb_text_column,
  .colsplit .wpb_content_element {
    max-width: 100vw !important;
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  .colsplit .porto-heading h2,
  .colsplit .wpb_text_column p {
    word-break: normal !important;
    white-space: normal !important;
  }
}
@media screen and (max-width: 768px) {
  .colsplit .vc_column-inner,
  .colsplit .wpb_wrapper,
  .colsplit .porto-heading,
  .colsplit .wpb_text_column,
  .colsplit .wpb_content_element {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  .colsplit .porto-heading h2,
  .colsplit .porto-heading h3,
  .colsplit .porto-heading p {
    word-break: normal !important;
    white-space: normal !important;
    font-size: 18px !important;
  }

  .colsplit .wpb_column {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 768px) {
  .colsplit .vc_column-inner,
  .colsplit .wpb_wrapper,
  .colsplit .porto-heading,
  .colsplit .wpb_text_column,
  .colsplit .wpb_content_element {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  .colsplit .porto-heading h2,
  .colsplit .porto-heading h3,
  .colsplit .porto-heading p {
    word-break: normal !important;
    white-space: normal !important;
    font-size: 18px !important;
  }

  .colsplit .wpb_column {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 768px) {
  .colsplit .vc_column-inner,
  .colsplit .wpb_wrapper,
  .colsplit .porto-heading,
  .colsplit .wpb_text_column,
  .colsplit .wpb_content_element {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  .colsplit .porto-heading h2,
  .colsplit .porto-heading h3,
  .colsplit .porto-heading p {
    word-break: normal !important;
    white-space: normal !important;
    font-size: 18px !important;
  }

  .colsplit .wpb_column {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
}