.pink {
    background: #FCF6F5 !important;
  }
  .white {
    background: #FFF !important;
  }

div.col-main .col {
  width: 100%;
  height: auto;
}

.container:before, .container:after {
  display: table;
  line-height: 0;
  content: "";
}
#bloc-faq {
  background: none repeat scroll 0 0 #FCF6F5;
  float: left;
  left: 15.816%;
  top: 0;
  border-bottom: 1px solid #E2CED0;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 880px;
}

.col-main .faq-content {
  float: left;
  max-width: 880px;
  width: 100%;
  margin: 20px 0 32px;
}

.col-main .faq-content ul.bloc-faq li {
  border-top: 1px solid #E2CED0;
  display: inline-block;
  padding: 15px 30px 15px 4px;
  position: relative;
  width: 100%;
  max-width: 880px;
  background: #FCF6F5;
}

.col1-layout .col-main .page-title {
  margin-top: -15px;
}

.page-popup .page-title , .col-main .page-title {
  margin-left: -20px;
  margin-right: -20px;
}

.page-title {
  text-align: center;
  padding: 0;
  background: transparent;
  border: 0;
}

.col1-layout .col-main {
  float: none;
  width: auto;
  padding-top: 20px;
}

.col-main {
  padding: 0;
}

 ul.bloc-faq li.bloc-mask {
  position: absolute;
  right: -140px;
  top: 15px;
  width: 135px;
}

 div.bloc-mask {
  position: absolute;
  right: 0;
  top: 2px;
  width: 135px;
}

 ul.bloc-faq li.bloc-mask-mobile {
  position: absolute;
  right: -140px;
  top: 15px;
  width: 135px;
}

 div.bloc-mask-mobile {
  position: absolute;
  right: 0;
  top: 2px;
  width: 135px;
}

.page-title h1 {
  color: #000;
  font-size: 30px;
  width: 300px;
  margin: 23px auto 7px auto;
}
.col-main .faq-content ul.bloc-faq li h3.faq-title {
  font-size: 12px;
  font-weight: normal;
  float: left;
  letter-spacing: 1px;
  margin: 0 0 0 10px;
  max-width: 700px;
  width: 71.428%;
  background: url(/assets/images/arrow-faq.png) no-repeat scroll 9px center;
  padding: 0 0 0 18px;
}
ul.bloc-faq li .bloc-mask .mask-faq {
  background: url(/assets/images/arrow-faq-mask.png) no-repeat scroll 9px center;
  padding-left: 23px;
  color: #888888;
  font-size: 12px;
  margin: 0;
}

ul.bloc-faq li .bloc-mask-mobile .mask-faq {
  /*background: url(/assets/images/arrow-faq-mask.png) no-repeat scroll 9px center;*/
  /*padding-left: 23px;*/
  color: #888888;
  font-size: 12px;
  margin: 0;
}

ul.bloc-faq li .bloc-faq-description {
  display: none;
  margin: 15px 2.551% 10px;
  background: #ffffff;
  padding: 25px;
  color: #222222;
  font-size: 12px;
  max-width: 920px;
  width: 100%;
  border-top: 1px solid #f0e6e7;
  border-bottom: 1px solid #f0e6e7;
  float: left;
}

ul.bloc-faq li .bloc-mask .show-faq {
  background: url(/assets/images/arrow-faq-show.png) no-repeat scroll 9px center;
  padding-left: 23px;
  color: #888888;
  font-size: 12px;
  border:none;
  margin:0;
}

ul.bloc-faq li .bloc-mask-mobile .show-faq {
  /*background: url(/assets/images/arrow-faq-show.png) no-repeat scroll 9px center;*/
  /*padding-left: 23px;*/
  color: #888888;
  font-size: 12px;
  border:none;
  margin:0;
}

.std {
  clear: both;
  overflow: hidden;
  max-width: 880px;
  width: 100%;
  margin: 0 auto 0;
  border-bottom-color: #e0c6c9;
}

.col-main .faq-top p.faq-description {
  font-size: 10px;
  margin: 0 auto;
  text-align: center;
  max-width: 580px;
  width: 59%;
}

.bloc-mask > a {
  width: 97px;
}
.bloc-mask > a.no-display {
  display: none;
  border: none;
}
.bloc-mask > a {
  display: block;
  border: none;
}
.bloc-mask > a:hover {
  background: transparent;
}
.bloc-mask-mobile > a {
  width: 97px;
  font-size: 32px;
  font-weight: bolder;
}
.bloc-mask-mobile > a.no-display {
  display: none;
  border: none;
}
.bloc-mask-mobile > a {
  display: block;
  border: none;
}
.bloc-mask-mobile > a:hover {
  background: transparent;
}
div.bloc-mask-mobile {
  right: 3.259%;
  display: none;
}
/**###########################
  TABLET
#############################**/
@media (min-width: 768px) and (max-width: 991px) {
  .col-main {
    padding: 0 10px;
    overflow: hidden;
  }
  .col-main .faq-content ul.bloc-faq li h3.faq-title {
    margin:0;
  }
  #bloc-faq {
    margin: 0;
  }
  ul.bloc-faq li .bloc-faq-description {
    margin: 15px 2.551% 10px;
    width: 100%;
  }
  div.bloc-mask {
    right: 25px;
  }
  div.bloc-mask-mobile {
    right: 3.259%;
    display: none;
  }
  .col-main .faq-top .bloc-faq-description p.faq-description {
    margin-bottom: 0;
  }

}

@media (max-width: 767px) {
  .btn {
    height: 25px; 
    line-height: 25px; 
  }
}

/**###########################
  SMP
#############################**/
@media (min-width: 426px) and (max-width: 767px) {
  .col-main {
    padding: 0 10px;
    overflow: hidden;
  }
  div.bloc-mask {
    right: 3.259%;
    display: none;
  }
  div.bloc-mask-mobile {
    right: -60px;
    display: block;
    top: 4px;
  }
  #bloc-faq {
    margin: 0;
    background: #FFF;
    line-height: 8px;
  }
  ul.bloc-faq li .bloc-faq-description {
    margin: 0;
    padding: 20px 0 0 0;
    width: 100%;
  }
  .col-main .faq-content ul.bloc-faq li h3.faq-title {
    width: 100%;
  }
  .col-main .faq-content ul.bloc-faq li h3.faq-title {
    background: none;
    text-align: left;
  }

  ul.bloc-faq li .bloc-mask-mobile .show-faq,
  ul.bloc-faq li .bloc-mask-mobile .mask-faq {
    font-size: 20px;
    color: #333;
  }

  ul.bloc-faq li .bloc-faq-description {
    background:#FFF;
    border: none;
  }
  .col-main .faq-content ul.bloc-faq li h3.faq-title {
    margin: 0;
    padding: 0 8% 0 0;
  }
  .col-main .faq-content ul.bloc-faq li {
    padding: 10px;
    background: #FFF;
    position: relative;
  }
  .col-main .faq-top p.faq-description {
    margin-bottom: 0;
  }
  .bloc-mask-mobile > a {
/*    width: 46px;
    height: 46px;*/
    display: inline-block;
  }

}

/**###########################
  SMP-small
#############################**/
@media all and (max-width: 425px) {
  div.bloc-mask-mobile {
    right: -65px;
    display: block;
    top: 4px;
  }
   .col-main {
    padding: 0;
    overflow: hidden;
  }
  div.bloc-mask {
    right: 3.259%;
    display: none;
  }
  #bloc-faq {
    margin: 0;
    background: #FFF;
    line-height: 8px;
  }
  ul.bloc-faq li .bloc-faq-description {
    margin: 0;
    padding: 20px 0 0 0;
    width: 100%;
  }
  .col-main .faq-content ul.bloc-faq li h3.faq-title {
    width: 100%;
  }
  .col-main .faq-content ul.bloc-faq li h3.faq-title {
    background: none;
    text-align: left;
  }

  ul.bloc-faq li .bloc-mask-mobile .show-faq,
  ul.bloc-faq li .bloc-mask-mobile .mask-faq {
    font-size: 20px;
    color: #333;
  }

  ul.bloc-faq li .bloc-faq-description {
    background:#FFF;
    border: none;
  }
  .col-main .faq-content ul.bloc-faq li h3.faq-title {
    margin: 0;
    padding: 0 8% 0 0;
  }
  .col-main .faq-content ul.bloc-faq li {
    padding: 10px;
    background: #FFF;
    position: relative;
  }
  .col-main .faq-top p.faq-description {
    margin-bottom: 0;
  }
  .bloc-mask-mobile > a {
/*    width: 97px;
    height: 25px;*/
    display: inline-block;
  }

}