/* CSS crunched with Crunch - http://crunchapp.net/ */
/***********************************************/
#faq-front {
  padding: 0 20px;
}
#faq-front .modal-dialog {
  width: 60%;
  margin: 50px auto;
}
#faq-front .modal-dialog .modal-body p {
  font-size: 1.2em;
}
#faq-front .modal-content {
  padding: 10px;
}
#faq-front .modal-header {
  border-bottom: 0;
  padding: 20px 20px 0 20px;
}
#faq-front .panel-heading {
  padding: 0;
}
#faq-front .panel-title a {
  display: block;
  padding: 10px 15px;
}
#faq-front h4 {
  font-size: 1.5em;
  padding-right: 30px;
}
/*.faq-accordion {
  font-size: 12px;
}*/
.faq-accordion dt {
  font-family: 'SourceSansProBold';
  padding: 8px 15px;
  margin-bottom: 7px;
  border: 1px solid #e7e7e7;
  background-color: #f8f8f8;
  border-radius: 4px;
  cursor: pointer;
  background: #f8f8f8 url(../bundles/meetriphome/images/front/picto-plus.png) no-repeat 98% center;
}
.faq-accordion dt:hover {
  background-color: #f4f4f4;
}
.faq-accordion dt.open {
  background: url(../bundles/meetriphome/images/front/picto-minus.png) no-repeat 98% center;
}
.faq-accordion dd {
  padding: 3px 30px 10px 10px;
}
.faq-accordion ul {
  padding-left: 30px;
}
.faq-accordion ul li {
  list-style-type: square;
  color: #1abc9c;
  margin-bottom: 10px;
}
.faq-accordion ul li p {
  color: #2b2b2b;
}
/******************** Guides - Contact *********************
***********************************************************/
.leadIn a,
.leadIn a:hover {
  color: #1abc9c;
  text-decoration: none;
  font-family: 'SourceSansProBold';
}
.leadIn a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  #faq-front .modal-dialog {
    width: 100%;
  }
  .faq-accordion dt {
    padding: 8px 25px 8px 15px;
  }
}
@media only screen and (max-width: 480px) {
  #faq-front .modal-dialog {
    width: 100%;
  }
  .faq-accordion dt {
    padding: 8px 25px 8px 15px;
  }
}






/* CSS crunched with Crunch - http://crunchapp.net/ */
/***********************************************/
#faq-guide {
  padding: 0 20px;
}
#faq-guide .modal-dialog {
  width: 60%;
  margin: 50px auto;
}
#faq-guide .modal-dialog .modal-body p {
  font-size: 1.2em;
}
#faq-guide .modal-content {
  padding: 10px;
}
#faq-guide .modal-header {
  border-bottom: 0;
  padding: 20px 20px 0 20px;
}
#faq-guide .panel-heading {
  padding: 0;
}
#faq-guide .panel-title a {
  display: block;
  padding: 10px 15px;
}
#faq-guide h4 {
  font-size: 1.5em;
  padding-right: 30px;
}
/*.faq-accordion {
  font-size: 12px;
}*/
@media (max-width: 767px) {
  #faq-guide .modal-dialog {
    width: 100%;
  }
  .faq-accordion dt {
    padding: 8px 25px 8px 15px;
  }
}
@media only screen and (max-width: 480px) {
  #faq-guide .modal-dialog {
    width: 100%;
  }
  .faq-accordion dt {
    padding: 8px 25px 8px 15px;
  }
}