/*
 ***********************************************************
 Title: jpfaq.css
 Author: Jacco van der Post - www.id-webdesign.nl
 Date: may 2011 - sep 2016
 ***********************************************************
 */
/* PRIMARY COLOR */
/*ardoise*/
/*$primary: #924325; /*marron*/
/*$primary: #81E4BD; /*bleu pantone carnival glass*/
/*$primary: #b12763; /*violet pantone boudoir red*/
/*$primary: #00629c; */
/*$primary: #195f84; */
/* SECONDARY COLOR */
/*corail*/
/*$secondary: #ed7564; /*corail 2*/
/*$secondary: #f9800e; /*orange*/
/*$secondary: #f2e651; /*jaune pantone lemon fizz*/
/*$secondary: #FFAD4F; /*orange pastel pantone iced mango*/
/*$secondary: #ff7400;*/
/*$secondary: #A3005F;*/
/* RED VENDEE */
/* FONT COLOR */
/* PRIMARY COLOR RGBA */
/* font typo */
/* Répertoire image */
/* Banner principal du site */
/*$banner_site: "https://edap.vendee.fr/edap95/fileadmin/templates/site/svg/banner_header_edap_anime.svg";*/
/* Picto principal thématique site */
/* university */
/* theater-masks*/
/* book-reader */
/* user-graduate */
/* Picto liste à puce du site */
/* right alt arrow */
/* Picto menu header site */
/* globe */
/* crayon */
/* lettre */
/* billetterie */
/* user */
/* loupe */
/* couleur des layouts (colorswitcher) */
.detail-main .frame .tx-jpfaq li h4 {
  text-decoration: none;
  color: #ffffff !important;
  height: auto;
  width: 100%;
  padding: 0px;
  padding-left: 32px;
  margin: 0; }

.tx-jpfaq ul {
  margin: 0;
  padding: 0 0 10px 0;
  display: flex;
  flex-direction: column;
  position: relative; }

.tx-jpfaq li {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
  display: flex;
  box-shadow: 6px 7px 20px -5px rgba(0, 0, 0, 0.1);
  height: auto;
  min-height: 50px;
  align-items: center;
  flex-wrap: wrap; }

.tx-jpfaq .jpfaqAnswer li {
  display: inline;
  box-shadow: none;
  margin: 0; }

.tx-jpfaq .accordion__content ul li::before {
  margin-left: 0; }

.tx-jpfaq .toggleTriggerContainer {
  width: 100%; }

.tx-jpfaq li .accordion__head.questionUnfolded::before {
  -webkit-transform: none;
  transform: none; }

.tx-jpfaq li .accordion__head.questionUnfolded {
  text-decoration: underline; }

.tx-jpfaq .jpfaqAll {
  margin-bottom: 10px; }

.tx-jpfaq label, .tx-jpfaq .jpfaqHideAll, .tx-jpfaq .toggleTriggerContainer, .tx-jpfaq #jpfaq-filter-count, .jpfaqFinfo {
  display: none; }

.tx-jpfaq form label {
  display: block; }

.tx-jpfaq .jpfaqSpinner {
  background-image: url("root/typo3conf/ext/jpfaq/Resources/Public/Images/jpfaqSpinner.gif");
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  margin: 10% 25%;
  display: block; }

.jpfaqQuestionCommentContainer, .jpfaqCatCommentContainer {
  position: relative;
  max-width: 480px; }

.jpfaqAddCommentForm {
  display: none;
  padding: 16px;
  margin-bottom: 16px;
  border: 1px solid #ccc; }

.jpfaqAddCommentForm textarea {
  width: 100%; }

.jpfaqCommentFormIntroHeader, .jpfaqCatCommentFormIntroHeader {
  margin: 10px 0 0; }

.jpfaqCommentFormIntroText {
  font-size: 90%; }

.jpfaqQuestionComment label, .jpfaqCatComment label {
  margin-top: 10px; }

.jpfaqCommentFieldWarning {
  border: 2px solid red !important; }

.jpfaqQuestionHelpfulText {
  font-size: 90%; }

.jpfaqQuestionHelpful {
  margin-left: 10px; }

.jpfaqAnswerIsHelpfulThankYouText {
  font-size: 90%;
  font-weight: bold; }

/* include fontawesome for the close buttons */
.jpfaqCatCommentFormClose .fa-times, .jpfaqCommentFormClose .fa-times, .jpfaqThanks .fa-times {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  font-size: 120%; }

.jpfaqThanks {
  padding: 16px;
  margin-bottom: 16px;
  border: 1px solid #ccc; }

.jpfaqThanksText {
  font-weight: bold; }

.jpfaqThanksComment {
  font-style: italic; }

.jpfaqThanksComment, .jpfaqThanksNameEmail {
  font-size: 80%; }