diff --git a/src/app/core/components/home/home.component.html b/src/app/core/components/home/home.component.html
index e1c317e3..0b7dc37a 100644
--- a/src/app/core/components/home/home.component.html
+++ b/src/app/core/components/home/home.component.html
@@ -33,7 +33,6 @@
 						src="{{ environment.appLanding }}"
 						alt="{{ environment.appTitle }}"
 					/>
-					<!--					<img src="assets/img/icone_home.png" alt="calendrier icone framadate" />-->
 				</div>
 			</div>
 
@@ -41,6 +40,9 @@
 				<h1 class="title is-1">Titre h1</h1>
 				<h2 class="title is-2">Titre h2</h2>
 				<h3 class="title is-3">Titre h3</h3>
+				<h4 class="title is-4">Titre h4</h4>
+				<h5 class="title is-5">Titre h5</h5>
+				<h6 class="title is-6">Titre h6</h6>
 				<button class="is-primary is-disabled">bouton primaire inactif</button>
 				<button class="is-primary">bouton primaire</button>
 				<button class="is-primary is-thin">bouton primaire fin</button>
@@ -93,28 +95,29 @@
 	</div>
 
 	<!--	dialog search-->
-	<p-dialog
-		[modal]="true"
-		[(visible)]="display_poll_search_dialog"
-		[breakpoints]="{ '600px': '75vw', '400px': '95vw' }"
-		[style]="{ width: '486px' }"
-		[draggable]="false"
-		[showHeader]="false"
-		[resizable]="true"
-	>
-		<div class="home-content">
-			<div class="top">
-				<button
-					id="close_dialog"
-					class="no-outline cancel-button-reject pull-right has-no-border is-closing-popup"
-					(click)="focusOnCancelButton()"
-				>
-					{{ 'SENTENCES.Close' | translate }} <img class="icon fa" src="assets/icons/x_blue.svg" />
-				</button>
-			</div>
-			<div class="">
-				<section class="search">
-					<form (ngSubmit)="searchMyPolls()">
+
+	<form (ngSubmit)="searchMyPolls()">
+		<p-dialog
+			[modal]="true"
+			[(visible)]="display_poll_search_dialog"
+			[breakpoints]="{ '600px': '75vw', '400px': '95vw' }"
+			[style]="{ width: '486px' }"
+			[draggable]="false"
+			[showHeader]="false"
+			[resizable]="true"
+		>
+			<div class="home-content">
+				<div class="top">
+					<button
+						id="close_dialog"
+						class="no-outline cancel-button-reject pull-right has-no-border is-closing-popup"
+						(click)="focusOnCancelButton()"
+					>
+						{{ 'SENTENCES.Close' | translate }} <img class="icon fa" src="assets/icons/x_blue.svg" />
+					</button>
+				</div>
+				<div class="">
+					<section class="search">
 						<div class="">
 							<div class="search-others column">
 								<h2 class="title is-2">
@@ -135,6 +138,7 @@
 									[ngClass]="{
 										'has-background-success': email_sent,
 										'ng-invalid has-background-warning':
+											storageService.vote_stack.owner.email.length &&
 											nonexistent_email === storageService.vote_stack.owner.email
 									}"
 									[(ngModel)]="storageService.vote_stack.owner.email"
@@ -149,77 +153,89 @@
 								>
 									<i class="fa fa-warning"></i> Aucun sondage enregistré pour cet email.
 								</div>
-								<button
-									type="submit"
-									role="button"
-									class="is-outlined is-fullwidth is-info button-submit"
-									[disabled]="
-										!storageService.vote_stack.owner.email.length ||
-										nonexistent_email === storageService.vote_stack.owner.email
-									"
-									routerLink="user/polls"
-								>
-									<i class="fa fa-search"></i>
-									{{ 'home.search_button' | translate }}
-								</button>
 							</div>
 						</div>
-					</form>
-
-					<div class="poll-list">
-						<ul>
-							<li *ngFor="let p of storageService.userPolls">
-								<a class="is-fullwidth padded" [routerLink]="'poll/' + p.custom_url + '/consultation'">
-									{{ p.title }}
-									<i class="fa fa-arrow-right pull-right"></i>
-								</a>
-							</li>
-						</ul>
-					</div>
-				</section>
-
-				<section class="demo-capabilities">
-					<div
-						*ngIf="environment.showDemoWarning"
-						class="demo demo-warning well has-background-warning-light padded marged"
-					>
-						<h3 class="title is-3">
-							Ce que l'on peut faire sur cette démo:
-						</h3>
-						<ul>
-							<li>
-								☑️ Créer un nouveau sondage
-							</li>
-							<li>
-								☑️ accéder à un sondage existant en tant que visiteur, ajouter une réponse (StackOfVote)
-								et un commentaire.
-							</li>
-							<li>
-								☑️
-								<a
-									href="https://framagit.org/framasoft/framadate/funky-framadate-front/-/tree/master/docs"
-									>lire la documentation</a
-								>
-							</li>
-						</ul>
-						<h3 class="title is-3">
-							Ce qu'on ne peut pas encore faire:
-						</h3>
-						<ul>
-							<li>
-								🚴‍️ mettre à jour son vote à un sondage
-							</li>
-							<li>
-								🚴‍ modifier un de ses sondages existants par un lien d'administration
-							</li>
-							<li>
-								🚴‍ recevoir immédiatement les emails. Ceux ci nécessitent un vidage du spool d'emails
-								du backend sur demande (mesure anti spam).
-							</li>
-						</ul>
-					</div>
-				</section>
+					</section>
+				</div>
 			</div>
-		</div>
-	</p-dialog>
+			<ng-template pTemplate="footer" class="has-text-right">
+				<button
+					class="button is-secondary"
+					(click)="focusOnCancelButton()"
+					id="cancel_popup_button"
+					aria-haspopup="dialog"
+				>
+					{{ 'nav.leave' | translate }}
+				</button>
+				<button
+					type="submit"
+					role="button"
+					class="button is-primary button-submit"
+					(click)="searchMyPolls()"
+					[disabled]="
+						!storageService.vote_stack.owner.email.length &&
+						storageService.vote_stack.owner.email.indexOf('@') !== -1
+					"
+					routerLink="user/polls"
+				>
+					<i class="fa fa-search"></i>
+					{{ 'home.search_button' | translate }}
+				</button>
+			</ng-template>
+		</p-dialog>
+	</form>
 </section>
+
+<div class="demos">
+	<div class="poll-list">
+		<ul>
+			<li *ngFor="let p of storageService.userPolls">
+				<a class="is-fullwidth padded" [routerLink]="'poll/' + p.custom_url + '/consultation'">
+					{{ p.title }}
+					<i class="fa fa-arrow-right pull-right"></i>
+				</a>
+			</li>
+		</ul>
+	</div>
+
+	<section class="demo-capabilities">
+		<div
+			*ngIf="environment.showDemoWarning"
+			class="demo demo-warning well has-background-warning-light padded marged"
+		>
+			<h3 class="title is-3">
+				Ce que l'on peut faire sur cette démo:
+			</h3>
+			<ul>
+				<li>
+					☑️ Créer un nouveau sondage
+				</li>
+				<li>
+					☑️ accéder à un sondage existant en tant que visiteur, ajouter une réponse (StackOfVote) et un
+					commentaire.
+				</li>
+				<li>
+					☑️
+					<a href="https://framagit.org/framasoft/framadate/funky-framadate-front/-/tree/master/docs"
+						>lire la documentation</a
+					>
+				</li>
+			</ul>
+			<h3 class="title is-3">
+				Ce qu'on ne peut pas encore faire:
+			</h3>
+			<ul>
+				<li>
+					🚴‍️ mettre à jour son vote à un sondage
+				</li>
+				<li>
+					🚴‍ modifier un de ses sondages existants par un lien d'administration
+				</li>
+				<li>
+					🚴‍ recevoir immédiatement les emails. Ceux ci nécessitent un vidage du spool d'emails du backend
+					sur demande (mesure anti spam).
+				</li>
+			</ul>
+		</div>
+	</section>
+</div>
diff --git a/src/app/features/shared/components/choice-button-dinum/choice-button-dinum.component.scss b/src/app/features/shared/components/choice-button-dinum/choice-button-dinum.component.scss
index b19ccda8..4bde2213 100644
--- a/src/app/features/shared/components/choice-button-dinum/choice-button-dinum.component.scss
+++ b/src/app/features/shared/components/choice-button-dinum/choice-button-dinum.component.scss
@@ -8,6 +8,8 @@
 	min-width: 107px;
 	min-height: 83px;
 	padding: 8px 0 16px;
+	color: $primary-color;
+
 	.button-description {
 		margin-top: 8px;
 		font-weight: 700;