.m012 .main_container {
  width: 100%;

  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .m012 .main_container::before {
    content: '';
    z-index: 1;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    /*background-color: white;*/
    opacity: 1; }
  .m012 .main_container::after {
    content: '';
    z-index: 3;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0.05; }
  .m012 .main_container .tabs {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 20px 150px 20px;
    background: none !important;
    border: none !important; }
   /* .m012 .main_container .tabs ul {*/
.entete-tabs{
      /*font-size:30px;*/
      list-style: none;
      display: flex;
      padding: 00px 0px 0px 0px;
      justify-content: space-between;
      flex-wrap: wrap; }
.m012 .main_container .tabs ul li {
        outline:none;
}
      .m012 .main_container .tabs ul li a {
        padding: 20px;
        border-bottom: 2px solid black;
        color: black;
        display:block;
        transition: all .25s ease-in-out;
        cursor: pointer;
        /*font-size:30px;*/
}
        .m012 .main_container .tabs ul li.ui-tabs-active a {
          border-bottom: 2px solid #6732ba;
          color: #6722ba;
outline: none;}
          .m012 .main_container .tabs ul li.ui-tabs-active a {
            color: #6732ba; }
        .m012 .main_container .tabs ul li:hover a {
          border-bottom: 4px solid #ff2f89;
          color: #ff2f89;font-weight:bold; }
          .m012 .main_container .tabs ul li:hover a {
            color: #6732ba; }
        .m012 .main_container .tabs ul li a {
          text-decoration: none;
          font-size: 24px;
          color: black; }
    .m012 .main_container .tabs .tab {
      margin-top: 80px;
      display: flex;
      align-items: center; }
      .m012 .main_container .tabs .tab > div:first-of-type {
        width: 50%;
        padding-right: 50px;
align-self:flex-start}
      .m012 .main_container .tabs .tab > div:last-of-type {
        width: 50%; }
      .m012 .main_container .tabs .tab .content h3 {
        border-left: 5px solid #6732ba;
        padding-left: 20px;
        margin-bottom: 40px; }
      .m012 .main_container .tabs .tab .content p {
        margin-bottom: 20px; }
.m012 .main_container .tabs .tab .content ul{list-style:none;margin-top:10px;}
.m012 .main_container .tabs .tab .content ul li:before {color: #6732ba;content: "\f00c";font-family: Font Awesome\ 5 Free;font-weight: 900;margin-right: 5px;}
      .bouton {
        padding: 12px 14px;
        background: #288834;
        color: white;
        font-size:16px;
        font-weight:bold;
        border-radius: 25px;
        display: inline-block;
        box-shadow: 0px 3px 10px 0px rgba(255, 47, 137, 0.3);
        transition: all .25s ease-in-out; text-decoration:none;}
        .bouton:hover {
          background: #6732ba;color:#ffffff }
      .m012 .main_container .tabs .tab .img {
        display: flex;
        justify-content: center;
        align-items: center; }
        .m012 .main_container .tabs .tab .img img {
          width: auto;
    height: auto;
    max-width: 90% !important;
    max-height: 500px; }

@media (max-width: 950px) {
  .m012 .main_container .tabs ul li a {
    /*font-size: 14px;*/ }
  .m012 .main_container .tabs .tab {
    flex-direction: column; }
    .m012 .main_container .tabs .tab > div:first-of-type {
      width: 100%;
      padding-right: 0px; }
    .m012 .main_container .tabs .tab > div:last-of-type {
      width: 100%; }
    .m012 .main_container .tabs .tab .content {
      margin-bottom: 40px; }
    .m012 .main_container .tabs .tab .img {
      padding: 0; }
      .m012 .main_container .tabs .tab .img img {
        max-width: 600px; } }

@media (max-width: 500px) {
  .m012 .main_container .tabs ul {
    justify-content: center; }
    .m012 .main_container .tabs ul li {
      margin: 10px;
      margin-bottom: 20px;
  margin-top:20px}
  .m012 .main_container .tabs .tab .content ul{text-align:left;}
.m012 .main_container .tabs .tab .content ul li{margin:4px 0;}}

@media (max-width: 960px) {
  .m012 .main_container .tabs ul {
    justify-content:center;
    display:flex;
    flex-direction:column;
    text-align:center;
    /*font-size:30px;*/
  }
  .m012 .main_container .tabs .tab .content ul{text-align:left;}
.m012 .main_container .tabs .tab .content ul li{margin:4px 0;}}

}