/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/*
 * Styles pour les thèmes VLR / CDALR
 */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  line-height: 1.6em;
}
a,
a:link,
a:visited,
a:hover,
a:focus,
a:active {
    text-decoration: underline;
}

.question-number {
    font-size: 24px;
    line-height: 1.6em;
}

.numeric-item input[data-number='1'] {
    text-align: left;
}
/* Style des titres de niveau 4 */
.h4, h4 {
    font-size: 18px;
    line-height: 1.5em;
}
/* Style des titres de niveau 3 dans les questions */
.question-title-container{
    display: flex;
}
.ls-label-question h3 {
	color: #3498db;
	margin-top: 0;
}
.question-title-container .asterisk{
    margin-right: .5em;
}
.question-title-container h3:first-child {
  display: inline;
}
/* Mise en forme améliorée des tableaux de class "table-stylise"*/
.table-stylisee {
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  font-family: sans-serif;
	min-width: 400px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px){
    .table-stylisee{
        width: 66%;
    }
}
.table-stylisee thead tr {
  background-color: #009fe3;
  color: #ffffff;
  text-align: left;
}
.table-stylisee th,
.table-stylisee td {
  padding: 12px 15px;
}
.table-stylisee tbody tr {
  border-bottom: 1px solid #dddddd;
}
.table-stylisee tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}
.table-stylisee tbody tr:last-of-type {
  border-bottom: 2px solid #009fe3;
}

/* Images intercalées */
.imgIntercalee {
  margin: 0 auto;
  width: 75%;
}
/* Boîtes escamotables */
.escamotable {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .escamotable:hover {
  background-color: #555;
}

.escamotable:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.escamotableContenu {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}

/* Masquage des numérotations pour les questions de type simple texte */
.boilerplate .question-number {
    display: none;
}
/* Affichage de réponses en liste sur plusieurs colonnes */
.listeRep2Col ul{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 0;
}
.listeRep3Col ul{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 0;
}
/* Personnalisation pour questions à aggréger */
.question-container-top{
    margin-bottom: 0 !important;
    border-bottom: none !important;
}
.question-container-middle{
    margin-bottom: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
}
.question-container-bottom{
    border-top: none !important;
    padding-bottom: 2em;
}
.question-masque-titre .question-title-container{
  display: none;
}
.question-masque-titre .question-help-container {
  margin-top: 1.5em;
}
.question-masque-titre .answers-list {
  padding-top: 0;
  padding-bottom: 0;
}
.question-masque-titre:first-child .answers-list {
  padding-top: 15px;
}
.question-masque-titre:last-child .answers-list {
  padding-bottom: 15px;
}
.question-enfant {
  padding-left: 15px;
}
/* Cases à cocher et boutons radio à aligner à 33% */
@media (min-width: 768px){
    .question-list-radio-align-33 .radio-list li{
        margin-left: 33%;
        padding-left: 35px;
    }
}
.question-sans-titre .question-title-container{
    display:none;
}
/* Notations à étoile à 3 étoiles */
.stars-list-limit-3 .stars-list .star-4,
.stars-list-limit-3 .stars-list .star-5{
    display: none;
}
/* Masquage du champ de recherche de carto qui ne fonctionne pas très bien */
.geoname_search{
    display:none;   
}
/* Masquage à la demande des messages d'aide plage de valeurs */
.masquer_em_value_range .em_value_range{
    display:none;  
}
/* Visuels pour formulaire évaluation appli lrabdd mai 2025 */
#eval-lrabdd-service-01{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/01-mavilleminforme.svg");}
#eval-lrabdd-service-02{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/02-webcams.svg");}
#eval-lrabdd-service-03{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/03-.svg");}
#eval-lrabdd-service-04{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/04-evenements.svg");}
#eval-lrabdd-service-05{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/05-transportsencommun.svg");}
#eval-lrabdd-service-06{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/06-monparking.svg");}
#eval-lrabdd-service-07{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/07-velosenlibreservice.svg");}
#eval-lrabdd-service-08{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/08-cinema.svg");}
#eval-lrabdd-service-09{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/09-piscines.svg");}
#eval-lrabdd-service-10{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/10-mediatheques.svg");}
#eval-lrabdd-service-11{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/11-bibliothequesdemedias.svg");}
#eval-lrabdd-service-12{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/12-defibrillateurs.svg");}
#eval-lrabdd-service-13{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/13-toilettes-publiques.svg");}
#eval-lrabdd-service-14{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/14-menus-des-ecoles.svg");}
#eval-lrabdd-service-15{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/15-pav.svg");}
#eval-lrabdd-service-16{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/16-actualites.svg");}
#eval-lrabdd-service-17{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/17-meteo.svg");}
#eval-lrabdd-service-18{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/18-marees.svg");}
#eval-lrabdd-service-19{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/19-elus.svg");}
#eval-lrabdd-service-20{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/20-grandsprojets.svg");}
#eval-lrabdd-service-21{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/21-pointcommun.svg");}
#eval-lrabdd-service-22{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/22-LarochelleEnsemble.svg");}
#eval-lrabdd-service-23{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/23-numerosutiles.svg");}
#eval-lrabdd-service-24{display: inline-flex; width: 25px; height: 25px; margin-right: .7em; background-size: contain; background-image: url("https://enquetes.agglo-larochelle.fr/upload/global/eval-lrabdd/24-applicationsutiles.svg");}

/* Mise en page de questions en catalogue */
.catalogue {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  justify-content: flex-start;
}
.catalogue .group-description{
  width: 100%;
}
.catalogueItem {
  width: 320px;
  flex-shrink: 0;
}
.catalogueItem img.catalogueVisuel {
  width: 318px;
  margin: .7em 0 1.2em -15px;
}