Style Guide - Guide des styles
Le Guide des styles est une page de référence qui centralise et affiche tous les styles et composants de votre site.
Il permet de :
‣ visualiser les choix de design
‣ vérifier la cohérence globale
‣ tester les styles en contexte
👉 Considérez ce guide comme un outil qui vous permet de maintenir facilement le design du site.
⚠️ Attention, conservez cette page en brouillon : il n’est pas recommandé de la publier, car Google pourrait l’indexer et la rendre accessible aux internautes.
Paramétrages des couleurs globales
Primaire
Secondaire
Couleur 3
Couleur 5
Import des polices
Nom des polices utilisées :
- Police principale : xxx
- Police secondaire : xxx
Couleur des Titres
Couleur du corps
Préréglages module Texte
Titre niveau 1 (H1)
Titre niveau 2 (H2)
Titre niveau 3 (H3)
Titre niveau 4 (H4)
Titre niveau 5 (H5)
Titre niveau 6 (H6)
Titre niveau 1 (H1) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height)
Titre niveau 2 (H2) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height)
Titre niveau 3 (H3) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet.
Titre niveau 4 (H4) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Titre niveau 5 (H5) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vulputate ligula vitae mauris tempor, et venenatis mi iaculis.
Titre niveau 6 (H6) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vulputate ligula vitae mauris tempor, et venenatis mi iaculis.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
- Liste à puce
- Liste à puce
- Liste à puce
- Liste à puce
- Liste à puce
- Liste numérotée
- Liste numérotée
- Liste numérotée
- Liste numérotée
- Liste numérotée
- Liste numérotée
Une fois paramétré, dupliquer pour version Light (BG Dark) si utile + new preset
⚠️ Attention aux Headings Modules
Titre niveau 1 (H1)
Titre niveau 2 (H2)
Titre niveau 3 (H3)
Titre niveau 4 (H4)
Titre niveau 5 (H5)
Titre niveau 6 (H6)
Titre niveau 1 (H1) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height)
Titre niveau 2 (H2) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height)
Titre niveau 3 (H3) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet.
Titre niveau 4 (H4) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Titre niveau 5 (H5) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vulputate ligula vitae mauris tempor, et venenatis mi iaculis.
Titre niveau 6 (H6) - volontairement étendu, permettant ainsi de mieux gérer l'interligne (line-height). Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vulputate ligula vitae mauris tempor, et venenatis mi iaculis.
Préréglages et variations boutons & images
Button Module
Style par défaut
Articles
Image Module
Style par défaut
Style 2
Style 3
Compositions simples
Hero simple
Loop
John Dwyer, Osees le groupe aux multiples noms et à la discographie foisonnante
Du Pacifique Nord aux caves contemporaines : la longue marche du garage punk
The Sonics : La furie brute de Tacoma et le brasier éternel du garage punk
Playlist : 19 septembre 2026 n°49
Playlist : 04 juillet 2026 – BEST OF ALBUMS / SINGLES – n°48
Playlist : 20 juin 2026 n°47
Playlist : samedi 06 juin 2026 n°46
Playlist : samedi 23 mai 2026 n°45
Playlist : samedi 25 avril 2026 n°44
Playlist : samedi 11 avril 2026 n°43
Compositions synchronisées (globales)
Hero Dynamique
Formulaire
⬇⬇⬇ Paramétrez les autres modules qui pourraient vous être utiles ⬇⬇⬇
Accordion Module - (Module Accordéon)
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Toggle Module - (Module Bascule)
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Blurb Module - (Module Résumé)
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Blog Module
Rappel : le module Blog a été très utile dans Divi 4, aujourd'hui, il est possible de le remplacer par la fonctionnalité Loop de Divi 5.
PLaylist : samedi 28 mars 2026 n°42
TRANSISTORS Um segundoFEMUR Wild at your heartWYLDE TRYFLES Something weirdMASONICS StupidityOOMPAS LOOMPAS No futureCRYSTAL TEARDROP It's too lateSENCES I've got a girlGREEN SEAGULL Where to find meJERICHO JONES Man In The CrowdJERICHO JONES FreedomINVADERS Spacing...
Playlist : 14 mars 2026 n°41
FEMUR Last nightDARTS Up in my soulJACKETS Rock And Roll BandOOMPA LOOMPAS YouCRYSTAL TEARDROP I'm rowed outCHILD OF PANOPTES Out of my mindDREAMWAVE Polystyrene IreneKNIGHT SHADES You're gonna miss meLOVING DARKS El adivinoLOVING DARKS PsicosisLOVING DARKS Algo de...
Playlist : 28 février 2026 n°40
SMOGGERS Goin' all the wayTRYFLES Till The End Of TimeDARTS Devil made me do itFEMUR Down in the graveyardMOLOTOVS PopstarOUTCROWD Go awayLORDS OF ALTAMONT Twisted blackTHEE MONTGOMERY WARDS Voices green & purpleROBERT PIRO Le chien fidèleLES CONCENTRES Fils de...
Playlist : 14 février 2026 n°39
JACKETS The QuestionWYLD GOOMS Thinking about youMAL THURSDAY QUINTET A Smell of Honey, A Swallow of Brine!LYRES I can tell (Live 1985)JAYBIRDS I'll be doggoneMARVIN GAYE I'll be doggoneOUTCROWD GetawayTHEE SYDES As time's goneLOONS Five ahead of my timeWYLD GOOMS...
Playlist : 31 janvier 2026
LUNAMOTOS OmahaMAHARAJAS Broken tellerJAYBIRDS Go Back HomeMOLOTOVS Get a lifeJACKETS The QuestionPHIL & THE SPECTRAS Every nightLORDS OF ALTAMONT Devil Rides DFFLAVEE MANA Tune inVELVET ILLUSIONS Velvet IllusionsHOOTERVILLE TROLLEY No silver birdTROPICS As time's...
Playlist : 17 janvier 2026
WYLD GOOMS No no noNIX & THE NOTHINGS Are your realBASEMENTS Foolish liesLUNAMOTOS Mujer LagartoKILLING FLOORS No quiero nadaVIOLET MINDFIELD Slain the spiritCORAL FUZZ You're so highVIBRAVOID Increasing the painMUSIC MACHINE WrongARTWOODS If I Ever Get My Hands...
Playlist : 20 décembre 2025
HEADCOATEES He’s Gonna Kill That GirlMUCK & THE MIRES Tripping Out On LoveWYLD GOOMS Hubba BubbaLUNAMOTOS MariluzNIX & THE NOTHINGS Are you realQUESTIONS I am IBONGOLIAN Beyond the perfumed gardenOUT OF FIRE World for youSOUTHERN CULTURE ON THE SKIDS Certain...
Playlist : 06 décembre 2025 n°35
STARR & THE CZARS Every minute of every daySMOGGERS TonightTHEE MONTGOMERY WARDS Get my waySATELLITERS Born loserWYLD GOOMS Wyld GoomVIOLET MINDFIELD From The Gutter With LoveCHEMISTRY SET STPDREAMWAVE Murmurs On The DunesWELLS FARGO Watch outWELLS FARGO Coming...
Playlist : 22 novembre 2025
LES RENCARDS Suis nazeLUNAMOTOS Que sabras tuKILLING FLOORS No quiero nadaLOW SPIRITS No more mistakinSTARR AND THE CZARS Deborah deevineCHEMISTRY SET The tragic fridge magnetCORAL FUZZ Mystic eyesHelicon X Al Lover BackbreakerFINITE MINDS Say it's alrightTom Parsons...
Playlist : 08 novembre 2025 n°33
Wild Billy Childish & CTMF I'm strandedHEADCOATEES The KKK Took my Baby AwayMOURNING AFTER Outta Time, Outta LuckCRIMSON SHADOWS What I wantCRIMSON SHADOWS You Can't Come DownLUNAMOTOS Sexy SalvajeCORAL FUZZ You're so highBONGOLIAN Mucha mushroom man4 LEVELS OF...
Icon List Module - Nouveauté Divi 5
- List item text
- List item text
- List item text
- List item text
- List item text
Testimonial Module - (Module Résumé)
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Divider Module - (Module Séparateur)
Call to Action Module - (Module Appel d'action)
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Module Bar Counters - (Module Compteur Barre)
- Your Title Goes Here50%
- Your Title Goes Here50%
- Your Title Goes Here50%
Module Number Counter - (Module Compteur Nombre)
%
Your Title Goes Here
%
Your Title Goes Here
%
Your Title Goes Here
Module Circle Counter - (Module Compteur Cercle)
%
Your Title Goes Here
%
Your Title Goes Here
%