Cette page contient des exemples des "sections" que vous pouvez copier-coller sur la page d'accueil ou sur une autre page responsive, puis modifier à votre guise. 
 
 - Sélectionnez le panneau extérieur d'une section (celui avec une image de fond ou une couleur) 
 - Droit-cliquez + Copier; 
 - Sur la page de destination, sur un emplacement libre d'éléments, droit-cliquez + Coller. 
 
Veuillez consulter la page Wiki pour plus d'informations.

- Toutes les photos utilisées ne sont pas libres de droit. Merci d'utiliser celles de votre propre bibliothèque. 
  
- La page SAMPLE est une page "cachée" qui contient des ensembles d'éléments groupés en "sections": Titre + photo, Icones + texte, texte + icones + vidéo etc. 

Choisissez la section qui est la plus proche de la conception souhaitée puis copier/coller la sur votre page (pour "coller" à un endroit précis, utilisez le clic droit puis Coller). Attention à bien prendre l'ensemble de la section, il vous suffit de sélectionner son panneau extérieur (celui contenant la photo ou la couleur de fond).

Important: chaque section doit contenir précisément un sous-conteneur (groupe d'éléments) avec le contenu de la section. Les marges exterieurzs de ce conteneur définissent l'espace minimale entre les conteneurs.
 
- Le bouton "Horizontale" dans le menu "Sélection" contrôle le centrage automatique d'un élément.

- Pour modifier l'ordre des éléments - ex. mettre un élément au-dessus d'un autre : dans un panneau "relatif" (comme la plupart des conteneurs dans les sections), utilisez l'Explorateur d'éléments de gauche dans lequel se trouvent des "boutons-flèches" verts qui s'affichent quand le changement d'ordre est possible. Voir également les icones en dessous d'un élément et au-dessus du panneau relatif, pour mettre plusieurs éléments sur la même "ligne", modifier l'alignement etc.

- L'ensemble du menu en tête de page est modifiable sur son calque dédié (ex. "Base_MenuRetractable"; il suffit de changer le calque de la page pour utiliser un menu différent). Vous pouvez donc en modifier les rubriques, intégrer de nouvelles puces (par copier-coller des puces existantes) et en changer les couleurs. Cependant il s'agit d'éléments fonctionnant les uns avec les autres, évitez donc de "glisser" de nouveaux éléments pour ne pas "casser" le comportement global du menu (favoriser le copier-coller). 
 
- Pour plus d'informations, consultez la page Wiki:  
 
http://wiki.openelement.com/fr/index.php?title=Chartes_Responsives_%22Centered%22
  
Veuillez supprimer cette notice avant publier la version finale de votre site.

AT VERO EOS ET ACCUSAMUS
At vero eos et accusamus At vero eos et accusamus
SED UT PERSPICIATIS UNDE 
SIT VOLUPTATEM ACCUSANTIUM DOLOREMQUE 
i velit, sed quia non numquam ei i velit, sed quia non numquam eii velit, sed quia non numquam ei
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
Les panneaux ci-dessous se positionnent toujours l'un sous l'autre
Ce texte s'affiche à droite de l'image quand il y a suffisamment d'espace
Ce texte s'affiche à droite de l'image quand il y a suffisamment d'espace
Ce texte s'affiche à droite de l'image quand il y a suffisamment d'espace
Ce texte s'affiche à droite de l'image quand il y a suffisamment d'espace
i velit, sed quia non numquam ei i velit, sed quia non numquam eii velit, sed quia non numquam ei
Les panneaux ci-dessous se positionnent toujours l'un sous l'autre
Ce texte s'affiche à droite de l'image quand il y a suffisamment d'espace
Ce texte s'affiche à droite de l'image quand il y a suffisamment d'espace
Ce texte s'affiche à droite de l'image quand il y a suffisamment d'espace
Ce texte s'affiche à droite de l'image quand il y a suffisamment d'espace
i velit, sed quia non numquam ei i velit, sed quia non numquam eii velit, sed quia non numquam ei
Le contenu ci-dessous se place horizontalement quand il y a suffisamment d'espace
Ce texte reste toujours sous l'image
Ce texte reste toujours sous l'image
Ce texte reste toujours sous l'image
Ce texte reste toujours sous l'image
SED UT PERSPICIATIS UNDE 
SIT VOLUPTATEM ACCUSANTIUM DOLOREMQUE 
Les panneaux ci-dessous se placent horizontalement quand il y a suffisamment d'espace
Ce texte reste à droite mais adapte sa largeur selon la taille de la fenêtre. Utilisez Styles-Personnalisation pour modifier la largeur relative
Ce texte reste à droite mais adapte sa largeur selon la taille de la fenêtre. Utilisez Styles-Personnalisation pour modifier la largeur relative
Ce texte reste à droite mais adapte sa largeur selon la taille de la fenêtre. Utilisez Styles-Personnalisation pour modifier la largeur relative
Ce texte reste à droite mais adapte sa largeur selon la taille de la fenêtre. Utilisez Styles-Personnalisation pour modifier la largeur relative
SED UT PERSPICIATIS UNDE SIT VOLUPTATEM ACCUSANTIUM
CONTACT
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
SED UT PERSPICIATIS UNDE SIT VOLUPTATEM ACCUSANTIUM