Page d'assistance à la création de page pour SAU

Code de suivi

Intégrer l'entête de Page

Peut- être composé de 2 cellules texte

Une dans le contenu principal composé de l'image du service au sein d'un paragraphe avec la class `.pk-mobile-only` et du titre du sercie en h1. cf [entete]
Une autre dans la barre latérale de la page avec uniquement l'image du service au sein d'un paragraphe. Ajouter la class `pk-desktop-only` à la cellule. cf [logo-service-desktop]

Ne pas oublier de centrer le contenu.

Intégrer bouton retour

Placer dans la barre latérale une cellule lien avec comme valeur de class CSS `retour pk-button`

Intégrer la cellule code de suivi

Pour permettre d'affiche cette cellule dans la barre latérale en desktop et sous l'entête en mobile, il faut la présence de 2 cellules. Celle dans la barre latérale doit avoir le class `pk-desktop-only` (cf [code-suivi-desktop]) et celle positionnée sous l'entête la class `pk-mobile-only` (cf [code-suivi-mobile]

Intégrer une FAQ

Pour ajouter une FAQ avec une liste de questions et réponses déroulantes, il faut utilise uen cellule texte en mode "source" et insérer chaque paire dans une balise `<details>` et le titre dans une balise `summary` comme dans l'exemple ci-dessous :


<details>
	<summary>Question</summary> 
	<p>Réponse à la question</p>
</details>

En option, il est possible d'ajouter un comportement d'accordéon aux éléments de FAQ qui va refermer la question ouverte lors de l'ouverture d'une autre en ajoutant un attribut `name` avec une valeur identique à tous les tags `details` qui doivent partager ce comportement.

Voir [FAQ-simple] et [FAQ-accordion]


<details name="faq-1">
	<summary>Question</summary> 
	<p>Réponse à la question</p>
</details>
<details name="faq-1">
	<summary>Question</summary> 
	<p>Réponse à la question</p>
</details>