English: To ensure consistent results on all pages, the URL used to specify the background image should either be an absolute URL (for example, "http://www.url.gc.ca/images/bbg.jpg") or a site absolute url (for example, "/images/bbg.jpg"). For the image to display when viewing the pages locally (for testing purposes), a local URL must be used (for example, "file:///C:/images/bbg.jpg"). 6.3.2.2 Changing the regular and visited link colours for the content area To change the regular and visited link colours for the content area, change the colours specified for the "color" property in the "div.center a:link" and "div.center a:visited classes". div.center a:link {  color: #039; } div.center a:visited {  color: #663; } 6.3.2.3 Changing the link colour for the footer To change the link colour for the footer, change the colours specified for the "color" property in the "div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center .topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited" class. div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited {  color: #039;  background-color: #FFF; } 6.3.2.4 Changing the background/foreground colours of the side menu titles To change the background and foreground colours of the side menu titles, change the colours specified for the "background-color" and "color" properties in the "div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited, div.left div.h2nav, div.left div.h2nav a:link, div.left div.h2nav a:visited, div.left p.h2nav, div.left p.h2nav a:link, div.left p.h2nav a:visited, div.right h2.nav, div.right h2.nav a:link, div.right h2.nav a:visited, div.right div.h2nav, div.right div.h2nav a:link, div.right div.h2nav a:visited, div.right p.h2nav, div.right p.h2nav a:link, div.right p.h2nav a:visited" class. div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited, div.left div.h2nav, div.left div.h2nav a:link, div.left div.h2nav a:visited, div.left p.h2nav, div.left p.h2nav a:link, div.left p.h2nav a:visited, div.right h2.nav, div.right h2.nav a:link, div.right h2.nav a:visited, div.right div.h2nav, div.right div.h2nav a:link, div.right div.h2nav a:visited, div.right p.h2nav, div.right p.h2nav a:link, div.right p.h2nav a:visited {  background-color: #696;  color: #FFF;  text-decoration: none; } 6.3.2.5 Changing the background/foreground colours of the regular left side menu text To change the background and foreground colours of the regular left side menu text, change the colours specified for the "background-color" and "color" properties in the "div.left li.menucontent, div.left div.menucontent, div.left a.menulink" class. div.left li.menucontent, div.left div.menucontent, div.left a.menulink {  color :#000;  background-color: #CC9; } 6.3.2.6 Changing the background/foreground colours of the regular right side menu text (three-column template only) To change the background and foreground colours of the regular right side menu text in the three-column template, change the colours specified for the "background-color" and "color" properties in the "div.right li.menucontent, div.right div.menucontent" and "div.right a.menulink" classes. div.right li.menucontent, div.right div.menucontent {  color: #000;  background-color: #FFF;  } div.right a.menulink {  color: #000;  background-color: #FFF;  } 6.3.2.7 Changing the background colour of the proactive disclosure bar (three-column template only) To change the background colour of the proactive disclosure bar in the left side menu of the three-column template, change the colour specified for the "background-color" property in the "div.prodis" class. div.prodis {  background-color: #696; } 6.3.2.8 Changing the background colour of the footer bar To change the background colour of the footer bar at the bottom of the page, change the colour specified for the background-color property in the div.footer div.footerline class. div.footer div.footerline {  background-color: #696; } 6.3.2.9 Changing the dashed borders in the left side menu To change the dashed borders in the left side menu, change the "border-bottom" property in the "div.left li.menucontent, div.left div.menucontent" class. div.left li.menucontent, div.left div.menucontent {  border-bottom: 1px dotted #FFF; } 6.3.2.10 Changing the colour of the content area border (three-column template only) To change the content area border in the three-column template, change the "border" property in the "div.blackborder" class. div.blackborder {  border: solid #000 1px; } 6.3.2.11 Changing the colour of the right side menu border (three-column template only) To change the right side menu border in the three-column template, change the "border" property in the "div.right li ul.nav, div.right li p.nav, div.right li div.nav" class. div.right li ul.nav, div.right li p.nav, div.right li div.nav {  border: 1px solid #000; } 6.3.2.12 Changing the background colour of the free space below the side menus and the content area (two-column and three-column templates only) To change the background colour of the free space below the side menus and the content area, change the "background-color" property in the "div.colLayout" class. div.colLayout {  background-color: #FFF;  height: 100%; } 6.3.2.13 Changing the background colour of the browser window surrounding the page To change the background colour of the browser window surrounding the page, change the "background-color" property in the "body" class. body {  background-color: #FFF; } 6.3.2.14 Changing the default colour of the heading elements (h1 - h6) To change the default colour of the heading elements (h1, h2, h3, h4, h5 and h6 ), change the "color" property in the "div.center h1, h2, h3, h4, h5, h6" class. div.center h1, h2, h3, h4, h5, h6 {  color: #000; } 6.3.2.15 Adjusting the alignment of the FIP images When institutional signature images exceed 20 pixels in height, the alignment of the FIP images need to be adjusted.
French: 6.3.2.2 Changement de la couleur d'un lien ou d'un lien consulté dans la zone de contenu Vous pouvez changer la couleur d'un lien ou d'un lien consulté dans la zone de contenu en modifiant les couleurs choisies relativement à la propriété « color » des classes « div.#center a:link » et « div.#center a:visited ». div.#center a:link {  color: #039; } div.#center a:visited {  color: #663; } 6.3.2.3 Changement de la couleur du lien du pied de page Vous pouvez changer la couleur du lien du pied de page en modifiant les couleurs choisies relativement à la propriété « color » de la classe « div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited ». div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited {  color: #039;  background-color: #FFF; } 6.3.2.4 Changement des couleurs d'arrière‑plan/avant‑plan des titres de menu latéral Vous pouvez changer les couleurs d'arrière‑plan et d'avant‑plan des titres de menu latéral en modifiant les couleurs choisies relativement aux propriétés « background-color » et « color » de la classe « div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited, div.left div.h2nav, div.left div.h2nav a:link, div.left div.h2nav a:visited, div.left p.h2nav, div.left p.h2nav a:link, div.left p.h2nav a:visited, div.right h2.nav, div.right h2.nav a:link, div.right h2.nav a:visited, div.right div.h2nav, div.right div.h2nav a:link, div.right div.h2nav a:visited, div.right p.h2nav, div.right p.h2nav a:link, div.right p.h2nav a:visited ». div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited, div.left div.h2nav, div.left div.h2nav a:link, div.left div.h2nav a:visited, div.left p.h2nav, div.left p.h2nav a:link, div.left p.h2nav a:visited, div.right h2.nav, div.right h2.nav a:link, div.right h2.nav a:visited, div.right div.h2nav, div.right div.h2nav a:link, div.right div.h2nav a:visited, div.right p.h2nav, div.right p.h2nav a:link, div.right p.h2nav a:visited {  background-color: #696;  color: #FFF; text-decoration: none; } 6.3.2.5 Changement des couleurs d'arrière‑plan/avant‑plan du texte normal du menu latéral gauche Vous pouvez changer les couleurs d'arrière‑plan et d'avant‑plan du texte normal du menu latéral gauche en modifiant les couleurs choisies relativement aux propriétés « background-color » et « color » de la classe « div.left li.menucontent, div.left div.menucontent, div.left a.menulink ». div.left li.menucontent, div.left div.menucontent, div.left a.menulink {  color :#000;  background-color: #CC9;  } 6.3.2.6 Changement des couleurs d'arrière‑plan/avant‑plan du texte normal du menu latéral droit (modèle à trois colonnes seulement) Vous pouvez changer les couleurs d'arrière‑plan et d'avant‑plan du texte normal du menu latéral droit du modèle à trois colonnes en modifiant les couleurs choisies relativement aux propriétés « background-color » et « color » des classes « div.right li.menucontent, div.right div.menucontent » et « div.right a.menulink ». div.right li.menucontent, div.right div.menucontent {  color: #000;  background-color: #FFF;  } div.right a.menulink {  color: #000;  background-color: #FFF;  } 6.3.2.7 Changement de la couleur d'arrière‑plan de la barre de divulgation proactive (modèle à trois colonnes seulement) Vous pouvez changer la couleur d'arrière‑plan de la barre de divulgation proactive au menu latéral gauche du modèle à trois colonnes en modifiant la couleur choisie relativement à la propriété « background-color » de la classe « div.prodis ». div.prodis {  background-color: #696; } 6.3.2.8 Changement de la couleur d'arrière‑plan de la barre de pied de page Vous pouvez modifier la couleur d'arrière‑plan de la barre de pied de page en modifiant la couleur choisie relativement à la propriété « background-color » de la classe « div.footer div.footerline ». div.footer div.footerline {  background-color: #696; } 6.3.2.9 Changement des bordures tiretées du menu latéral gauche Vous pouvez changer les bordures tiretées du menu latéral gauche en modifiant la propriété « border-bottom » de la classe « #left .menucontent ». div.left li.menucontent, div.left div.menucontent {  border-bottom: 1px dotted #FFF;  letter-spacing: 1px; } 6.3.2.10 Changement de la couleur de la bordure de la zone de contenu (modèle à trois colonnes seulement) Vous pouvez changer la bordure de la zone de contenu du modèle à trois colonnes en modifiant la propriété « border » de la classe « div.blackborder ». div.blackborder {  border: solid #000 1px; } 6.3.2.11 Changement de la couleur de la bordure du menu latéral droit (modèle à trois colonnes seulement) Pour modifier la bordure du modèle de la bordure du menu latéral à trois colonnes, modifiez la propriété « border » de la classe « div.right li ul.nav, div.right li p.nav, div.right li div.nav ». div.right li ul.nav, div.right li p.nav, div.right li div.nav {  border: 1px solid #000; } 6.3.2.12 Changement de la couleur d'arrière-plan de l'espace libre en dessous des menus latéraux et de la zone de contenu (modèles à deux et trois colonnes seulement) Vous pouvez changer la couleur d'arrière‑plan de l'espace libre en dessous des menus latéraux et de la zone de contenu en modifiant la propriété « background-color » de la classe « div.colLayout ». div.colLayout {  background-color: #FFF; } 6.3.2.13 Changement de la couleur d'arrière‑plan de la fenêtre de navigateur entourant la page Vous pouvez changer la couleur d'arrière‑plan de la fenêtre de navigateur entourant la page en modifiant la propriété « background-color » de la classe « body ». body {  background-color: #FFF;  height: 100%; } 6.3.2.14 Changement de la couleur par défaut des éléments d'en‑tête (de h1 à h6) Vous pouvez modifier la couleur par défaut des éléments d'en‑tête (« h1 », « h2 », « h3 », « h4 », « h5 » et « h6 » ) en modifiant la propriété « color » de la classe « div.center h1, h2, h3, h4, h5, h6 ». div.center h1, h2, h3, h4, h5, h6 {  color: #000; } 6.3.2.15 Ajustement de l'alignement des images PCIM Quand la hauteur de l'image de la signature institutionnelle est plus de 20 pixels, l'alignement des images PCIM doit être modifié.