English: 6.3.1.1 Changing the background/foreground colours of the text-based message area (text-based message area template only) To change the background and foreground colours of the text-based message area in the text-based message area templates (wp-pa.html and wp-pa-quebec.html), change the "background-color" and "color" properties of the "div.headcontainer" class. div.headcontainer {  background-color: #CC9;  color: #000; } 6.3.1.2 Changing the background image of the image-based message area To change the background image of the image-based message area, change the first item of the "background" property of the "div.msgarea" and "div.msgareaalt" classes. div.msgarea {  background: url(../images/wp-pa.gif) #696; } div.msgareaalt {  background: url(../images/wp-pa-alt.gif) #696; } 6.3.1.3 Changing the background/foreground colours of the image-based message area To change the background and foreground colours of the image-based message area, change the "color" property of the "div.msgarea h1", "div.msgareaalt h1" class and the second item of the "background" property of the "div.msgarea" and "div.msgareaalt" classes. div.msgarea h1, div.msgareaalt h1 {  text-align: center;  color: #FFF;  font-weight: bold; } div.msgarea {  background: url(../images/wp-pa.gif) #69C no-repeat; } div.msgareaalt {  background: url(../images/wp-pa-alt.gif) #69C no-repeat; } 6.3.1.4 Changing the vertical positioning of the text in the image-based message area To change the vertical positioning of the text in the image-based message area, change the "padding-top" property of the "div.msgarea h1" and "div.msgareaalt h1" classes. div.msgarea h1 {  padding-top: 55px; } div.msgareaalt h1 {  padding-top: 160px; } 6.3.2 Configuring css\base-institution.css Both the layout and design of the content page templates are controlled using CSS.
French: La présente section offre des directives sur la configuration de certains des éléments visuels des modèles de page d'accueil par la modification du fichier css\wp-pa-institution.css. 6.3.1.1 Changement des couleurs d'arrière‑plan/avant‑plan de la zone de message textuelle (modèle à zone de message textuelle seulement) Vous pouvez changer les couleurs d'avant‑plan et d'arrière‑plan de la zone de message textuelle des modèles (wp-pa.html et wp-pa-quebec.html) en modifiant les propriétés « background‑color » et « color » de la classe « div.headcontainer » div.headcontainer {  background-color: #CC9;  color: #000; } 6.3.1.2 Changement de l'image d'arrière‑plan de la zone de message à base d'images Vous pouvez changer l'image d'arrière‑plan de la zone de message à base d'images en remplaçant le premier élément de la propriété « background » des classes « div.msgarea » et « div.msgareaalt ». div.msgarea {  background: url(../images/wp-pa.gif) #69C no-repeat; } div.msgareaalt {  background: url(../images/wp-alt.gif) #696; } 6.3.1.3 Changement des couleurs d'arrière‑plan/avant‑plan de la zone de message à base d'images Vous pouvez changer les couleurs d'arrière‑plan et d'avant‑plan de la zone de message à base d'images en modifiant la propriété « color » de la classe « .msgarea h1, msgareaalt h1 » et le deuxième élément de la propriété background des classes « msgarea » et « .msgareaalt ». .msgarea h1, .msgareaalt h1 {  text-align: center;  color: #FFF;  font-weight: bold; } .msgarea {  background: url(../images/wp-pa.gif) #69C no-repeat; } .msgareaalt {  background: url(../images/wp-pa-alt.gif) #69C no-repeat; } 6.3.1.4 Changement de la position verticale du texte dans la zone de message à base d'images Vous pouvez changer la position verticale du texte dans la zone de message à base d'images en modifiant la propriété « padding-top » des classes « div.msgarea h1 » et « div.msgareaalt h1 ». div.msgarea h1 {  padding-top: 55px; } div.msgareaalt h1 {  padding-top: 160px; } 6.3.2 Configuration du fichier css\base-institution.css Des feuilles de style CSS déterminent tant la disposition que la conception des modèles de page de contenu.