Voir la fiche en pleine page Retour à la carte
Association

Rions de Soleil

Education populaire, résidences d'auteur-e-s, éducation aux médias, animations et événements culturels, bouquinerie

Les objectifs de l'association :
- Favoriser l’accès à la culture, au spectacle vivant, aux ateliers de pratiques artistiques, à la littérature, aux arts numériques et à la création sur le territoire des Hautes-Alpes
- Promouvoir la culture et le patrimoine Haut-Alpin en investissant des lieux insolites, lieux polyvalents non dédiés à l’art (salle des fêtes) lieux patrimoniaux (châteaux, salles classées…), lieux publics (rues, parcs, places de villages…) ou lieux de vie (médiathèques, écoles, IME…)
- Renforcer les liens et les partenariats avec les structures associatives et institutionnelles sur le département des Hautes-Alpes.
- Renforcer le lien social, les rencontres et les échanges avec une fréquence régulière d’événements culturels sur le territoire pour des publics d’horizons divers (enfants, adultes, publics empêchés, handicapés, anciens, très jeunes)

Nombre de salariés ou intervenants (en équivalent temps plein) 3

Offres proposées dans l'espace d'échange


  • <div class="results-col col-sm-12">
    • <div class="bazar-list dynamic" ref="entriesContainer">
      • <div class="bazar-cards-container" v-if="ready"
      • :class="[{ready: ready}, style-${params.style || 'vertical'}, nbcol-1]"
      • :style="{'grid-template-columns': repeat(1, 1fr)}">
  • <div v-if="entriesToDisplay.length
    0" class="alert alert-info">
    • Aucun résultat
  • </div>

  • <a v-for="entry in entriesToDisplay" :key="entry.id_fiche"
    • class="bazar-entry bazar-card modalbox"
    • :class="{'with-image': Object.keys(entry).includes('visual')}"
      • data-size="modal-lg" data-header="false" data-iframe="1"
        • :href="${entry.url + ((true || $root.isInIframe()) ? '/iframe' : '')}"
      • :title="entry.title"
        • >
      • <template v-if="Object.keys(entry).includes('visual')">
      • <template v-if="entry.visual">
        • <img
          • loading="lazy"
          • :style="{width:((params.style 'square')? false : '0px'),height:((params.style
            'square')? false : '0px'),'object-fit':params.imgstyle}"
          • class="area visual-area"
          • :src="urlImage(entry,'visual',300,200,'fit')"
          • @error="urlImageResizedOnError(entry,'visual',300,200,'fit',"99b314224d4f5ad390d967d.9gYkMH5bdo9QgKykpHKJBcxv1bsB6YBR-aQk18DvZvg.tWlBcT8RHOwn2p3x8ifFc6gIj4hJvelik95IlKXeHsiRbUhIOmMV4j369Q")"></img>
        • <div v-if="params.style != 'square'" class="area visual-area"
          • :style="{color:'blue','background-size':params.imgstyle ,'background-image': url('${urlImage(entry,'visual',300,200,'fit')}')}">
        • </div>
      • </template>
      • <div v-else class="area area visual-area placeholder"></div>
    • </template>
    • <div class="content">
      • <h4 div class="area title-area" v-if="entry.title">
      • <span v-show="entry.color" class="pellet" :style="{'background-color': entry.color}"></span>
      • <i v-show="entry.icon" :class="entry.icon"></i>
      • <span class="title" v-html="entry.title"></span>
      • </h4>

  • <entry-field :entry="entry" prop="subtitle" class="area subtitle-area line-clamp" :style="{'webkit-line-clamp': params.nblines}"></entry-field>
    • <entry-field :entry="entry" prop="text" class="area text-area"></entry-field>

  • <entry-field :entry="entry" prop="footer" class="area footer-area"></entry-field>
    • <entry-field :entry="entry" prop="floating" class="area floating-area"></entry-field>
  • </div>
  • </a>
  • <spinner-loader v-if="isLoading" class="overlay"></spinner-loader>
  • </div>
  • <spinner-loader v-else height="500"></spinner-loader>
    • </div>
      • <ul class="pagination" v-if="pagination && entriesToDisplay.length > 0 && pages.length > 1">
    • <li @click="currentPage = 0" :class="{disabled: currentPage 0}">
      • <i class="fa fa-chevron-left"></i>
    • </li>
    • <template v-for="page in pages">
      • <li v-if="page
        'divider'">...</li>
      • <li v-else :class="{active: currentPage page}" @click="currentPage = page">
        • Action page : N'existe pas
      • </li>
    • </template>
    • <li @click="currentPage = pages.length - 1" :class="{disabled: currentPage
      pages.length - 1}">
      • <i class="fa fa-chevron-right"></i>
    • </li>
  • </ul>

  • </div>

  • </div>

  • <modal-entry ref="modal"></modal-entry>
</div>
  • </div>
  • </div>
    • <div class="meta-donnees">
      • <div>Secteur d'activité <ul>
      • <li>Culture <i class="fas fa-theater-masks"></i> </li>
      • <li>Éducation - formation <i class="fas fa-book-reader"></i> <span class="pellet" style="background-color:#6fa8dc;"></span></li>
      • <li>Loisirs <i class="fas fa-palette"></i> <span class="pellet" style="background-color:#ce7e00;"></span></li>
      • <li>Numérique <i class="fas fa-laptop"></i> <span class="pellet" style="background-color:#f44336;"></span></li>
      • <li>Vie locale / vie sociale <i class="fas fa-user-friends"></i> <span class="pellet" style="background-color:#4c1130;"></span></li>
    • </ul>
  • </div>
    • <div>Publics<ul>
    • <li>Enfants</li>
    • <li>Jeunes</li>
    • <li>Adultes</li>
    • <li>Seniors</li>
    • <li>Famille</li>
    • </ul>
  • </div>
    • <div>Territoire Départemental </div>
    • </div>

</div>
  • </div>
""