Ce site n'est plus mis à jour

L'École nationale d'administration (ENA)L'ENA a été supprimée le 31 décembre 2021.
Elle est remplacée par l'Institut national du service public (INSP)L'INSP depuis le 1er janvier 2022 insp.gouv.fr

Le contenu de ce site reste accessible à titre d'archive.

Contenu RTE

Sommaire

Éléments HTML

Balises personnalisees - type editorial

Balises personnalisees - type mise en page

Divers

---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------

TITRES

Titre de niveau 2

Titre de niveau 3

Titre de niveau 4

Titre de niveau 5
Titre de niveau 6

Titre en majuscules

Titre avec marges personnalisées

---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------

LISTES

Non ordonnées

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

  • Niveau 1 Lorem ipsum dolor sit amet.
    • Niveau 2 Lorem ipsum dolor sit amet.
      • Niveau 3 et inférieurs Lorem ipsum dolor sit amet.
        • Niveau 4 Lorem ipsum dolor sit amet
        • Lorem ipsum dolor sit amet.
      • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
      • Lorem ipsum dolor sit amet.
      • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
      • En majuscules Lorem ipsum dolor sit amet CAF .
      • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
      • En gras Lorem ipsum dolor sit amet.
      • Lorem ipsum dolor sit amet.

Ab natus facilis tempore.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non.

Ordonnées

  1. Lorem ipsum dolor sit amet.
  2. Rem accusantium, facere cumque laborum!
  3. Non nihil neque unde error!
  4. Quibusdam unde ipsam repellendus doloremque.
  5. Perferendis officia mollitia repellendus, laudantium.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque. Ab natus facilis tempore.

Colonnes (TODO pb alignement)

Deux colonnes

  • Nullam et quam felis. Morbi vitae suscipit est. Fusce sed rutrum justo. Aliquam erat volutpat. Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis.
  • Vivamus tincidunt, tellus non dictum ultricies, tellus lectus sodales tellus, id rutrum orci erat vitae magna. Vivamus consectetur mi a magna posuere, nec efficitur ex scelerisque.Nullam et quam felis. Morbi vitae suscipit est.

Trois colonnes

  • Nullam et quam felis. Morbi vitae suscipit est. Fusce sed rutrum justo. Aliquam erat volutpat. Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis.
  • Vivamus tincidunt, tellus non dictum ultricies, tellus lectus sodales tellus, id rutrum orci erat vitae magna. Vivamus consectetur mi a magna posuere, nec efficitur ex scelerisque.Nullam et quam felis. Morbi vitae suscipit est.
  • Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis.
  • Fusce sed rutrum justo. Aliquam erat volutpat. Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis.
  • Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis.

Quatre colonnes

  • Nullam et quam felis. Morbi vitae suscipit est. Fusce sed rutrum justo. Aliquam erat volutpat. Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis.
  • Vivamus tincidunt, tellus non dictum ultricies, tellus lectus sodales tellus, id rutrum orci erat vitae magna. Vivamus consectetur mi a magna posuere, nec efficitur ex scelerisque.Nullam et quam felis. Morbi vitae suscipit est.
  • Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis.
  • Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis.
  • Fusce sed rutrum justo. Aliquam erat volutpat. Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis.
  • Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis.

Styles personnalisés

  • Chevron rouge Lorem ipsum dolor sit amet.
    • Flèche bleue Lorem ipsum dolor sit amet CAF
      • Rond blanc - fond de couleur - couleur de texte Lorem ipsum dolor sit amet.
        • Pas de puce Lorem ipsum dolor sit amet.
        • Lorem ipsum dolor sit amet.
      • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.

Avec marges personnalisées

  • Pellentesque iaculis vehicula enim eu venenatis. Pellentesque iaculis vehicula enim eu venenatis.
  • Pellentesque iaculis vehicula enim eu venenatis.
  • Pellentesque iaculis vehicula enim eu venenatis.

---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------

LIENS

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione lien interne nisi asperiores doloribus alias dignissimos dolorum doloremque quidem iure maiores consequatur. Impedit quam, laborum, adipisci accusantium animi architecto possimus sint a. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem lien externe (détection automatique) molestias minima lien externe modi soluta provident esse quia sit, debitis aperiam! Vitae nulla fugit, natus, consequatur ratione assumenda impedit lien externe reset laboriosam veritatis magnam.

Nullam et quam felis. Morbi vitae suscipit est. Fusce sed rutrum justo. Aliquam erat volutpat. un lien no référencé par Google Pellentesque at orci quam. Suspendisse dapibus ancre lectus sed enim mattis, non elementum dui rutrum.

Bouton (style par défaut) LIEN TRAITÉ COMME UN BOUTON
Bouton (style 1) LIEN TRAITÉ COMME UN BOUTON
Bouton (style 2) LIEN TRAITÉ COMME UN BOUTON
Bouton (style 3) LIEN TRAITÉ COMME UN BOUTON
Bouton (style 4) LIEN TRAITÉ COMME UN BOUTON
Bouton (style 5) LIEN TRAITÉ COMME UN BOUTON
Bouton (type bloc 100%) LIEN TRAITÉ COMME UN BOUTON

Nullam et quam felis. Morbi vitae suscipit est. Fusce sed rutrum justo. Aliquam erat volutpat. un lien comme un bouton avec une icone Pellentesque at orci quam. Suspendisse dapibus lien en majuscules lectus lien en gras sed enim mattis, lien de couleur sur fond de couleur non elementum lien gros dui rutrum.

Nullam et quam felis. Morbi lien mail to vitae suscipit est. Fusce sed rutrum justo.

---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------

STYLE DU TEXTE

Polices

Lyon Text Regular Lorem ipsum dolor sit amet, en gras consectetur adipisicing elit. Ab, en italique accusantium aspernatur blanditiis corporis ea eveniet en gras italique ex exercitationem itaque minima, nobis optio perferendis porro possimus quis rem sit tenetur vel voluptatibus.

Atlas Grotesk Regular Lorem ipsum dolor sit amet, en gras consectetur adipisicing elit. Ab, en italique accusantium aspernatur blanditiis corporis ea eveniet en gras italique ex exercitationem itaque minima, nobis optio perferendis porro possimus quis rem sit tenetur vel voluptatibus.

Taille du texte

Lyon, taille par défaut : 20px
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Lyon, (16px) .smaller
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Lyon, (18px) .small
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Lyon, (22px) .big
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Lyon, (24px) .bigger
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Atlas, taille par défaut : 18px
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Atlas, (12px) .smaller
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Atlas, (14px) .small
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Atlas, (24px) .big
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Atlas, (40px) .bigger
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Couleurs

Couleur par défaut :
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Couleur alternative 1: bleu
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Couleur alternative 2: rouge
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Couleur alternative 3: blanc
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Simulation titre

Paragraphe ayant l'apparence d'un titre de niveau 1

Paragraphe ayant l'apparence d'un titre de niveau 2

Paragraphe ayant l'apparence d'un titre de niveau 3

Paragraphe ayant l'apparence d'un titre de niveau 4

Paragraphe ayant l'apparence d'un titre de niveau 5

Paragraphe ayant l'apparence d'un titre de niveau 6

Marges

Gestion des marges intérieures : Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis.

Gestion des marges extérieures: Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis.

Divers

Paragraphe en majuscule
Lorem ipsum dolor sit amet elit. Molestiae expedita nostrum totam assumenda, quo unde id quae aspernatur, facilis inventore consectetur eaque, suscipit debitis vel iste quam ipsa ut veritatis!

Paragraphe en gras
Lorem ipsum dolor sit amet elit. Molestiae expedita nostrum totam assumenda, quo unde id quae aspernatur, facilis inventore consectetur eaque, suscipit debitis vel iste quam ipsa ut veritatis!

Mise en exergue
Lorem ipsum texte plus gros et rouge et en majuscule, elit. Molestiae expedita nostrum totam assumenda, quo unde id quae aspernatur, facilis inventore consectetur eaque, suscipit debitis vel iste quam ipsa ut veritatis!

---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------

TABLEAUX

Style par défaut

Civilité

Prénom

Nom

Mme

Anne-Lise

MARTINEZ

M

Pierre-Emmanuel

BARTIER

Mme

Agnès

ANCHEZ

Mme

Caroline

WARY

Style par défaut alternatif

Civilité

Prénom

Nom

Mme

Anne-Lise

MARTINEZ

M

Pierre-Emmanuel

BARTIER

Mme

Agnès

ANCHEZ

Mme

Caroline

WARY

Style rouge

Civilité

Prénom

Nom

Mme

Anne-Lise

MARTINEZ

M

Pierre-Emmanuel

BARTIER

Mme

Agnès

ANCHEZ

Mme

Caroline

WARY

Style rouge alternatif en majuscules

Civilité

Prénom

Nom

Mme

Anne-Lise

MARTINEZ

M

Pierre-Emmanuel

BARTIER

Mme

Agnès

ANCHEZ

Mme

Caroline

WARY

Double en-tête

Titre du tableau

Civilité

Prénom

Nom

Candidat 1

Mme

Anne-Lise

MARTINEZ

Candidat 2

M

Pierre-Emmanuel

BARTIER

Candidat 3

Mme

Agnès

ANCHEZ

Candidat 4

Mme

Caroline

WARY

Titre du tableau

Civilité

Prénom

Nom

Candidat 1

Mme

Anne-Lise

MARTINEZ

Candidat 2

M

Pierre-Emmanuel

BARTIER

Candidat 3

Mme

Agnès

ANCHEZ

Candidat 4

Mme

Caroline

WARY

Titre du tableau

Civilité

Prénom

Nom

Candidat 1

Mme

Anne-Lise

MARTINEZ

Candidat 2

M

Pierre-Emmanuel

BARTIER

Candidat 3

Mme

Agnès

ANCHEZ

Candidat 4

Mme

Caroline

WARY

Titre du tableau

Civilité

Prénom

Nom

Candidat 1

Mme

Anne-Lise

MARTINEZ

Candidat 2

M

Pierre-Emmanuel

BARTIER

Candidat 3

Mme

Agnès

ANCHEZ

Candidat 4

Mme

Caroline

WARY

Divers

Tableau en majuscules

Civilité

Prénom

Nom

Mme

Anne-Lise

MARTINEZ

M

Pierre-Emmanuel

BARTIER

Mme

Agnès

ANCHEZ

Mme

Caroline

WARY

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio libero atque quae error neque voluptates harum perferendis consequuntur modi.

Tableau de taille fixe aligné à gauche

Civilité

Prénom

Nom

Mme

Anne-Lise

MARTINEZ

M

Pierre-Emmanuel

BARTIER

Mme

Agnès

ANCHEZ

Mme

Caroline

WARY

Quaerat consectetur cum repellendus, sapiente dolorem, eaque facere aliquid ullam. Ut. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam facere possimus, hic aspernatur expedita quos quasi nihil architecto sunt neque earum et, excepturi unde velit ea. Expedita velit quia aut!

Tableau de taille fixe aligné à droite

Civilité

Prénom

Nom

Mme

Anne-Lise

MARTINEZ

M

Pierre-Emmanuel

BARTIER

Mme

Agnès

ANCHEZ

Mme

Caroline

WARY

Quaerat consectetur cum repellendus, sapiente dolorem, eaque facere aliquid ullam. Ut. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam facere possimus, hic aspernatur expedita quos quasi nihil architecto sunt neque earum et, excepturi unde velit ea. Expedita velit quia aut!

---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------

IMAGES

<= texte alternative affiché sous forme de légende Nullam et quam felis. Morbi vitae suscipit est. Fusce sed rutrum justo. Aliquam erat volutpat. Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie. Aliquam erat volutpat. Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie.Aliquam erat volutpat. Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie.Aliquam erat volutpat. Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie.Aliquam erat volutpat. Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie.

Pellentesque iaculis vehicula enim eu venenatis. Vivamus tincidunt, tellus non dictum ultricies, tellus lectus sodales tellus, id rutrum orci erat vitae magna. Vivamus consectetur mi a magna posuere, nec efficitur ex scelerisque.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam finibus sodales quam ut consequat. Curabitur sed interdum purus. Integer nisi nunc, pellentesque in lacus at, rhoncus pellentesque purus. In ullamcorper eget augue et pretium. Curabitur lobortis nisl quam, non elementum felis molestie in. Suspendisse quis egestas ipsum. Mauris semper feugiat leo, eu tincidunt velit molestie ac.

Nullam porttitor eget libero vitae lobortis. Nulla tristique, est non euismod dictum, odio tortor tincidunt nibh, vitae porta magna mauris quis ex. Aenean tempor turpis magna, quis porttitor ante eleifend et.Nullam et quam felis. Morbi vitae suscipit est. Fusce sed rutrum justo. => légende contextuelle
Aliquam erat volutpat. Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie.
Pellentesque iaculis vehicula enim eu venenatis. Vivamus tincidunt, tellus non dictum ultricies, tellus lectus sodales tellus, id rutrum orci erat vitae magna. Vivamus consectetur mi a magna posuere, nec efficitur ex scelerisque.

Gestion des largeurs et des marges (TODO pb)

Pellentesque iaculis vehicula enim eu venenatis. Vivamus tincidunt, tellus non dictum ultricies, tellus lectus sodales tellus, id rutrum orci erat vitae magna. Vivamus consectetur mi a magna posuere, nec efficitur ex scelerisque.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam finibus sodales quam ut consequat. Curabitur sed interdum purus. Integer nisi nunc, pellentesque in lacus at, rhoncus pellentesque purus. In ullamcorper eget augue et pretium. Curabitur lobortis nisl quam, non elementum felis molestie in. Suspendisse quis egestas ipsum. Mauris semper feugiat leo, eu tincidunt velit molestie ac.

In ullamcorper eget augue et pretium. Curabitur lobortis nisl quam, non elementum felis molestie in. Suspendisse quis egestas ipsum. Mauris semper feugiat leo, eu tincidunt velit molestie ac.

---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------

BALISES PERSONNALISEES - TYPE EDITORIAL

Expostant & indice

Nullam et quam felis. Morbi vitae exposant suscipit est. Fusce sed rutrum justo. Aliquam erat indice volutpat. Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis. Vivamus tincidunt, tellus non dictum ultricies, tellus lectus sodales tellus, id rutrum orci erat vitae magna. Vivamus consectetur mi a magna posuere, nec efficitur ex scelerisque.Nullam et quam felis. Morbi vitae suscipit est.

Citations

Exemple de citation en ligne : Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores puis en majuscules libero non, incidunt doloremque. Ab natus facilis tempore.

Puis de citation en bloc :

Nullam et quam felis. Morbi vitae suscipit est. Fusce sed rutrum justo. Aliquam erat volutpat. Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis. Vivamus tincidunt, tellus non dictum ultricies, tellus lectus sodales tellus, id rutrum orci erat vitae magna. Vivamus consectetur mi a magna posuere, nec efficitur ex scelerisque.Nullam et quam felis. Morbi vitae suscipit est.Fusce sed rutrum justo

Wikipedia

Avec gestions des marges, et en majuscules:

Nullam et quam felis. Morbi vitae suscipit est. Fusce sed rutrum justo. Aliquam erat volutpat. Donec non dapibus tellus. Pellentesque at orci quam. Suspendisse dapibus lectus sed enim mattis, non elementum dui rutrum. Aenean blandit ligula molestie nisl dictum molestie. Pellentesque iaculis vehicula enim eu venenatis. Vivamus tincidunt, tellus non dictum ultricies, tellus lectus sodales tellus, id rutrum orci erat vitae magna. Vivamus consectetur mi a magna posuere, nec efficitur ex scelerisque.Nullam et quam felis. Morbi vitae suscipit est.Fusce sed rutrum justo

Wikipedia

Vivamus consectetur mi a magna posuere, nec efficitur ex scelerisque.Nullam et quam felis. Morbi vitae suscipit est.

Vidéos externes

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------

BALISES PERSONNALISEES - TYPE MISE EN PAGE

Couleur et taille

Lorem ipsum dolor sit amet, consectetur adipisicing elit. texte grand et rouge et en majuscules odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque pariatur odit ipsum consequatur odio illum, architecto nesciunt recusandae. Tempora ut eaque odit sint saepe dolorum porro officiis vero, illo cupiditate?

Encart

  • Fond transparent

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Fond bleu clair

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Fond bleu foncé

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Fond gris

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Fond rouge clair

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Fond rouge foncé

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Sans bordure

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Bordure bleue claire

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Bordure bleue foncé

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Bordure grise

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Bordure rouge claire

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Bordure rouge foncée

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Icone attention bleue foncée sur fond bleu clair

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Icone telecharger sur fond bleu foncé

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Icone a noter grise sur fond bleu clair

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Icone information rouge foncé foncée sur fond rouge clair

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Icone nous_trouver blanche sur fond rouge foncé

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Icone contact rouge foncée sur fond transparent avec bordure

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2
  • Icone calendrier blanche sur fond rouge clair avec bordure

    Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum.

    • Item 1
    • Item 2

Impedit quam, laborum, adipisci accusantium animi architecto possimus sint a.

Icone à gauche

Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum. debitis aperiam! Vitae nulla fugit, natus, consequatur ratione assumenda impedit laboriosam veritatis magnam.

Icone au milieu

Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum. debitis aperiam! Vitae nulla fugit, natus, consequatur ratione assumenda impedit laboriosam veritatis magnam.

Icone à droite

Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum. debitis aperiam! Vitae nulla fugit, natus, consequatur ratione assumenda impedit laboriosam veritatis magnam.

Impedit quam, laborum, adipisci accusantium animi architecto possimus sint a.

Encart flottant

Lorem ipsum dolor site amet, un texte en gras elit. Eius, est, neque ! Un lien quos quidem nostrum. debitis aperiam! Vitae nulla fugit, natus, consequatur ratione assumenda impedit laboriosam veritatis magnam.

Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Grille dans un encart

  • Lorem autem molestias minima modi soluta provident esse quia sit, debitis aperiam! Vitae nulla fugit, natus, consequatur ratione assumenda impedit laboriosam veritatis magnam.
  • Lorem autem molestias minima modi soluta provident esse quia sit, debitis aperiam! Vitae nulla fugit, natus, consequatur ratione assumenda impedit laboriosam veritatis magnam.
  • Lorem autem molestias minima modi soluta provident esse quia sit, debitis aperiam! Vitae nulla fugit, natus, consequatur ratione assumenda impedit laboriosam veritatis magnam.

Autres (TODO)

Surimpression

Un exemple d'encart en surimpression

Impedit quam, laborum, adipisci accusantium animi architecto possimus sint a.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione nisi asperiores doloribus alias dignissimos dolorum doloremque quidem iure maiores consequatur. Impedit quam, laborum, adipisci accusantium animi architecto possimus sint a. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem molestias minima modi soluta provident esse quia sit, debitis aperiam! Vitae nulla fugit, natus, consequatur ratione assumenda impedit laboriosam veritatis magnam.

Anciens élèves étrangers

Alumni ENA

---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------

CONTENUS EMBARQUES

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------

VERSION IMPRIMABLE

Les éléments suivants seront masquer dans la version imprimable.

  • commodi dolore voluptatum ipsam maiores libero non
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit
  • Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

  1. commodi dolore voluptatum ipsam maiores libero non
  2. Lorem ipsum dolor sit amet, consectetur adipisicing elit
  3. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Tableau caché dans la version imprimable

Civilité

Prénom

Nom

Mme

Anne-Lise

MARTINEZ

M

Pierre-Emmanuel

BARTIER

Mme

Agnès

ANCHEZ

Mme

Caroline

WARY

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

TODO IMAGE EMBED

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Wikipedia

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

VERSION RWD

Les éléments suivants seront masquer dans la version RWD.

  • commodi dolore voluptatum ipsam maiores libero non
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit
  • Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

  1. commodi dolore voluptatum ipsam maiores libero non
  2. Lorem ipsum dolor sit amet, consectetur adipisicing elit
  3. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Tableau caché dans la version RWD

Civilité

Prénom

Nom

Mme

Anne-Lise

MARTINEZ

M

Pierre-Emmanuel

BARTIER

Mme

Agnès

ANCHEZ

Mme

Caroline

WARY

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

TODO IMAGE EMBED

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Wikipedia

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum alias, eaque dicta, excepturi accusamus quibusdam ipsum praesentium, commodi dolore voluptatum ipsam maiores libero non, incidunt doloremque.