LEspace-Mandala-Centre-Holistique-a-Gourdon-46-24

L'ESPACE MANDALA

Un lieu où chacun peut prendre soin de soi, naturellement

Bienvenue !

L'Espace Mandala
UN LIEU VIVANT

Il existe mille façons de prendre soin de soi. Certaines passent par le corps. D'autres par l'écoute, le mouvement, la respiration, la créativité ou le silence. Certaines trouvent leurs racines dans les connaissances scientifiques. D'autres s'inspirent de traditions ancestrales ou d'approches énergétiques.

Tout au long de l'année, plusieurs rendez-vous vous attendent pour prendre soin de vous.

Yoga

Pilates

Danse

Qi Gong

Soin énergétique

Réflexologie

Chorale

Numérologie

Cycle Pro

Cycle Sciences

Notre collectif

Un lieu où chacun peut trouver sa place

L'Espace Mandala est un collectif de praticien·nes et praticien·nes réuni·es autour d'une intention commune : prendre soin de l'humain avec présence, compétence et bienveillance. Chaque professionnel apporte son approche, son expérience et sa sensibilité.

Ensemble, nous cultivons un lieu où l'on peut venir simplement.

Pour soulager une douleur·traverser une étape de vie·retrouver de l'énergie·prendre du recul·explorer·respirer·ou simplement s'accorder un temps pour soi

Notre philosophie

La diversité est une richesse

À l'Espace Mandala, nous croyons qu'un même lieu peut accueillir des pratiques différentes, des sensibilités variées et des regards complémentaires, dans le respect de chacun. À l'image de la nature, riche et pleine de couleurs, de formes …

Déployons notre humanité en un panel de beauté.

Avis

Ce que vous pensez de
L'Espace Mandala

Aide HTML (visible uniquement quand tu es connectée)

Ici, tu trouves tout ce qu'il faut pour modifier un texte, une couleur ou un lien sur le site.

1. C'est quoi le HTML ?

Le HTML, c'est le « langage » qui dit à ton écran comment afficher un texte : en gras, en couleur, en titre, en lien… Il fonctionne avec des balises.

Imagine une balise comme un interrupteur :

  • La première balise allume l'effet (par exemple le gras).
  • La deuxième, celle qui contient un /, l'éteint.
  • Ton texte se trouve entre les deux : c'est lui qui reçoit l'effet.

Si tu oublies d'éteindre l'interrupteur, l'effet continue sur tout le reste de la page. C'est l'erreur la plus courante, et elle se répare facilement (voir la section 7).

2. Anatomie d'une balise

Regardons une balise de près, avec un exemple pour mettre un mot en gras :

<strong>important</strong>
La balise qui allume Ton texte La balise qui éteint (avec le /)

Certaines balises ont une information en plus, comme un lien :

<a href="https://exemple.fr">cliquez ici</a>
  • a est le nom de la balise (« a » comme « ancre », c'est un lien).
  • href veut dire « adresse où le lien envoie ». Il est toujours suivi de =.
  • L'adresse se met entre guillemets " ". Ils sont obligatoires : il en faut un à l'ouverture et un à la fermeture.
3. Les balises de base, à copier-coller

Pour chaque ligne : ce que tu veux faire, le code à copier, et à quoi ça ressemble une fois affiché.

Je veux…J'écris…Résultat
Passer à la ligne Utile pour couper une phrase en deux sans créer un nouveau paragraphe. Cette balise n'a pas de « fermeture ». Ligne 1<br>Ligne 2 Ligne 1
Ligne 2
Faire un nouveau paragraphe Pour séparer deux blocs de texte, avec un espace entre les deux. <p>Mon texte</p>

Mon texte

Mettre en gras Pour faire ressortir un mot ou une date importante. <strong>important</strong> important
Mettre en italique Pour une nuance, un nom de livre, un mot étranger. <em>nuance</em> nuance
Faire un lien Remplace l'adresse entre guillemets par celle de la page voulue (avec le https:// devant). <a href="https://exemple.fr">cliquez ici</a> cliquez ici
Faire un lien pour écrire un mail Au clic, la messagerie du visiteur s'ouvre. Ici, on écrit mailto: devant l'adresse. <a href="mailto:contact@exemple.fr">Écris-nous</a> Écris-nous
Faire une liste à puces Chaque puce est entre <li> et </li>. L'ensemble est entouré par <ul> et </ul>. <ul><li>Un</li><li>Deux</li></ul>
  • Un
  • Deux
Mettre un titre h2 = titre principal, h3 = sous-titre. Ils reprennent automatiquement la police du site. <h2>Mon titre</h2> Mon titre
Ajouter une image alt = une courte description de l'image (utile pour les personnes malvoyantes et pour Google). <img src="adresse-de-l-image" alt="description"> (l'image)

Adresse d'une image : ajoute-la d'abord dans Médias de WordPress, ouvre-la, puis copie son « URL du fichier ».

4. Changer la couleur d'un texte (et deux autres réglages)

Pour colorer un mot, on utilise la balise span avec un réglage de style. Voici le modèle à copier :

<span style="color:#C75000;">mon mot</span>

Ce que ça veut dire :

  • style="…" : « voici une mise en forme ».
  • color: : « la couleur du texte est… ».
  • #C75000 : le code de la couleur. Un dièse # suivi de 6 caractères. Tu n'as qu'à remplacer ce code par un autre.
  • ; : le point-virgule à la fin est obligatoire, il termine le réglage.

Les couleurs du site, prêtes à copier

Reste sur cette palette : ton site garde ainsi une belle harmonie.

CouleurCode à copierRésultat
Bordeaux (texte principal) <span style="color:#550527;">mot</span> mon mot
Orange (mots mis en avant) <span style="color:#C75000;">mot</span> mon mot
Moutarde Peu lisible sur fond clair : à réserver à un mot court et en gras, ou à un fond foncé. <span style="color:#ECAB36;">mot</span> mon mot
Bleu-vert <span style="color:#608889;">mot</span> mon mot
Crème (sur fond foncé uniquement) <span style="color:#FBEBCE;">mot</span> mon mot

Envie d'une autre couleur ? Tape « color picker » dans Google, choisis ta couleur, et copie son code (il commence par #).

Deux autres réglages qui marchent pareil

Je veux…J'écris…Résultat
Agrandir un mot Change le nombre (22 = plus grand, 14 = plus petit). <span style="font-size:22px;">mot</span> mon mot
Centrer un paragraphe Pour aligner à gauche : text-align:left; à droite : text-align:right; <p style="text-align:center;">Mon texte</p>

Mon texte

Combiner plusieurs réglages

Tu peux en mettre plusieurs dans le même style, séparés par des ; :

<span style="color:#C75000; font-size:22px;">mon mot</span>

Résultat : mon mot

Astuce : le mot orange dans les titres

Dans les titres du site (par exemple « Planning 2026 »), l'orange est déjà prévu avec <span class="accent">mot</span>. Dans un titre, utilise plutôt celui-là : copie la ligne existante plutôt que de la réécrire.

5. Exemple pas à pas : changer un horaire du planning

Imaginons que le yoga du lundi matin commence à 10h30 au lieu de 10h15.

Dans le code du planning, tu trouves une ligne comme celle-ci :

Avant
{ jour: "Lundi", periode: "Matin", type: "yoga", nom: "Yoga", horaire: "10h15 – 11h30", intervenant: "Valentine" },
Après
{ jour: "Lundi", periode: "Matin", type: "yoga", nom: "Yoga", horaire: "10h30 – 11h45", intervenant: "Valentine" },

Tu n'as changé que le texte entre les guillemets après horaire:. Les guillemets, les virgules et les accolades { } restent exactement là où ils sont. Ensuite : « Mettre à jour », puis vérifie sur la page.

6. Si quelque chose s'est cassé

Pas de panique : tant que tu n'as pas cliqué sur « Publier », rien n'est publié. Tu peux annuler avec Ctrl + Z (ou Cmd + Z sur Mac). Voici les 3 cas les plus fréquents :

Tout le reste de la page est en gras (ou en italique, ou en couleur)

Cause : une balise a été ouverte mais pas fermée, par exemple <strong> sans son </strong>.
Solution : ajoute la balise de fermeture juste après le mot concerné.

Un lien ne marche pas

Cause : il manque le https:// au début de l'adresse, ou un guillemet " a disparu.
Solution : compare avec un lien qui fonctionne, et vérifie qu'il y a bien deux guillemets autour de l'adresse.

Un texte a disparu de la page

Cause : il se trouve peut-être entre <!-- et --> (voir l'astuce ci-dessous), ou un chevron > a été supprimé.
Solution : retire les <!-- et -->, ou remets le chevron manquant.

Astuce : cacher un texte sans le supprimer

Entoure-le de <!-- au début et --> à la fin. Il disparaît de la page, mais reste dans le code : tu pourras le remettre plus tard, il suffira de retirer ces deux morceaux.

7. Les règles d'or
  • Toute balise ouverte doit être refermée.
  • Ne supprime jamais un guillemet " ni un chevron < ou > par erreur.
  • Modifie uniquement le texte, et copie une ligne existante pour en ajouter une.
  • Après chaque modification : enregistre, ouvre la page, et vérifie que tout est en place.
  • En cas de doute, ne clique pas sur « Publier » et demande de l'aide à Charlotte.
Retour en haut