/* ici mon article en sass */
#maincontent .monArticleDeBlog section {
  background-color: #efefef;
}
#maincontent .monArticleDeBlog section .btn-basic {
  background-color: transparent;
}
#maincontent .monArticleDeBlog section .btn-basic:hover {
  background-color: #000000;
  color: #ffffff;
}
#maincontent .monArticleDeBlog .zone1 {
  background-color: #F4E4D5;
}
#maincontent .monArticleDeBlog .zone1 .btn-basic {
  background-color: #ffffff;
  border-color: #ffffff;
}
#maincontent .monArticleDeBlog .zone1 .btn-basic:hover {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
#maincontent .monArticleDeBlog .zone2 {
  background-color: #F9F9F9;
}
#maincontent .monArticleDeBlog .zone3 {
  background-color: #F9F9F9;
}
#maincontent .monArticleDeBlog .zone3 .btn-basic {
  background-color: #4E245E;
  border-color: #4E245E;
  color: #ffffff;
}
#maincontent .monArticleDeBlog .zone3 .btn-basic:hover {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
#maincontent .monArticleDeBlog .zone3 .btn-basic-cust {
  width: 480px !important;
  max-width: 480px !important;
  margin-top: 30px !important;
  margin-left: 85px !important;
}
@media screen and (max-width: 767px) {
  #maincontent .monArticleDeBlog .zone3 .btn-basic-cust {
    width: 94.5% !important;
    max-width: 100% !important;
    margin-top: 30px !important;
    margin-bottom: 40px !important;
    margin-left: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  #maincontent .monArticleDeBlog .zone3 .custwidth {
    width: 100%;
    margin: 0 auto !important;
  }
}
#maincontent .monArticleDeBlog .zone3 .btn-basic-cust2 {
  width: 480px !important;
  max-width: 480px !important;
  margin-top: 30px !important;
}
@media screen and (max-width: 767px) {
  #maincontent .monArticleDeBlog .zone3 .btn-basic-cust2 {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 30px !important;
    margin-bottom: 50px !important;
  }
}
#maincontent .monArticleDeBlog .zone3 .custimg2 {
  margin-top: 142px;
}
@media screen and (max-width: 767px) {
  #maincontent .monArticleDeBlog .zone3 .custimg2 {
    margin-top: 0;
  }
}
#maincontent .monArticleDeBlog .zone4 {
  background-color: #ffffff;
}
#maincontent .monArticleDeBlog .zone4 a:hover img {
  transform: scale(1) !important;
}