diff --git a/source/components/AttachDictionary.js b/source/components/AttachDictionary.js
index 6e5d60bcb..2b61c34d6 100644
--- a/source/components/AttachDictionary.js
+++ b/source/components/AttachDictionary.js
@@ -1,8 +1,6 @@
 import marked from 'Engine/marked'
 import { path } from 'ramda'
-import React, {
-	Component
-} from 'react'
+import React, { Component } from 'react'
 import ReactDOM from 'react-dom'
 import './Dictionary.css'
 import Overlay from './Overlay'
@@ -25,7 +23,7 @@ export let AttachDictionary = dictionary => Decorated =>
 			})
 		}
 		renderExplanationMarkdown(explanation, term) {
-			return marked(`### Mécanisme: ${term}\n\n${explanation}`)
+			return marked(`### Mécanisme : ${term}\n\n${explanation}`)
 		}
 		render() {
 			let { explanation, term } = this.state
diff --git a/source/components/rule/Algorithm.js b/source/components/rule/Algorithm.js
index 5854eb0c8..2dbd55006 100644
--- a/source/components/rule/Algorithm.js
+++ b/source/components/rule/Algorithm.js
@@ -1,44 +1,42 @@
 import classNames from 'classnames'
 import { makeJsx } from 'Engine/evaluation'
-import knownMecanisms from 'Engine/known-mecanisms.yaml'
 import { compose, path, values } from 'ramda'
 import React from 'react'
 import { Trans, withI18n } from 'react-i18next'
-import { AttachDictionary } from '../AttachDictionary'
 import './Algorithm.css'
 // The showValues prop is passed as a context. It used to be delt in CSS (not(.showValues) display: none), both coexist right now
 import { ShowValuesProvider } from './ShowValuesContext'
 
-export default compose(
-	AttachDictionary(knownMecanisms),
-	withI18n()
-)(
+export default compose(withI18n())(
 	class Algorithm extends React.Component {
 		render() {
 			let { rule, showValues } = this.props,
 				ruleWithoutFormula =
 					!rule['formule'] ||
 					path(['formule', 'explanation', 'une possibilité'], rule)
-			// TODO ce let est incompréhensible !
-			let applicabilityMecanisms = values(rule).filter(
-				v => v && v['rulePropType'] == 'cond'
-			)
+
 			return (
 				<div id="algorithm">
 					<section id="rule-rules" className={classNames({ showValues })}>
 						<ShowValuesProvider value={showValues}>
-							{applicabilityMecanisms.length > 0 && (
-								<section id="declenchement">
-									<h2>
-										<Trans>Déclenchement</Trans>
-									</h2>
-									<ul>
-										{applicabilityMecanisms.map(v => (
-											<li key={v.name}>{makeJsx(v)}</li>
-										))}
-									</ul>
-								</section>
-							)}
+							{do {
+								// TODO ce let est incompréhensible !
+								let applicabilityMecanisms = values(rule).filter(
+									v => v && v['rulePropType'] == 'cond'
+								)
+								applicabilityMecanisms.length > 0 && (
+									<section id="declenchement">
+										<h2>
+											<Trans>Déclenchement</Trans>
+										</h2>
+										<ul>
+											{applicabilityMecanisms.map(v => (
+												<li key={v.name}>{makeJsx(v)}</li>
+											))}
+										</ul>
+									</section>
+								)
+							}}
 							{!ruleWithoutFormula ? (
 								<section id="formule">
 									<h2>
diff --git a/source/components/rule/Header.js b/source/components/rule/Header.js
index c376522f2..df29016a5 100644
--- a/source/components/rule/Header.js
+++ b/source/components/rule/Header.js
@@ -38,19 +38,28 @@ let RuleHeader = withColours(
 				<div id="ruleHeader__description">
 					{createMarkdownDiv(description || question)}
 				</div>
-				{(type || path([type, 'destinataire'])(flatRule)) && (
-					<div id="ruleHeader__infobox">
-						{type && (
-							<div className="infobox__item">
-								<h4>Type&nbsp;:</h4>
-								<Trans>{capitalise0(type)}</Trans>
+				<div id="ruleHeader__infobox">
+					{type && (
+						<div className="infobox__item">
+							<h4>Type&nbsp;:</h4>
+							<Trans>{capitalise0(type)}</Trans>
+						</div>
+					)}
+					{flatRule['période'] && (
+						<div className="infobox__item">
+							<h4>{emoji('⏱️')} Période :</h4>
+							<div className="inlineMecanism">
+								<span
+									className="name"
+									data-term-definition="période"
+									style={{ background: '#8e44ad' }}>
+									{flatRule['période']}
+								</span>
 							</div>
-						)}
-						<Destinataire
-							destinataire={path([type, 'destinataire'])(flatRule)}
-						/>
-					</div>
-				)}
+						</div>
+					)}
+					<Destinataire destinataire={path([type, 'destinataire'])(flatRule)} />
+				</div>
 			</div>
 		</section>
 	)
diff --git a/source/components/rule/Rule.js b/source/components/rule/Rule.js
index 577da0bbe..064ef85e1 100644
--- a/source/components/rule/Rule.js
+++ b/source/components/rule/Rule.js
@@ -25,6 +25,8 @@ import Examples from './Examples'
 import RuleHeader from './Header'
 import References from './References'
 import './Rule.css'
+import { AttachDictionary } from '../AttachDictionary'
+import knownMecanisms from 'Engine/known-mecanisms.yaml'
 
 export default compose(
 	connect((state, props) => ({
@@ -34,6 +36,7 @@ export default compose(
 		analysedRule: ruleAnalysisSelector(state, props),
 		analysedExample: exampleAnalysisSelector(state, props)
 	})),
+	AttachDictionary(knownMecanisms),
 	withI18n(),
 	withLanguage
 )(
diff --git a/source/engine/known-mecanisms.yaml b/source/engine/known-mecanisms.yaml
index b0609c8b0..d9fb735c9 100644
--- a/source/engine/known-mecanisms.yaml
+++ b/source/engine/known-mecanisms.yaml
@@ -163,3 +163,11 @@ synchronisation:
     Pour éviter trop de saisies à l'utilisateur, certaines informations sont récupérées à partir de ce que l'on appelle des API. Ce sont des services auxquels ont fait appel pour obtenir des informations sur un sujet précis. Par exemple, l'État français fournit gratuitement l'API géo, qui permet à partir du nom d'une ville, d'obtenir son code postal, son département, la population etc.
     Ce mécanismes `synchronisation` permet de faire le lien entre les règles de notre système et les réponses de ces API.
 
+
+période: 
+  description: |
+    Une régle qui a une période, c'est une règle qui ne peut être calculée que sur cette période. Une règle qui n'a pas de période peut-être calculée quelle que soit la période la situation. 
+
+    Ainsi, dans une simulation mensuelle (période: "mois"), si `indemnité kilométrique vélo` (de période neutre) appelle `distance annuelle` et que cette dernière est définie sur l'année (période: "année"), alors la valeur de cette dernière sera divisée par 12 avant d'être passée à cette première. L'inverse est également vrai, en multipliant par 12.
+
+    Par défaut, la période de la simulation est mensuelle.
diff --git a/source/règles/base.yaml b/source/règles/base.yaml
index c8ad1c258..d0fd01fd1 100644
--- a/source/règles/base.yaml
+++ b/source/règles/base.yaml
@@ -25,6 +25,7 @@
 
 - espace: contrat salarié . indemnité kilométrique vélo
   nom: distance annuelle
+  description: Une estimation basse de la distance parcourue à vélo par un salarié pour se rendre à son travail.
   période: année
   formule: 4 * 218
   note: 4 km par jour sur 218 jours.