diff --git a/source/components/GenericSimulation.js b/source/components/GenericSimulation.js
index 0e93d8809..341d09e39 100644
--- a/source/components/GenericSimulation.js
+++ b/source/components/GenericSimulation.js
@@ -7,6 +7,7 @@ import withColours from 'Components/utils/withColours'
 import Targets from 'Components/Targets'
 import './GenericSimulation.css'
 import { nextStepsSelector } from 'Selectors/analyseSelectors'
+import PeriodSwitch from './PeriodSwitch'
 
 export default compose(
 	withColours,
@@ -55,6 +56,7 @@ export default compose(
 							</>
 						)}
 						<Targets />
+						<PeriodSwitch />
 					</div>
 				</div>
 			)
diff --git a/source/components/PeriodSwitch.css b/source/components/PeriodSwitch.css
index 2bf26ac14..daef67a82 100644
--- a/source/components/PeriodSwitch.css
+++ b/source/components/PeriodSwitch.css
@@ -22,7 +22,7 @@ input[type='radio'] + span {
 	vertical-align: middle;
 	border-radius: 20px;
 	cursor: pointer;
-	box-shadow: 0 0 0px 1px rgb(41, 117, 209);
+	box-shadow: 0 0 0px 1px var(--colour)
 }
 
 input[type='radio']:checked + span {
diff --git a/source/components/PeriodSwitch.js b/source/components/PeriodSwitch.js
index dfc52325b..31207ce2d 100644
--- a/source/components/PeriodSwitch.js
+++ b/source/components/PeriodSwitch.js
@@ -71,7 +71,7 @@ export default compose(
 let updateSituation = (toPeriod, batchPeriodChange, situation, rules) => {
 	let needConversation = filter(([dottedName, value]) => {
 		let rule = findRuleByDottedName(rules, dottedName)
-		return value != null && rule.période === 'flexible'
+		return value != null && rule?.période === 'flexible'
 	})(toPairs(situation))
 	let actions = [
 		...map(
diff --git a/source/components/conversation/formValueTypes.js b/source/components/conversation/formValueTypes.js
index fd2504eb4..1d05b019b 100644
--- a/source/components/conversation/formValueTypes.js
+++ b/source/components/conversation/formValueTypes.js
@@ -27,6 +27,11 @@ let jours = {
 	human: value => value + ' ' + 'jours',
 	validator: int
 }
+let km = {
+	suffix: 'km',
+	human: value => value + ' ' + 'km',
+	validator: int
+}
 
 let nombre = {
 	human: value => value.replace(/./g, ','),
@@ -44,5 +49,6 @@ export default {
 	mois,
 	jours,
 	nombre,
-	texte
+		texte,
+		km
 }
diff --git a/source/règles/co2.yaml b/source/règles/co2.yaml
index ec6d2a846..a088d3dd3 100644
--- a/source/règles/co2.yaml
+++ b/source/règles/co2.yaml
@@ -157,6 +157,7 @@
   notes: >-
     Attention, il faut vérifier si les chiffres incluent la construction du
     véhicule lui-même, et pas seulement le carburant.
+  question: Comment vous déplacez-vous ?
   formule:
     une possibilité:
       choix obligatoire: oui
@@ -353,7 +354,7 @@
 - espace: transport
   nom: km parcourus
   icônes: 🗺️
-  période: flexible
+  période: mois
   question: Combien de kilomètres parcourez-vous ?
-  format: nombre
+  format: km
   par défaut: 300