From a39a7d662c0a4098c8fb438cc6e814fb68d34a6e Mon Sep 17 00:00:00 2001
From: delisma <david.elisma@tbs-sct.gc.ca>
Date: Tue, 23 Aug 2022 16:50:51 -0400
Subject: [PATCH] chore: assets folder is from a different repo

Fixes #43
---
 amelioration-continue.html                    |   4 +-
 amelioration-continue/choisir.html            |   6 +-
 amelioration-continue/concevoir-contenu.html  |   6 +-
 amelioration-continue/equipe.html             |   6 +-
 amelioration-continue/mesure.html             |   6 +-
 amelioration-continue/mesure/SRTGC.html       |   6 +-
 amelioration-continue/mesure/retroaction.html |   6 +-
 amelioration-continue/recherche.html          |   6 +-
 communaute/accueil.html                       |   4 +-
 communaute/procedure-contribution.html        |   4 +-
 composants/boutons-radio-demo.html            |  16 +-
 composants/boutons-radio-directives.html      |  18 +-
 concevoir-contenu.html                        |   4 +-
 .../autres-renseignements.html                |   2 +-
 .../avis-confidentialite.html                 |   6 +-
 .../banniere-promotionnelle.html              |   2 +-
 .../bloc-medias-sociaux.html                  |  42 +-
 .../boutons.html                              |  44 +-
 .../canada-point-ca.html                      |   2 +-
 .../carrousels.html                           |  42 +-
 .../cases-cocher-boutons-radio.html           |   6 +-
 .../ce-que-nous-faisons.html                  |   2 +-
 .../champ-recherche.html                      |   2 +-
 .../changer-langue.html                       |   2 +-
 .../collaborateurs.html                       |   2 +-
 .../connexion-contextuel.html                 |  48 +-
 .../contenu-reductible.html                   |   2 +-
 .../coordonnees.html                          |   2 +-
 .../couche-avertissement.html                 |   2 +-
 .../date-modification.html                    |   2 +-
 .../diagrammes-graphiques.html                |   2 +-
 .../doc-template-fr.html                      |   6 +-
 .../en-demande.html                           |  46 +-
 .../etiquettes.html                           |   6 +-
 .../fil-ariane.html                           |   2 +-
 .../icones.html                               |   2 +-
 .../images.html                               |   2 +-
 .../institution-responsable.html              |   2 +-
 .../interface-onglets.html                    |   2 +-
 .../liens-connexes.html                       |   2 +-
 .../liens-telechargement.html                 |  42 +-
 .../menu-site.html                            |   4 +-
 .../multimedia.html                           |  42 +-
 .../navigation-metro-new.html                 |   6 +-
 .../navigation-metro.html                     |   2 +-
 .../navigation-plusieurs-pages.html           |   2 +-
 .../nouveautes.html                           |   2 +-
 .../partagez-page.html                        |   2 +-
 .../pied-page-old.html                        |   2 +-
 .../pied-page.html                            |   2 +-
 .../questions-interactives.html               |   2 +-
 .../services-renseignements.html              |  42 +-
 .../signaler-probleme.html                    |   4 +-
 .../signature.html                            |   2 +-
 .../table-matiere-interieur.html              |   2 +-
 .../tableaux.html                             |   8 +-
 .../vignettes-promotionnelles.html            |  42 +-
 .../widget-medias-sociaux.html                |   2 +-
 crise/alertes.html                            |   2 +-
 crise/contenu.html                            |   2 +-
 css/USE-EN-REPO                               |   1 -
 css/alpha-beta-banner.css                     |  49 ++
 css/beta/ilp.css                              |  55 ++
 css/beta/mr-bullets.css                       |  31 +
 css/beta/social-media.css                     | 103 ++++
 css/beta/theme-topic.css                      |  67 +++
 css/checkbox-radio.css                        | 241 ++++++++
 css/colour-cards.css                          |  23 +
 css/component-presentation.css                |  46 ++
 css/custom.css                                |  53 ++
 css/do-dont-draft-layout-tweaks.css           |  45 ++
 css/do-dont.css                               |  22 +
 css/guidance-draft.css                        | 127 ++++
 css/iframe.css                                |  45 ++
 css/ip.css                                    | 128 ++++
 css/jquery.dataTables.css                     | 565 ++++++++++++++++++
 css/mr-bullets.css                            |  31 +
 css/navigation.css                            | 478 +++++++++++++++
 css/new-alerts.css                            |  75 +++
 css/provisional-alerts.css                    |  57 ++
 css/responsive-tables.css                     | 141 +++++
 css/sip-section-menu.css                      | 309 ++++++++++
 css/social-media.css                          | 104 ++++
 css/split-h1.css                              |  28 +
 directives/donnees-structurees.html           |   2 +-
 .../accueil-institution-directives.html       |  10 +-
 mise-en-page/generique-base.html              |   2 +-
 mise-en-page/generique-institution.html       |   2 +-
 mise-en-page/generique-onglet.html            |   2 +-
 mise-en-page/generique-sit1.html              |   2 +-
 mise-en-page/generique-sit2.html              |   2 +-
 mise-en-page/generique-sit3.html              |   2 +-
 mise-en-page/generique-toc.html               |   2 +-
 .../pages-profil-ministres-directives.html    |   8 +-
 mise-en-page/theme-sujet_directives.html      |   8 +-
 mise-en-page/transparence_directives.html     |   4 +-
 modeles-obligatoire/page-accueil.html         |   6 +-
 .../page-ministeres-organismes.html           |   6 +-
 modeles-obligatoire/page-sujet-backup.html    |   2 +-
 modeles-obligatoire/pages-nouvelles-2.html    |   2 +-
 modeles-obligatoire/pages-nouvelles.html      |   6 +-
 .../pages-profil-institutionnel-2.html        |   2 +-
 .../pages-profil-institutionnel.html          |   6 +-
 .../pages-profil-ministres.html               |   6 +-
 .../pages-profil-organisationnel.html         |   6 +-
 modeles-obligatoire/pages-publics-cibles.html |   6 +-
 modeles-obligatoire/pages-recherche.html      |   6 +-
 modeles-obligatoire/pages-theme-backup.html   |   2 +-
 modeles-obligatoire/theme-sujet.html          |   6 +-
 modeles-recommandes/generique.html            |   2 +-
 modeles-recommandes/pages-campagnes.html      |   2 +-
 .../pages-cibles-collections.html             |   2 +-
 ...ndu-rendement-services-insitutionnels.html |   2 +-
 modeles-recommandes/pages-consultations.html  |   2 +-
 modeles-recommandes/pages-contactez-nous.html |   2 +-
 .../pages-description-programme.html          |   2 +-
 .../pages-directives-lois.html                |   2 +-
 .../pages-evenements-promotionnels.html       |   2 +-
 modeles-recommandes/pages-index.html          |   2 +-
 .../pages-lancement-service.html              |   2 +-
 .../pages-lois-reglements.html                |   2 +-
 ...fil-partenariat-entente-collaboration.html |   2 +-
 modeles-recommandes/transparence.html         |   2 +-
 page-accueil-FR.html                          |   4 +-
 styles/couleurs.html                          |   2 +-
 styles/mises-en-page.html                     |   2 +-
 styles/typographie.html                       |   2 +-
 127 files changed, 3190 insertions(+), 368 deletions(-)
 delete mode 100644 css/USE-EN-REPO
 create mode 100644 css/alpha-beta-banner.css
 create mode 100644 css/beta/ilp.css
 create mode 100644 css/beta/mr-bullets.css
 create mode 100644 css/beta/social-media.css
 create mode 100644 css/beta/theme-topic.css
 create mode 100644 css/checkbox-radio.css
 create mode 100644 css/colour-cards.css
 create mode 100644 css/component-presentation.css
 create mode 100644 css/custom.css
 create mode 100644 css/do-dont-draft-layout-tweaks.css
 create mode 100644 css/do-dont.css
 create mode 100644 css/guidance-draft.css
 create mode 100644 css/iframe.css
 create mode 100644 css/ip.css
 create mode 100644 css/jquery.dataTables.css
 create mode 100644 css/mr-bullets.css
 create mode 100644 css/navigation.css
 create mode 100644 css/new-alerts.css
 create mode 100644 css/provisional-alerts.css
 create mode 100644 css/responsive-tables.css
 create mode 100644 css/sip-section-menu.css
 create mode 100644 css/social-media.css
 create mode 100644 css/split-h1.css

diff --git a/amelioration-continue.html b/amelioration-continue.html
index 80d23ede3..e63599640 100644
--- a/amelioration-continue.html
+++ b/amelioration-continue.html
@@ -8,9 +8,9 @@
 		<meta content="width=device-width,initial-scale=1" name="viewport">
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+		<link rel="stylesheet" href="css/custom.css">
 
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
+		<link rel="stylesheet" href="css/provisional-alerts.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
 
 		<noscript>
diff --git a/amelioration-continue/choisir.html b/amelioration-continue/choisir.html
index 3ea24c03a..7ba61390d 100644
--- a/amelioration-continue/choisir.html
+++ b/amelioration-continue/choisir.html
@@ -8,9 +8,9 @@
 		<meta content="width=device-width,initial-scale=1" name="viewport">
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
+		<link rel="stylesheet" href="../css/custom.css">
+		<link rel="stylesheet" href="../css/split-h1.css">
+		<link rel="stylesheet" href="../css/provisional-alerts.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
 
 		<noscript>
diff --git a/amelioration-continue/concevoir-contenu.html b/amelioration-continue/concevoir-contenu.html
index 084bb1854..f051a1f05 100644
--- a/amelioration-continue/concevoir-contenu.html
+++ b/amelioration-continue/concevoir-contenu.html
@@ -8,9 +8,9 @@
 		<meta content="width=device-width,initial-scale=1" name="viewport">
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
+		<link rel="stylesheet" href="../css/custom.css">
+		<link rel="stylesheet" href="../css/split-h1.css">
+		<link rel="stylesheet" href="../css/provisional-alerts.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
 
 		<noscript>
diff --git a/amelioration-continue/equipe.html b/amelioration-continue/equipe.html
index dce520f23..865aad140 100644
--- a/amelioration-continue/equipe.html
+++ b/amelioration-continue/equipe.html
@@ -8,9 +8,9 @@
 		<meta content="width=device-width,initial-scale=1" name="viewport">
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
+		<link rel="stylesheet" href="../css/custom.css">
+		<link rel="stylesheet" href="../css/split-h1.css">
+		<link rel="stylesheet" href="../css/provisional-alerts.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
 
 		<noscript>
diff --git a/amelioration-continue/mesure.html b/amelioration-continue/mesure.html
index fc91e1065..d640bfcc0 100644
--- a/amelioration-continue/mesure.html
+++ b/amelioration-continue/mesure.html
@@ -8,9 +8,9 @@
 		<meta content="width=device-width,initial-scale=1" name="viewport">
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
+		<link rel="stylesheet" href="../css/custom.css">
+		<link rel="stylesheet" href="../css/split-h1.css">
+		<link rel="stylesheet" href="../css/provisional-alerts.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
 
 		<noscript>
diff --git a/amelioration-continue/mesure/SRTGC.html b/amelioration-continue/mesure/SRTGC.html
index 9651b17a1..9607b5309 100644
--- a/amelioration-continue/mesure/SRTGC.html
+++ b/amelioration-continue/mesure/SRTGC.html
@@ -8,9 +8,9 @@
 		<meta content="width=device-width,initial-scale=1" name="viewport">
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
+		<link rel="stylesheet" href="../../css/custom.css">
+		<link rel="stylesheet" href="../../css/split-h1.css">
+		<link rel="stylesheet" href="../../css/provisional-alerts.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
 
 		<noscript>
diff --git a/amelioration-continue/mesure/retroaction.html b/amelioration-continue/mesure/retroaction.html
index 342eb4136..8f73238e5 100644
--- a/amelioration-continue/mesure/retroaction.html
+++ b/amelioration-continue/mesure/retroaction.html
@@ -8,9 +8,9 @@
 		<meta content="width=device-width,initial-scale=1" name="viewport">
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
+		<link rel="stylesheet" href="../../css/custom.css">
+		<link rel="stylesheet" href="../../css/split-h1.css">
+		<link rel="stylesheet" href="../../css/provisional-alerts.css">
 		<link href="https://test.canada.ca/covid-19-guidance/proto/css/alpha-beta-banner.css" rel="stylesheet">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
 
diff --git a/amelioration-continue/recherche.html b/amelioration-continue/recherche.html
index 2395334fd..f3f71f0cb 100644
--- a/amelioration-continue/recherche.html
+++ b/amelioration-continue/recherche.html
@@ -8,9 +8,9 @@
 		<meta content="width=device-width,initial-scale=1" name="viewport">
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
+		<link rel="stylesheet" href="../css/custom.css">
+		<link rel="stylesheet" href="../css/split-h1.css">
+		<link rel="stylesheet" href="../css/provisional-alerts.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
 
 		<noscript>
diff --git a/communaute/accueil.html b/communaute/accueil.html
index ef3aa59f5..400c343c6 100644
--- a/communaute/accueil.html
+++ b/communaute/accueil.html
@@ -8,9 +8,9 @@
 		<meta content="width=device-width,initial-scale=1" name="viewport">
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+		<link rel="stylesheet" href="../css/custom.css">
 
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
+		<link rel="stylesheet" href="../css/provisional-alerts.css">
 
 		<noscript>
 			<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" /></noscript>
diff --git a/communaute/procedure-contribution.html b/communaute/procedure-contribution.html
index c2333fe2c..d98e1cbf6 100644
--- a/communaute/procedure-contribution.html
+++ b/communaute/procedure-contribution.html
@@ -8,9 +8,9 @@
 		<meta content="width=device-width,initial-scale=1" name="viewport">
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+		<link rel="stylesheet" href="../css/custom.css">
 
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
+		<link rel="stylesheet" href="../css/provisional-alerts.css">
 
 		<noscript>
 			<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" /></noscript>
diff --git a/composants/boutons-radio-demo.html b/composants/boutons-radio-demo.html
index fc21650cf..6b6b6f2ae 100644
--- a/composants/boutons-radio-demo.html
+++ b/composants/boutons-radio-demo.html
@@ -11,21 +11,21 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="../css/custom.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/new-alerts.css">
+<link rel="stylesheet" href="../css/new-alerts.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+<link rel="stylesheet" href="../css/split-h1.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/checkbox-radio.css">
+<link rel="stylesheet" href="../css/checkbox-radio.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/alpha-beta-banner.css">
+<link rel="stylesheet" href="../css/alpha-beta-banner.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/component-presentation.css">
+<link rel="stylesheet" href="../css/component-presentation.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/navigation.css">
+<link rel="stylesheet" href="../css/navigation.css">
 
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
 
diff --git a/composants/boutons-radio-directives.html b/composants/boutons-radio-directives.html
index 0cd7855a1..6b036b5e1 100644
--- a/composants/boutons-radio-directives.html
+++ b/composants/boutons-radio-directives.html
@@ -11,23 +11,23 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="../css/custom.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/new-alerts.css">
+<link rel="stylesheet" href="../css/new-alerts.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+<link rel="stylesheet" href="../css/split-h1.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/checkbox-radio.css">
+<link rel="stylesheet" href="../css/checkbox-radio.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/alpha-beta-banner.css">
+<link rel="stylesheet" href="../css/alpha-beta-banner.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/component-presentation.css">
+<link rel="stylesheet" href="../css/component-presentation.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/do-dont.css">
+<link rel="stylesheet" href="../css/do-dont.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/navigation.css">
+<link rel="stylesheet" href="../css/navigation.css">
 
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
 
diff --git a/concevoir-contenu.html b/concevoir-contenu.html
index a037d2070..35a2f9d17 100644
--- a/concevoir-contenu.html
+++ b/concevoir-contenu.html
@@ -8,9 +8,9 @@
 		<meta content="width=device-width,initial-scale=1" name="viewport">
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+		<link rel="stylesheet" href="css/custom.css">
 
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
+		<link rel="stylesheet" href="css/provisional-alerts.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
 
 		<noscript>
diff --git a/configurations-conception-communes/autres-renseignements.html b/configurations-conception-communes/autres-renseignements.html
index f0239af18..d5b0b083d 100644
--- a/configurations-conception-communes/autres-renseignements.html
+++ b/configurations-conception-communes/autres-renseignements.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/avis-confidentialite.html b/configurations-conception-communes/avis-confidentialite.html
index 889389e4b..c3e459942 100644
--- a/configurations-conception-communes/avis-confidentialite.html
+++ b/configurations-conception-communes/avis-confidentialite.html
@@ -10,10 +10,10 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+		<link rel="stylesheet" href="../css/provisional-alerts.css">
+		<link rel="stylesheet" href="../css/split-h1.css">
 
 		<noscript>
 			<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" /></noscript>
diff --git a/configurations-conception-communes/banniere-promotionnelle.html b/configurations-conception-communes/banniere-promotionnelle.html
index 6118cf942..b66eaedcc 100644
--- a/configurations-conception-communes/banniere-promotionnelle.html
+++ b/configurations-conception-communes/banniere-promotionnelle.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/bloc-medias-sociaux.html b/configurations-conception-communes/bloc-medias-sociaux.html
index 026f04993..748183086 100644
--- a/configurations-conception-communes/bloc-medias-sociaux.html
+++ b/configurations-conception-communes/bloc-medias-sociaux.html
@@ -14,16 +14,16 @@
 <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="../css/custom.css">
 
-<!--<![endif]--> 
+<!--<![endif]-->
 <!--[if lt IE 9]>
 		<link href="./GCWeb/assets/favicon.ico" rel="shortcut icon" />
 
 		<link rel="stylesheet" href="http://wet-boew.github.io/themes-dist/GCWeb/GCWeb/css/ie8-theme.min.css" />
 		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 		<script src="./wet-boew/js/ie8-wet-boew.min.js"></script>
-		<![endif]--> 
+		<![endif]-->
 <!--[if lte IE 9]>
 
 
@@ -40,11 +40,11 @@
   ga('create', 'UA-105628416-1', 'auto');
   ga('send', 'pageview');
 
-</script> 
+</script>
 
-<!-- Global site tag (gtag.js) - Google Analytics --> 
+<!-- Global site tag (gtag.js) - Google Analytics -->
 
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script> 
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script>
 <script>
 
   window.dataLayer = window.dataLayer || [];
@@ -89,12 +89,12 @@ <h2>Recherche</h2>
             <input name="langs" value="fra" type="hidden"/>
             <input name="st1rt" value="0" type="hidden">
             <input name="s5bm3ts21rch" value="x" type="hidden"/>
-            <datalist id="wb-srch-q-ac"> 
-              
-              <!--[if lte IE 9]><select><![endif]--> 
-              
-              <!--[if lte IE 9]></select><![endif]--> 
-              
+            <datalist id="wb-srch-q-ac">
+
+              <!--[if lte IE 9]><select><![endif]-->
+
+              <!--[if lte IE 9]></select><![endif]-->
+
             </datalist>
           </div>
           <div class="form-group submit">
@@ -188,7 +188,7 @@ <h3 class="panel-title">Exemple</h3>
         <img src="https://www.canada.ca/content/dam/tbs-sct/images/government-communications/canada-content-style-guide/social-media-channels-block-fra.jpg" class="img-responsive center-block" alt="Capture d’écran illustrant le modèle de bloc des réseaux de médias sociaux (boîte «&nbsp;Suivre&nbsp;») dans le site Canada.ca. Plus de détails au sujet de ce graphique se retrouvent dans le texte entourant l’image."></figure>
     </div>
   </section>
-  
+
   <!-- START PAGE FEEDBACK WIDGET -->
   <div class="row row-no-gutters mrgn-tp-xl">
     <div class="col-sm-7 col-lg-6">
@@ -318,18 +318,18 @@ <h2 class="wb-inv">À propos du site</h2>
     </div>
   </div>
 </footer>
-<!--[if gte IE 9 | !IE ]><!--> 
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script> 
-<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script> 
-<!--<![endif]--> 
+<!--[if gte IE 9 | !IE ]><!-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
+<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
+<!--<![endif]-->
 <!--[if lt IE 9]>
 			<script src="./wet-boew/js/ie8-wet-boew2.min.js"></script>
 
-			<![endif]--> 
+			<![endif]-->
 <script src="https://www.canada.ca/etc/designs/canada/wet-boew/js/theme.min.js"></script> <script>
          document.getElementById('submissionPage').value = location.href;
-      </script> 
-<!-- START SCRIPT PAGE FEEDBACK WIDGET --> 
+      </script>
+<!-- START SCRIPT PAGE FEEDBACK WIDGET -->
 
 <script>
 				$(document).on("wb-ready.wb", function () {
@@ -354,7 +354,7 @@ <h2 class="wb-inv">À propos du site</h2>
 						});
 					});
 				});
-			</script> 
+			</script>
 <!-- END SCRIPT PAGE FEEDBACK WIDGET -->
 </body>
 </html>
diff --git a/configurations-conception-communes/boutons.html b/configurations-conception-communes/boutons.html
index 81ea5591d..5dd82bb64 100644
--- a/configurations-conception-communes/boutons.html
+++ b/configurations-conception-communes/boutons.html
@@ -14,17 +14,17 @@
 <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
-<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+<link rel="stylesheet" href="../css/custom.css">
+<link rel="stylesheet" href="../css/split-h1.css">
 
-<!--<![endif]--> 
+<!--<![endif]-->
 <!--[if lt IE 9]>
 		<link href="./GCWeb/assets/favicon.ico" rel="shortcut icon" />
 
 		<link rel="stylesheet" href="http://wet-boew.github.io/themes-dist/GCWeb/GCWeb/css/ie8-theme.min.css" />
 		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 		<script src="./wet-boew/js/ie8-wet-boew.min.js"></script>
-		<![endif]--> 
+		<![endif]-->
 <!--[if lte IE 9]>
 
 
@@ -41,11 +41,11 @@
   ga('create', 'UA-105628416-1', 'auto');
   ga('send', 'pageview');
 
-</script> 
+</script>
 
-<!-- Global site tag (gtag.js) - Google Analytics --> 
+<!-- Global site tag (gtag.js) - Google Analytics -->
 
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script> 
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script>
 <script>
 
   window.dataLayer = window.dataLayer || [];
@@ -90,12 +90,12 @@ <h2>Recherche</h2>
             <input name="langs" value="fra" type="hidden"/>
             <input name="st1rt" value="0" type="hidden">
             <input name="s5bm3ts21rch" value="x" type="hidden"/>
-            <datalist id="wb-srch-q-ac"> 
-              
-              <!--[if lte IE 9]><select><![endif]--> 
-              
-              <!--[if lte IE 9]></select><![endif]--> 
-              
+            <datalist id="wb-srch-q-ac">
+
+              <!--[if lte IE 9]><select><![endif]-->
+
+              <!--[if lte IE 9]></select><![endif]-->
+
             </datalist>
           </div>
           <div class="form-group submit">
@@ -320,7 +320,7 @@ <h2 id="derniers">Derniers changements</h2>
     <h2 id="discussion">Discussion</h2>
     <p><a href="https://github.com/canada-ca/design-system-systeme-conception/issues">Discuter de cette configuration dans GitHub</a></p>
   </section>
-  
+
   <!-- START PAGE FEEDBACK WIDGET -->
   <div class="row row-no-gutters mrgn-tp-xl">
     <div class="col-sm-7 col-lg-6">
@@ -450,18 +450,18 @@ <h2 class="wb-inv">À propos du site</h2>
     </div>
   </div>
 </footer>
-<!--[if gte IE 9 | !IE ]><!--> 
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script> 
-<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script> 
-<!--<![endif]--> 
+<!--[if gte IE 9 | !IE ]><!-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
+<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
+<!--<![endif]-->
 <!--[if lt IE 9]>
 			<script src="./wet-boew/js/ie8-wet-boew2.min.js"></script>
 
-			<![endif]--> 
+			<![endif]-->
 <script src="https://www.canada.ca/etc/designs/canada/wet-boew/js/theme.min.js"></script> <script>
          document.getElementById('submissionPage').value = location.href;
-      </script> 
-<!-- START SCRIPT PAGE FEEDBACK WIDGET --> 
+      </script>
+<!-- START SCRIPT PAGE FEEDBACK WIDGET -->
 
 <script>
 				$(document).on("wb-ready.wb", function () {
@@ -486,7 +486,7 @@ <h2 class="wb-inv">À propos du site</h2>
 						});
 					});
 				});
-			</script> 
+			</script>
 <!-- END SCRIPT PAGE FEEDBACK WIDGET -->
 </body>
 </html>
diff --git a/configurations-conception-communes/canada-point-ca.html b/configurations-conception-communes/canada-point-ca.html
index 6c5ba6473..d25fecfb5 100644
--- a/configurations-conception-communes/canada-point-ca.html
+++ b/configurations-conception-communes/canada-point-ca.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/carrousels.html b/configurations-conception-communes/carrousels.html
index f7cbeb1af..c405df0b1 100644
--- a/configurations-conception-communes/carrousels.html
+++ b/configurations-conception-communes/carrousels.html
@@ -14,16 +14,16 @@
 <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="../css/custom.css">
 
-<!--<![endif]--> 
+<!--<![endif]-->
 <!--[if lt IE 9]>
 		<link href="./GCWeb/assets/favicon.ico" rel="shortcut icon" />
 
 		<link rel="stylesheet" href="http://wet-boew.github.io/themes-dist/GCWeb/GCWeb/css/ie8-theme.min.css" />
 		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 		<script src="./wet-boew/js/ie8-wet-boew.min.js"></script>
-		<![endif]--> 
+		<![endif]-->
 <!--[if lte IE 9]>
 
 
@@ -40,11 +40,11 @@
   ga('create', 'UA-105628416-1', 'auto');
   ga('send', 'pageview');
 
-</script> 
+</script>
 
-<!-- Global site tag (gtag.js) - Google Analytics --> 
+<!-- Global site tag (gtag.js) - Google Analytics -->
 
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script> 
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script>
 <script>
 
   window.dataLayer = window.dataLayer || [];
@@ -89,12 +89,12 @@ <h2>Recherche</h2>
             <input name="langs" value="fra" type="hidden"/>
             <input name="st1rt" value="0" type="hidden">
             <input name="s5bm3ts21rch" value="x" type="hidden"/>
-            <datalist id="wb-srch-q-ac"> 
-              
-              <!--[if lte IE 9]><select><![endif]--> 
-              
-              <!--[if lte IE 9]></select><![endif]--> 
-              
+            <datalist id="wb-srch-q-ac">
+
+              <!--[if lte IE 9]><select><![endif]-->
+
+              <!--[if lte IE 9]></select><![endif]-->
+
             </datalist>
           </div>
           <div class="form-group submit">
@@ -197,7 +197,7 @@ <h3 class="panel-title">Exemple</h3>
         <img src="https://www.canada.ca/content/dam/tbs-sct/images/government-communications/canada-content-style-guide/carousels-pattern-fra.jpg" class="img-responsive center-block" alt="Capture d’écran illustrant le modèle de carrousel pleine largeur dans le site Canada.ca. Plus de détails au sujet de ce graphique se retrouvent dans le texte entourant l’image."></figure>
     </div>
   </section>
-  
+
   <!-- START PAGE FEEDBACK WIDGET -->
   <div class="row row-no-gutters mrgn-tp-xl">
     <div class="col-sm-7 col-lg-6">
@@ -327,18 +327,18 @@ <h2 class="wb-inv">À propos du site</h2>
     </div>
   </div>
 </footer>
-<!--[if gte IE 9 | !IE ]><!--> 
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script> 
-<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script> 
-<!--<![endif]--> 
+<!--[if gte IE 9 | !IE ]><!-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
+<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
+<!--<![endif]-->
 <!--[if lt IE 9]>
 			<script src="./wet-boew/js/ie8-wet-boew2.min.js"></script>
 
-			<![endif]--> 
+			<![endif]-->
 <script src="https://www.canada.ca/etc/designs/canada/wet-boew/js/theme.min.js"></script> <script>
          document.getElementById('submissionPage').value = location.href;
-      </script> 
-<!-- START SCRIPT PAGE FEEDBACK WIDGET --> 
+      </script>
+<!-- START SCRIPT PAGE FEEDBACK WIDGET -->
 
 <script>
 				$(document).on("wb-ready.wb", function () {
@@ -363,7 +363,7 @@ <h2 class="wb-inv">À propos du site</h2>
 						});
 					});
 				});
-			</script> 
+			</script>
 <!-- END SCRIPT PAGE FEEDBACK WIDGET -->
 </body>
 </html>
diff --git a/configurations-conception-communes/cases-cocher-boutons-radio.html b/configurations-conception-communes/cases-cocher-boutons-radio.html
index e500ddb81..f1d591893 100644
--- a/configurations-conception-communes/cases-cocher-boutons-radio.html
+++ b/configurations-conception-communes/cases-cocher-boutons-radio.html
@@ -6,9 +6,9 @@
 		<title>Cases à cocher et boutons radio - Configuration de conception de Canada.ca de Canada.ca</title>
 		<meta content="width=device-width,initial-scale=1" name="viewport">
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-		<link rel="stylesheet" href="https://design.canada.ca/css/theme.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
-			<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+		<link rel="stylesheet" href="../css/theme.css">
+		<link rel="stylesheet" href="../css/custom.css">
+			<link rel="stylesheet" href="../css/split-h1.css">
 
 		<noscript>
 			<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" />
diff --git a/configurations-conception-communes/ce-que-nous-faisons.html b/configurations-conception-communes/ce-que-nous-faisons.html
index 0c4d214e6..40acfc0d8 100644
--- a/configurations-conception-communes/ce-que-nous-faisons.html
+++ b/configurations-conception-communes/ce-que-nous-faisons.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/champ-recherche.html b/configurations-conception-communes/champ-recherche.html
index d350c06ec..ff1de0318 100644
--- a/configurations-conception-communes/champ-recherche.html
+++ b/configurations-conception-communes/champ-recherche.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/changer-langue.html b/configurations-conception-communes/changer-langue.html
index 4337f6b04..06b84a282 100644
--- a/configurations-conception-communes/changer-langue.html
+++ b/configurations-conception-communes/changer-langue.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/collaborateurs.html b/configurations-conception-communes/collaborateurs.html
index 913255f96..b1f478e99 100644
--- a/configurations-conception-communes/collaborateurs.html
+++ b/configurations-conception-communes/collaborateurs.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/connexion-contextuel.html b/configurations-conception-communes/connexion-contextuel.html
index 57945e603..3cc7c1c0f 100644
--- a/configurations-conception-communes/connexion-contextuel.html
+++ b/configurations-conception-communes/connexion-contextuel.html
@@ -14,17 +14,17 @@
 <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
-<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+<link rel="stylesheet" href="../css/custom.css">
+<link rel="stylesheet" href="../css/split-h1.css">
 
-<!--<![endif]--> 
+<!--<![endif]-->
 <!--[if lt IE 9]>
 		<link href="./GCWeb/assets/favicon.ico" rel="shortcut icon" />
 
 		<link rel="stylesheet" href="http://wet-boew.github.io/themes-dist/GCWeb/GCWeb/css/ie8-theme.min.css" />
 		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 		<script src="./wet-boew/js/ie8-wet-boew.min.js"></script>
-		<![endif]--> 
+		<![endif]-->
 <!--[if lte IE 9]>
 
 
@@ -41,11 +41,11 @@
   ga('create', 'UA-105628416-1', 'auto');
   ga('send', 'pageview');
 
-</script> 
+</script>
 
-<!-- Global site tag (gtag.js) - Google Analytics --> 
+<!-- Global site tag (gtag.js) - Google Analytics -->
 
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script> 
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script>
 <script>
 
   window.dataLayer = window.dataLayer || [];
@@ -90,12 +90,12 @@ <h2>Recherche</h2>
             <input name="langs" value="fra" type="hidden"/>
             <input name="st1rt" value="0" type="hidden">
             <input name="s5bm3ts21rch" value="x" type="hidden"/>
-            <datalist id="wb-srch-q-ac"> 
-              
-              <!--[if lte IE 9]><select><![endif]--> 
-              
-              <!--[if lte IE 9]></select><![endif]--> 
-              
+            <datalist id="wb-srch-q-ac">
+
+              <!--[if lte IE 9]><select><![endif]-->
+
+              <!--[if lte IE 9]></select><![endif]-->
+
             </datalist>
           </div>
           <div class="form-group submit">
@@ -242,9 +242,9 @@ <h2 id="a5">Derniers changements</h2>
   </dl>
   <h2 id="a6">Discussion</h2>
   <p><a href="https://github.com/canada-ca/design-system-systeme-conception/issues">Discuter de cette configuration dans GitHub</a></p>
-  
-  <!-- END CONTENT --> 
-  
+
+  <!-- END CONTENT -->
+
   <!-- START PAGE FEEDBACK WIDGET -->
   <div class="row row-no-gutters mrgn-tp-xl">
     <div class="col-sm-7 col-lg-6">
@@ -374,18 +374,18 @@ <h2 class="wb-inv">À propos du site</h2>
     </div>
   </div>
 </footer>
-<!--[if gte IE 9 | !IE ]><!--> 
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script> 
-<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script> 
-<!--<![endif]--> 
+<!--[if gte IE 9 | !IE ]><!-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
+<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
+<!--<![endif]-->
 <!--[if lt IE 9]>
 			<script src="./wet-boew/js/ie8-wet-boew2.min.js"></script>
 
-			<![endif]--> 
+			<![endif]-->
 <script src="https://www.canada.ca/etc/designs/canada/wet-boew/js/theme.min.js"></script> <script>
          document.getElementById('submissionPage').value = location.href;
-      </script> 
-<!-- START SCRIPT PAGE FEEDBACK WIDGET --> 
+      </script>
+<!-- START SCRIPT PAGE FEEDBACK WIDGET -->
 
 <script>
 				$(document).on("wb-ready.wb", function () {
@@ -410,7 +410,7 @@ <h2 class="wb-inv">À propos du site</h2>
 						});
 					});
 				});
-			</script> 
+			</script>
 <!-- END SCRIPT PAGE FEEDBACK WIDGET -->
 </body>
 </html>
diff --git a/configurations-conception-communes/contenu-reductible.html b/configurations-conception-communes/contenu-reductible.html
index 1e9948b8a..8c0d28ec9 100644
--- a/configurations-conception-communes/contenu-reductible.html
+++ b/configurations-conception-communes/contenu-reductible.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/coordonnees.html b/configurations-conception-communes/coordonnees.html
index 61afe83c8..c8d0b9750 100644
--- a/configurations-conception-communes/coordonnees.html
+++ b/configurations-conception-communes/coordonnees.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/couche-avertissement.html b/configurations-conception-communes/couche-avertissement.html
index 4bd52ed1f..5376e4da4 100644
--- a/configurations-conception-communes/couche-avertissement.html
+++ b/configurations-conception-communes/couche-avertissement.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/date-modification.html b/configurations-conception-communes/date-modification.html
index 963a496b4..7e32357a5 100644
--- a/configurations-conception-communes/date-modification.html
+++ b/configurations-conception-communes/date-modification.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/diagrammes-graphiques.html b/configurations-conception-communes/diagrammes-graphiques.html
index 0159c0692..e09af6533 100644
--- a/configurations-conception-communes/diagrammes-graphiques.html
+++ b/configurations-conception-communes/diagrammes-graphiques.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/doc-template-fr.html b/configurations-conception-communes/doc-template-fr.html
index afcce8065..5de5c6d1a 100644
--- a/configurations-conception-communes/doc-template-fr.html
+++ b/configurations-conception-communes/doc-template-fr.html
@@ -10,10 +10,10 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+		<link rel="stylesheet" href="../css/provisional-alerts.css">
+		<link rel="stylesheet" href="../css/split-h1.css">
 
 		<noscript>
 			<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" /></noscript>
diff --git a/configurations-conception-communes/en-demande.html b/configurations-conception-communes/en-demande.html
index 90a3d21ac..8a87942a5 100644
--- a/configurations-conception-communes/en-demande.html
+++ b/configurations-conception-communes/en-demande.html
@@ -15,15 +15,15 @@
 <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="../css/custom.css">
 
-<!--<![endif]--> 
+<!--<![endif]-->
 <!--[if lt IE 9]>
 		<link href="./GCWeb/assets/favicon.ico" rel="shortcut icon" />
 		<link rel="stylesheet" href="http://wet-boew.github.io/themes-dist/GCWeb/GCWeb/css/ie8-theme.min.css" />
 		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 		<script src="./wet-boew/js/ie8-wet-boew.min.js"></script>
-		<![endif]--> 
+		<![endif]-->
 <!--[if lte IE 9]>
 		<![endif]-->
 <noscript>
@@ -38,11 +38,11 @@
   ga('create', 'UA-105628416-1', 'auto');
   ga('send', 'pageview');
 
-</script> 
+</script>
 
-<!-- Global site tag (gtag.js) - Google Analytics --> 
+<!-- Global site tag (gtag.js) - Google Analytics -->
 
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script> 
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script>
 <script>
 
   window.dataLayer = window.dataLayer || [];
@@ -87,12 +87,12 @@ <h2>Recherche</h2>
             <input name="langs" value="fra" type="hidden"/>
             <input name="st1rt" value="0" type="hidden">
             <input name="s5bm3ts21rch" value="x" type="hidden"/>
-            <datalist id="wb-srch-q-ac"> 
-              
-              <!--[if lte IE 9]><select><![endif]--> 
-              
-              <!--[if lte IE 9]></select><![endif]--> 
-              
+            <datalist id="wb-srch-q-ac">
+
+              <!--[if lte IE 9]><select><![endif]-->
+
+              <!--[if lte IE 9]></select><![endif]-->
+
             </datalist>
           </div>
           <div class="form-group submit">
@@ -178,7 +178,7 @@ <h2 class="panel-title">Exemple</h2>
       </div>
     </section>
   </section>
-  
+
   <!-- START PAGE FEEDBACK WIDGET -->
   <div class="row row-no-gutters mrgn-tp-xl">
     <div class="col-sm-7 col-lg-6">
@@ -308,18 +308,18 @@ <h2 class="wb-inv">À propos du site</h2>
     </div>
   </div>
 </footer>
-<!--[if gte IE 9 | !IE ]><!--> 
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script> 
-<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script> 
-<!--<![endif]--> 
+<!--[if gte IE 9 | !IE ]><!-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
+<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
+<!--<![endif]-->
 <!--[if lt IE 9]>
 			<script src="./wet-boew/js/ie8-wet-boew2.min.js"></script>
-			<![endif]--> 
-      <script src="https://www.canada.ca/etc/designs/canada/wet-boew/js/theme.min.js"></script> 
+			<![endif]-->
+      <script src="https://www.canada.ca/etc/designs/canada/wet-boew/js/theme.min.js"></script>
       <script>
          document.getElementById('submissionPage').value = location.href;
-      </script> 
-<!-- START SCRIPT PAGE FEEDBACK WIDGET --> 
+      </script>
+<!-- START SCRIPT PAGE FEEDBACK WIDGET -->
 
 <script>
 				$(document).on("wb-ready.wb", function () {
@@ -344,7 +344,7 @@ <h2 class="wb-inv">À propos du site</h2>
 						});
 					});
 				});
-			</script> 
+			</script>
 <!-- END SCRIPT PAGE FEEDBACK WIDGET -->
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/configurations-conception-communes/etiquettes.html b/configurations-conception-communes/etiquettes.html
index ec4c6aa33..19bd06ee3 100644
--- a/configurations-conception-communes/etiquettes.html
+++ b/configurations-conception-communes/etiquettes.html
@@ -10,10 +10,10 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+		<link rel="stylesheet" href="../css/provisional-alerts.css">
+		<link rel="stylesheet" href="../css/split-h1.css">
 
 		<noscript>
 			<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" /></noscript>
diff --git a/configurations-conception-communes/fil-ariane.html b/configurations-conception-communes/fil-ariane.html
index 4931837ef..1498aea3b 100644
--- a/configurations-conception-communes/fil-ariane.html
+++ b/configurations-conception-communes/fil-ariane.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/icones.html b/configurations-conception-communes/icones.html
index 43d39c1d0..69d25f1b6 100644
--- a/configurations-conception-communes/icones.html
+++ b/configurations-conception-communes/icones.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/images.html b/configurations-conception-communes/images.html
index 6fd1dd7db..09b240a9d 100644
--- a/configurations-conception-communes/images.html
+++ b/configurations-conception-communes/images.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/institution-responsable.html b/configurations-conception-communes/institution-responsable.html
index 0e1fd952d..e96a366b5 100644
--- a/configurations-conception-communes/institution-responsable.html
+++ b/configurations-conception-communes/institution-responsable.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/interface-onglets.html b/configurations-conception-communes/interface-onglets.html
index 1d60a9d03..09a7e1b12 100644
--- a/configurations-conception-communes/interface-onglets.html
+++ b/configurations-conception-communes/interface-onglets.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/liens-connexes.html b/configurations-conception-communes/liens-connexes.html
index f43fd142a..95aaa11f1 100644
--- a/configurations-conception-communes/liens-connexes.html
+++ b/configurations-conception-communes/liens-connexes.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/liens-telechargement.html b/configurations-conception-communes/liens-telechargement.html
index 5310f9938..0430af786 100644
--- a/configurations-conception-communes/liens-telechargement.html
+++ b/configurations-conception-communes/liens-telechargement.html
@@ -14,16 +14,16 @@
 <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="../css/custom.css">
 
-<!--<![endif]--> 
+<!--<![endif]-->
 <!--[if lt IE 9]>
 		<link href="./GCWeb/assets/favicon.ico" rel="shortcut icon" />
 
 		<link rel="stylesheet" href="http://wet-boew.github.io/themes-dist/GCWeb/GCWeb/css/ie8-theme.min.css" />
 		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 		<script src="./wet-boew/js/ie8-wet-boew.min.js"></script>
-		<![endif]--> 
+		<![endif]-->
 <!--[if lte IE 9]>
 
 
@@ -40,11 +40,11 @@
   ga('create', 'UA-105628416-1', 'auto');
   ga('send', 'pageview');
 
-</script> 
+</script>
 
-<!-- Global site tag (gtag.js) - Google Analytics --> 
+<!-- Global site tag (gtag.js) - Google Analytics -->
 
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script> 
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script>
 <script>
 
   window.dataLayer = window.dataLayer || [];
@@ -89,12 +89,12 @@ <h2>Recherche</h2>
             <input name="langs" value="fra" type="hidden"/>
             <input name="st1rt" value="0" type="hidden">
             <input name="s5bm3ts21rch" value="x" type="hidden"/>
-            <datalist id="wb-srch-q-ac"> 
-              
-              <!--[if lte IE 9]><select><![endif]--> 
-              
-              <!--[if lte IE 9]></select><![endif]--> 
-              
+            <datalist id="wb-srch-q-ac">
+
+              <!--[if lte IE 9]><select><![endif]-->
+
+              <!--[if lte IE 9]></select><![endif]-->
+
             </datalist>
           </div>
           <div class="form-group submit">
@@ -181,7 +181,7 @@ <h3 class="panel-title">Exemple</h3>
       </div>
     </section>
   </section>
-  
+
   <!-- START PAGE FEEDBACK WIDGET -->
   <div class="row row-no-gutters mrgn-tp-xl">
     <div class="col-sm-7 col-lg-6">
@@ -311,18 +311,18 @@ <h2 class="wb-inv">À propos du site</h2>
     </div>
   </div>
 </footer>
-<!--[if gte IE 9 | !IE ]><!--> 
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script> 
-<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script> 
-<!--<![endif]--> 
+<!--[if gte IE 9 | !IE ]><!-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
+<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
+<!--<![endif]-->
 <!--[if lt IE 9]>
 			<script src="./wet-boew/js/ie8-wet-boew2.min.js"></script>
 
-			<![endif]--> 
+			<![endif]-->
 <script src="https://www.canada.ca/etc/designs/canada/wet-boew/js/theme.min.js"></script> <script>
          document.getElementById('submissionPage').value = location.href;
-      </script> 
-<!-- START SCRIPT PAGE FEEDBACK WIDGET --> 
+      </script>
+<!-- START SCRIPT PAGE FEEDBACK WIDGET -->
 
 <script>
 				$(document).on("wb-ready.wb", function () {
@@ -347,7 +347,7 @@ <h2 class="wb-inv">À propos du site</h2>
 						});
 					});
 				});
-			</script> 
+			</script>
 <!-- END SCRIPT PAGE FEEDBACK WIDGET -->
 </body>
 </html>
diff --git a/configurations-conception-communes/menu-site.html b/configurations-conception-communes/menu-site.html
index d6ac12115..f916e4dbf 100644
--- a/configurations-conception-communes/menu-site.html
+++ b/configurations-conception-communes/menu-site.html
@@ -15,9 +15,9 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/new-alerts.css">
+<link rel="stylesheet" href="../css/new-alerts.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/multimedia.html b/configurations-conception-communes/multimedia.html
index 430a55ad0..f9224e847 100644
--- a/configurations-conception-communes/multimedia.html
+++ b/configurations-conception-communes/multimedia.html
@@ -14,16 +14,16 @@
 <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="../css/custom.css">
 
-<!--<![endif]--> 
+<!--<![endif]-->
 <!--[if lt IE 9]>
 		<link href="./GCWeb/assets/favicon.ico" rel="shortcut icon" />
 
 		<link rel="stylesheet" href="http://wet-boew.github.io/themes-dist/GCWeb/GCWeb/css/ie8-theme.min.css" />
 		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 		<script src="./wet-boew/js/ie8-wet-boew.min.js"></script>
-		<![endif]--> 
+		<![endif]-->
 <!--[if lte IE 9]>
 
 
@@ -40,11 +40,11 @@
   ga('create', 'UA-105628416-1', 'auto');
   ga('send', 'pageview');
 
-</script> 
+</script>
 
-<!-- Global site tag (gtag.js) - Google Analytics --> 
+<!-- Global site tag (gtag.js) - Google Analytics -->
 
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script> 
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script>
 <script>
 
   window.dataLayer = window.dataLayer || [];
@@ -89,12 +89,12 @@ <h2>Recherche</h2>
             <input name="langs" value="fra" type="hidden"/>
             <input name="st1rt" value="0" type="hidden">
             <input name="s5bm3ts21rch" value="x" type="hidden"/>
-            <datalist id="wb-srch-q-ac"> 
-              
-              <!--[if lte IE 9]><select><![endif]--> 
-              
-              <!--[if lte IE 9]></select><![endif]--> 
-              
+            <datalist id="wb-srch-q-ac">
+
+              <!--[if lte IE 9]><select><![endif]-->
+
+              <!--[if lte IE 9]></select><![endif]-->
+
             </datalist>
           </div>
           <div class="form-group submit">
@@ -217,7 +217,7 @@ <h3>3&nbsp;: Sous-titres ou descriptions</h3>
       </section>
     </section>
   </section>
-  
+
   <!-- START PAGE FEEDBACK WIDGET -->
   <div class="row row-no-gutters mrgn-tp-xl">
     <div class="col-sm-7 col-lg-6">
@@ -347,18 +347,18 @@ <h2 class="wb-inv">À propos du site</h2>
     </div>
   </div>
 </footer>
-<!--[if gte IE 9 | !IE ]><!--> 
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script> 
-<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script> 
-<!--<![endif]--> 
+<!--[if gte IE 9 | !IE ]><!-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
+<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
+<!--<![endif]-->
 <!--[if lt IE 9]>
 			<script src="./wet-boew/js/ie8-wet-boew2.min.js"></script>
 
-			<![endif]--> 
+			<![endif]-->
 <script src="https://www.canada.ca/etc/designs/canada/wet-boew/js/theme.min.js"></script> <script>
          document.getElementById('submissionPage').value = location.href;
-      </script> 
-<!-- START SCRIPT PAGE FEEDBACK WIDGET --> 
+      </script>
+<!-- START SCRIPT PAGE FEEDBACK WIDGET -->
 
 <script>
 				$(document).on("wb-ready.wb", function () {
@@ -383,7 +383,7 @@ <h2 class="wb-inv">À propos du site</h2>
 						});
 					});
 				});
-			</script> 
+			</script>
 <!-- END SCRIPT PAGE FEEDBACK WIDGET -->
 </body>
 </html>
diff --git a/configurations-conception-communes/navigation-metro-new.html b/configurations-conception-communes/navigation-metro-new.html
index 36d703de8..620772623 100644
--- a/configurations-conception-communes/navigation-metro-new.html
+++ b/configurations-conception-communes/navigation-metro-new.html
@@ -10,10 +10,10 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+		<link rel="stylesheet" href="../css/provisional-alerts.css">
+		<link rel="stylesheet" href="../css/split-h1.css">
 
 		<noscript>
 			<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" /></noscript>
diff --git a/configurations-conception-communes/navigation-metro.html b/configurations-conception-communes/navigation-metro.html
index b142b7eb5..22a13fb60 100644
--- a/configurations-conception-communes/navigation-metro.html
+++ b/configurations-conception-communes/navigation-metro.html
@@ -10,7 +10,7 @@
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+		<link rel="stylesheet" href="../css/custom.css">
 		<noscript>
 			<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" />
 		</noscript>
diff --git a/configurations-conception-communes/navigation-plusieurs-pages.html b/configurations-conception-communes/navigation-plusieurs-pages.html
index faffe4b0c..efde0a7ab 100644
--- a/configurations-conception-communes/navigation-plusieurs-pages.html
+++ b/configurations-conception-communes/navigation-plusieurs-pages.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/nouveautes.html b/configurations-conception-communes/nouveautes.html
index 16a7f715a..d2d86e0f2 100644
--- a/configurations-conception-communes/nouveautes.html
+++ b/configurations-conception-communes/nouveautes.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/partagez-page.html b/configurations-conception-communes/partagez-page.html
index 81981ecf1..3f62e9ff3 100644
--- a/configurations-conception-communes/partagez-page.html
+++ b/configurations-conception-communes/partagez-page.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/pied-page-old.html b/configurations-conception-communes/pied-page-old.html
index 1a83147ea..150fca2f5 100644
--- a/configurations-conception-communes/pied-page-old.html
+++ b/configurations-conception-communes/pied-page-old.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/pied-page.html b/configurations-conception-communes/pied-page.html
index 8506b32ad..ce5f9fdf5 100644
--- a/configurations-conception-communes/pied-page.html
+++ b/configurations-conception-communes/pied-page.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/questions-interactives.html b/configurations-conception-communes/questions-interactives.html
index 802a0b302..462763c07 100644
--- a/configurations-conception-communes/questions-interactives.html
+++ b/configurations-conception-communes/questions-interactives.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/services-renseignements.html b/configurations-conception-communes/services-renseignements.html
index 713dc22d7..4633cee10 100644
--- a/configurations-conception-communes/services-renseignements.html
+++ b/configurations-conception-communes/services-renseignements.html
@@ -14,16 +14,16 @@
 <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="../css/custom.css">
 
-<!--<![endif]--> 
+<!--<![endif]-->
 <!--[if lt IE 9]>
 		<link href="./GCWeb/assets/favicon.ico" rel="shortcut icon" />
 
 		<link rel="stylesheet" href="http://wet-boew.github.io/themes-dist/GCWeb/GCWeb/css/ie8-theme.min.css" />
 		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 		<script src="./wet-boew/js/ie8-wet-boew.min.js"></script>
-		<![endif]--> 
+		<![endif]-->
 <!--[if lte IE 9]>
 
 
@@ -40,11 +40,11 @@
   ga('create', 'UA-105628416-1', 'auto');
   ga('send', 'pageview');
 
-</script> 
+</script>
 
-<!-- Global site tag (gtag.js) - Google Analytics --> 
+<!-- Global site tag (gtag.js) - Google Analytics -->
 
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script> 
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script>
 <script>
 
   window.dataLayer = window.dataLayer || [];
@@ -89,12 +89,12 @@ <h2>Recherche</h2>
             <input name="langs" value="fra" type="hidden"/>
             <input name="st1rt" value="0" type="hidden">
             <input name="s5bm3ts21rch" value="x" type="hidden"/>
-            <datalist id="wb-srch-q-ac"> 
-              
-              <!--[if lte IE 9]><select><![endif]--> 
-              
-              <!--[if lte IE 9]></select><![endif]--> 
-              
+            <datalist id="wb-srch-q-ac">
+
+              <!--[if lte IE 9]><select><![endif]-->
+
+              <!--[if lte IE 9]></select><![endif]-->
+
             </datalist>
           </div>
           <div class="form-group submit">
@@ -272,7 +272,7 @@ <h3 class="panel-title">Exemples</h3>
       </div>
     </section>
   </section>
-  
+
   <!-- START PAGE FEEDBACK WIDGET -->
   <div class="row row-no-gutters mrgn-tp-xl">
     <div class="col-sm-7 col-lg-6">
@@ -402,18 +402,18 @@ <h2 class="wb-inv">À propos du site</h2>
     </div>
   </div>
 </footer>
-<!--[if gte IE 9 | !IE ]><!--> 
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script> 
-<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script> 
-<!--<![endif]--> 
+<!--[if gte IE 9 | !IE ]><!-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
+<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
+<!--<![endif]-->
 <!--[if lt IE 9]>
 			<script src="./wet-boew/js/ie8-wet-boew2.min.js"></script>
 
-			<![endif]--> 
+			<![endif]-->
 <script src="https://www.canada.ca/etc/designs/canada/wet-boew/js/theme.min.js"></script> <script>
          document.getElementById('submissionPage').value = location.href;
-      </script> 
-<!-- START SCRIPT PAGE FEEDBACK WIDGET --> 
+      </script>
+<!-- START SCRIPT PAGE FEEDBACK WIDGET -->
 
 <script>
 				$(document).on("wb-ready.wb", function () {
@@ -438,7 +438,7 @@ <h2 class="wb-inv">À propos du site</h2>
 						});
 					});
 				});
-			</script> 
+			</script>
 <!-- END SCRIPT PAGE FEEDBACK WIDGET -->
 </body>
 </html>
diff --git a/configurations-conception-communes/signaler-probleme.html b/configurations-conception-communes/signaler-probleme.html
index 074df1850..d01ffbec5 100644
--- a/configurations-conception-communes/signaler-probleme.html
+++ b/configurations-conception-communes/signaler-probleme.html
@@ -15,9 +15,9 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
-<link rel="stylesheet" href="https://design.canada.ca/css/new-alerts.css">
+<link rel="stylesheet" href="../css/new-alerts.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/signature.html b/configurations-conception-communes/signature.html
index f06bfd513..6da39a808 100644
--- a/configurations-conception-communes/signature.html
+++ b/configurations-conception-communes/signature.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/table-matiere-interieur.html b/configurations-conception-communes/table-matiere-interieur.html
index 7b91af903..c3a82dfc8 100644
--- a/configurations-conception-communes/table-matiere-interieur.html
+++ b/configurations-conception-communes/table-matiere-interieur.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/configurations-conception-communes/tableaux.html b/configurations-conception-communes/tableaux.html
index b368be651..60b74f514 100644
--- a/configurations-conception-communes/tableaux.html
+++ b/configurations-conception-communes/tableaux.html
@@ -10,10 +10,10 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
-      <link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-      <link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
-      <link rel="stylesheet" href="https://design.canada.ca/css/iframe.css">
+      <link rel="stylesheet" href="../css/custom.css">
+      <link rel="stylesheet" href="../css/provisional-alerts.css">
+      <link rel="stylesheet" href="../css/split-h1.css">
+      <link rel="stylesheet" href="../css/iframe.css">
       <noscript>
          <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" />
       </noscript>
diff --git a/configurations-conception-communes/vignettes-promotionnelles.html b/configurations-conception-communes/vignettes-promotionnelles.html
index 16f3ee131..1c84ee710 100644
--- a/configurations-conception-communes/vignettes-promotionnelles.html
+++ b/configurations-conception-communes/vignettes-promotionnelles.html
@@ -14,16 +14,16 @@
 <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="../css/custom.css">
 
-<!--<![endif]--> 
+<!--<![endif]-->
 <!--[if lt IE 9]>
 		<link href="./GCWeb/assets/favicon.ico" rel="shortcut icon" />
 
 		<link rel="stylesheet" href="http://wet-boew.github.io/themes-dist/GCWeb/GCWeb/css/ie8-theme.min.css" />
 		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 		<script src="./wet-boew/js/ie8-wet-boew.min.js"></script>
-		<![endif]--> 
+		<![endif]-->
 <!--[if lte IE 9]>
 
 
@@ -40,11 +40,11 @@
   ga('create', 'UA-105628416-1', 'auto');
   ga('send', 'pageview');
 
-</script> 
+</script>
 
-<!-- Global site tag (gtag.js) - Google Analytics --> 
+<!-- Global site tag (gtag.js) - Google Analytics -->
 
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script> 
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script>
 <script>
 
   window.dataLayer = window.dataLayer || [];
@@ -89,12 +89,12 @@ <h2>Recherche</h2>
             <input name="langs" value="fra" type="hidden"/>
             <input name="st1rt" value="0" type="hidden">
             <input name="s5bm3ts21rch" value="x" type="hidden"/>
-            <datalist id="wb-srch-q-ac"> 
-              
-              <!--[if lte IE 9]><select><![endif]--> 
-              
-              <!--[if lte IE 9]></select><![endif]--> 
-              
+            <datalist id="wb-srch-q-ac">
+
+              <!--[if lte IE 9]><select><![endif]-->
+
+              <!--[if lte IE 9]></select><![endif]-->
+
             </datalist>
           </div>
           <div class="form-group submit">
@@ -211,7 +211,7 @@ <h3 class="panel-title">Exemple de page de navigation avec 3 promotions</h3>
       </div>
     </section>
   </section>
-  
+
   <!-- START PAGE FEEDBACK WIDGET -->
   <div class="row row-no-gutters mrgn-tp-xl">
     <div class="col-sm-7 col-lg-6">
@@ -341,18 +341,18 @@ <h2 class="wb-inv">À propos du site</h2>
     </div>
   </div>
 </footer>
-<!--[if gte IE 9 | !IE ]><!--> 
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script> 
-<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script> 
-<!--<![endif]--> 
+<!--[if gte IE 9 | !IE ]><!-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
+<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
+<!--<![endif]-->
 <!--[if lt IE 9]>
 			<script src="./wet-boew/js/ie8-wet-boew2.min.js"></script>
 
-			<![endif]--> 
+			<![endif]-->
 <script src="https://www.canada.ca/etc/designs/canada/wet-boew/js/theme.min.js"></script> <script>
          document.getElementById('submissionPage').value = location.href;
-      </script> 
-<!-- START SCRIPT PAGE FEEDBACK WIDGET --> 
+      </script>
+<!-- START SCRIPT PAGE FEEDBACK WIDGET -->
 
 <script>
 				$(document).on("wb-ready.wb", function () {
@@ -377,7 +377,7 @@ <h2 class="wb-inv">À propos du site</h2>
 						});
 					});
 				});
-			</script> 
+			</script>
 <!-- END SCRIPT PAGE FEEDBACK WIDGET -->
 </body>
 </html>
diff --git a/configurations-conception-communes/widget-medias-sociaux.html b/configurations-conception-communes/widget-medias-sociaux.html
index 12f23e3c1..6fca3a6fa 100644
--- a/configurations-conception-communes/widget-medias-sociaux.html
+++ b/configurations-conception-communes/widget-medias-sociaux.html
@@ -15,7 +15,7 @@
       <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-      <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+      <link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/crise/alertes.html b/crise/alertes.html
index e2ad29b42..5fb1680d4 100644
--- a/crise/alertes.html
+++ b/crise/alertes.html
@@ -11,7 +11,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/crise/contenu.html b/crise/contenu.html
index d633fdcdf..1ace60045 100644
--- a/crise/contenu.html
+++ b/crise/contenu.html
@@ -12,7 +12,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/css/USE-EN-REPO b/css/USE-EN-REPO
deleted file mode 100644
index 62d343072..000000000
--- a/css/USE-EN-REPO
+++ /dev/null
@@ -1 +0,0 @@
-Let’s use the english repository for all CSS - mistakes are being made in the duplication/things not kept up to date
\ No newline at end of file
diff --git a/css/alpha-beta-banner.css b/css/alpha-beta-banner.css
new file mode 100644
index 000000000..f22e108e2
--- /dev/null
+++ b/css/alpha-beta-banner.css
@@ -0,0 +1,49 @@
+
+
+.beta-top, .alpha-top {
+  padding-top: 2px !important;
+  padding-bottom: 2px !important;
+  top: 0;
+  background-color: #f2f2f2;
+  z-index: 100;
+}
+
+.beta, .alpha {
+  padding-top: 5px;
+  padding-bottom: 5px;
+  background-color: white;
+  z-index: 100;
+}
+
+.alpha-label {
+  background-color: black;
+  border: none;
+  color: white;
+  font-weight: 700;
+  padding: 4px 8px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  margin: 4px 2px;
+  border-radius: 0px;
+  font-size: 14px !important;
+}
+
+.beta-label {
+  background-color: #0052A3;
+  border: none;
+  color: white;
+  font-weight: 700;
+  padding: 4px 8px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  margin: 4px 2px;
+  border-radius: 0px;
+  font-size: 14px !important;
+}
+
+.beta-fill, .alpha-fill {
+  background-color: #f2f2f2;
+  padding: .6em 1em .6em .6em;
+}
diff --git a/css/beta/ilp.css b/css/beta/ilp.css
new file mode 100644
index 000000000..b497f2e9b
--- /dev/null
+++ b/css/beta/ilp.css
@@ -0,0 +1,55 @@
+.provisional.bg-right {
+	background-position: right;
+}
+
+.provisional.pb-3 {
+	padding-bottom: 15px;
+}
+
+.provisional.btn-call-to-action {
+	font-size: 1em;
+}
+
+
+.provisional.gc-featured-lnk {
+	background: #31708f;
+	margin-bottom: 0em;
+	padding-top:20px;
+	padding-bottom:20px;
+}
+
+.provisional.gc-featured-lnk a {
+	color:#fff
+}
+
+ul.feeds-cont li a {
+	font-weight: bold;
+}
+
+@media screen and (max-width: 767px) {
+	.provisional.btn-call-to-action {
+		font-size: .9em;
+	}
+
+	.provisional.xs-left {
+		float: left !important;
+	}
+}
+
+@media screen and (max-width: 767px) {
+	.provisional.bg-hide-xs {
+		background-image: url("none") !important;
+	}
+}
+
+@media (min-width:768px) and (max-width:991px) {
+	.provisional.bg-hide-sm {
+		background-image: url("none") !important;
+	}
+}
+
+/* version with Minister images */
+
+.provisional.ministers img {
+	max-width: 200px;
+}
diff --git a/css/beta/mr-bullets.css b/css/beta/mr-bullets.css
new file mode 100644
index 000000000..f9f856714
--- /dev/null
+++ b/css/beta/mr-bullets.css
@@ -0,0 +1,31 @@
+.provisional.most-requested-bullets li {
+	font-family: 'Lato', sans-serif;
+	font-size: 17px;
+	font-weight: 600;
+	line-height: 26px;
+	margin-top: 0
+}
+
+/* .most-requested-bullets.with-img.provisional {
+  margin-top: 0px;
+} */
+
+.provisional.most-requested-bullets .pddng-r-0 {
+  padding-right: 0px;
+}
+
+.provisional.most-requested-bullets h2 {
+	font-size: 1.2em;
+}
+
+.provisional.list-bld {
+	font-weight: 600;
+}
+
+@media screen and (max-width: 991px) {
+  .provisional.most-requested-bullets li {
+    font-size: 19px;
+    }
+}
+
+
diff --git a/css/beta/social-media.css b/css/beta/social-media.css
new file mode 100644
index 000000000..e217bc4dc
--- /dev/null
+++ b/css/beta/social-media.css
@@ -0,0 +1,103 @@
+.provisional.followus h2 {
+  font-size: 1.1em;
+  margin-top: 10px;
+}
+
+.provisional.followus {
+	padding: 0;
+}
+
+.provisional.followus h2 {
+	display: block;
+}
+
+.provisional.followus h2,
+.provisional.followus ul {
+	margin-left: 0;
+}
+
+.provisional.followus-vertical {
+  line-height: 0em;
+}
+
+.provisional.followus-vertical,
+.provisional.followus {
+  background-color: transparent;
+}
+
+.provisional.followus-vertical a {
+  text-decoration: none;
+}
+
+.provisional.followus-vertical ul {
+  display: block;
+  list-style-type: none;
+  margin-block-start: 1em;
+  padding-inline-start: 1em;
+  font-size: 16px;
+  margin-block-end: 0em;
+}
+
+.provisional.followus-vertical ul li {
+  margin-bottom: 15px;
+}
+
+.provisional.followus-vertical ul li:last-child {
+  margin-bottom: 0px;
+}
+
+.provisional.followus-vertical ul li a {
+  border: none;
+  padding: 0px 5px;
+}
+
+.provisional.followus ul li a {
+	border: none;
+}
+
+.provisional .social-lnk {
+  position: relative;
+  bottom:-18px;
+  left:45px;
+}
+
+.provisional.followus-vertical li {
+  display: block;
+  background-position: left;
+}
+.provisional.followus .facebook,
+.provisional.followus .twitter,
+.provisional.followus .youtube,
+.provisional.followus .instagram,
+.provisional.followus .linkedin {
+  display: block;
+  height: 38px;
+  width: 38px;
+}
+.provisional.followus .facebook {
+  background: url("../../images/social-media/facebook.png") 0 0 / cover no-repeat;
+}
+.provisional.followus .twitter {
+  background: url("../../images/social-media/twitter.png") 0 0 / cover no-repeat;
+}
+.provisional.followus .youtube {
+  background: url("../../images/social-media/youtube.png") 0 0 / cover no-repeat;
+}
+.provisional.followus .instagram {
+  background: url("../../images/social-media/instagram.png") 0 0 / cover no-repeat;
+}
+.provisional.followus .linkedin {
+  background: url("../../images/social-media/linkedin.png") 0 0 / cover no-repeat;
+}
+
+.provisional .thumbnail {
+  border-color: #335075;
+  border-width: 1px;
+  padding: 0px;
+}
+
+@media screen and (max-width: 991px) {
+  .provisional .mobile-left {
+    float: left !important; /* important is needed to override float right*/
+  }
+}
diff --git a/css/beta/theme-topic.css b/css/beta/theme-topic.css
new file mode 100644
index 000000000..654a6cace
--- /dev/null
+++ b/css/beta/theme-topic.css
@@ -0,0 +1,67 @@
+.provisional.profile {
+	position: relative;
+	overflow-x: hidden;
+}
+
+.provisional.profile .pagetag {
+	max-width: 65ch;
+}
+
+.provisional.single-feature figcaption {
+	margin-top: 5px;
+	text-decoration: underline;
+}
+
+.provisional .thumbnail {
+	border-color: #335075;
+	border-width: 1px;
+	padding: 0px;
+}
+
+.provisional.contributors {
+	font-size: 16px;
+	font-weight: 600;
+}
+
+.provisional.from {
+	font-size: 17px;
+	margin-top: 7px;
+}
+
+.provisional.contributors ul {
+	margin-block-start: 0em;
+	margin-block-end: 0em;
+	margin-inline-start: -50px;
+	margin-inline-end: 0px;
+	padding-inline-start: 0px;
+}
+
+@media screen and (min-width: 991px) {
+	.provisional.contributors li {
+		display: inline-block;
+		margin-right: .7em;
+	}
+}
+
+@media screen and (min-width: 991px) {
+	.provisional.contributors li:first-child:before {
+		content: none;
+	}
+
+	.provisional.contributors li:before {
+		content: "\2022";
+		margin-right: .7em;
+	}
+}
+
+@media screen and (max-width: 1200px) {
+	.provisional.contributors ul {
+		margin-inline-start: -30px;
+	}
+}
+
+@media screen and (max-width: 991px) {
+	.provisional.contributors ul {
+		margin-inline-start: 1.5em;
+	}
+}
diff --git a/css/checkbox-radio.css b/css/checkbox-radio.css
new file mode 100644
index 000000000..cd53ffcd9
--- /dev/null
+++ b/css/checkbox-radio.css
@@ -0,0 +1,241 @@
+/* bigger label */
+label {
+  font-size: 20px !important; /*will not use important tags on PR, will correct source */
+}
+
+.label {
+  text-align: left!important;
+  display:inline-block!important;
+  clear: left!important;
+  white-space:normal!important;
+}
+
+.checkbox-small label {
+  font-size: 17px !important; /* important needed for now, will rmv later */
+}
+/* increase field flow sizing */
+
+legend.h5 {
+  margin-top: 0px !important; /*will not use important tags on PR, will correct source */
+  font-size: 22px !important; /*will not use important tags on PR, will correct source */
+  margin-bottom: 15px !important; /*will not use important tags on PR, will correct source */
+}
+
+.btn {
+  font-size: 20px !important; /*will not use important tags on PR, will correct source */
+  font-variant-ligatures: no-common-ligatures;
+}
+
+.pagedetails .btn  {
+  font-size: 16px !important; /*will not use important tags on PR, will correct source */
+  font-variant-ligatures: no-common-ligatures;
+}
+
+input[type="reset"], input[type="button"], input[type="submit"]
+
+{
+  height: 50px!important;
+}
+
+/* better focus on buttons */
+
+.btn-primary:focus, .btn-primary.focus {
+  box-shadow: 0 0 5pt 4pt rgb(59, 153, 252);
+  outline: 2px solid white;
+}
+/* custom checkboxes */
+
+.can-ca-form input {
+  position: absolute;
+  opacity: 0;
+}
+
+
+.can-ca-form .is-disabled {
+  opacity: 0.5;
+}
+
+.can-ca-form .is-disabled label {
+  cursor: not-allowed;
+}
+
+.can-ca-form {
+    clear: both;
+    padding-top: 6px;
+}
+
+.can-ca-form .checkbox,
+.can-ca-form .radio,
+.can-ca-form .form-checkbox,
+.can-ca-form .form-radio {
+
+  position: relative;
+  cursor: pointer;
+  font-weight: normal;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+
+}
+
+.can-ca-form .checkbox,
+.can-ca-form .radio {
+
+  padding-left: 30px;
+  margin-bottom: 32px;
+
+}
+
+.can-ca-form .checkbox-small {
+  padding-left: 16px;
+  margin-bottom: 25px;
+}
+
+.can-ca-form .form-checkbox,
+.can-ca-form .form-radio {
+
+  margin-right: 30px;
+  margin-bottom: 25px;
+  min-width: 26%; /* prevents weird overlapping */
+
+}
+
+
+.can-ca-form .form-checkbox label,
+.can-ca-form .form-radio label {
+  padding-left: 50px;
+
+}
+
+.can-ca-form .checkbox label::before,
+.can-ca-form .radio label::before,
+.can-ca-form .form-checkbox label::before,
+.can-ca-form .form-radio label::before {
+  content: "";
+  box-sizing: border-box;
+  position: absolute;
+  display: inline-block;
+  top: 0;
+  left: 0;
+  width: 36px;
+  height: 36px;
+  border: 2px solid #333;
+  margin-top: -4px;
+
+ }
+
+ .can-ca-form .checkbox-small label::before {
+   content: "";
+   box-sizing: border-box;
+   position: absolute;
+   display: inline-block;
+   top: 0;
+   left: 0;
+   width: 24px;
+   height: 24px;
+   border: 2px solid #333;
+   margin-top: 0;
+
+  }
+
+
+.can-ca-form .radio label::before,
+.can-ca-form .form-radio label::before {
+  content: "";
+  border-radius: 50%;
+}
+
+
+.can-ca-form .checkbox label::after,
+.can-ca-form .form-checkbox label::after {
+  content: "";
+  display: inline-block;
+  position: absolute;
+  left: 12px;
+  top: 0px;
+  width: 13px;
+  height: 22px;
+  border: solid #333;
+  border-width: 0 5px 5px 0;
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+
+}
+
+.can-ca-form .checkbox-small label::after {
+  content: "";
+  display: inline-block;
+  position: absolute;
+  left: 8px;
+  top: 2px;
+  width: 8px;
+  height: 14px;
+  border: solid #333;
+  border-width: 0 3px 3px 0;
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+
+}
+
+.can-ca-form .radio label::after,
+.can-ca-form .form-radio label::after {
+  content: "";
+  display: inline-block;
+  position: absolute;
+  top: 4px;
+  left: 8px;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: #333;
+}
+
+/* hide the check */
+.can-ca-form .form-checkbox input[type="checkbox"] + label::after,
+.can-ca-form .form-radio input[type="radio"] + label::after,
+.can-ca-form .checkbox input[type="checkbox"] + label::after,
+.can-ca-form .radio input[type="radio"] + label::after {
+    content: none;
+}
+
+/* unhide check when checked */
+.can-ca-form .form-checkbox input[type="checkbox"]:checked + label::after,
+.can-ca-form .form-radio input[type="radio"]:checked + label::after,
+.can-ca-form .checkbox input[type="checkbox"]:checked + label::after,
+.can-ca-form .radio input[type="radio"]:checked + label::after {
+    content: "";
+}
+
+/* add focus */
+.can-ca-form .checkbox input[type="checkbox"]:focus + label::before,
+.can-ca-form .form-checkbox input[type="checkbox"]:focus + label::before,
+.can-ca-form .form-radio input[type="radio"]:focus + label::before,
+.can-ca-form .radio input[type="radio"]:focus + label::before  {
+    box-shadow: 0 0 3pt 2pt rgb(59, 153, 252);
+}
+
+
+/* for green checks */
+
+.can-ca-form .checkbox-green label::after {
+  content: "";
+  border: solid white;
+  border-width: 0 5px 5px 0;
+}
+
+/* for green checks */
+.can-ca-form .checkbox-green input[type="checkbox"]:checked + label:before {
+  background-color: #318000;
+}
+
+ @media only screen and (max-width: 1200px) {
+
+.can-ca-form .form-checkbox,
+.can-ca-form .form-radio {
+    min-width: 50%;
+  }
+
+}
diff --git a/css/colour-cards.css b/css/colour-cards.css
new file mode 100644
index 000000000..1ee8791a3
--- /dev/null
+++ b/css/colour-cards.css
@@ -0,0 +1,23 @@
+.colour-card-sm {
+    width:260px;
+    box-shadow:0px 0px 10px #ddd;
+    margin-bottom: 10px;
+}
+
+.colour-card-sm .card-thumbnail {
+    height:104px;
+    padding-left:10px;
+    box-shadow:0px 0px 10px #ddd;
+}
+.colour-card-sm .card-details{
+    min-height:104px;
+    padding-left:10px;
+}
+
+
+/* In tablet view - needs to be thinner to not overlap in columns and larger description space for line breaks */
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+    .colour-card-sm {
+        width:220px;
+    }
+}
diff --git a/css/component-presentation.css b/css/component-presentation.css
new file mode 100644
index 000000000..11ff0ff20
--- /dev/null
+++ b/css/component-presentation.css
@@ -0,0 +1,46 @@
+.component-tombstone {
+  line-height:1.65em;
+}
+
+
+@media only screen and (max-width: 768px) {
+  .btn-links-mobile {
+    width: 100%;
+  }
+}
+
+.pattern-demo.component {
+  padding-top:35px;
+}
+
+
+.pattern-demo-design-variant {
+  padding: 10px;
+  padding-top:35px;
+  margin-bottom: 10px;
+  /* padding-bottom:35px; */
+}
+
+.btn-sm-txt {
+  font-size:14px!important;
+}
+
+
+.pattern-link {
+  padding: 0 25px;
+  /* height: 50px; */
+}
+
+.pattern-link span {
+  float: left;
+  margin: 3px 10px 0 -10px;
+  height: 30px;
+  width: 30px;
+  background-color: #637A06;
+} 
+
+.pattern-link .white {
+  color: white;
+  text-align: center;
+  padding-top: 7px;
+}
\ No newline at end of file
diff --git a/css/custom.css b/css/custom.css
new file mode 100644
index 000000000..ebf3d121b
--- /dev/null
+++ b/css/custom.css
@@ -0,0 +1,53 @@
+abbr {
+  text-decoration: none !important;
+}
+
+figure img {
+	border: 1px #ddd solid !important;
+}
+
+/* fix spacing on lines */
+main {
+	line-height: 1.65em !important;
+}
+
+.gc-drmt p {
+  line-height: 1.35em !important;
+}
+
+
+/* fixes these times of tables from the title truncating */
+@media only screen and (min-width: 768px) {
+
+.dl-horizontal dt {
+	width: 11em !important;
+}
+
+.dl-horizontal dd {
+	margin-left: 11em !important;
+}
+
+}
+
+.pattern-demo {
+	padding: 19px;
+	border: 1px solid #e3e3e3;
+	box-shadow: 0px 0px 10px #ddd;
+}
+
+.pattern-demo.no-pddng {
+	padding: 0px !important;
+}
+
+/*styling for class=h1*/
+.h1 {
+ border-bottom: 1px solid #af3c43;
+ margin-bottom: .2em;
+ margin-top: 1em;
+ padding-bottom: .2em;
+}
+
+div.toc .active {
+    background-color: #333 !important;
+    border-color: #8f8f8f !important;
+}
diff --git a/css/do-dont-draft-layout-tweaks.css b/css/do-dont-draft-layout-tweaks.css
new file mode 100644
index 000000000..29ea375a8
--- /dev/null
+++ b/css/do-dont-draft-layout-tweaks.css
@@ -0,0 +1,45 @@
+/*guideline design */
+.guideline:before {
+	height: 34px;
+	content: "";
+	background-color: #fff;
+	width: 6px;
+	display: inline;
+	margin-top: -1px;
+	margin-left: -26px;
+	position: absolute;
+}
+.guideline-success, .guideline-info, .guideline-warning, .guideline-danger {
+	background: #fff !important;
+}
+.guideline {
+	border-width: 1px 1px 1px 4px !important;
+	margin-left: 12px;
+	padding-left: 20px;
+	border-width: 0px 0px 0px 6px!important
+}
+.guideline-success > :first-child::before, .guideline-info > :first-child::before, .guideline-warning > :first-child::before, .guideline-danger > :first-child::before {
+	font-size: 26px;
+	margin-left: -1.48em;
+	padding: 2px;
+	line-height: 1.1em;
+}
+.guideline > :first-child {
+	margin-left: 0em;
+}
+.guideline >:first-child::before {
+	margin-right: 0.4em
+}
+/*targets the first h2 or h3 of guidelines and matches the border color
+.guideline-info h2:first-child, .guideline-info h3:first-child, .guideline-info .h2:first-child, .guideline-info .h3:first-child {
+	color: #269abc
+}
+.guideline-success h2:first-child, .guideline-success h3:first-child, .guideline-success .h2:first-child, .guideline-success .h3:first-child {
+	color: #278400
+}
+.guideline-warning h2:first-child, .guideline-warning h3:first-child, .guideline-warning .h2:first-child, .guideline-warning .h3:first-child {
+	color: #f90
+}
+.guideline-danger h2:first-child, .guideline-danger h3:first-child, .guideline-danger .h2:first-child, .guideline-danger .h3:first-child {
+	color: #d3080c
+}
diff --git a/css/do-dont.css b/css/do-dont.css
new file mode 100644
index 000000000..beed8d734
--- /dev/null
+++ b/css/do-dont.css
@@ -0,0 +1,22 @@
+.do-guideline {
+  margin-left: 12px;
+  padding-left: 20px;
+  border-width: 0px 0px 0px 6px!important;
+  border: solid #278400;
+}
+
+.dont-guideline {
+  margin-left: 12px;
+  padding-left: 20px;
+  border-width: 0px 0px 0px 6px!important;
+  border: solid #d3080c;
+}
+
+.design-usage~.design-usage {
+  /* border-top: 1px solid black; */
+  margin-top: 30px;
+  padding-top: 30px;
+}
+.design-usage h3 {
+  margin-bottom: 20px;
+}
\ No newline at end of file
diff --git a/css/guidance-draft.css b/css/guidance-draft.css
new file mode 100644
index 000000000..3f9600371
--- /dev/null
+++ b/css/guidance-draft.css
@@ -0,0 +1,127 @@
+.tt-img .btn-sm {
+  margin-top: 16px;
+  margin-left: 4px;
+}
+
+.padding-rght {
+  padding-right: 10px;
+}
+.guidance-ban-nav {
+  padding-top: 4px !important;
+  padding-bottom: 4px !important;
+  top: 0;
+  background-color: #26374a;
+  z-index: 100;
+  position: sticky;
+}
+
+.guidance-ban-nav .btn-group .btn {
+  height: 36px;
+  padding-top: 5px;
+  background-color: #26374a;
+  color: white;
+  border: 1px solid #4072bb;
+}
+
+.guidance-ban-nav .btn-group .active {
+  background-color: #305991;
+  font-weight: 800;
+}
+
+.guidance-ban-nav .btn-sm {
+  padding-top: 5px;
+  margin-right: 5px;
+}
+
+.guidance-nav {
+  color: white !important;
+  text-decoration: underline;
+  padding-top: 6px;
+}
+
+.guidance-nav a {
+  display: block;
+  color: white !important;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100ch;
+}
+
+.guidance-nav a:hover {
+  color: white !important;
+}
+
+.guidance-nav a:visited {
+  color: white !important;
+}
+
+.guidance-nav i {
+  text-decoration: none;
+}
+
+.guidance-options, .get-code {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+
+@media only screen and (max-width: 767px) {
+  .guidance-ban-nav .btn-group {
+    width: 100% !important;
+    margin-top: 7px;
+
+  }
+  .guidance-toggle {
+    width: 50% !important;
+  }
+}
+
+@media only screen and (max-width: 767px) {
+  .pstn-get-code {
+    position: absolute;
+    top:-74px;
+    right:4px;
+  }
+}
+
+@media only screen and (max-width: 370px) {
+  .guidance-ban-nav .btn-group .btn {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+  .guidance-ban-nav .btn-group .btn i {
+    display: none !important;
+  }
+  .guidance-nav a {
+    max-width: 22ch;
+  }
+}
+
+
+
+/* pattern demo */
+
+.pattern-demo-code-ex details {
+	margin-bottom: 0px !important;
+}
+
+.pattern-demo-code-ex .featured {
+	margin-left: .07em !important;
+	margin-right: .07em !important;
+}
+
+.pattern-demo {
+	padding: 0px !important;
+	margin: 0px !important;
+	border: none !important;
+}
+
+.pattern-demo-code-ex {
+	margin-left: -35px !important;
+	margin-right: -35px !important;
+}
+
+.guidance-details details, .guidance-details summary, .guidance-details details summary:focus, .guidance-details details summary:hover {
+	background-color: white !important;
+}
diff --git a/css/iframe.css b/css/iframe.css
new file mode 100644
index 000000000..0f8cd2732
--- /dev/null
+++ b/css/iframe.css
@@ -0,0 +1,45 @@
+.example-frame-bkg {
+    background-color: #f5f5f5;
+}
+.example-frame {
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    border: 0;
+    border-right: 1px solid #b1b4b6;
+    background: #fff
+}
+
+.example-frame-xs {
+    height: 150px
+}
+
+.example-frame-s {
+    height: 250px
+}
+
+.example-frame-m {
+    height: 350px
+}
+
+.example-frame-l {
+    height: 450px
+}
+
+.example-frame-xl {
+    height: 550px
+}
+
+.example-frame-resizable {
+    min-width: 230px;
+    min-height: 60px;
+    overflow: auto;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0)
+}
+
+@media (min-width: 48.0625em) {
+    .example-frame-resizable {
+        resize: both
+    }
+}
diff --git a/css/ip.css b/css/ip.css
new file mode 100644
index 000000000..70bc57611
--- /dev/null
+++ b/css/ip.css
@@ -0,0 +1,128 @@
+.ip-cover-img {
+	background-image: url("https://test.canada.ca/experimental/working-on/images/ip-cover-image.jpg");
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-position: right;
+	margin-top: 15px;
+	padding-bottom: 25px;
+}
+
+.most-requested li {
+	font-family: 'Lato', sans-serif;
+	font-size: 17px;
+	font-weight: 600;
+	line-height: 26px;
+	margin-top: 0
+}
+
+.most-requested h2 {
+	font-size: 1.2em;
+}
+
+.ip-btn {
+	font-size: 1em;
+}
+
+/* supports the 3 column layout for MR instead of 4 columns */
+.list-responsive-3 > li {
+    float: left;
+    padding-right: 5px;
+    width: 50%
+}
+
+.list-responsive-3 > li:nth-child(2n+2) {
+    clear: right
+}
+
+.list-responsive-3:before,
+.list-responsive-3:after {
+    content: " ";
+    display: table
+}
+
+.list-responsive-3:after {
+    clear: both
+}
+
+.followus {
+	background-color: #f5f5f5;
+}
+
+.followus ul li a {
+	border: solid 2px #f5f5f5;
+}
+
+.featured {
+  margin-bottom: 0em;
+	padding-top:20px;
+  padding-bottom:20px;
+	background: #31708f;
+}
+
+.featured a {
+	color:#fff
+}
+
+ul.feeds-cont li a {
+	font-weight: bold;
+}
+
+.followus.experimental {
+	padding: 0;
+}
+
+.followus.experimental h2 {
+	display: block;
+}
+
+.followus.experimental h2, .followus.experimental ul {
+	margin-left: 0;
+}
+
+@media screen and (max-width: 1200px) {
+  .featured {
+  	padding-left:.8em;
+	}
+}
+
+@media screen and (min-width: 1200px) {
+.list-responsive-3 > li {
+    width: 33%;
+	}
+}
+
+@media screen and (max-width: 767px) {
+
+.btn-call-to-action {
+	font-size: 19px !important;
+	}
+
+.most-requested li {
+	font-size: 19px;
+	}
+
+.list-responsive-3 > li {
+        clear: right;
+        width: 100%
+  }
+
+.mobile-left {
+	float: left !important;
+	}
+
+}
+
+@media screen and (max-width: 768px) {
+
+.ip-cover-hide-tablet {
+		background-image: url("none") !important;
+}
+
+
+@media screen and (max-width: 425px) {
+
+.ip-cover-hide-mobile {
+		background-image: url("none") !important;
+}
+
+}
diff --git a/css/jquery.dataTables.css b/css/jquery.dataTables.css
new file mode 100644
index 000000000..78dcf2e85
--- /dev/null
+++ b/css/jquery.dataTables.css
@@ -0,0 +1,565 @@
+table.dataTable {
+  /*  width: 100%; */
+    margin: 0 auto;
+    clear: both;
+    border-collapse: separate;
+    border-spacing: 0
+}
+
+table.dataTable thead th,
+table.dataTable tfoot th {
+    font-weight: bold
+}
+
+table.dataTable thead th,
+table.dataTable thead td {
+    padding: 10px 18px;
+    border-bottom: 1px solid #111
+}
+
+table.dataTable thead th:active,
+table.dataTable thead td:active {
+    outline: none
+}
+
+table.dataTable tfoot th,
+table.dataTable tfoot td {
+    padding: 10px 18px 6px 18px;
+    border-top: 1px solid #111
+}
+
+/* table.dataTable thead .sorting_asc,
+table.dataTable thead .sorting_desc, */
+table.dataTable thead .sorting {
+    cursor: pointer;
+    *cursor: hand
+}
+
+table.dataTable thead .sorting {
+    background: url("../images/sort_both.png") no-repeat center right
+}
+
+table.dataTable thead .sorting_asc {
+    background: url("../images/sort_asc.png") no-repeat center right
+}
+
+table.dataTable thead .sorting_desc {
+    background: url("../images/sort_desc.png") no-repeat center right
+}
+
+table.dataTable thead .sorting_asc_disabled {
+    background: url("../images/sort_asc_disabled.png") no-repeat center right
+}
+
+table.dataTable thead .sorting_desc_disabled {
+    background: url("../images/sort_desc_disabled.png") no-repeat center right
+}
+
+table.dataTable tbody tr {
+    background-color: #fff
+}
+
+table.dataTable tbody tr.selected {
+    background-color: #b0bed9
+}
+
+table.dataTable tbody th,
+table.dataTable tbody td {
+    padding: 8px 18px
+}
+
+table.dataTable.row-border tbody th,
+table.dataTable.row-border tbody td,
+table.dataTable.display tbody th,
+table.dataTable.display tbody td {
+    border-top: 1px solid #ddd
+}
+
+table.dataTable.row-border tbody tr:first-child th,
+table.dataTable.row-border tbody tr:first-child td,
+table.dataTable.display tbody tr:first-child th,
+table.dataTable.display tbody tr:first-child td {
+    border-top: none
+}
+
+table.dataTable.cell-border tbody th,
+table.dataTable.cell-border tbody td {
+    border-top: 1px solid #ddd;
+    border-right: 1px solid #ddd
+}
+
+table.dataTable.cell-border tbody tr th:first-child,
+table.dataTable.cell-border tbody tr td:first-child {
+    border-left: 1px solid #ddd
+}
+
+table.dataTable.cell-border tbody tr:first-child th,
+table.dataTable.cell-border tbody tr:first-child td {
+    border-top: none
+}
+
+table.dataTable.stripe tbody tr.odd,
+table.dataTable.display tbody tr.odd {
+    background-color: #f9f9f9
+}
+
+table.dataTable.stripe tbody tr.odd.selected,
+table.dataTable.display tbody tr.odd.selected {
+    background-color: #abb9d3
+}
+
+table.dataTable.hover tbody tr:hover,
+table.dataTable.hover tbody tr.odd:hover,
+table.dataTable.hover tbody tr.even:hover,
+table.dataTable.display tbody tr:hover,
+table.dataTable.display tbody tr.odd:hover,
+table.dataTable.display tbody tr.even:hover {
+    background-color: #f5f5f5
+}
+
+table.dataTable.hover tbody tr:hover.selected,
+table.dataTable.hover tbody tr.odd:hover.selected,
+table.dataTable.hover tbody tr.even:hover.selected,
+table.dataTable.display tbody tr:hover.selected,
+table.dataTable.display tbody tr.odd:hover.selected,
+table.dataTable.display tbody tr.even:hover.selected {
+    background-color: #a9b7d1
+}
+
+table.dataTable.order-column tbody tr>.sorting_1,
+table.dataTable.order-column tbody tr>.sorting_2,
+table.dataTable.order-column tbody tr>.sorting_3,
+table.dataTable.display tbody tr>.sorting_1,
+table.dataTable.display tbody tr>.sorting_2,
+table.dataTable.display tbody tr>.sorting_3 {
+    background-color: #f9f9f9
+}
+
+table.dataTable.order-column tbody tr.selected>.sorting_1,
+table.dataTable.order-column tbody tr.selected>.sorting_2,
+table.dataTable.order-column tbody tr.selected>.sorting_3,
+table.dataTable.display tbody tr.selected>.sorting_1,
+table.dataTable.display tbody tr.selected>.sorting_2,
+table.dataTable.display tbody tr.selected>.sorting_3 {
+    background-color: #acbad4
+}
+
+table.dataTable.display tbody tr.odd>.sorting_1,
+table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
+    background-color: #f1f1f1
+}
+
+table.dataTable.display tbody tr.odd>.sorting_2,
+table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
+    background-color: #f3f3f3
+}
+
+table.dataTable.display tbody tr.odd>.sorting_3,
+table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
+    background-color: #f5f5f5
+}
+
+table.dataTable.display tbody tr.odd.selected>.sorting_1,
+table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
+    background-color: #a6b3cd
+}
+
+table.dataTable.display tbody tr.odd.selected>.sorting_2,
+table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
+    background-color: #a7b5ce
+}
+
+table.dataTable.display tbody tr.odd.selected>.sorting_3,
+table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
+    background-color: #a9b6d0
+}
+
+table.dataTable.display tbody tr.even>.sorting_1,
+table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
+    background-color: #f9f9f9
+}
+
+table.dataTable.display tbody tr.even>.sorting_2,
+table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
+    background-color: #fbfbfb
+}
+
+table.dataTable.display tbody tr.even>.sorting_3,
+table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
+    background-color: #fdfdfd
+}
+
+table.dataTable.display tbody tr.even.selected>.sorting_1,
+table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
+    background-color: #acbad4
+}
+
+table.dataTable.display tbody tr.even.selected>.sorting_2,
+table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
+    background-color: #adbbd6
+}
+
+table.dataTable.display tbody tr.even.selected>.sorting_3,
+table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
+    background-color: #afbdd8
+}
+
+table.dataTable.display tbody tr:hover>.sorting_1,
+table.dataTable.display tbody tr.odd:hover>.sorting_1,
+table.dataTable.display tbody tr.even:hover>.sorting_1,
+table.dataTable.order-column.hover tbody tr:hover>.sorting_1,
+table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_1,
+table.dataTable.order-column.hover tbody tr.even:hover>.sorting_1 {
+    background-color: #eaeaea
+}
+
+table.dataTable.display tbody tr:hover>.sorting_2,
+table.dataTable.display tbody tr.odd:hover>.sorting_2,
+table.dataTable.display tbody tr.even:hover>.sorting_2,
+table.dataTable.order-column.hover tbody tr:hover>.sorting_2,
+table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_2,
+table.dataTable.order-column.hover tbody tr.even:hover>.sorting_2 {
+    background-color: #ebebeb
+}
+
+table.dataTable.display tbody tr:hover>.sorting_3,
+table.dataTable.display tbody tr.odd:hover>.sorting_3,
+table.dataTable.display tbody tr.even:hover>.sorting_3,
+table.dataTable.order-column.hover tbody tr:hover>.sorting_3,
+table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_3,
+table.dataTable.order-column.hover tbody tr.even:hover>.sorting_3 {
+    background-color: #eee
+}
+
+table.dataTable.display tbody tr:hover.selected>.sorting_1,
+table.dataTable.display tbody tr.odd:hover.selected>.sorting_1,
+table.dataTable.display tbody tr.even:hover.selected>.sorting_1,
+table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1,
+table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_1,
+table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_1 {
+    background-color: #a1aec7
+}
+
+table.dataTable.display tbody tr:hover.selected>.sorting_2,
+table.dataTable.display tbody tr.odd:hover.selected>.sorting_2,
+table.dataTable.display tbody tr.even:hover.selected>.sorting_2,
+table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2,
+table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_2,
+table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_2 {
+    background-color: #a2afc8
+}
+
+table.dataTable.display tbody tr:hover.selected>.sorting_3,
+table.dataTable.display tbody tr.odd:hover.selected>.sorting_3,
+table.dataTable.display tbody tr.even:hover.selected>.sorting_3,
+table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3,
+table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_3,
+table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_3 {
+    background-color: #a4b2cb
+}
+
+table.dataTable.no-footer {
+    border-bottom: 1px solid #111
+}
+
+table.dataTable.nowrap th,
+table.dataTable.nowrap td {
+    white-space: nowrap
+}
+
+table.dataTable.compact thead th,
+table.dataTable.compact thead td {
+    padding: 5px 9px
+}
+
+table.dataTable.compact tfoot th,
+table.dataTable.compact tfoot td {
+    padding: 5px 9px 3px 9px
+}
+
+table.dataTable.compact tbody th,
+table.dataTable.compact tbody td {
+    padding: 4px 5px
+}
+
+table.dataTable th.dt-left,
+table.dataTable td.dt-left {
+    text-align: left
+}
+
+table.dataTable th.dt-center,
+table.dataTable td.dt-center,
+table.dataTable td.dataTables_empty {
+    text-align: center
+}
+
+table.dataTable th.dt-right,
+table.dataTable td.dt-right {
+    text-align: right
+}
+
+table.dataTable th.dt-justify,
+table.dataTable td.dt-justify {
+    text-align: justify
+}
+
+table.dataTable th.dt-nowrap,
+table.dataTable td.dt-nowrap {
+    white-space: nowrap
+}
+
+table.dataTable thead th.dt-head-left,
+table.dataTable thead td.dt-head-left,
+table.dataTable tfoot th.dt-head-left,
+table.dataTable tfoot td.dt-head-left {
+    text-align: left
+}
+
+table.dataTable thead th.dt-head-center,
+table.dataTable thead td.dt-head-center,
+table.dataTable tfoot th.dt-head-center,
+table.dataTable tfoot td.dt-head-center {
+    text-align: center
+}
+
+table.dataTable thead th.dt-head-right,
+table.dataTable thead td.dt-head-right,
+table.dataTable tfoot th.dt-head-right,
+table.dataTable tfoot td.dt-head-right {
+    text-align: right
+}
+
+table.dataTable thead th.dt-head-justify,
+table.dataTable thead td.dt-head-justify,
+table.dataTable tfoot th.dt-head-justify,
+table.dataTable tfoot td.dt-head-justify {
+    text-align: justify
+}
+
+table.dataTable thead th.dt-head-nowrap,
+table.dataTable thead td.dt-head-nowrap,
+table.dataTable tfoot th.dt-head-nowrap,
+table.dataTable tfoot td.dt-head-nowrap {
+    white-space: nowrap
+}
+
+table.dataTable tbody th.dt-body-left,
+table.dataTable tbody td.dt-body-left {
+    text-align: left
+}
+
+table.dataTable tbody th.dt-body-center,
+table.dataTable tbody td.dt-body-center {
+    text-align: center
+}
+
+table.dataTable tbody th.dt-body-right,
+table.dataTable tbody td.dt-body-right {
+    text-align: right
+}
+
+table.dataTable tbody th.dt-body-justify,
+table.dataTable tbody td.dt-body-justify {
+    text-align: justify
+}
+
+table.dataTable tbody th.dt-body-nowrap,
+table.dataTable tbody td.dt-body-nowrap {
+    white-space: nowrap
+}
+
+table.dataTable,
+table.dataTable th,
+table.dataTable td {
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box
+}
+
+.dataTables_wrapper {
+    position: relative;
+    clear: both;
+    *zoom: 1;
+    zoom: 1
+}
+
+.dataTables_wrapper .dataTables_length {
+    float: left
+}
+
+.dataTables_wrapper .dataTables_filter {
+    float: left;
+    text-align: left
+}
+
+.dataTables_wrapper .dataTables_filter input {
+    margin-left: 0.5em
+}
+
+.dataTables_wrapper .dataTables_info {
+    clear: both;
+    float: top;
+    padding-top: 0.3em
+}
+
+.dataTables_wrapper .dataTables_paginate {
+    float: right;
+    text-align: right;
+    padding-top: 0.25em
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button {
+    box-sizing: border-box;
+    display: inline-block;
+    min-width: 1.5em;
+    padding: 0.5em 1em;
+    margin-left: 2px;
+    text-align: center;
+    text-decoration: none !important;
+    cursor: pointer;
+    *cursor: hand;
+    color: #333 !important;
+    border: 1px solid transparent
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button.current,
+.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
+    color: #333 !important;
+    border: 1px solid #cacaca;
+    background-color: #fff;
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
+    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
+    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
+    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
+    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
+    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
+    cursor: default;
+    color: #666 !important;
+    border: 1px solid transparent;
+    background: transparent;
+    box-shadow: none
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
+    color: white !important;
+    border: 1px solid #111;
+    background-color: #585858;
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
+    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
+    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
+    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
+    background: -o-linear-gradient(top, #585858 0%, #111 100%);
+    background: linear-gradient(to bottom, #585858 0%, #111 100%)
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button:active {
+    outline: none;
+    background-color: #2b2b2b;
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
+    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
+    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
+    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
+    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
+    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
+    box-shadow: inset 0 0 3px #111
+}
+
+.dataTables_wrapper .dataTables_processing {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+  /*  width: 100%; */
+    height: 40px;
+    margin-left: -50%;
+    margin-top: -25px;
+    padding-top: 20px;
+    text-align: center;
+    font-size: 1.2em;
+    background-color: white;
+    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
+    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
+    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)
+}
+
+.dataTables_wrapper .dataTables_length,
+.dataTables_wrapper .dataTables_filter,
+.dataTables_wrapper .dataTables_info,
+.dataTables_wrapper .dataTables_processing,
+.dataTables_wrapper .dataTables_paginate {
+    color: #333
+}
+
+.dataTables_wrapper .dataTables_scroll {
+    clear: both
+}
+
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
+    *margin-top: -1px;
+    -webkit-overflow-scrolling: touch
+}
+
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing,
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing {
+    height: 0;
+    overflow: hidden;
+    margin: 0 !important;
+    padding: 0 !important
+}
+
+.dataTables_wrapper.no-footer .dataTables_scrollBody {
+    border-bottom: 1px solid #111
+}
+
+.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
+.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
+    border-bottom: none
+}
+
+.dataTables_wrapper:after {
+    visibility: hidden;
+    display: block;
+    content: "";
+    clear: both;
+    height: 0
+}
+
+
+
+@media screen and (max-width: 992px) { /* have to fudge the break point for the demo */
+    .dataTables_wrapper .dataTables_info,
+    .dataTables_wrapper .dataTables_paginate {
+        float: none;
+        text-align: center;
+        margin-left: 20px !important;
+    }
+    .dataTables_wrapper .dataTables_paginate {
+        margin-top: 0.5em
+    }
+}
+
+@media screen and (max-width: 640px) { /* have to fudge the break point for the demo */
+    .dataTables_wrapper .dataTables_length,
+    .dataTables_wrapper .dataTables_filter {
+        float: left;
+        text-align: left
+    }
+
+
+    .dataTables_wrapper .dataTables_filter {
+        margin-top: 0.5em
+    }
+}
+
+@media screen and (min-width: 992px) { /* have to fudge the break point for the demo */
+  .dataTables_wrapper .dataTables_filter {
+    padding-left:20px;
+  }
+}
diff --git a/css/mr-bullets.css b/css/mr-bullets.css
new file mode 100644
index 000000000..59edf8bbd
--- /dev/null
+++ b/css/mr-bullets.css
@@ -0,0 +1,31 @@
+.most-requested-bullets.provisional li {
+	font-family: 'Lato', sans-serif;
+	font-size: 17px;
+	font-weight: 600;
+	line-height: 26px;
+	margin-top: 0
+}
+
+.most-requested-bullets.with-img.provisional {
+  margin-top: 0px;
+}
+
+.most-requested-bullets.provisional .pddng-r-0 {
+  padding-right: 0px;
+}
+
+.most-requested-bullets.provisional h2 {
+	font-size: 1.2em;
+}
+
+.provisional.list-bld {
+	font-weight: 600;
+}
+
+@media screen and (max-width: 991px) {
+  .most-requested-bullets.provisional li {
+    font-size: 19px;
+    }
+}
+
+
diff --git a/css/navigation.css b/css/navigation.css
new file mode 100644
index 000000000..9b1614464
--- /dev/null
+++ b/css/navigation.css
@@ -0,0 +1,478 @@
+@charset "utf-8";
+/*Text decoration override for Safari */
+a:not([href]) {
+	text-decoration: none;
+	-webkit-text-decoration-line: none;
+	color:#333;
+}
+
+/*Resize h2 */
+h2, .h2 {font-size:1.7em}
+
+
+/*Collapsed menu design (on hold)*/
+.section-menu.mobile {
+	/*border: 1px solid #26374a;
+	border-radius: 4px;*/
+	margin-bottom:40px;
+}
+/*
+.section-menu.mobile .menu-header, .section-menu.mobile .menu-body {
+	padding: 15px
+}*/
+.section-menu .menu-title {
+	font-size: 1.4em;
+	font-weight: 600;
+	margin-top: 0px;
+}
+/*.section-menu.mobile .menu-title {
+	margin-bottom: 0px;
+	margin-left: 0px;
+ margin-left: 50px; 
+	text-indent: 3px
+}
+.section-menu.mobile.open .menu-header {
+	border-bottom: 1px solid #26374a;
+}
+ .section-menu.mobile .menu-header:hover {
+	background-color: #26374a;
+	color: #fff;
+	cursor: pointer;
+} 
+/* .section-menu.mobile .menu-header .menu-title:before {
+	display: inline-block;
+	vertical-align: -15%;
+	font-family: "Glyphicons Halflings";
+	margin-right: 0.5em;
+	transition: transform 0.5s;
+	margin-left: -50px
+} */
+/* .section-menu.mobile .menu-header[aria-expanded=true] .menu-title:before {
+	content: "\e114";
+}
+.section-menu.mobile .menu-header[aria-expanded=false] .menu-title:before {
+	content: "\e114";
+	-ms-transform: rotate(-90deg);
+	-webkit-transform: rotate(-90deg);
+} */
+/* .section-menu.mobile:not(.open) .menu-body {
+	display: none;
+}
+.section-menu.mobile.open .menu-body {
+	display: block
+} */
+/* H1 in desktop */
+@media (min-width:992px) {
+
+main#steps-navigation h1#wb-cont-section {
+	border-bottom: 0px;
+	font-size: 1.3em;
+	color: #777;
+	margin-top: 20px;
+	margin-bottom: -5px;
+	font-weight: 200;
+
+}
+main#steps-navigation #steps-content h1#wb-cont {
+	margin-top: 0px;
+	width: 100%;
+}
+}
+main#steps-navigation h1#wb-cont-section {
+	border-bottom: 0px;
+}
+
+/*Vertical steps CSS */
+
+.vertical-steps .small, .vertical-steps small {
+	line-height: 0em
+}
+.vertical-steps * {
+	font-weight: inherit!important
+}
+.vertical-steps *, .fa-vertical-steps * {
+	font-size: inherit!important;
+	margin-top: 0px!important;
+	margin-bottom: 0px!important;
+	line-height: inherit!important
+}
+.vertical-steps {
+	margin-top: 6px;
+	list-style: none;
+}
+ol.vertical-steps {
+	margin-left: -10px;
+	counter-reset: step-counter;
+}
+ul.vertical-steps {
+	margin-left: -16px;
+}
+.vertical-steps>li {
+	padding-bottom: 30px;
+	margin-left: -12px;
+	border-left: 5px solid #26374a;
+	position: relative;
+}
+ol.vertical-steps>li {
+	padding-left: 29px;
+	counter-increment: step-counter;
+}
+ul.vertical-steps>li, .vertical-steps ul>li {
+	padding-left: 25px
+}
+ul.vertical-steps li::first-line {
+	line-height: 1em;
+}
+.vertical-steps li a::before {
+	text-decoration: underline;
+}
+ul.vertical-steps.noline>li {
+	border-left: 5px solid transparent
+}
+.vertical-steps>li>:first-child::before {
+	border-radius: 50%;
+	border: 3px solid #26374a;
+	background-color: #fff;
+	float: left;
+	display: inline-block;
+	text-decoration: none;
+	box-sizing: content-box;
+	line-height: 1.6;
+	text-align: center;
+	-webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */
+	transition: all 0.2s;
+}
+ol.vertical-steps>li>:first-child::before {
+	height: 34px;
+	width: 34px;
+	margin-left: -52px;
+}
+ul.vertical-steps>li>:first-child::before {
+	height: 18px;
+	width: 18px;
+	margin-left: -40px;
+	content: "";
+}
+
+ul.vertical-steps>li>a[href]:hover::before {
+	width: 20px;
+	height: 20px;
+	margin-top: -1px;
+	font-size: 1.2em;
+	margin-right: 5px;
+	margin-left: -41px;
+	line-height: 1.55;
+}
+
+ol.vertical-steps>li>:first-child::before {
+	content: counter(step-counter);
+}
+ol.vertical-steps>li>a[href]:hover::before {
+	width: 36px;
+	height: 36px;
+	margin-top: -2px;
+	font-size: 1.2em;
+	margin-right: -2px;
+	margin-left: -53px;
+	line-height: 1.5;
+}
+.vertical-steps>li:last-child, .vertical-steps>li.completed:last-child, ul.fa-vertical-steps li:last-child {
+	border-left: 5px solid transparent;
+	padding-bottom: 0;
+}
+/*completed*/
+.vertical-steps li.completed, .fa-vertical-steps li.completed, .fa-vertical-steps li.completed span.fa-li {
+	border-color: #ccc
+}
+.vertical-steps li.completed>:first-child::before {
+	border-color: #ccc
+}
+/*active*/
+.vertical-steps li.active>:first-child::before, .fa-vertical-steps li.active span.fa-li {
+	background-color: #26374a;
+	color: #fff;
+}
+/*FA icons*/
+ul.fa-vertical-steps {
+	margin-left: 0.9em;
+	list-style: none;
+}
+ul.fa-vertical-steps li span.fa-li {
+	border-radius: 50%;
+	border: 3px solid #26374a;
+	background-color: #fff;
+	height: 40px;
+	width: 40px;
+	font-size: 1em;
+	margin-left: 16px;
+	padding-top: 1px;
+	-webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */
+	transition: all 0.2s;
+}
+ul.fa-vertical-steps>li {
+	padding-bottom: 24px;
+	border-left: 5px solid #26374a;
+	position: relative;
+	padding-left: 29px;
+}
+
+.fa-vertical-steps>li>a[href]:hover span.fa-li {
+	height: 44px;
+	width: 44px;
+	padding-top: 2px;
+	font-size: 1.2em;
+	margin-left: 14px;
+	margin-top: -0.03em;
+}
+/*sub-steps*/
+
+.vertical-steps li ul, .vertical-steps li ol, .fa-vertical-steps li ul, .fa-vertical-steps li ol {
+	margin-top: 16px!important;
+}
+ol.vertical-steps ol.vertical-steps {
+	counter-reset: step-counter;
+}
+ol.vertical-steps ol.vertical-steps>li {
+	counter-increment: step-counter;
+}
+ol.vertical-steps ol.vertical-steps>li>:first-child::before {
+	content: counter(step-counter, upper-alpha);
+}
+/*sub-sub-steps */
+ol.vertical-steps ol.vertical-steps ol.vertical-steps {
+	counter-reset: step-counter;
+}
+ol.vertical-steps ol.vertical-steps ol.vertical-steps>li {
+	counter-increment: step-counter;
+}
+ol.vertical-steps ol.vertical-steps ol.vertical-steps>li>:first-child::before {
+	content: counter(step-counter, lower-roman);
+}
+/*custom list-type */
+ol.vertical-steps.lst-lwr-rmn>li>:first-child::before {
+	content: counter(step-counter, lower-roman)!important;
+}
+ol.vertical-steps.lst-upr-rmn>li>:first-child::before {
+	content: counter(step-counter, upper-roman)!important;
+}
+ol.vertical-steps.lst-upr-alph>li>:first-child::before {
+	content: counter(step-counter, upper-alpha)!important;
+}
+ol.vertical-steps.lst-lwr-alph>li>:first-child::before {
+	content: counter(step-counter, lower-alpha)!important;
+}
+ol.vertical-steps.lst-num>li>:first-child::before {
+	content: counter(step-counter)!important;
+}
+/*Vertical steps in mobile (experimental) */
+.section-menu.mobile > .vertical-steps {
+	border-right: 5px solid #26374a;
+	border-top: 5px solid #26374a;
+	border-radius: 0 6px 6px 0;
+	padding-top: 30px;
+	margin-top: -18px;
+}
+.section-menu.mobile > .vertical-steps > li:last-child {
+	border-bottom: 5px solid #26374a;
+	border-left: 5px solid #26374a;
+	border-bottom-left-radius: 6px;
+	padding-bottom: 30px;
+}
+.section-menu.mobile > .menu-title {
+	margin-bottom: -18px;
+	background-color: white;
+	padding: 20px 10px 10px 20px;
+	display: inline-block;
+	margin-left: -20px;
+	font-size: 1.3em!important;
+	margin-right: 25px;
+}
+
+/* Top of page button */
+nav#tp-pg {
+	position: fixed;
+	bottom: -110px;
+	left: 0px;
+	width: 100%;
+	text-align: center;
+	text-transform: uppercase;
+	z-index: 1049;
+	transition: bottom 0.5s;
+}
+
+@media (min-width:992px) {
+nav#tp-pg {
+	bottom: 100px;
+	right: -160px;
+	width: auto;
+	left: auto;
+	transition: right 0.5s;
+}
+	nav#tp-pg.stuck, .wb-disable nav#tp-pg {
+	right: 0px;
+	bottom: 100px;
+}
+
+}
+
+nav#tp-pg>a {
+	text-decoration: none;
+	padding: 10px 26px 26px 26px;
+	background-color: #26374a;
+	color: #fff;
+	border: 1px solid #dcdee1;
+	border-radius: 4px 4px 0 0;
+}
+@media (min-width:991px){
+nav#tp-pg>a {
+	padding: 10px 26px 10px 16px;
+	border-radius: 4px 0 0 4px;
+	border-right-width: 0px
+}
+}
+nav#tp-pg>a:visited {
+	color: #fff
+}
+nav#tp-pg>a:hover, nav#tp-pg>a:focus {
+	background-color: #444;
+	color: #fff
+}
+nav#tp-pg >a::before {
+	content: "\e093";
+	font-family: "Glyphicons Halflings";
+	line-height: 1em;
+	font-size: 1.2em;
+	top: 0.15em;
+	position: relative;
+	padding-right: 0.5em
+}
+@media (max-width:991px){
+nav#tp-pg.stuck, .wb-disable nav#tp-pg {
+	bottom: 5px;
+}
+}
+
+
+
+/*Screen reader resolution content */
+@media screen and (min-width:1200px) {
+.wb-inv-lg {
+	clip: rect(1px, 1px, 1px, 1px);
+	height: 1px;
+	margin: 0;
+	overflow: hidden;
+	position: absolute;
+	width: 1px;
+}
+}
+
+@media screen and (max-width:1199px) and (min-width:992px) {
+.wb-inv-md {
+	clip: rect(1px, 1px, 1px, 1px);
+	height: 1px;
+	margin: 0;
+	overflow: hidden;
+	position: absolute;
+	width: 1px;
+}
+}
+
+@media screen and (max-width:991px) and (min-width:768px) {
+.wb-inv-sm {
+	clip: rect(1px, 1px, 1px, 1px);
+	height: 1px;
+	margin: 0;
+	overflow: hidden;
+	position: absolute;
+	width: 1px;
+}
+}
+
+@media (max-width:767px) {
+.wb-inv-xs {
+	clip: rect(1px, 1px, 1px, 1px);
+	height: 1px;
+	margin: 0;
+	overflow: hidden;
+	position: absolute;
+	width: 1px;
+}
+}
+
+/*alert design */
+/* .alert:before {
+	height: 34px;
+	content: "";
+	background-color: #fff;
+	width: 6px;
+	display: inline;
+	margin-top: -1px;
+	margin-left: -26px;
+	position: absolute;
+}
+.alert-success, .alert-info, .alert-warning, .alert-danger {
+	background: #fff !important;
+}
+.alert {
+	border-width: 1px 1px 1px 4px !important;
+	margin-left: 12px;
+	margin-top: 1.7em;
+	margin-bottom: 1.7em;
+	padding-left: 20px;
+	border-width: 0px 0px 0px 6px!important
+}
+.alert-success > :first-child::before, .alert-info > :first-child::before, .alert-warning > :first-child::before, .alert-danger > :first-child::before {
+	font-size: 26px;
+	margin-left: -1.48em;
+	padding: 2px;
+	line-height: 1.1em;
+}
+.alert > :first-child {
+	margin-left: 0em;
+}
+.alert >:first-child::before {
+	margin-right: 0.4em
+} */
+/*targets the first h2 or h3 of alerts and matches the border color */
+/* .alert-info h2:first-child, .alert-info h3:first-child, .alert-info .h2:first-child, .alert-info .h3:first-child {
+	color: #269abc
+}
+.alert-success h2:first-child, .alert-success h3:first-child, .alert-success .h2:first-child, .alert-success .h3:first-child {
+	color: #278400
+}
+.alert-warning h2:first-child, .alert-warning h3:first-child, .alert-warning .h2:first-child, .alert-warning .h3:first-child {
+	color: #f90
+}
+.alert-danger h2:first-child, .alert-danger h3:first-child, .alert-danger .h2:first-child, .alert-danger .h3:first-child {
+	color: #d3080c
+} */
+/* reverts header to black if need for overwrite */
+body .alert .text-default {
+	color: inherit
+}
+
+/* blockquote with quote design*/
+	blockquote {margin-left:12px; border-left-width:6px!important; border-left-color: #d4d4d4; }
+	blockquote:lang(en)::before {content:"\201F"; color:#d4d4d4;  font-size:4em; position: absolute; background: #fff; margin-left: -0.5em; padding-top: 20px; line-height:0.5em; height:38px;
+
+	}
+	blockquote:lang(fr)::before {content:"\ab"; color:#d4d4d4;  font-size:2.8em; position: absolute; background: #fff; margin-left: -0.7em;  padding-bottom: 10px;
+
+	}
+
+/* Callout */
+.callout {
+	padding: 19px;
+	margin-bottom: 20px;
+	border: 1px solid #e3e3e3;
+	box-shadow: 0px 0px 10px #ddd;
+}
+.callout h2, .callout h3, .callout h3, .callout h4, .callout h5, .callout h6 {
+	margin-top: 0;
+}
+.callout p:last-of-type, .callout ul:last-of-type {
+	margin-bottom: 0;
+}
+.most-requested + .callout {
+	margin-top: 30px;
+}
diff --git a/css/new-alerts.css b/css/new-alerts.css
new file mode 100644
index 000000000..509175fd5
--- /dev/null
+++ b/css/new-alerts.css
@@ -0,0 +1,75 @@
+/*Removes current class alerts overrides (remove when this code replaces current alert CSS) */
+.provisional .alert-info > :first-child::before, .provisional .alert-success > :first-child::before, .provisional .alert-warning > :first-child::before, .provisional .alert-danger > :first-child::before {
+	content: none;
+}
+.provisional .alert {
+	background-color: inherit;
+}
+.provisional .alert > :first-child {
+	margin-left: 15px;
+}
+/*replacement code */
+.provisional .alert {
+	margin-left: 10px;
+	border-left: 6px solid #000;
+	padding: 0 0 0 15px;
+	background-clip: content-box;
+	margin-bottom: 23px;
+}
+.provisional .alert > p, .alert > .ul, .alert > .ol {
+	margin-bottom: 0px;
+}
+.provisional .alert>* {
+	margin-left: 15px;
+}
+.provisional .alert details {
+	margin-left: 0.5em;
+	padding-top: 15px;
+}
+.provisional .alert >:first-child:not(details) {
+	padding-top: 15px;
+	margin-top: auto;
+}
+.provisional .alert >:last-child {
+	padding-bottom: 25px;
+}
+.provisional .alert:before {
+	font-size: 26px;
+	margin-left: -1.48em;
+	padding: 2px;
+	line-height: 2.3em;
+	font-family: "Glyphicons Halflings";
+	position: absolute;
+}
+.provisional .alert-info {
+	border-image: linear-gradient(to bottom, #269abc 16px, #269abc 16px, rgba(0,0,0,0) 16px, rgba(0,0,0,0) 48px, #269abc 48px, #269abc 48px) 1 100%;
+	border-color: #269abc;
+}
+.provisional .alert-success {
+	border-image: linear-gradient(to bottom, #278400 16px, #278400 16px, rgba(0,0,0,0) 16px, rgba(0,0,0,0) 48px, #278400 48px, #278400 48px) 1 100%;
+	border-color: #278400;
+}
+.provisional .alert-warning {
+	border-image: linear-gradient(to bottom, #f90 16px, #f90 16px, rgba(0,0,0,0) 16px, rgba(0,0,0,0) 48px, #f90 48px, #f90 48px) 1 100%;
+	border-color: #f90;
+}
+.provisional .alert-danger {
+	border-image: linear-gradient(to bottom, #d3080c 16px, #d3080c 16px, rgba(0,0,0,0) 16px, rgba(0,0,0,0) 48px, #d3080c 48px, #d3080c 48px) 1 100%;
+	border-color: #d3080c;
+}
+.provisional .alert-info::before {
+	content: "\e086";
+	color: #269abc;
+}
+.provisional .alert-success::before {
+	content: "\e084";
+	color: #278400;
+}
+.provisional .alert-warning::before {
+	content: "\e107";
+	color: #f90;
+}
+.provisional .alert-danger::before {
+	content: "\e101";
+	color: #d3080c;
+}
\ No newline at end of file
diff --git a/css/provisional-alerts.css b/css/provisional-alerts.css
new file mode 100644
index 000000000..58f2fe1eb
--- /dev/null
+++ b/css/provisional-alerts.css
@@ -0,0 +1,57 @@
+@charset "UTF-8";
+.provisional.alert-info > :first-child::before, .provisional.alert-success > :first-child::before, .provisional.alert-warning > :first-child::before, .provisional.alert-danger > :first-child::before {
+  color: inherit;
+  content: none; }
+
+.provisional.alert {
+  background-clip: content-box;
+  background-color: inherit;
+  border-left: 6px solid #000;
+  margin-bottom: 23px;
+  margin-left: 10px;
+  padding: 0 0 0 15px; }
+  .provisional.alert > p, .provisional.alert > ul, .provisional.alert > ol {
+    margin-bottom: 0px; }
+  .provisional.alert > * {
+    margin-left: 15px; }
+  .provisional.alert details {
+    margin-left: .5em;
+    padding-top: 15px; }
+  .provisional.alert > :first-child:not(details) {
+    margin-top: auto;
+    padding-top: 15px; }
+  .provisional.alert > :last-child {
+    padding-bottom: 25px; }
+  .provisional.alert::before {
+    font-family: "Glyphicons Halflings";
+    font-size: 26px;
+    line-height: 2.3em;
+    margin-left: -1.27em;
+    padding: 2px;
+    position: absolute; }
+  .provisional.alert > :first-child {
+    margin-left: 15px; }
+.provisional.alert-info {
+  border-color: #269abc;
+  border-image: linear-gradient(to bottom, #269abc 16px, #269abc 16px, transparent 16px, transparent 48px, #269abc 48px, #269abc 48px) 1 100%; }
+  .provisional.alert-info::before {
+    color: #269abc;
+    content: ""; }
+.provisional.alert-success {
+  border-color: #278400;
+  border-image: linear-gradient(to bottom, #278400 16px, #278400 16px, transparent 16px, transparent 48px, #278400 48px, #278400 48px) 1 100%; }
+  .provisional.alert-success::before {
+    color: #278400;
+    content: ""; }
+.provisional.alert-warning {
+  border-color: #ee7100;
+  border-image: linear-gradient(to bottom, #ee7100 16px, #ee7100 16px, transparent 16px, transparent 48px, #ee7100 48px, #ee7100 48px) 1 100%; }
+  .provisional.alert-warning::before {
+    color: #ee7100;
+    content: ""; }
+.provisional.alert-danger {
+  border-color: #d3080c;
+  border-image: linear-gradient(to bottom, #d3080c 16px, #d3080c 16px, transparent 16px, transparent 48px, #d3080c 48px, #d3080c 48px) 1 100%; }
+  .provisional.alert-danger::before {
+    color: #d3080c;
+    content: ""; }
diff --git a/css/responsive-tables.css b/css/responsive-tables.css
new file mode 100644
index 000000000..b0c033221
--- /dev/null
+++ b/css/responsive-tables.css
@@ -0,0 +1,141 @@
+
+.experimental caption {
+  text-align: left;
+}
+.experimental td ul {
+  padding-inline-start: 20px;
+}
+
+.experimental .nobreak {
+  white-space: nowrap;
+}
+
+/* CREATE MOBILE CARDS */
+@media screen and (max-width: 425px) {
+
+  .table.experimental > tbody > tr > td:first-child {
+    border-top: none;
+  }
+
+  table.experimental tr {
+    border: 1px solid #ddd;
+    padding: .35em;
+  }
+
+  table.experimental {
+    border: 0;
+  }
+
+  table.experimental caption {
+    font-size: 1.1em;
+  }
+
+  table.experimental thead {
+    border: none;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+  }
+
+  table.experimental tr {
+    display: block;
+    margin-bottom: .625em;
+  }
+
+  table.experimental td {
+    display: block;
+    font-size: 1em;
+    text-align: right;
+  }
+
+  table.experimental td::before {
+    content: attr(data-label);
+    font-weight: bold;
+    float: left;
+  }
+
+  table.experimental td:last-child {
+    border-bottom: 0;
+  }
+
+  .experimental .left-mobile {
+    text-align: left !important;
+    clear: both !important;
+    display: block;
+  }
+}
+
+/* TABLET CARDS */
+@media screen and (max-width: 768px) {
+
+  .table.experimental.tblt-crds > tbody > tr > td:first-child {
+    border-top: none;
+  }
+
+  table.experimental.tblt-crds tr {
+    border: 1px solid #ddd;
+    padding: .35em;
+  }
+
+  table.experimental.tblt-crds {
+    border: 0;
+  }
+
+  table.experimental.tblt-crds  caption {
+    font-size: 1.1em;
+  }
+
+  table.experimental.tblt-crds thead {
+    border: none;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+  }
+
+  table.experimental.tblt-crds  tr {
+    display: block;
+    margin-bottom: .625em;
+  }
+
+  table.experimental.tblt-crds  td {
+    display: block;
+    font-size: 1em;
+    text-align: right;
+  }
+
+  table.experimental.tblt-crds td::before {
+    content: attr(data-label);
+    font-weight: bold;
+    float: left;
+  }
+
+  table.experimental.tblt-crds td:last-child {
+    border-bottom: 0;
+  }
+
+  .experimental.tblt-crds .left-mobile {
+    text-align: left !important;
+    clear: both !important;
+    display: block;
+  }
+}
+
+
+@media (min-width: 769px) {
+  /* small table text for desktop table content - works when 'main' is 20px, design system demos are a bit off - to look into */
+  .tbl-sm-txt.experimental tr {
+    font-size: .85em;
+  }
+
+  .tbl-sm-txt.experimental thead {
+    font-size: .95em;
+  }
+}
diff --git a/css/sip-section-menu.css b/css/sip-section-menu.css
new file mode 100644
index 000000000..8cea8ef27
--- /dev/null
+++ b/css/sip-section-menu.css
@@ -0,0 +1,309 @@
+@charset "utf-8";
+
+/* CSS Document */
+section.gc-nav.provisional h1 {
+	font-size: 1.3em;
+	color: #666;
+	border-bottom: none;
+}
+
+/*page structure desktop (new) */
+@media all and (min-width:992px) {
+	section.gc-nav.provisional nav {
+		position: relative;
+		width: 33.33%;
+		left: 66.66%;
+		float: left;
+		padding-left: 15px;
+		margin-bottom: 30px;
+	}
+	section.gc-nav.provisional h1 {
+		width: 66.66%;
+		padding-right: 15px;
+		margin-top: 20px;
+		margin-bottom: -5px;
+		font-weight: 500;
+	}
+	section.gc-nav-section.provisional {
+		position: relative;
+		width: 66.66%;
+		float: left;
+		padding-right: 15px;
+	}
+	section.gc-nav.provisional ~ section.gc-nav-section.provisional {
+		right: 33.33%;
+	}
+	section.gc-nav.provisional ~ section.gc-nav-section.provisional h1 {
+		margin-top: 0px
+	}
+	section.gc-nav-section.provisional + .pagedetails {
+		clear: both;
+	}
+}
+.provisional #gc-navseq-header {
+	font-size: 1.2em;
+	margin-top: 0px;
+}
+.provisional .gc-navseq {
+	padding-left: 0.9em;
+}
+.provisional .gc-navseq .small,
+.provisional .gc-navseq small {
+	line-height: 0em;
+}
+.provisional .gc-navseq * {
+	font-weight: inherit!important;
+	line-height: inherit!important;
+	font-size: inherit!important;
+}
+
+.provisional ol.gc-navseq {
+	counter-reset: step-counter;
+}
+.provisional ol.gc-navseq > li {
+	counter-increment: step-counter;
+}
+.provisional .gc-navseq > li {
+	padding-bottom: 20px;
+	list-style: none;
+	padding-left: 1.2em;
+	border-left: 5px solid #26374a;
+	position: relative;
+}
+
+.provisional .gc-navseq > li > :first-child::before {
+	border-radius: 50%;
+	border: 3px solid #26374a;
+	background-color: #fff;
+	float: left;
+	text-decoration: none;
+	box-sizing: content-box;
+	line-height: 1.3em;
+	text-align: center;
+	padding: 3px;
+	-webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */
+	transition: all 0.2s;
+	height: 1.3em;
+	width: 1.3em;
+	margin-left: -2.3em;
+}
+
+.provisional ol.gc-navseq > li > :first-child::before {
+	content: counter(step-counter);
+}
+
+.provisional ul.gc-navseq > li > :first-child::before {
+	height: 0.8em;
+	width: 0.8em;
+	margin-left: -2.05em;
+	content: "";
+}
+
+.provisional .gc-navseq li a::before {
+	text-decoration: underline;
+}
+
+.provisional ul.gc-navseq.noline > li {
+	border-left: 5px solid transparent
+}
+
+.provisional .gc-navseq > li:last-child,
+.provisional .gc-navseq > li.completed:last-child {
+	border-left: 5px solid transparent;
+	padding-bottom: 0;
+}
+
+.provisional ul.gc-navseq.noline > li > :first-child::before {
+	margin-top: 0.2em
+}
+
+/*active*/
+.provisional .gc-navseq li.active > :first-child::before {
+	background-color: #26374a;
+	color: #fff;
+}
+
+.provisional .gc-navseq li.active a {
+	color: #333;
+	cursor: default;
+	text-decoration: none;
+}
+
+/*completed*/
+.provisional .gc-navseq li.completed {
+	border-color: #555;
+}
+
+.provisional .gc-navseq li.completed > :first-child::before {
+	border-color: #555;
+}
+
+/*sub-steps*/
+.provisional .gc-navseq li ul,
+.provisional .gc-navseq li ol {
+	margin-top: 16px!important;
+}
+
+.provisional ol.gc-navseq ol.gc-navseq {
+	counter-reset: step-counter;
+}
+
+.provisional ol.gc-navseq ol.gc-navseq > li {
+	counter-increment: step-counter;
+}
+
+.provisional ol.gc-navseq ol.gc-navseq > li > :first-child::before {
+	content: counter(step-counter, upper-alpha);
+}
+
+/*sub-sub-steps */
+.provisional ol.gc-navseq ol.gc-navseq ol.gc-navseq {
+	counter-reset: step-counter;
+}
+
+.provisional ol.gc-navseq ol.gc-navseq ol.gc-navseq > li {
+	counter-increment: step-counter;
+}
+
+.provisional ol.gc-navseq ol.gc-navseq ol.gc-navseq > li > :first-child::before {
+	content: counter(step-counter, lower-roman);
+}
+
+/*custom list-type */
+.provisional ol.gc-navseq.lst-lwr-rmn > li > :first-child::before {
+	content: counter(step-counter, lower-roman)!important;
+}
+
+.provisional ol.gc-navseq.lst-upr-rmn > li > :first-child::before {
+	content: counter(step-counter, upper-roman)!important;
+}
+
+.provisional ol.gc-navseq.lst-upr-alph > li > :first-child::before {
+	content: counter(step-counter, upper-alpha)!important;
+}
+
+.provisional ol.gc-navseq.lst-lwr-alph > li > :first-child::before {
+	content: counter(step-counter, lower-alpha)!important;
+}
+
+.provisional ol.gc-navseq.lst-num > li > :first-child::before {
+	content: counter(step-counter)!important;
+}
+
+.provisional ul.gc-navseq > li:not(.active) > a:hover::before {
+	width: 0.83em;
+	height: 0.83em;
+	margin-top: -0.1em;
+	font-size: 1.2em;
+	margin-left: -1.775em;
+	line-height: 1.55;
+}
+.provisional ul.gc-navseq.noline > li:not(.active) > a:hover::before {
+	margin-top: 0.15em;
+}
+.provisional ol.gc-navseq > li:not(.active) > a:hover::before {
+	width: 1.33em;
+	height: 1.33em;
+	margin-top: -0.1em;
+	margin-left: -2.05em;
+	font-size: 1.2em;
+	line-height: 1.3;
+}
+
+/*Vertical steps in mobile  */
+@media screen and (max-width:991px) {
+	section.gc-nav.provisional {
+		margin-top: 30px;
+		border-right: 5px solid #26374a;
+		border-top: 5px solid #26374a;
+		border-radius: 0 6px 6px 0;
+	}
+
+	section.gc-nav.provisional nav > .gc-navseq {
+		padding-top: 15px;
+		margin-top: -18px;
+	}
+
+	section.gc-nav.provisional nav > .gc-navseq > li:last-child {
+		border-bottom: 5px solid #26374a;
+		border-left: 5px solid #26374a;
+		border-bottom-left-radius: 6px;
+		padding-bottom: 24px;
+	}
+
+	section.gc-nav.provisional h1 {
+		background-color: white;
+		float: left;
+		margin-bottom: -18px;
+		margin-left: -20px;
+		margin-right: 20px;
+		margin-top: -40px;
+		padding: 20px 10px 20px 20px;
+	}
+}
+
+/*nav buttons */
+.provisional .gc-navseq-nav-btn:hover,
+.provisional .gc-navseq-nav-btn:focus,
+.provisional .gc-navseq-nav-btn:visited {
+	display: inline-block;
+	color: #fff;
+	text-decoration: none;
+	padding: 5px;
+}
+
+.provisional .gc-navseq-nav-btn {
+	background-color: #26374a;
+}
+
+.provisional .gc-navseq-nav-btn:hover {
+	background-color: #444;
+}
+
+.provisional .gc-navseq-nav-btn:not(:focus) {
+	clip: rect(1px, 1px, 1px, 1px);
+	height: 1px;
+	margin: 0;
+	overflow: hidden;
+	position: absolute;
+	width: 1px;
+}
+
+@media all and (min-width:992px) {
+	.provisional #gc-navseq-nav {
+		display: flex;
+	}
+}
+
+@media all and (max-width:991px) {
+	.provisional #gc-navseq-nav {
+		padding-top: 15px;
+		padding-bottom: 10px;
+	}
+}
+
+.provisional #gc-navseq-nav {
+	margin-bottom: 0;
+	list-style: none;
+	padding-left: 0;
+}
+
+.provisional .gc-navseq-nav-btn:focus {
+	position: relative;
+}
+
+.provisional .gc-navseq > li > :first-child::before {
+	position: absolute;
+}
+
+.provisional ol.gc-navseq > li > :first-child::before {
+  content: counter(step-counter);
+}
+
+.provisional .gc-navseq > li {
+	border-left: 5px solid #26374a;
+	list-style: none;
+	padding-bottom: 20px;
+	padding-left: 1.2em;
+	position: static;
+}
diff --git a/css/social-media.css b/css/social-media.css
new file mode 100644
index 000000000..e8ada6e48
--- /dev/null
+++ b/css/social-media.css
@@ -0,0 +1,104 @@
+.provisional.followus h2 {
+  font-size: 1.1em;
+  margin-top: 10px;
+}
+
+.provisional.followus {
+	padding: 0;
+}
+
+.provisional.followus h2 {
+	display: block;
+}
+
+.provisional.followus h2,
+.provisional.followus ul {
+	margin-left: 0;
+}
+
+.provisional.followus-vertical {
+  line-height: 0em;
+}
+
+.provisional.followus-vertical,
+.provisional.followus {
+  background-color: transparent;
+}
+
+.provisional.followus-vertical a {
+  text-decoration: none;
+}
+
+.provisional.followus-vertical ul {
+  display: block;
+  list-style-type: none;
+  margin-block-start: 1em;
+  padding-inline-start: 1em;
+  font-size: 16px;
+  margin-block-end: 0em;
+}
+
+.provisional.followus-vertical ul li {
+  margin-bottom: 15px;
+}
+
+.provisional.followus-vertical ul li:last-child {
+  margin-bottom: 0px;
+}
+
+.provisional.followus-vertical ul li a {
+  border: none;
+  padding: 0px 5px;
+}
+
+.provisional.followus ul li a {
+	border: none;
+}
+
+.provisional .social-lnk {
+  position: relative;
+  bottom:-18px;
+  left:45px;
+}
+
+.provisional.followus-vertical li {
+  display: block;
+  background-position: left;
+}
+
+.provisional.followus .facebook,
+.provisional.followus .twitter,
+.provisional.followus .youtube,
+.provisional.followus .instagram {
+  display: block;
+  height: 38px;
+  width: 38px;
+}
+.provisional.followus .facebook {
+  background: url("../images/social-media/facebook.png") 0 0 / cover no-repeat;
+}
+
+.provisional.followus .twitter {
+  background: url("../images/social-media/twitter.png") 0 0 / cover no-repeat;
+}
+.provisional.followus .youtube {
+  background: url("../images/social-media/youtube.png") 0 0 / cover no-repeat;
+}
+.provisional.followus .instagram {
+  background: url("../images/social-media/instagram.png") 0 0 / cover no-repeat;
+}
+.provisional.followus .linkedin {
+  background: url("../images/social-media/instagram.png") 0 0 / cover no-repeat;
+}
+
+.provisional .thumbnail {
+  border-color: #335075;
+  border-width: 1px;
+  padding: 0px;
+}
+
+@media screen and (max-width: 991px) {
+  .provisional .mobile-left {
+    float: left !important; /* important is needed to override float right*/
+  }
+}
diff --git a/css/split-h1.css b/css/split-h1.css
new file mode 100644
index 000000000..86a021ccb
--- /dev/null
+++ b/css/split-h1.css
@@ -0,0 +1,28 @@
+/*Stacked H1*/
+h1 {
+  border-bottom: none;
+}
+h1#wb-cont::after {
+  content: ""; /* This is necessary for the pseudo element to work. */
+  display: block; /* This will put the pseudo element on its own line. */
+  width: 70px; /* Change this to whatever width you want to have before hover. */
+  padding-bottom: 8px; /* This creates some space between the element and the border. */
+  border-bottom: .18em solid #af3c43; /* This creates the border. Replace black with whatever color you want. */
+}
+h1 span.stacked {
+  display: flex;
+  flex-direction: column-reverse;
+  margin-left: -9999px;
+}
+h1 span.stacked span:nth-child(1) {
+  margin-top: -1.1em;
+}
+h1 span.stacked span:nth-child(1), h1 span.stacked span:nth-child(2) {
+  margin-left: 9999px;
+}
+h1 span.stacked span:nth-child(2) {
+  font-size: 26px;
+  color: #555;
+  font-weight: 500;
+  margin-bottom: 0.17em;
+}
\ No newline at end of file
diff --git a/directives/donnees-structurees.html b/directives/donnees-structurees.html
index d79621019..2921cb6b9 100644
--- a/directives/donnees-structurees.html
+++ b/directives/donnees-structurees.html
@@ -13,7 +13,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/mise-en-page/accueil-institution-directives.html b/mise-en-page/accueil-institution-directives.html
index 47012e671..a12239e39 100644
--- a/mise-en-page/accueil-institution-directives.html
+++ b/mise-en-page/accueil-institution-directives.html
@@ -7,11 +7,11 @@
 		<meta content="width=device-width,initial-scale=1" name="viewport">
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/beta/ilp.css" integrity="sha384-ZQbTjaGudchCoR9NjYMG+RxlnW1wjUXyVXOKHbpR9yA2mDGwiEAKz5xoCOmDRnig" crossorigin="anonymous">
-		<link rel="stylesheet" href="https://design.canada.ca/css/beta/social-media.css" integrity="sha384-HQ5Bu1l1LtkoWgK9iXbFbw6thx7KQ8i8dvpNVUBeOgndr0CGtMtdAZZ/o/8OFo8g" crossorigin="anonymous">
-		<link rel="stylesheet" href="https://design.canada.ca/css/beta/mr-bullets.css" integrity="sha384-y4hKe3xMV/+wn47j3BV+ak8fWEsSZSSen3F+SG9k1IYgN10DozdSFTanPa+pBo9M" crossorigin="anonymous">
-		<link rel="stylesheet" href="https://design.canada.ca/css/guidance-draft.css">
+		<link rel="stylesheet" href="../css/custom.css">
+		<link rel="stylesheet" href="../css/beta/ilp.css" integrity="sha384-ZQbTjaGudchCoR9NjYMG+RxlnW1wjUXyVXOKHbpR9yA2mDGwiEAKz5xoCOmDRnig" crossorigin="anonymous">
+		<link rel="stylesheet" href="../css/beta/social-media.css" integrity="sha384-HQ5Bu1l1LtkoWgK9iXbFbw6thx7KQ8i8dvpNVUBeOgndr0CGtMtdAZZ/o/8OFo8g" crossorigin="anonymous">
+		<link rel="stylesheet" href="../css/beta/mr-bullets.css" integrity="sha384-y4hKe3xMV/+wn47j3BV+ak8fWEsSZSSen3F+SG9k1IYgN10DozdSFTanPa+pBo9M" crossorigin="anonymous">
+		<link rel="stylesheet" href="../css/guidance-draft.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
 		<noscript>
 			<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" />
diff --git a/mise-en-page/generique-base.html b/mise-en-page/generique-base.html
index 853c675c1..a164196b3 100644
--- a/mise-en-page/generique-base.html
+++ b/mise-en-page/generique-base.html
@@ -13,7 +13,7 @@
 		<!--[if gte IE 9 | !IE ]><!-->
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+		<link rel="stylesheet" href="../css/custom.css">
 
 		<link rel="stylesheet" href="../css/ip.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
diff --git a/mise-en-page/generique-institution.html b/mise-en-page/generique-institution.html
index 425686b5f..b6b666d26 100644
--- a/mise-en-page/generique-institution.html
+++ b/mise-en-page/generique-institution.html
@@ -13,7 +13,7 @@
 		<!--[if gte IE 9 | !IE ]><!-->
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+		<link rel="stylesheet" href="../css/custom.css">
 
 		<link rel="stylesheet" href="../css/ip.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
diff --git a/mise-en-page/generique-onglet.html b/mise-en-page/generique-onglet.html
index 66c3f4d5b..30c32cf79 100644
--- a/mise-en-page/generique-onglet.html
+++ b/mise-en-page/generique-onglet.html
@@ -13,7 +13,7 @@
 		<!--[if gte IE 9 | !IE ]><!-->
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+		<link rel="stylesheet" href="../css/custom.css">
 
 		<link rel="stylesheet" href="../css/ip.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
diff --git a/mise-en-page/generique-sit1.html b/mise-en-page/generique-sit1.html
index ce2713dbe..094666b4f 100644
--- a/mise-en-page/generique-sit1.html
+++ b/mise-en-page/generique-sit1.html
@@ -13,7 +13,7 @@
 		<!--[if gte IE 9 | !IE ]><!-->
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+		<link rel="stylesheet" href="../css/custom.css">
 
 		<link rel="stylesheet" href="../css/ip.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
diff --git a/mise-en-page/generique-sit2.html b/mise-en-page/generique-sit2.html
index 111a980d9..ed2ce6e23 100644
--- a/mise-en-page/generique-sit2.html
+++ b/mise-en-page/generique-sit2.html
@@ -13,7 +13,7 @@
 		<!--[if gte IE 9 | !IE ]><!-->
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+		<link rel="stylesheet" href="../css/custom.css">
 
 		<link rel="stylesheet" href="../css/ip.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
diff --git a/mise-en-page/generique-sit3.html b/mise-en-page/generique-sit3.html
index d286708da..d3cf529cd 100644
--- a/mise-en-page/generique-sit3.html
+++ b/mise-en-page/generique-sit3.html
@@ -13,7 +13,7 @@
 		<!--[if gte IE 9 | !IE ]><!-->
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+		<link rel="stylesheet" href="../css/custom.css">
 
 		<link rel="stylesheet" href="../css/ip.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
diff --git a/mise-en-page/generique-toc.html b/mise-en-page/generique-toc.html
index 40dd17c2a..9a53ac532 100644
--- a/mise-en-page/generique-toc.html
+++ b/mise-en-page/generique-toc.html
@@ -13,7 +13,7 @@
 		<!--[if gte IE 9 | !IE ]><!-->
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+		<link rel="stylesheet" href="../css/custom.css">
 
 		<link rel="stylesheet" href="../css/ip.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
diff --git a/mise-en-page/pages-profil-ministres-directives.html b/mise-en-page/pages-profil-ministres-directives.html
index ee7d1b395..75d7b6282 100644
--- a/mise-en-page/pages-profil-ministres-directives.html
+++ b/mise-en-page/pages-profil-ministres-directives.html
@@ -12,11 +12,11 @@
 	<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
 		integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-	<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+	<link rel="stylesheet" href="../css/custom.css">
 
-	<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-	<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
-	<link rel="stylesheet" href="https://design.canada.ca/css/guidance-draft.css">
+	<link rel="stylesheet" href="../css/provisional-alerts.css">
+	<link rel="stylesheet" href="../css/split-h1.css">
+	<link rel="stylesheet" href="../css/guidance-draft.css">
 
 
 	<noscript>
diff --git a/mise-en-page/theme-sujet_directives.html b/mise-en-page/theme-sujet_directives.html
index 14d516ca7..038fa2574 100644
--- a/mise-en-page/theme-sujet_directives.html
+++ b/mise-en-page/theme-sujet_directives.html
@@ -7,10 +7,10 @@
 	<meta content="width=device-width,initial-scale=1" name="viewport" />
 	<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon" />
 	<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css" />
-	<link rel="stylesheet" href="https://design.canada.ca/css/beta/theme-topic.css" />
-	<link rel="stylesheet" href="https://design.canada.ca/css/beta/social-media.css" />
-	<link rel="stylesheet" href="https://design.canada.ca/css/beta/mr-bullets.css" />
-	<link rel="stylesheet" href="https://design.canada.ca/css/guidance-draft.css">
+	<link rel="stylesheet" href="../css/beta/theme-topic.css" />
+	<link rel="stylesheet" href="../css/beta/social-media.css" />
+	<link rel="stylesheet" href="../css/beta/mr-bullets.css" />
+	<link rel="stylesheet" href="../css/guidance-draft.css">
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" />
 	<noscript>
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" />
diff --git a/mise-en-page/transparence_directives.html b/mise-en-page/transparence_directives.html
index 45ffb3ffb..3d74297d7 100644
--- a/mise-en-page/transparence_directives.html
+++ b/mise-en-page/transparence_directives.html
@@ -13,9 +13,9 @@
 		<!--[if gte IE 9 | !IE ]><!-->
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-    <link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+    <link rel="stylesheet" href="../css/custom.css">
 
-    <link rel="stylesheet" href="https://design.canada.ca/css/guidance-draft.css">
+    <link rel="stylesheet" href="../css/guidance-draft.css">
 		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-obligatoire/page-accueil.html b/modeles-obligatoire/page-accueil.html
index 488145945..24dca2ad2 100644
--- a/modeles-obligatoire/page-accueil.html
+++ b/modeles-obligatoire/page-accueil.html
@@ -12,10 +12,10 @@
 	<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
 		integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-	<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+	<link rel="stylesheet" href="../css/custom.css">
 
-	<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-	<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+	<link rel="stylesheet" href="../css/provisional-alerts.css">
+	<link rel="stylesheet" href="../css/split-h1.css">
 
 	<noscript>
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" />
diff --git a/modeles-obligatoire/page-ministeres-organismes.html b/modeles-obligatoire/page-ministeres-organismes.html
index 3e70d1ec0..0c6728944 100644
--- a/modeles-obligatoire/page-ministeres-organismes.html
+++ b/modeles-obligatoire/page-ministeres-organismes.html
@@ -12,10 +12,10 @@
 	<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
 		integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-	<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+	<link rel="stylesheet" href="../css/custom.css">
 
-	<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-	<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+	<link rel="stylesheet" href="../css/provisional-alerts.css">
+	<link rel="stylesheet" href="../css/split-h1.css">
 
 	<noscript>
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" />
diff --git a/modeles-obligatoire/page-sujet-backup.html b/modeles-obligatoire/page-sujet-backup.html
index 810a41b21..832a9e938 100644
--- a/modeles-obligatoire/page-sujet-backup.html
+++ b/modeles-obligatoire/page-sujet-backup.html
@@ -12,7 +12,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-obligatoire/pages-nouvelles-2.html b/modeles-obligatoire/pages-nouvelles-2.html
index be3597db3..f33a93baa 100644
--- a/modeles-obligatoire/pages-nouvelles-2.html
+++ b/modeles-obligatoire/pages-nouvelles-2.html
@@ -11,7 +11,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-obligatoire/pages-nouvelles.html b/modeles-obligatoire/pages-nouvelles.html
index 5f8e00e3b..f03e25f75 100644
--- a/modeles-obligatoire/pages-nouvelles.html
+++ b/modeles-obligatoire/pages-nouvelles.html
@@ -12,10 +12,10 @@
 	<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
 		integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-	<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+	<link rel="stylesheet" href="../css/custom.css">
 
-	<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-	<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+	<link rel="stylesheet" href="../css/provisional-alerts.css">
+	<link rel="stylesheet" href="../css/split-h1.css">
 
 	<noscript>
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" />
diff --git a/modeles-obligatoire/pages-profil-institutionnel-2.html b/modeles-obligatoire/pages-profil-institutionnel-2.html
index 29dcc587d..0dc7e19d5 100644
--- a/modeles-obligatoire/pages-profil-institutionnel-2.html
+++ b/modeles-obligatoire/pages-profil-institutionnel-2.html
@@ -12,7 +12,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-obligatoire/pages-profil-institutionnel.html b/modeles-obligatoire/pages-profil-institutionnel.html
index 75a24b4cd..32c7e7294 100644
--- a/modeles-obligatoire/pages-profil-institutionnel.html
+++ b/modeles-obligatoire/pages-profil-institutionnel.html
@@ -12,10 +12,10 @@
 	<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
 		integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-	<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+	<link rel="stylesheet" href="../css/custom.css">
 
-	<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-	<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+	<link rel="stylesheet" href="../css/provisional-alerts.css">
+	<link rel="stylesheet" href="../css/split-h1.css">
 
 	<noscript>
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" />
diff --git a/modeles-obligatoire/pages-profil-ministres.html b/modeles-obligatoire/pages-profil-ministres.html
index 2d0050c48..bf6087945 100644
--- a/modeles-obligatoire/pages-profil-ministres.html
+++ b/modeles-obligatoire/pages-profil-ministres.html
@@ -12,10 +12,10 @@
 	<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
 		integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-	<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+	<link rel="stylesheet" href="../css/custom.css">
 
-	<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-	<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+	<link rel="stylesheet" href="../css/provisional-alerts.css">
+	<link rel="stylesheet" href="../css/split-h1.css">
 
 	<noscript>
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" />
diff --git a/modeles-obligatoire/pages-profil-organisationnel.html b/modeles-obligatoire/pages-profil-organisationnel.html
index 35a813a01..8f987e1a0 100644
--- a/modeles-obligatoire/pages-profil-organisationnel.html
+++ b/modeles-obligatoire/pages-profil-organisationnel.html
@@ -12,10 +12,10 @@
 	<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
 		integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-	<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+	<link rel="stylesheet" href="../css/custom.css">
 
-	<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-	<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+	<link rel="stylesheet" href="../css/provisional-alerts.css">
+	<link rel="stylesheet" href="../css/split-h1.css">
 
 	<noscript>
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" />
diff --git a/modeles-obligatoire/pages-publics-cibles.html b/modeles-obligatoire/pages-publics-cibles.html
index 010a02ce3..680f23741 100644
--- a/modeles-obligatoire/pages-publics-cibles.html
+++ b/modeles-obligatoire/pages-publics-cibles.html
@@ -12,10 +12,10 @@
 	<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
 		integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-	<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+	<link rel="stylesheet" href="../css/custom.css">
 
-	<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-	<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+	<link rel="stylesheet" href="../css/provisional-alerts.css">
+	<link rel="stylesheet" href="../css/split-h1.css">
 
 	<noscript>
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" />
diff --git a/modeles-obligatoire/pages-recherche.html b/modeles-obligatoire/pages-recherche.html
index 3438d51bb..36dccb83e 100644
--- a/modeles-obligatoire/pages-recherche.html
+++ b/modeles-obligatoire/pages-recherche.html
@@ -12,10 +12,10 @@
 	<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
 		integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-	<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+	<link rel="stylesheet" href="../css/custom.css">
 
-	<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-	<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+	<link rel="stylesheet" href="../css/provisional-alerts.css">
+	<link rel="stylesheet" href="../css/split-h1.css">
 
 	<noscript>
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" />
diff --git a/modeles-obligatoire/pages-theme-backup.html b/modeles-obligatoire/pages-theme-backup.html
index a40423f18..4db56a9fb 100644
--- a/modeles-obligatoire/pages-theme-backup.html
+++ b/modeles-obligatoire/pages-theme-backup.html
@@ -12,7 +12,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-obligatoire/theme-sujet.html b/modeles-obligatoire/theme-sujet.html
index c5138af77..8f97410c7 100644
--- a/modeles-obligatoire/theme-sujet.html
+++ b/modeles-obligatoire/theme-sujet.html
@@ -12,10 +12,10 @@
 	<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/wet-boew.min.css" />
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
 		integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
-	<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+	<link rel="stylesheet" href="../css/custom.css">
 
-	<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
-	<link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css">
+	<link rel="stylesheet" href="../css/provisional-alerts.css">
+	<link rel="stylesheet" href="../css/split-h1.css">
 
 	<noscript>
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" />
diff --git a/modeles-recommandes/generique.html b/modeles-recommandes/generique.html
index f7f0ec313..d94c4ec5d 100644
--- a/modeles-recommandes/generique.html
+++ b/modeles-recommandes/generique.html
@@ -12,7 +12,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-recommandes/pages-campagnes.html b/modeles-recommandes/pages-campagnes.html
index 3112863ec..22e94f656 100644
--- a/modeles-recommandes/pages-campagnes.html
+++ b/modeles-recommandes/pages-campagnes.html
@@ -12,7 +12,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-recommandes/pages-cibles-collections.html b/modeles-recommandes/pages-cibles-collections.html
index af2471c7f..15c46d32b 100644
--- a/modeles-recommandes/pages-cibles-collections.html
+++ b/modeles-recommandes/pages-cibles-collections.html
@@ -11,7 +11,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-recommandes/pages-comptes-rendu-rendement-services-insitutionnels.html b/modeles-recommandes/pages-comptes-rendu-rendement-services-insitutionnels.html
index 4eda5a728..ed17a265e 100644
--- a/modeles-recommandes/pages-comptes-rendu-rendement-services-insitutionnels.html
+++ b/modeles-recommandes/pages-comptes-rendu-rendement-services-insitutionnels.html
@@ -12,7 +12,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-recommandes/pages-consultations.html b/modeles-recommandes/pages-consultations.html
index e7d940648..836ef004d 100644
--- a/modeles-recommandes/pages-consultations.html
+++ b/modeles-recommandes/pages-consultations.html
@@ -11,7 +11,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-recommandes/pages-contactez-nous.html b/modeles-recommandes/pages-contactez-nous.html
index e001a9066..abd6a4d46 100644
--- a/modeles-recommandes/pages-contactez-nous.html
+++ b/modeles-recommandes/pages-contactez-nous.html
@@ -11,7 +11,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-recommandes/pages-description-programme.html b/modeles-recommandes/pages-description-programme.html
index a0b9c810d..68bdc17ce 100644
--- a/modeles-recommandes/pages-description-programme.html
+++ b/modeles-recommandes/pages-description-programme.html
@@ -11,7 +11,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-recommandes/pages-directives-lois.html b/modeles-recommandes/pages-directives-lois.html
index 0e8e4788c..3eafa387f 100644
--- a/modeles-recommandes/pages-directives-lois.html
+++ b/modeles-recommandes/pages-directives-lois.html
@@ -12,7 +12,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-recommandes/pages-evenements-promotionnels.html b/modeles-recommandes/pages-evenements-promotionnels.html
index 5452a7e18..88d84a3a7 100644
--- a/modeles-recommandes/pages-evenements-promotionnels.html
+++ b/modeles-recommandes/pages-evenements-promotionnels.html
@@ -12,7 +12,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-recommandes/pages-index.html b/modeles-recommandes/pages-index.html
index 9f97129c5..40aac5ed9 100644
--- a/modeles-recommandes/pages-index.html
+++ b/modeles-recommandes/pages-index.html
@@ -11,7 +11,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-recommandes/pages-lancement-service.html b/modeles-recommandes/pages-lancement-service.html
index af72702ba..aab853caa 100644
--- a/modeles-recommandes/pages-lancement-service.html
+++ b/modeles-recommandes/pages-lancement-service.html
@@ -12,7 +12,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-recommandes/pages-lois-reglements.html b/modeles-recommandes/pages-lois-reglements.html
index a04ad63ca..79fcf2498 100644
--- a/modeles-recommandes/pages-lois-reglements.html
+++ b/modeles-recommandes/pages-lois-reglements.html
@@ -11,7 +11,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-recommandes/profil-partenariat-entente-collaboration.html b/modeles-recommandes/profil-partenariat-entente-collaboration.html
index e2c96fade..2978e6c8d 100644
--- a/modeles-recommandes/profil-partenariat-entente-collaboration.html
+++ b/modeles-recommandes/profil-partenariat-entente-collaboration.html
@@ -11,7 +11,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/modeles-recommandes/transparence.html b/modeles-recommandes/transparence.html
index 29b14f66d..d0f21e24b 100644
--- a/modeles-recommandes/transparence.html
+++ b/modeles-recommandes/transparence.html
@@ -12,7 +12,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/page-accueil-FR.html b/page-accueil-FR.html
index 6519a4d20..3722ccb70 100644
--- a/page-accueil-FR.html
+++ b/page-accueil-FR.html
@@ -8,9 +8,9 @@
 		<meta content="width=device-width,initial-scale=1" name="viewport">
 		<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
-		<link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+		<link rel="stylesheet" href="css/custom.css">
 
-		<link rel="stylesheet" href="https://design.canada.ca/css/provisional-alerts.css">
+		<link rel="stylesheet" href="css/provisional-alerts.css">
 
 		<noscript>
 			<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" /></noscript>
diff --git a/styles/couleurs.html b/styles/couleurs.html
index a8571f3f2..db70eb08a 100644
--- a/styles/couleurs.html
+++ b/styles/couleurs.html
@@ -12,7 +12,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/styles/mises-en-page.html b/styles/mises-en-page.html
index 523260c67..b8fff14aa 100644
--- a/styles/mises-en-page.html
+++ b/styles/mises-en-page.html
@@ -12,7 +12,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>
diff --git a/styles/typographie.html b/styles/typographie.html
index 6d5a71b9d..072356732 100644
--- a/styles/typographie.html
+++ b/styles/typographie.html
@@ -12,7 +12,7 @@
 
 		<!--[if gte IE 9 | !IE ]><!-->
 <link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
-<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="https://design.canada.ca/css/custom.css">
+<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"><link rel="stylesheet" href="../css/custom.css">
 
 <!--<![endif]-->
 <!--[if lt IE 9]>