/******************
    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
*/



/*
	Règles CSS de surcharge à inclure en en-tête du fichier custom.css pour surcharger
	les styles theme_apple.css (ou theme_blueberry.css etc.).
	
	Mapping appliqué pour les couleurs :
	Chercher => Remplacer
	#14AE5C => #286090
	#0d6efd => #337ab7
	#b9f3d3 => #b3d5f2
	#a3f0c7 => #9dcffb
	
	Équivalents rgb / rgba également convertis suivant ce mapping.
	
*/
:root {
  --bs-blue: #337ab7;
  --bs-primary: #286090;
  --bs-primary-rgb: 40, 96, 144;
}
a {
  color: #337ab7;
}
.form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-select:focus {
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-check-input:checked {
  background-color: #337ab7;
  border-color: #337ab7;
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #337ab7;
  border-color: #337ab7;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-range::-webkit-slider-thumb {
  background-color: #337ab7;
}
.form-range::-moz-range-thumb {
  background-color: #337ab7;
}
.btn-check:focus + .btn, .btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.btn-primary {
  background-color: #286090;
  border-color: #286090;
}
.btn-primary:disabled, .btn-primary.disabled {
  background-color: #286090;
  border-color: #286090;
}
.btn-outline-primary {
  color: #286090;
  border-color: #286090;
}
.btn-outline-primary:hover {
  background-color: #286090;
  border-color: #286090;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(40, 96, 144, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  background-color: #286090;
  border-color: #286090;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(40, 96, 144, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #286090;
}
.btn-link {
  color: #337ab7;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #337ab7;
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  background-color: #337ab7;
}
.nav-link {
  color: #337ab7;
}
.nav-pills .show > .nav-link {
  background-color: #337ab7;
}
.accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.page-link {
  color: #337ab7;
}
.page-link:focus {
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.page-item.active .page-link {
  background-color: #337ab7;
  border-color: #337ab7;
}
.progress-bar {
  background-color: #337ab7;
}
.list-group-item.active {
  background-color: #337ab7;
  border-color: #337ab7;
}
.btn-close:focus {
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.link-primary {
  color: #286090;
}
.border-primary {
  border-color: #286090 !important;
}
.fruity_twentythree .input-group-addon {
  background-color: #286090;
}
.fruity_twentythree .label-primary {
  background-color: #286090;
}
.fruity_twentythree .label-success {
  background-color: #286090;
}
.fruity_twentythree .card-primary {
  border: 1px solid #286090;
}
.fruity_twentythree .card-primary > .card-header {
  background-color: #286090;
  border: 1px solid #286090;
}
.fruity_twentythree .card-primary > .card-header + .panel-collapse .card-body {
  border-top-color: #286090;
}
.fruity_twentythree .card-primary > .card-footer + .panel-collapse .card-body {
  border-bottom-color: #286090;
}
.fruity_twentythree .card-success {
  border: 1px solid #9dcffb;
}
.fruity_twentythree .card-success > .card-header {
  color: #286090;
  background-color: #b3d5f2;
  border: 1px solid #9dcffb;
}
.fruity_twentythree .card-success > .card-header + .panel-collapse .card-body {
  border-top-color: #9dcffb;
}
.fruity_twentythree .card-success > .card-footer + .panel-collapse .card-body {
  border-bottom-color: #9dcffb;
}
.fruity_twentythree .nav-pills > li.active > a:focus {
  background-color: #286090;
}
.fruity_twentythree .nav-pills > .active > a > .badge {
  color: #286090;
}
.fruity_twentythree .container-xxl .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  background: #286090;
}
.fruity_twentythree .em-function {
  color: #286090;
}
.fruity_twentythree #carousel-example-generic .carousel-control {
  color: #286090;
}
.fruity_twentythree #carousel-example-generic .card-title {
  color: #286090;
}
.fruity_twentythree #carousel-example-generic .carousel-indicators .active {
  background-color: #286090;
}
.fruity_twentythree #carousel-example-generic .carousel-indicators li {
  border: 1px solid #286090;
}
@keyframes preload-cycle-1 {
80%, 100% {
  border-left-color: #286090;
}
}
@keyframes preload-cycle-2 {
75%, 100% {
  border-left-color: #286090;
}
}
@keyframes preload-cycle-3 {
70%, 100% {
  border-left-color: #286090;
}
}
@keyframes preload-cycle-4 {
65%, 100% {
  border-left-color: #286090;
}
}
@keyframes preload-cycle-5 {
60%, 100% {
  border-left-color: #286090;
}
}
@keyframes preload-cycle-6 {
55%, 100% {
  border-left-color: #286090;
}
}
@keyframes animate-gradient {
0% {
  background: radial-gradient(circle at center, #286090 0px, #286090 1px, #ffffff 2px, #ffffff 100%);
}
10% {
  background: radial-gradient(circle at center, #286090 0px, #286090 2px, #ffffff 3px, #ffffff 100%);
}
20% {
  background: radial-gradient(circle at center, #286090 0px, #286090 3px, #ffffff 4px, #ffffff 100%);
}
30% {
  background: radial-gradient(circle at center, #286090 0px, #286090 4px, #ffffff 5px, #ffffff 100%);
}
40% {
  background: radial-gradient(circle at center, #286090 0px, #286090 5px, #ffffff 6px, #ffffff 100%);
}
50% {
  background: radial-gradient(circle at center, #286090 0px, #286090 6px, #ffffff 7px, #ffffff 100%);
}
60% {
  background: radial-gradient(circle at center, #286090 0px, #286090 7px, #ffffff 8px, #ffffff 100%);
}
70% {
  background: radial-gradient(circle at center, #286090 0px, #286090 8px, #ffffff 9px, #ffffff 100%);
}
80% {
  background: radial-gradient(circle at center, #286090 0px, #286090 9px, #ffffff 10px, #ffffff 100%);
}
90% {
  background: radial-gradient(circle at center, #286090 0px, #286090 10px, #ffffff 10px, #ffffff 100%);
}
100% {
  background: radial-gradient(circle at center, #286090 0px, #286090 8px, #ffffff 9px, #ffffff 100%);
}
}
.fruity_twentythree #comfortUpdateGeneralWrap h3.maintitle, .fruity_twentythree #comfortUpdateGeneralWrap .maintitle.h3 {
  color: #286090;
  border-bottom: 1px solid #286090;
}
.fruity_twentythree #comfortUpdateGeneralWrap .on span {
  background-color: #286090;
}
body .answer-item label::after {
  background-color: #286090;
}
.fruity_twentythree pagination > li > a {
  color: #286090;
}
.fruity_twentythree .side-body h3, .fruity_twentythree .side-body .h3, .fruity_twentythree .pagetitle, .fruity_twentythree .list-surveys h3, .fruity_twentythree .list-surveys .h3 {
  border-bottom: solid 2px #286090;
}
.navbar-toggle {
  border: solid 1px #286090;
}
.navbar-toggle .icon-bar {
  background-color: #286090;
}
.btn-primary {
  background-color: #286090;
  border-color: #286090;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary.dropdown-toggle.show, .btn-primary.dropdown-toggle.show:focus {
  background-color: #286090;
  border-color: #286090;
}
.btn-outline-primary {
  color: #286090;
  border-color: #286090;
}
.btn-outline-primary:hover {
  color: #286090;
  border-color: #286090;
}
.btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary:active:focus, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary.show {
  color: #286090;
  border-color: #286090;
  box-shadow: #286090;
}
.btn-link {
  color: #286090;
}
.btn-link:hover, .btn-link:focus {
  color: #286090;
}
.btn-check + .btn-primary:hover {
  background-color: #286090;
  border-color: #286090;
}
.btn-check + .btn-primary:active, .btn-check + .btn-primary.active, .btn-check + .btn-primary:active:focus {
  background-color: #286090;
  border-color: #286090;
}
.btn-check:active + .btn-primary {
  background-color: #286090;
  border-color: #286090;
}
.btn-check:checked + .btn-primary, .btn-check:checked + .btn-primary:focus, .btn-check:focus:checked + .btn-primary {
  background-color: #286090;
  border-color: #286090;
}
a {
  color: #286090;
}
.input-group-text, label .input-group-text {
  background-color: #286090;
}
.has-success .form-control {
  box-shadow: 4px 4px 0 #286090;
}
.has-success .form-control:focus {
  box-shadow: 4px 4px 0 #286090;
}
.radio-item label::after {
  background-color: #286090;
}
.radio-item input[type=radio] + label::after {
  background-color: #286090;
}
.radio-item input[type=radio]:checked + label::before {
  border-color: #286090;
}
.radio-item input[type=radio]:checked + label::after {
  background-color: #286090;
}
.radio-item input[type=radio]:checked + label {
  color: #286090;
}
.checkbox-item input[type=checkbox]:checked + label {
  color: #286090;
}
.checkbox-item input[type=checkbox]:checked + label::before {
  border-color: #286090;
}
.checkbox-item input[type=checkbox]:checked + label::after {
  color: #286090;
}
.checkbox-inline input[type=checkbox]:checked:after {
  background-color: #286090;
  border-color: #286090;
}
.tempus-dominus-widget .time-container-second div:not(.no-highlight).active {
  background-color: #286090;
}
.tempus-dominus-widget .time-container-second div:not(.no-highlight).today:before {
  border-bottom-color: #286090;
}
.tempus-dominus-widget button {
  background-color: #286090;
  border-color: #286090;
}
.slider.slider-horizontal .slider-handle.triangle {
  border-bottom-color: #286090;
}
.slider.slider-vertical .slider-handle.triangle {
  border-left-color: #286090;
  border-right-color: #286090;
}
.slider-tick.custom::before {
  color: #286090;
}
.slider-list .slider .slider-handle {
  background-color: #286090;
}
.slider-list .slider .slider-handle.custom::before {
  color: #286090;
}
.slider-list .slider .slider-selection {
  background-color: #286090;
}
.slider-list .slider .tooltip .tooltip-inner {
  color: #286090;
}
.has-success .help-block {
  color: #286090;
}
.has-success .control-label {
  color: #286090;
}
.has-success .radio {
  color: #286090;
}
.has-success .checkbox {
  color: #286090;
}
.has-success .radio-inline {
  color: #286090;
}
.has-success .checkbox-inline {
  color: #286090;
}
.progress-bar {
  background-color: #286090;
}
.list-group-item-success {
  background-color: #286090;
}
.privacy .checkbox-item label::before {
  border: 3px solid #286090;
}
.form-change-lang #language-changer-select {
  color: #286090;
}
.form-change-lang #lang-select::after {
  color: #286090;
}
li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label {
  border: 2px solid #286090 !important;
}
li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label + .imageselect-radiobutton:after {
  background-color: #286090;
}
li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label + .imageselect-radiobutton:before {
  border-color: #286090;
}
input.imageselect-checkbox:checked ~ .imageselect-select::before {
  border-color: #286090;
}
input.imageselect-checkbox:checked ~ .imageselect-select::after {
  color: #286090;
}
.select-sortable-lists:not(.ranking-advanced-style) .ranking-sorted-items .sortable-item {
  border: 1px solid #286090;
}
.ranking-advanced-style .ranking-advanced-sorted-items .sortable-item {
  border: 2px solid #286090;
}
.ranking-advanced-style .ranking-advanced-sorted-items .sortable-item .selector__index_row {
  color: #286090;
}
.numeric-multi .ls-group-total-separator hr {
  border-color: #286090;
}
.numeric-multi .ls-group-total .control-label {
  color: #286090;
}
.numeric-multi .dynamic-total.text-success {
  color: #286090 !important;
}
.dropdown-menu:not(.inner) > li > a:hover {
  background-color: #286090 !important;
}
.dropdown-menu:not(.inner) > li > a:focus {
  background-color: #286090 !important;
}
.dropdown-menu:not(.inner) > .active > a {
  background-color: #286090 !important;
}
.dropdown-menu:not(.inner) > .active > a:hover {
  background-color: #286090 !important;
}
.dropdown-menu:not(.inner) > .active > a:focus {
  background-color: #286090 !important;
}
.answer-container .bootstrap-select li.selected > .dropdown-item, .answer-container .bootstrap-select li.selected > .dropdown-item:hover, .answer-container .bootstrap-select li.selected > .dropdown-item:focus, .answer-container .bootstrap-select li.selected > .dropdown-item.active {
  background-color: #286090;
}
.success-border {
  border-color: #286090;
}

/*
 * Fin des règles de surcharge des thèmescss
 *
 *
 */



/*
 * Styles custom 
 */

.large-heading {
  font-family: 'Noto Sans';
}

.ls-label-question h3 {
  color: #3498db;
  margin-top: 0;
  font-size: 1.3em;
  line-height: 1.1em;
}

.form-heading {
  line-height: 1.5em;
}

#welcome-container {
  color: #337ab7;
}

/* Interlignage des titres */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  line-height: 1.6em;
}

/* Liens */
a,
a:link,
a:visited,
a:hover,
a:focus,
a:active {
  text-decoration: underline;
  color: #23527c;
}

/* Ligne de titre : numéro — 1er h3 — OBLIGATOIRE, puis flux normal pour le reste du libellé */
.question-title-container {
  display: flex;
  align-items: baseline;
  gap: .5em;
}
.question-title-container .question-text {
  display: contents;
}
.question-title-container .question-number {
  flex: 0 0 auto;
  color: #3498db;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.6em;
}
.question-title-container .ls-label-question {
  flex: 1 1 auto;
  min-width: 0;
}
.question-title-container .ls-label-question h3 {
  color: #3498db;
  margin-top: 0;
  display: block;
}
.question-title-container .ls-label-question p,
.question-title-container .ls-label-question ul {
  margin-bottom: .5em;
}
.question-title-container .asterisk { display: none; }
.question-title-container .ls-question-mandatory {
  order: 2;
  flex: 0 0 auto;
  font-size: .68em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #d2453e;
  white-space: nowrap;
}

/* Style des titres de niveau 4 */
.h4, h4 {
  font-size: 18px;
  line-height: 1.5em;
}

/* Masquage des numérotations pour les questions de type simple texte */
.boilerplate .question-number {
  display: none;
}

/* Styles de boutons upload */
.upload-button a,
.upload-button a:link,
.upload-button a:visited,
.upload-button a:hover,
.upload-button a:focus,
.upload-button a:active {
  text-decoration: none;
  color: #fff;
}

/* Styles des blockquote */
.fruity_twentythree blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

/* Bloc container des questions */
.question-container {
  margin-bottom: 2em;
  border: 1px solid #e7e7e7;
  background-color: #f8f8f8;
}

/* 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 (adaptation pour intégrer des images svg) */
.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;
}
.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;
}

/* Amélioration des accordéons (bootstrap) */
.accordion-item h1,
.accordion-item h2,
.accordion-item h3,
.accordion-item h4,
.accordion-item h5,
.accordion-item h6 {
  margin-top: 0;
}
.accordion-item .panel-body {
  margin: 1em;
  font-size: .7em;
}

/* 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;
  }
}

/* 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;
}

/* 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-masque{
  display: none;
}
.question-enfant {
  padding-left: 15px;
}


/* 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 (usage formulaires de réservation de groupes)
 */
/* Questions en catalogue */
.catalogue {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  justify-content: flex-start;
  align-items: stretch;
}
/* Titre et description du groupe sur leur propre ligne */
.catalogue .group-title,
.catalogue .group-description {
  flex: 0 0 100%;
  width: 100%;
}
/* Désactivation flex sur les .row internes */
.catalogueItem .answer-item > .row {
  display: block;
  margin: 0;
}
/* Neutralisation de .row + répartition en 3 colonnes de chaque question */
.catalogue > .catalogueItem {
  /* Neutralisation de .row (Bootstrap 5) */
  --bs-gutter-x: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  /* Comportement flex remplacé */
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
/* Contenu interne sur toute la largeur du bloc */
.catalogueItem .answer-item > .row > [class*="col-"] {
  padding: 0;
  width: auto;
  max-width: none;
}
/* Calage de la réponse en bas du bloc */
.catalogueItem .answer-container {
  margin-top: auto;
}
/* Visuel adaptatif */
.catalogueItem img.catalogueVisuel {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: .7em 0 1.2em 0;
}
/* Marges intérieures des items */
.catalogueItem {
  --catalogue-pad: 10px;
  padding: 0 var(--catalogue-pad);
}
/* Rattrapage des marges pour les visuels */
.catalogueItem img.catalogueVisuel {
  width: calc(100% + 2 * var(--catalogue-pad));
  max-width: none;
  margin-left: calc(-1 * var(--catalogue-pad));
  margin-right: calc(-1 * var(--catalogue-pad));
}
/* Smartphone : un bloc par ligne */
@media (max-width: 767.98px) {
  .catalogue > .catalogueItem {
    flex: 0 0 100%;
    width: 100%;
  }
}