# Le guide de style de la Région Bretagne

### Les titres

# Titre 1 ou .h1 text secondaire

## Titre 2 ou .h2 text secondaire

### Titre 3 ou .h3 text secondaire

#### Titre 4 ou .h4 text secondaire

##### Titre 5 ou .h5 text secondaire

###### Titre 6 ou .h6 text secondaire

### Les paragraphes

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt sint sit facilis ducimus, illum quis ex quae voluptatem nam asperiores sunt ut amet modi, totam sequi cupiditate mollitia! Quam, nulla.

### Les chapos

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt sint sit facilis ducimus, illum quis ex quae voluptatem nam asperiores sunt ut amet modi, totam sequi cupiditate mollitia! Quam, nulla.

### Les citations

> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi tempore iure, vel architecto.

### Les listes

- item
- item
- item

1. item
2. item
3. item

titre
  définition
titre
  définition
titre
  définition

### Les boutons

### Classes contextuelles

.text-primary - Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.bg-primary - Lorem ipsum dolor sit amet, consectetur adipisicing elit.

### Les encadrés

### .encadre

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi tempore iure, vel architecto, dicta dolor suscipit, molestiae natus repudiandae ab in eos? Error dignissimos eos, aut magnam esse laborum temporibus?

### Pagination

- «
- 1
- 2
- 3
- 4
- 5
- »

### Fil d'ariane

### Section

[.section (ou .bloc)] Permet d'avoir des marges verticales entre les éléments

### Alerts

A simple primary alert with an example link. Give it a click if you like.
A simple secondary alert with an example link. Give it a click if you like.
A simple success alert with an example link. Give it a click if you like.
A simple danger alert with an example link. Give it a click if you like.
A simple warning alert with an example link. Give it a click if you like.
A simple info alert with an example link. Give it a click if you like.
A simple light alert with an example link. Give it a click if you like.
A simple dark alert with an example link. Give it a click if you like.

### Badge

Primary Secondary Success Danger Warning Info Light Dark

### Cards

##### Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros

Card link Another link

##### Nos priorités 2019

En savoir plus

##### Les accords de la Bretagne pour le climat et la planète

En savoir plus

##### Innovation collaborative au croisement des filières

Date limite : 04/03/2020 En savoir plus

##### Stage Organisation et suivi des Journées européennes du patrimoine 2020

Recrutement clos
Emploi Temporaire Service Mobilités et Digital / Rennes site de Patton Catégorie A
En savoir plus

##### Loïg Chesnais-Girard

Président du Conseil régional Membre de l’alliance progressiste des socialistes et démocrates de Bretagne
En savoir plus

##### Bretagne info partenaires n° 65

Date de parution : Mars 2018
En savoir plus

##### Soutien aux équipements de production de chaleur renouvelable issue du bois énergie en secteur

En savoir plus

##### Toutes les aides régionales

Découvrir

##### Lundi 04 Nov.

Lorem ipsum dolor sit amet, etetur sadipscing elitr, sed diam nonumyf eirmod tempor invidunt ut laboredf et dolore magnafdsdlkfdgddsgsfqfe

##### Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

10/04/2019 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam En savoir plus

##### Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

10/04/2019 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam En savoir plus

##### Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

En savoir plus

##### Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.

20/03/2019
Energie
Télécharger

#####

Que serait la Bretagne sans 🅰️uray, sans 🅱️écherel et sans 🅾️uessant ?🩸 Certaines lettres ont plus de pouvoir que d'autres : donnez votre sang !Nous soutenons l'opération #MissingType lancée par l'Etablissement Français du Sang.

13/01/20

##### Loïg Chesnais-Girard - @LoigCG

A partir d’aujourd’hui, faisons flotter le Gwenn ha du sur Twitter avec #emojibzh !Montrons la force de la #Bretagne et utilisons #emojibzh massivement pour obtenir enfin notre emoji #Gwennhadu ! https://t.co/cEXTudaVHo

13/01/20

### Carousel

Previous Next
Previous Next

### Accordéon

### Collapsible Group Item #1

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

### Collapsible Group Item #2

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

### Collapsible Group Item #3

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

### Forms

Email address
Example select
Example multiple select
Example textarea
Default checkbox
Disabled checkbox
Default radio
Second default radio
Disabled radio

### Exemple avec un Label custom

Email address

### Exemple avec des bords en angle droit

Email address

### Exemple avec custom JS

### Input group

@
@example.com
Your vanity URL
https://example.com/users/
$
.00
With textarea

### Exemple avec des bords en angle droit

@
@example.com
Your vanity URL
https://example.com/users/
$
.00
With textarea

### Jumbotron

# Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

It uses utility classes for typography and spacing to space content out within the larger container.

Learn more

### List Group

Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros

### Modal

### Modal title

Modal body text goes here.

### Navs

### Progress

### Tooltips

### Tabs

### Chiffres clés

Près de 5900
engagements formalisés
1er
engagement formalisé

### Vidéo

Motion design – La fibre pour tous en Bretagne

### Header

Marge pour voir le dropdown.

### Footer

### Résultats de recherche instantanée