diff --git a/css/main.css b/css/main.css
index 501f1e9..6ed0756 100755
--- a/css/main.css
+++ b/css/main.css
@@ -110,14 +110,13 @@ nav a:link {
 
 input {
 	font-family: fin;
+
+}
+
 .optionhaute {
 	border-top: 0px black solid;
 
 }
-
-
-}
-
 .boite {
 	border: 3px black solid;
 	border-radius: 10px;
@@ -439,7 +438,7 @@ footer {
 }
 
 .option:hover {
-	background-color: #dbfeff;
+	background-color: #FFB3B3;
   transition: all 0.2s ease-in-out;
 
 }
@@ -784,7 +783,7 @@ footer {
 
 /* ============================= Fin de mon code CSS ========================================== */
 
-/* ============================= Début du code initial HTML5UP ================================ */
+/* ============================= Début du code HTML5UP ================================ */
 
 
 
@@ -861,7 +860,7 @@ footer {
 	}
 
 		a:hover {
-			color: #47D3E5;
+			color: #FF1919;
 		}
 
 	 b {
@@ -878,31 +877,6 @@ footer {
 	}
 
 
-/* Box */
-
-	.box {
-		border-radius: 4px;
-		border: solid 1px;
-		margin-bottom: 2rem;
-		padding: 1.5rem;
-	}
-
-		.box > :last-child,
-		.box > :last-child > :last-child,
-		.box > :last-child > :last-child > :last-child {
-			margin-bottom: 0;
-		}
-
-		.box.alt {
-			border: 0;
-			border-radius: 0;
-			padding: 0;
-		}
-
-	.box {
-		border-color: rgba(0, 0, 0, 0.2);
-	}
-
 /* Button */
 
 	input[type="submit"],
@@ -1009,8 +983,9 @@ footer {
 		input[type="button"]:hover,
 		button:hover,
 		.button:hover {
-			box-shadow: inset 0 0 0 1px #47D3E5;
-			color: #47D3E5 !important;
+			box-shadow: inset 0 0 0 1px red;
+			color: red !important;
+			background-color: #FFBFBF;
 		}
 
 		input[type="submit"]:active,
@@ -1019,8 +994,8 @@ footer {
 		button:active:not(#bouttonmenu),
 		.button:active {
 			background-color: rgba(71, 211, 229, 0.2);
-			box-shadow: inset 0 0 0 1px #47D3E5;
-			color: #47D3E5 !important;
+			box-shadow: inset 0 0 0 1px red;
+			color: red !important;
 		}
 
 		input[type="submit"].special,
@@ -1038,7 +1013,7 @@ footer {
 			input[type="button"].special:hover,
 			button.special:hover,
 			.button.special:hover {
-				background-color: #47D3E5;
+				background-color: red;
 			}
 
 			input[type="submit"].special:active,
@@ -1046,7 +1021,7 @@ footer {
 			input[type="button"].special:active,
 			button.special:active,
 			.button.special:active {
-				background-color: #1ebdd1;
+				background-color: red;
 			}
 
 	label {
@@ -1189,8 +1164,8 @@ footer {
 		input[type="number"]:focus,
 		select:focus,
 		textarea:focus {
-			border-color: #47D3E5;
-			box-shadow: 0 0 0 1px #47D3E5;
+			border-color: red;
+			box-shadow: 0 0 0 1px red;
 		}
 
 
@@ -1214,270 +1189,8 @@ footer {
 
 	input[type="checkbox"]:focus + label:before,
 	input[type="radio"]:focus + label:before {
-		border-color: #47D3E5;
-		box-shadow: 0 0 0 1px #47D3E5;
-	}
-
-	.icon {
-		text-decoration: none;
-		border-bottom: none;
-		position: relative;
-		text-align: center;
-	}
-
-		.icon:before {
-			font-family: FontAwesome;
-			font-style: normal;
-			font-weight: normal;
-			text-transform: none !important;
-		}
-
-		.icon > .label {
-			display: none;
-		}
-
-		.icon.style2:before {
-			border-radius: 2.75em;
-			display: inline-block;
-			height: 2.75em;
-			line-height: 2.75em;
-			width: 2.75em;
-		}
-
-		.icon.major {
-			display: block;
-			margin: 0 0 1rem 0;
-		}
-
-			.icon.major:before {
-				font-size: 1.25rem;
-			}
-
-
-	a.icon.style2:before {
-		transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
-	}
-
-	.icon.style2:before {
-		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
-	}
-
-	a.icon.style2:hover:before {
-		box-shadow: inset 0 0 0 1px #47D3E5;
-		color: #47D3E5;
-	}
-
-	a.icon.style2:active:before {
-		background-color: rgba(71, 211, 229, 0.1);
-		box-shadow: inset 0 0 0 1px #47D3E5;
-		color: #47D3E5;
-	}
-
-/* List */
-
-	ol {
-		list-style: decimal;
-		margin: 0 0 2rem 0;
-		padding-left: 1.25rem;
-	}
-
-		ol li {
-			padding-left: 0.25rem;
-		}
-
-	ul {
-		list-style: disc;
-		margin: 0 0 2rem 0;
-		padding-left: 1rem;
-	}
-
-		ul li {
-			padding-left: 0.5rem;
-		}
-
-		ul.alt {
-			list-style: none;
-			padding-left: 0;
-		}
-
-			ul.alt li {
-				border-top: solid 1px;
-				padding: 0.5rem 0;
-			}
-
-				ul.alt li:first-child {
-					border-top: 0;
-					padding-top: 0;
-				}
-
-		ul.icons {
-			cursor: default;
-			list-style: none;
-			padding-left: 0;
-		}
-
-			ul.icons li {
-				display: inline-block;
-				padding: 0 0.75rem 0 0;
-			}
-
-				ul.icons li:last-child {
-					padding-right: 0;
-				}
-
-		ul.actions {
-			cursor: default;
-			list-style: none;
-			padding-left: 0;
-		}
-
-			ul.actions li {
-				display: inline-block;
-				padding: 0 1rem 0 0;
-				vertical-align: middle;
-			}
-
-				ul.actions li:last-child {
-					padding-right: 0;
-				}
-
-			ul.actions.small li {
-				padding: 0 0.5rem 0 0;
-			}
-
-			ul.actions.vertical li {
-				display: block;
-				padding: 1rem 0 0 0;
-			}
-
-				ul.actions.vertical li:first-child {
-					padding-top: 0;
-				}
-
-				ul.actions.vertical li > * {
-					margin-bottom: 0;
-				}
-
-			ul.actions.vertical.small li {
-				padding: 0.5rem 0 0 0;
-			}
-
-				ul.actions.vertical.small li:first-child {
-					padding-top: 0;
-				}
-
-			ul.actions.fit {
-				display: table;
-				margin-left: -1rem;
-				padding: 0;
-				table-layout: fixed;
-				width: calc(100% + 1rem);
-			}
-
-				ul.actions.fit li {
-					display: table-cell;
-					padding: 0 0 0 1rem;
-				}
-
-					ul.actions.fit li > * {
-						margin-bottom: 0;
-					}
-
-				ul.actions.fit.small {
-					margin-left: -0.5rem;
-					width: calc(100% + 0.5rem);
-				}
-
-					ul.actions.fit.small li {
-						padding: 0 0 0 0.5rem;
-					}
-
-			@media screen and (max-width: 480px) {
-
-				ul.actions {
-					margin: 0 0 2rem 0;
-				}
-
-					ul.actions li {
-						padding: 1rem 0 0 0;
-						display: block;
-						text-align: center;
-						width: 100%;
-					}
-
-						ul.actions li:first-child {
-							padding-top: 0;
-						}
-
-						ul.actions li > * {
-							width: 100%;
-							margin: 0 !important;
-						}
-
-							ul.actions li > *.icon:before {
-								margin-left: -2rem;
-							}
-
-					ul.actions.small li {
-						padding: 0.5rem 0 0 0;
-					}
-
-						ul.actions.small li:first-child {
-							padding-top: 0;
-						}
-
-			}
-
-	dl {
-		margin: 0 0 2rem 0;
-	}
-
-		dl dt {
-			display: block;
-			font-weight: 400;
-			margin: 0 0 1rem 0;
-		}
-
-		dl dd {
-			margin-left: 2rem;
-		}
-
-		dl.style2 dt {
-			width: 25%;
-			float: left;
-		}
-
-		dl.style2 dd {
-			width: 70%;
-			float: left;
-		}
-
-		dl.style2:after {
-			content: '';
-			display: block;
-			clear: both;
-		}
-
-	ul.alt li {
-		border-top-color: rgba(0, 0, 0, 0.2);
-	}
-
-/* Section/Article */
-
-	section.special, article.special {
-		text-align: center;
-	}
-
-	header p {
-		position: relative;
-		margin: -0.65rem 0 1.5rem 0;
-		font-style: italic;
-	}
-
-
-
-	header p {
-		color: rgba(0, 0, 0, 0.75);
+		border-color: red;
+		box-shadow: 0 0 0 1px red;
 	}
 
 /* Table */