Riguidel architectes

Atelier Riguidel architectes

Anne-Charlotte Riguidel — 2026-02-16T15:40:32Z

HALLES DE MAURON

Anne-Charlotte Riguidel — 2026-02-16T15:27:42Z

Maisons jumelles Le Rhune Belz

Anne-Charlotte Riguidel — 2023-03-15T15:00:57Z

Une envie de vivre autrement, d'observer la vie sauvage au petit matin, dans une maison vertueuse, lumineuse et chaleureuse. Un site difficile, ancienne carrière abandonnée à fort dénivelé, comblée aux remblais mais colonisée par la nature, la bruyère, ombragée de pins maritimes et de chênes.
2 maisons jumelles sont dessinées en plan inversé : les chambres au RDC et les pièces de vies à l'étage pour profiter de la vue sur le parc. Une conception en ossature bois, des isolants naturels, du bardage en châtaigner pour le socle surmonté de métal laqué. Une grande pièce commune relie les 2 maisons au RDC, une terrasse à l'étage.

Démonstration des raccourcis typographiques de SPIP

erational — 2023-02-24T16:04:52Z

Référence en ligne

Le texte préexiste à la mise en page

C'est peut-être une évidence, mais pour mettre en page un texte, il faut que le texte existe.

Dans le cas de SPIP, ça veut dire qu'il vaut mieux (au moins dans un premier temps) :

disposer de tout le texte sans aucun raccourcis typographique,
sauter une ligne à chaque changement d'idée (ce qui donne un changement de paragraphe, voire un titre),
faire un retour à la ligne avant chaque élément d'une énumération.

Ce n'est qu'ensuite que les raccourcis typographiques de SPIP pourront être appliqués avec discernement.

Distinction entre paragraphes et caractères

Certains attributs typographiques ne peuvent s'appliquer qu'à des paragraphes entiers, d'autres doivent être appliqués à des caractères dans le même paragraphe.

Dans la Barre Typographique de SPIP, les attributs de caractères forment le premier groupe sur la gauche, les attributs typographiques de paragraphes le deuxième.

Paragraphes

Un paragraphe dans SPIP est précédé d'une ligne vide et suivi d'une ligne vide [1].

Une règle générale est de ne mettre qu'un attribut de paragraphe par paragraphe.

Si deux paragraphes de suite ont le même attribut, il faut appliquer deux fois l'attribut, une fois pour chaque paragraphe.

Les attributs de paragraphe ne sont pas disponibles dans les champs de SPIP n'ayant qu'une ligne.

Les attributs de paragraphe sont :

les titres {{{Paragraphe du titre}}}.

Certains attributs sont un peu spéciaux :

Poésie Le texte de la poésie, sur plusieurs lignes, les retour à la ligne simple étant pris en compte

Le geai gélatineux gégnait dans le jasmin

Voici mes infins le plus beau vers de la langue française.

Cadre Texte qui apparaitra dans une zone de formulaire facilitant le copier/coller [2]

Ceci est du texte dans un cadre. les espaces en début de ligne comptent ! Les retour à la ligne simples aussi !

Citation Texte d'une citation

C'est en forgeant que l'on devient forgeron.

Caractères

Les attributs de caractères doivent être ouverts et fermés à l'intérieur du même paragraphe (pas question de débuter le gras sur un premier paragraphe et de le terminer sur un deuxième).

Ils peuvent être utilisés dans tous les champs de SPIP.

Mise en forme :

gras : {{texte en gras}} ; à utiliser pour un élément que l'on souhaite appuyer (sera prononcé plus fort dans un lecteur vocal) : texte en gras
italique : {italique} ; à utiliser pour une élément sur lequel on veut insister (sera prononcé avec emphase) : italique
code : du code (raccourcis typographiques, html...) que l'on ne souhaite pas que SPIP interprète
biffé : texte biffé : pour indiquer qu'on avait pensé à un autre mot et que l'on a changé d'avis : SPIP, c'est ~~bien~~ fantastique !

Comportement spécifique :

lien : [texte du lien->http://www.spip.net/] : lien : texte du lien
À noter qu'il est possible de faire des liens à l'intérieur du site SPIP à l'aide des numéros des éléments et de leur type (se reporter à l'aide en ligne fournie par SPIP).
lien avec bulle d'aide : [texte du lien|Le site officiel de SPIP->http://www.spip.net/] : texte du lien
lien avec langue des destination (non visible sur Internet Explorer) : [texte du lien|{fr}->http://www.spip.net/] : texte du lien
lien avec bulle d'aide et langue des destination : [texte du lien|Le site officiel de SPIP{fr}->http://www.spip.net/] : texte du lien
ancre et retour à l'ancre : [definition_ancre<-] et [retour à l'ancre->#definition_ancre] : retour à l'ancre
définition dans Wikipedia : [?GPL] : appelle l'encyclopédie libre Wkipedia pour obtenir la définition du mot [3] : GPL
Avec bulle d'aide : [?GPL|Définition sur Wikipédia] : GPL
note de bas de page : texte[[note de bas de page]] : crée une note de bas de page avec le texte entre les doubles crochets [4]
expression mathématique $expression TeX$ : affichage une formule mathématique selon la syntaxe LaTeX :

Listes

Les listes sont à utiliser pour tout ce qui à le sens d'une énumération.

Attention : il faut entourer un bloc de listes à puces d'une ligne vide avant et après.

Listes à puces

-* première ligne -* deuxième ligne -** une sous liste à puce -* de retour dans le niveau initial

Donnera :

première ligne
deuxième ligne
- une sous liste à puce
de retour dans le niveau initial

Listes numérotées

-# première ligne -# deuxième ligne -## une sous liste à puce -# de retour dans le niveau initial

Donnera :

première ligne
deuxième ligne
1. une sous liste numérotée
de retour dans le niveau initial

Tableaux

Pour être complètement accessible, un tableau dans SPIP doit avoir un titre et une description.

Ainsi :

||Produits bio et prix|Ce tableau sert d'exemple de mise en forme spip|| | {{Produit}} | {{Prix €}} | | Beurre Bio | 5€ | | Lait Bio | 3€ | | Choux Bio | 4€ |

Donnera :

Produits bio et prix
Ce tableau sert d'exemple de mise en forme spip
Produit	Prix €
Beurre Bio	5€
Lait Bio	3€
Choux Bio	4€

Notez les doubles || sur la première ligne du tableau !

Attention : les pièges classiques avec les tableaux sont :

ne pas avoir le même nombre de | sur une ligne
avoir un espace après le dernier | de la ligne (un moyen simple de vérifier : la touche fin du clavier amène à la fin de la ligne)

Tableaux avec fusion de cellules

||Tableau avec fusion|Ce tableau sert d'exemple de mise en forme spip|| | {{Colonne 1}} | {{Colonne 2}} | {{Colonne 3}} | | ligne 1 | Cellule fusionnée avec la suivante |<| | ligne 2 | Celulle fusionnée _ avec celle du sessous | normale | | ligne 2 |^| normale aussi |

Donnera :

Tableau avec fusion
Ce tableau sert d'exemple de mise en forme spip
Colonne 1	Colonne 2	Colonne 3
ligne 1	Cellule fusionnée avec la suivante
ligne 2	Celulle fusionnée avec celle du dessous	normale
ligne 2	Celulle fusionnée avec celle du dessous	normale aussi

Images

Pour les images et documents, reportez-vous à l'aide en ligne de SPIP. Seule contrainte pour l'accessibilité (et donc un meilleur référencement) : donnez un titre à toutes vos images décrivant le [sens/signification] de chacune d'elles.

Caractères spéciaux

~ (espace insécable ou espace dur — correspond au du HTML) placé entre deux mots remplace l'espace en ayant l'avantage d'être insécable, c'est-à-dire, qu'il empêchera les deux mots d'être séparés par un retour à la ligne malvenu. S'utilise en particulier entre le prénom et le nom propre.
-- : — (tiret cadratin) à utiliser pour les incises dans un texte

Ligne horizontale

---- : 4 signes moins en seuls sur une ligne (précédés d'une ligne vide et suivis d'une ligne vide) donneront un trait de séparation horizontal.

Éléments dangereux

Il y a deux éléments dangereux dans SPIP :

le retour à la ligne simple : _ (souligné espace) en début de ligne.
Usage toléré pour donner adresse et numéro de téléphone/fax.
Usage toléré : dans une liste à puce pour passer à la ligne sans passer à une nouvelle puce (comme ici).
Usage interdit : pour mettre plus d'espace vertical entre deux éléments de la page.
les fausses listes à puce : - (moins espace) en début de ligne
L'effet visuel peut être intéressant, mais il n'a pas de sens.
Ceci est une fausse liste à puce
le HTML pur : il est possible dans SPIP de mettre du code HTML. Le faire est fortement déconseillé :
- parce que c'est la porte ouverte à toutes les dérives, ne serait-ce que celle de sortir de la charte graphique du site, ou celle de produire un code HTML non valide (voire non interprétable ailleurs que sur Internet Explorer
- parce que c'est partir du postulat que votre site ne sera visité qu'en tant que site web ; il pourrait très bien être un jour disponible sous forme de fichier PDF...

Placement des images

[1] Sauf les listes à puce et les tableaux

[2] Essentiellement utilisé sur spip-contrib pour donner des exemples de code

[3] Si le mot n'existe pas, vous pouvez le créer vous-même !

[4] Et la note de bas de page est automatiquement numérotée, rendue clicable, pour la consulter, et pour revenir au texte l'ayant appelée

Article à plusieurs colonnes

erational — 2023-02-24T16:03:58Z

Le site utilise le framework Bootstrap

Il est donc possible d'utiliser la mise à page en colonnes
https://getbootstrap.com/docs/4.2/layout/grid/

A utiliser avec précaution :

tester votre mise en page sur les mobiles et petits terminaux.
si vous oubliez de fermer une balise, toute la mise en page peut sauter.

Article sur 2 colonnes

  1 of 2 
  2 of 2

Démonstration

Lorem ipsum dolor sit amet consectetuer interdum eget nibh et amet. Arcu lobortis mauris malesuada consequat et Maecenas mauris leo augue vitae. Tempor ultrices amet quis faucibus risus interdum Donec nibh cursus nibh. Sed Nam turpis nec Pellentesque eget facilisi lacinia eget dolor et. Lobortis nisl porta et sem laoreet Vestibulum risus Phasellus et et. Justo tempor sollicitudin consectetuer congue augue nec sem mauris hac Curabitur. Ultrices quis turpis mi pretium id quis magnis tellus Cras vel. Sed Sed non ac nascetur eget gravida ligula pellentesque ut id. Et Lorem In Nunc nascetur justo et facilisi nibh massa velit. Auctor eu velit vitae metus convallis libero lacus interdum hendrerit gravida. Ipsum nec felis laoreet est consectetuer tellus augue sem risus mattis. Integer Curabitur vitae ut dolor quis Sed congue Lorem Nam tempus. Tincidunt accumsan Vivamus dui Morbi eget netus sagittis sem vel Integer. Convallis in elit id Nulla Phasellus lorem egestas senectus elit dictumst. Vitae Vivamus Nunc at euismod dis urna lacus Pellentesque mus eu. Maecenas non vitae ligula convallis odio dui ridiculus elit est tincidunt. Sed in Integer habitasse tellus pellentesque et volutpat enim sed et. Id tellus wisi semper non Nulla Cum pede Mauris Donec Curabitur. Curabitur est dui congue Nullam orci condimentum eu Phasellus hendrerit Sed. Malesuada nascetur est interdum Phasellus risus nunc nibh iaculis ut pede. Vitae sociis magna et justo lorem Sed pretium odio dolor ac. Lacus

Sem elit condimentum ultrices ipsum sem malesuada elit adipiscing pellentesque Curabitur. Massa pretium malesuada vel In risus semper convallis leo Aenean magnis. At urna rhoncus condimentum interdum neque eget purus consectetuer eget ac. Mauris Nam convallis fringilla volutpat Lorem nulla ante consectetuer tempor consectetuer. Sagittis tellus eget et dis felis volutpat pellentesque cursus tristique tincidunt. Vel rutrum Nunc Integer dolor odio orci Sed dapibus consequat a. Augue id Phasellus id sit elit pretium at Nam ullamcorper Curabitur. Ut id In at condimentum et Vestibulum et lorem elit tempus. Tempor Curabitur ullamcorper metus elit Nullam Suspendisse consequat eget elit non. Vestibulum interdum ligula dui Cras Vestibulum Mauris mollis adipiscing semper ut. Vestibulum nunc odio condimentum hendrerit mollis hac mus elit Aenean feugiat. Mauris et tincidunt facilisis in elit at In dui semper magnis. Vel Vestibulum lorem Integer adipiscing neque eget auctor nulla consequat ligula. Phasellus Integer quis tristique ligula ipsum vel Curabitur orci et Curabitur. Nulla tempor sagittis tempus purus vitae parturient Integer adipiscing eget congue. Nibh laoreet vel Phasellus odio sollicitudin non wisi Vestibulum ut sagittis. Mollis dictumst velit In libero Curabitur dolor ante elit Sed ante. Eros vitae at pede nec justo sapien Mauris sed auctor sem. Integer ornare Vivamus eget Vivamus tincidunt morbi interdum neque velit vitae. Urna lobortis felis ligula dictum in Curabitur arcu semper dolor facilisis. Pretium Nullam sed netus habitant tempor Sed elit malesuada ante

Article sur 3 colonnes

  1 of 3 
  2 of 3 
  3 of 3

Démonstration

Dictumst turpis auctor volutpat odio Fusce et at amet et lobortis. Felis ut mauris et mi consectetuer tempor Phasellus id Nulla dui. Dui Proin laoreet id orci ligula ac tincidunt vitae congue auctor. At Donec orci nunc vitae Sed at semper facilisis sem non. Curabitur Vivamus sagittis pellentesque nec vitae fringilla lobortis ac volutpat nec. Sed wisi Phasellus sit lacinia consectetuer sociis ligula morbi at quis. Amet sagittis volutpat Curabitur eui

nec justo risus fringilla tincidunt mauris. Quisque et sed pulvinar quis convallis ridiculus convallis at habitant consequat. Cum vel justo Vivamus netus tellus Vivamus vel Fusce nunc Cum. Id pellentesque semper pede feugiat consequat natoque Nulla senectus urna urna. Dictumst turpis auctor volutpat odio Fusce et at amet et lobortis. Felis ut mauris et mi consectetuer tempor Phasellus id Nulla dui. Dui Proin laoreet id orci ligula ac tincidunt vitae congue auctor. At Donec orci nunc vitae Sed at semper facilisis sem non. Curabitur Vivamus sagittis pellentesque nec vitae fringilla lobortis ac volutpat nec. Sed wisi Phasellus sit lacinia consectetuer sociis ligula morbi at quis. Amet sagittis volutpat Curabitur eui

Adipiscing condimentum orci Proin consectetuer orci purus Nam porta vitae Donec. Convallis justo semper Vestibulum consequat Curabitur at dolor orci quis Sed. A lobortis quis Aenean orci sociis adipiscing Morbi orci hac interdum. Sodales Quisque Vestibulum interdum ullamcorper ipsum id ante porta Curabitur egestas. Sed In convallis Pellentesque auctor eros ac amet orci ut pellentesque. Et laoreet in vitae id Aenean Phasellus dui convallis Curabitur Nulla. Laoreet sem auctor Sed wisi mauris Curabitur magna tempus et elit. Vitae sagittis sed vitae pretium nisl ac metus eget pretium In. Aliquet congue tincidunt et velit eget nec sollicitudin eget neque In. Eget Nam et vitae gravida Pellentesque dui dui egestas adipiscing orci. Justo convallis malesuada Fusce condimentum interdum tincidunt id eu est Vestibulum. Pellentesque interdum ut tincidunt volutpat orci vel Ut sed eget quis. Pellentesque Sed Phasellus semper Quisque pellentesque congue nec risus vitae leo. Diam justo orci nibh laoreet smod dictum Nullam pharetra condimentum vestibulum Aenean. Nulla Morbi laoreet sed risus eu tortor laoreet at tortor Curabitur. Et ligula et dictumst tellus dictum Nullam elit eget pede Sed. Consequat pretium adipiscing Vivamus condimentum Nam mi est Nulla lacus congue. Aenean lacinia at ac id et malesuada elit Donec convallis morbi. Quis Nam Sed arcu tempor leo fermentum gravida faucibus felis nonummy. Fringilla id sed nibh ut augue et Nam hac adipiscing quis. Mauris metus vitae lacinia justo odio vitae odio sagittis vitae vitae. Quis ut euismod porttitor nec tincidunt urna suscipit ligula volutpat Curabitur. Lacus elit eget massa adipiscing Pellentesque tellus risus pretium tortor Nulla. Nulla dui laoreet est tincidunt sed amet dolor rutrum pellentesque volutpat. Fermentum dui egestas commodo pretium ultrices tristique augue sapien nec aliquam. Semper pellentesque hac sed quis id nisl.

Article avec des encarts colorés

erational — 2023-02-24T16:03:30Z

Le site utilise le framework Bootstrap

Il est donc possible des encarts colorés
https://getbootstrap.com/docs/4.0/components/alerts/

Démonstration

Ceci est un message majeur

Ceci est un message mineur

Ceci est un message de succès

Ceci est un message de danger

Ceci est un message d'avertissement

Ceci est un message d'information

Ceci est un message sur fond clair

Ceci est un message sur fond sombre

Syntaxe

 Ceci est un message majeur 
  Ceci est un message mineur 
  Ceci est un message de succès 
  Ceci est un message de danger 
  Ceci est une message d'avertissement 
  Ceci est un message d'information 
  Ceci est un message sur fond clair 
  Ceci est un message sur fond sombre

Insérer des vidéos

erational — 2023-02-24T16:03:05Z

Pour insérer une vidéo, coller l'URL de la vidéo sur youtube, vimeo dans le texte de votre article

Exemple
https://www.youtube.com/watch?v=mlUMgZGFCtw
(si c'est au début de l'article)

Ce qui affiche

LoFi House Mix 1988 | The Stoner House Edition by @Kataraktmusic
par Fear N Loathing

https://www.youtube.com/watch?v=mlUMgZGFCtw

Images (version smartphone)

erational — 2023-02-24T16:02:04Z

Taille recommandée d'images :
Vertical avec au minimum 800 x 1500 pixels au format .jpg

- Page accueil

Images (version desktop)

Anne-Charlotte Riguidel — 2023-02-24T16:01:04Z

Taille recommandée d'images :
Horizontal avec au minimum 2000 x 1300 pixels au format .jpg

- Page accueil

Mentions légales

erational — 2023-02-24T15:59:16Z

Le site https://www.riguidel-architectes.com/ est édité par l'agence Riguidel architectes

Adresse postale
4 Rue du Couvent
56410 Étel
tél 09 61 38 11 95

Responsable de la publication : Anne-Charlotte Riguidel, architecte.

Mentions légales

Tous les documents disponibles sur ce site sont la propriété de Riguidel architectes. Toute mise en réseau, toute rediffusion, sous quelque forme que ce soit, partielle ou totale, est donc explicitement interdite sans accord exprès et préalable. Pour nous contacter à ce propos, nous écrire à annecharlotte@riguidel-architectes.com .

Liens

Riguidel architectes n'est pas responsable du contenu des liens proposés sur ce site.

Cookies

Ce site n'utilise pas de cookies et respecte votre vie privée.

Hébergement

Il est hébergé par la société OVH
2, rue Kellermann
59100 Roubaix

Crédits

Le site a été conçu par erational

Il utilise le logiciel libre SPIP