diff --git a/front/readme.md b/front/readme.md
index 7f14691..e3bd537 100644
--- a/front/readme.md
+++ b/front/readme.md
@@ -15,7 +15,7 @@ npm audit fix
 
 start the application:
 ```
-npx ng serve
+npx ng serve --watch
 ```
 
 
diff --git a/front/src/app/app.module.ts b/front/src/app/app.module.ts
index 6fdce0f..753a5ee 100644
--- a/front/src/app/app.module.ts
+++ b/front/src/app/app.module.ts
@@ -16,6 +16,7 @@ import { routing } from './app-routing.module';
 import { CardListComponent } from './card-list/card-list.component';
 import { AuthService } from './auth.service';
 import { TopMenuComponent } from './top-menu/top-menu.component';
+import { ElementTypeComponent } from './element-type/element-type.component';
 import { ElementGroupComponent } from './element-group/element-group.component';
 import { ElementSaisonComponent } from './element-saison/element-saison.component';
 import { ElementVideoComponent } from './element-video/element-video.component';
@@ -48,6 +49,7 @@ import { AppComponent } from './app.component';
 	declarations: [
 		AppComponent,
 		TopMenuComponent,
+		ElementTypeComponent,
 		ElementGroupComponent,
 		ElementSaisonComponent,
 		ElementVideoComponent,
diff --git a/front/src/app/element-type/element-type.component.html b/front/src/app/element-type/element-type.component.html
index bbdc7e9..3c0c6fd 100644
--- a/front/src/app/element-type/element-type.component.html
+++ b/front/src/app/element-type/element-type.component.html
@@ -1,4 +1,11 @@
 <div>
-	{{name}}<br/>
-	{{description}}
+	<div class="imgContainer" *ngIf="imageSource">
+		<img src="{{imageSource}}" alt="type image" class="miniature"/>
+	</div>
+	<div class="title">
+		{{name}}
+	</div>
+	<div class="description" *ngIf="description">
+		{{description}}
+	</div>
 </div>
\ No newline at end of file
diff --git a/front/src/app/element-type/element-type.component.less b/front/src/app/element-type/element-type.component.less
index 139597f..894e940 100644
--- a/front/src/app/element-type/element-type.component.less
+++ b/front/src/app/element-type/element-type.component.less
@@ -1,2 +1,21 @@
 
 
+
+.imgContainer {
+	text-align: center;
+	margin: 15px 0 0 0;
+}
+
+img.miniature {
+	width: 80px;
+	height: 80px;
+	//border-radius: 50%;
+}
+
+.title {
+	font-size: 24px;
+}
+
+.description {
+	font-size: 12px;
+}
\ No newline at end of file
diff --git a/front/src/app/element-type/element-type.component.ts b/front/src/app/element-type/element-type.component.ts
index 999ca45..38f369d 100644
--- a/front/src/app/element-type/element-type.component.ts
+++ b/front/src/app/element-type/element-type.component.ts
@@ -22,8 +22,9 @@ export class ElementTypeComponent implements OnInit {
 	// input parameters
 	@Input() id_type:number = -1;
 	
-	error:string = ""
+	imageSource:string = ""
 	name:string = ""
+	error:string = ""
 	description:string = ""
 	constructor(private router: Router,
 	            private typeService: TypeService) {
@@ -38,10 +39,44 @@ export class ElementTypeComponent implements OnInit {
 				self.error = "";
 				self.name = response.name
 				self.description = response.description
+				console.log("plouf : '" + self.name + "'");
+				switch (self.name) {
+					case "Documentary":
+						self.imageSource = "assets/images/type_documentary.svg";
+						break;
+					case "Movie":
+						self.imageSource = "assets/images/type_film.svg";
+						break;
+					case "Annimation":
+						self.imageSource = "assets/images/type_annimation.svg";
+						break;
+					case "Short Films":
+						self.imageSource = "assets/images/type_film-short.svg";
+						break;
+					case "tv show":
+						self.imageSource = "assets/images/type_tv-show.svg";
+						break;
+					case "Anniation tv show":
+						self.imageSource = "assets/images/type_tv-show-annimation.svg";
+						break;
+					case "Theater":
+						self.imageSource = "assets/images/type_theater.svg";
+						break;
+					case "One man show":
+						self.imageSource = "assets/images/type_one-man-show.svg";
+						break;
+					case "Concert":
+						self.imageSource = "assets/images/type_concert.svg";
+						break;
+					case "Opera":
+						self.imageSource = "assets/images/type_opera.svg";
+						break;
+				}
 			}).catch(function(response) {
 				self.error = "Can not get the data";
-				self.name = ""
-				self.description = ""
+				self.name = "";
+				self.description = "";
+				self.imageSource = "";
 			});
 	}
 }
diff --git a/front/src/app/home/home.component.html b/front/src/app/home/home.component.html
index 4e5d0b6..9b640ec 100644
--- a/front/src/app/home/home.component.html
+++ b/front/src/app/home/home.component.html
@@ -1,11 +1,7 @@
 <div class="main-reduce">
 	<div class="fill-all">
-		<div *ngFor="let data of data_list">
-			<div class="item" (click)="onSelectType(data.id)">
-				<!--<img src="../../assets/images/type/{{data.id}}.svg" width="45px"/><br/>-->
-				{{data.name}}
-				<!--{{data.description}}-->
-			</div>
+		<div *ngFor="let data of data_list" class="item" (click)="onSelectType(data.id)">
+			<app-element-type [id_type]="data.id"></app-element-type>
 		</div>
 	</div>
 </div>
\ No newline at end of file
diff --git a/front/src/assets/images/type_annimation.svg b/front/src/assets/images/type_annimation.svg
new file mode 100644
index 0000000..e16fb2b
--- /dev/null
+++ b/front/src/assets/images/type_annimation.svg
@@ -0,0 +1,115 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1279.000000pt" height="1280.000000pt" viewBox="0 0 1279.000000 1280.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.15, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1280.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M8860 12794 c-14 -2 -59 -9 -100 -15 -239 -33 -517 -147 -776 -317
+-253 -167 -443 -325 -819 -682 -289 -274 -407 -378 -542 -479 -519 -386 -1257
+-658 -2443 -901 l-156 -32 -89 58 c-553 357 -1131 620 -1767 804 -195 57 -477
+122 -628 146 -125 19 -378 22 -470 5 -396 -73 -610 -344 -660 -836 -17 -158
+-8 -489 20 -755 94 -917 291 -1732 625 -2595 130 -336 155 -428 155 -568 -1
+-133 -47 -238 -167 -378 -26 -31 -117 -129 -200 -218 -84 -89 -193 -216 -242
+-281 -327 -434 -515 -957 -583 -1620 -17 -164 -17 -713 0 -895 41 -446 102
+-807 228 -1360 75 -325 82 -363 100 -490 18 -130 46 -197 103 -251 33 -32 139
+-89 148 -80 2 1 -15 56 -37 122 -331 981 -467 2193 -345 3069 63 449 180 794
+364 1066 84 125 155 206 249 283 417 340 958 352 1592 35 731 -366 1229 -927
+1365 -1539 26 -118 31 -375 10 -501 -81 -484 -404 -847 -863 -971 -121 -33
+-373 -37 -520 -9 -458 88 -858 409 -1068 857 -25 55 -62 131 -80 171 -64 135
+-170 194 -224 125 -50 -62 -4 -272 106 -482 83 -160 174 -280 324 -431 228
+-229 457 -359 755 -427 138 -32 259 -42 645 -52 374 -10 459 -19 603 -65 115
+-37 218 -87 326 -159 133 -89 222 -165 476 -406 251 -238 343 -317 469 -402
+118 -79 219 -129 347 -171 94 -32 188 -52 609 -132 404 -78 626 -196 775 -414
+l46 -68 -25 -89 c-67 -241 -97 -383 -87 -403 12 -22 107 -61 151 -61 58 0 66
+17 130 273 86 350 118 437 206 568 110 164 210 287 348 425 394 392 882 646
+1363 709 611 80 1175 -201 1482 -740 132 -232 196 -482 189 -743 l-3 -132 30
+-12 c96 -40 221 27 261 139 18 52 17 209 -2 318 -47 272 -223 638 -431 895
+-61 75 -221 235 -320 320 l-53 45 236 415 c707 1245 769 1347 864 1433 94 85
+219 109 337 65 78 -28 185 -136 231 -229 96 -197 82 -365 -63 -767 -116 -325
+-141 -460 -132 -720 8 -257 61 -471 177 -711 149 -307 359 -552 628 -732 123
+-83 235 -137 379 -185 180 -61 272 -48 338 45 l30 43 -2 236 c-4 659 -168
+1348 -472 1977 -103 213 -190 365 -326 570 -138 207 -243 342 -456 585 -195
+223 -275 333 -340 465 -66 136 -89 237 -89 395 0 160 16 253 94 563 104 407
+141 633 155 939 22 501 -50 960 -239 1510 -33 97 -128 346 -211 555 -364 913
+-411 1112 -454 1933 -24 472 -43 684 -76 880 -79 471 -251 842 -508 1101 -185
+185 -377 292 -623 345 -70 15 -326 27 -378 18z m310 -389 c418 -154 764 -684
+909 -1391 108 -528 85 -1038 -69 -1488 -33 -99 -38 -156 -15 -200 8 -15 57
+-85 109 -155 564 -762 742 -1203 850 -2111 61 -511 54 -960 -25 -1530 -45
+-325 -135 -704 -195 -821 -7 -15 -50 -134 -95 -265 -44 -131 -103 -288 -130
+-349 -194 -433 -500 -797 -942 -1118 -234 -171 -447 -291 -883 -498 -1049
+-498 -1480 -649 -1998 -700 -175 -17 -564 -6 -736 20 -370 58 -792 181 -1245
+363 -458 184 -929 419 -971 483 -24 37 -11 67 55 124 33 29 83 84 112 124 29
+40 73 99 97 132 54 72 105 178 127 260 23 84 30 291 16 411 -18 141 -54 305
+-116 526 -122 439 -218 648 -386 848 -30 36 -77 94 -104 130 -28 36 -78 96
+-112 133 -96 105 -96 126 1 238 35 41 100 116 145 168 219 254 389 514 675
+1034 277 502 376 870 445 1652 40 444 37 631 -13 829 -44 172 -163 438 -242
+542 -49 64 -64 98 -64 149 0 41 5 51 45 94 95 102 276 168 815 299 380 93 898
+177 1175 191 102 5 150 12 177 25 68 33 188 172 323 374 71 106 165 237 209
+290 104 125 381 407 508 520 360 316 881 621 1175 686 109 25 279 16 373 -19z
+m-7618 -2080 c128 -22 260 -69 398 -142 439 -231 634 -454 690 -793 32 -188
+-30 -385 -184 -590 -123 -164 -422 -426 -566 -497 -173 -85 -303 -10 -472 273
+-146 245 -255 484 -322 707 -44 145 -122 492 -136 601 -29 233 80 406 280 445
+72 14 220 12 312 -4z"/>
+<path d="M8851 11829 c-71 -12 -216 -61 -288 -98 -259 -131 -535 -391 -766
+-724 -137 -196 -187 -308 -187 -419 0 -132 69 -206 275 -293 50 -21 252 -119
+449 -218 198 -98 387 -190 420 -202 177 -66 342 -72 461 -17 221 104 336 414
+322 872 -6 190 -21 294 -86 585 -44 196 -55 235 -96 314 -85 168 -265 239
+-504 200z m64 -342 c64 -67 101 -182 179 -547 47 -223 67 -393 69 -586 2 -146
+0 -164 -17 -183 -37 -41 -114 -24 -335 70 -210 90 -382 193 -576 344 -163 127
+-194 188 -142 284 37 70 256 350 350 448 138 143 260 212 376 213 51 0 57 -3
+96 -43z"/>
+<path d="M8896 7075 c-33 -13 -110 -58 -170 -98 -61 -41 -150 -100 -197 -131
+-98 -63 -185 -152 -220 -223 -35 -72 -38 -174 -7 -232 36 -68 87 -103 153
+-109 53 -4 57 -3 89 32 23 24 48 72 76 143 69 180 119 240 260 306 113 54 177
+42 294 -55 32 -27 73 -56 90 -66 42 -22 141 -22 184 1 69 37 92 129 53 206
+-30 58 -123 137 -215 181 -156 75 -282 90 -390 45z"/>
+<path d="M10005 6115 c-133 -23 -455 -129 -567 -186 -47 -24 -78 -64 -78 -101
+0 -39 32 -100 70 -132 51 -42 99 -36 233 29 98 48 126 57 222 71 86 12 126 24
+184 52 85 43 92 55 95 159 1 60 -2 75 -19 91 -28 28 -60 31 -140 17z"/>
+<path d="M4960 5864 c-14 -2 -52 -9 -85 -15 -143 -25 -289 -131 -389 -282
+-146 -222 -157 -309 -46 -384 44 -31 106 -30 151 0 21 14 49 50 74 97 52 97
+186 236 266 274 115 55 216 53 379 -9 109 -41 160 -44 221 -12 84 45 90 109
+18 191 -61 70 -113 91 -289 120 -93 16 -261 27 -300 20z"/>
+<path d="M10045 5513 c-332 -90 -336 -92 -371 -128 -34 -37 -49 -87 -34 -115
+5 -10 24 -23 41 -29 58 -20 114 -13 226 30 99 38 117 41 223 45 146 5 244 21
+263 42 40 45 32 125 -18 177 -29 31 -38 35 -81 34 -27 -1 -139 -26 -249 -56z"/>
+<path d="M7263 5475 c-261 -47 -493 -195 -623 -396 -63 -98 -77 -186 -41 -264
+42 -90 132 -142 318 -181 267 -56 316 -74 332 -117 19 -49 62 -389 62 -490 0
+-96 -4 -117 -37 -217 -58 -176 -123 -258 -246 -315 -193 -88 -433 -28 -636
+159 -51 46 -108 90 -127 96 -53 18 -98 -8 -131 -76 -23 -48 -26 -63 -22 -124
+8 -113 72 -196 203 -262 158 -81 327 -113 544 -105 286 10 431 83 523 260 77
+148 159 236 242 258 36 10 49 9 106 -12 59 -22 84 -24 260 -27 107 -2 253 1
+324 7 156 13 204 32 295 117 35 32 107 95 159 139 127 106 138 128 164 331 12
+92 17 175 13 201 -8 55 -51 106 -103 121 -53 16 -155 15 -195 -2 -62 -26 -70
+-45 -78 -179 -9 -136 -37 -262 -70 -309 -30 -42 -101 -85 -184 -111 -89 -28
+-266 -30 -365 -4 -151 40 -271 128 -304 222 -8 26 -20 93 -27 149 -21 189 10
+317 129 534 116 209 135 255 140 341 3 71 2 79 -26 123 -58 90 -226 148 -422
+147 -58 0 -137 -7 -177 -14z"/>
+<path d="M9828 4739 c-44 -13 -88 -60 -88 -95 0 -40 25 -88 61 -118 32 -27 36
+-28 99 -20 142 18 180 12 282 -39 102 -51 140 -57 193 -31 43 20 135 117 135
+142 0 56 -99 111 -257 143 -115 23 -369 34 -425 18z"/>
+<path d="M4855 4609 c-171 -59 -384 -188 -478 -289 -56 -60 -86 -123 -74 -154
+11 -29 57 -39 114 -28 68 14 505 196 566 236 68 45 76 168 15 234 -27 28 -64
+28 -143 1z"/>
+<path d="M4830 3973 c-14 -2 -60 -15 -102 -29 -195 -64 -340 -225 -308 -343
+14 -52 62 -108 101 -116 43 -10 125 33 185 96 27 28 58 56 69 62 12 6 71 11
+140 12 104 0 126 4 162 23 70 37 88 93 54 167 -46 102 -162 151 -301 128z"/>
+<path d="M4955 3331 c-46 -21 -106 -77 -227 -215 -117 -131 -132 -191 -66
+-256 89 -89 261 -41 354 100 35 52 61 67 144 85 139 29 180 62 180 146 0 57
+-18 80 -85 109 -47 20 -188 50 -234 50 -14 0 -44 -9 -66 -19z"/>
+<path d="M3003 4475 c-34 -15 -37 -23 -33 -95 5 -94 71 -212 180 -320 86 -87
+153 -125 201 -115 42 9 95 59 109 100 15 46 3 83 -59 177 -95 145 -182 220
+-290 252 -65 19 -67 19 -108 1z"/>
+<path d="M2341 4194 c-13 -9 -29 -32 -37 -50 -25 -60 -19 -78 47 -136 70 -60
+99 -106 133 -205 45 -131 81 -159 188 -147 83 9 102 29 95 98 -10 94 -53 189
+-118 260 -98 107 -222 196 -271 196 -8 0 -24 -7 -37 -16z"/>
+<path d="M1684 3875 c-26 -40 -14 -104 34 -177 56 -87 87 -157 116 -267 14
+-52 33 -102 41 -110 10 -10 33 -16 61 -16 40 0 50 5 79 36 83 91 38 290 -100
+438 -108 115 -195 151 -231 96z"/>
+</g>
+</svg>
diff --git a/front/src/assets/images/type_concert.svg b/front/src/assets/images/type_concert.svg
new file mode 100644
index 0000000..f674391
--- /dev/null
+++ b/front/src/assets/images/type_concert.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
+<g><g transform="translate(0.000000,511.000000) scale(0.100000,-0.100000)"><path d="M5824.6,4964.8c-179.3-57.8-334.7-209.2-398.4-384.4c-13.9-41.8-25.9-139.4-27.9-217.1c-2-326.7,239-579.6,569.7-601.5c193.2-12,314.7,29.9,454.2,157.3c143.4,131.5,199.2,258.9,199.2,456.1c2,245-121.5,442.2-338.6,549.7C6151.3,4988.7,5950.1,5006.7,5824.6,4964.8z"/><path d="M4012,4176.1c-105.6-41.8-143.4-209.1-67.7-304.7c25.9-31.9,71.7-57.8,119.5-67.7l79.7-15.9l-517.9-517.9l-517.9-517.9v91.6c0,127.5-53.8,195.2-131.5,167.3l-57.8-19.9l-6-219.1l-6-219.1l-754.9-756.9c-525.8-525.9-756.9-770.9-756.9-800.7c0-55.8,49.8-105.6,105.6-105.6c29.9,0,253,211.1,725,681.2l683.2,683.2V435.3v-1816.6H1504.3H100v-199.2v-199.2h4900h4900v199.2v199.2H8266.7H6633.3v1215c0,1219,10,1430.2,89.6,2015.8l10,73.7l-113.5-47.8c-137.4-55.8-139.4-65.7-31.9-294.8c59.8-127.5,69.7-165.3,53.8-209.2c-25.9-75.7-119.5-129.5-310.7-181.3c-193.2-49.8-225.1-75.7-350.6-284.8L5898.3,770h119.5h117.5V-305.7v-1075.6h-119.5h-119.5v1055.7c0,581.6-6,1055.7-12,1055.7c-6,0-55.8-39.8-111.6-87.6c-53.8-47.8-161.3-121.5-237-163.3l-137.4-77.7v-890.4v-892.4H4253H3107.7V536.9v1916.2l673.2,673.3l671.3,671.3h153.4c143.4,0,159.3,4,219.1,57.7c53.8,47.8,65.7,71.7,65.7,141.4s-12,93.6-65.7,141.4L4761,4196l-354.6-2C4213.2,4194,4033.9,4186,4012,4176.1z"/><path d="M8838.3,3624.3c-8-6-13.9-29.9-13.9-49.8c0-45.8-79.7-81.7-280.8-127.5c-153.4-33.8-217.1-71.7-217.1-127.5c0-21.9-145.4-101.6-511.9-272.9c-282.9-133.5-527.9-247-545.8-255c-23.9-8-79.7,69.7-237,330.6c-115.5,187.2-227.1,354.6-251,370.5c-35.9,23.9-169.3,27.9-739,27.9c-380.4,2-711.1,0-731,0c-53.8-2-864.5-808.7-902.3-896.3c-15.9-35.8-21.9-89.6-15.9-119.5c8-35.8,163.3-205.2,458.1-500l446.2-444.2l85.6,11.9c113.5,15.9,175.3,85.7,175.3,197.2c0,81.7-10,93.6-348.6,434.2l-348.6,350.6l155.4,153.4c85.6,85.6,161.3,147.4,169.3,141.4c8-8,14-45.8,14-85.7c0-95.6,19.9-161.3,47.8-161.3c57.7,0,249,111.5,394.4,227.1c185.2,149.4,288.8,191.2,468.1,191.2c201.2,0,316.7-87.6,366.5-276.9l23.9-97.6l101.6,39.8c55.8,21.9,121.5,47.8,145.4,57.8c35.8,13.9,49.8,4,83.7-53.8c23.9-37.8,41.8-73.7,41.8-79.7c0-8-492-247-507.9-247c-2,0-10,37.8-17.9,83.7c-33.8,215.1-143.4,334.6-302.7,334.6c-89.6,0-161.4-41.8-336.6-189.2c-199.2-167.3-270.9-209.1-356.5-209.1h-81.7l203.2-203.2c227.1-231,264.9-292.8,264.9-428.3c0-239-205.2-400.4-452.2-354.5c-65.7,11.9-135.4,71.7-486,422.3L4386.5,2228l-49.8-67.7c-121.5-163.3-171.3-360.5-137.4-553.7c47.8-262.9,223.1-589.6,436.2-816.7c195.2-205.2,310.7-268.9,494-268.9c260.9,2,484,161.3,687.2,498c133.5,217.1,223.1,290.8,416.3,338.6c147.4,35.8,241,91.6,241,143.4c0,15.9-39.8,73.7-87.7,129.5c-67.7,73.7-93.6,119.5-103.6,187.2c-6,49.8-6,97.6,4,105.6c10,10,183.3,103.6,386.4,209.1l368.5,193.2l39.8-47.8c53.8-65.8,113.5-93.6,193.2-93.6c51.8,0,169.3,69.7,549.8,322.7c266.9,177.3,503.9,344.6,523.9,372.5c19.9,25.9,37.9,73.7,37.9,105.6c0,59.8,0,59.8,87.6,47.8c83.6-13.9,93.6-10,203.2,83.7c183.3,151.4,215.1,167.3,292.8,153.4c81.7-15.9,101.6,6,97.6,103.6C9061.4,3516.7,8904.1,3692,8838.3,3624.3z"/><path d="M556.1-1976.8c-31.9-31.9-57.8-79.7-57.8-103.6c0-23.9,135.4-533.8,300.8-1131.4c326.7-1179.2,312.7-1095.5,251-1410.2l-29.9-145.4h880.4h880.4l-37.8,235l-37.9,233.1l300.8,1081.6c165.3,595.6,300.8,1099.5,300.8,1121.4c0,101.6-77.7,175.3-181.3,177.3c-137.4,0-143.4-13.9-408.3-970l-241-872.4l-569.7-6l-569.7-4l-29.9,103.6c-17.9,57.8-129.5,460.1-249,892.4c-235,850.5-237,856.5-374.5,856.5C633.8-1919.1,598-1935,556.1-1976.8z"/><path d="M3723.2-1976.8c-31.9-31.9-57.8-75.7-57.8-95.6s135.4-527.8,302.8-1129.4L4269-4297.4l-25.9-169.3c-14-93.6-29.9-201.2-35.8-235l-8-65.7h880.4c828.6,0,878.4,2,868.5,35.9c-4,17.9-23.9,119.5-41.8,223.1l-33.9,191.2l300.8,1085.6c165.3,597.6,300.8,1113.5,300.8,1149.3c0,147.4-197.2,223.1-298.8,113.5c-33.9-35.8-101.6-253-286.8-920.3l-241-872.4l-571.7-6l-571.7-4l-23.9,83.7c-133.5,505.9-460.1,1659.2-476.1,1689.1C3952.3-1901.2,3810.8-1891.2,3723.2-1976.8z"/><path d="M6910.2-1976.8c-31.9-31.9-57.8-75.7-57.8-95.6s135.4-527.8,302.8-1129.4L7456-4297.4l-25.9-169.3c-13.9-93.6-29.9-201.2-35.8-235l-8-65.7h880.4c828.6,0,878.4,2,868.4,35.9c-4,17.9-23.9,119.5-41.8,223.1l-33.9,191.2l300.8,1085.6c165.3,597.6,300.8,1113.5,300.8,1149.3c0,147.4-197.2,223.1-298.8,113.5c-33.9-35.8-101.6-253-286.8-920.3l-241-872.4l-571.7-6l-571.7-4l-23.9,83.7c-133.5,505.9-460.1,1659.2-476.1,1689.1C7139.3-1901.2,6997.8-1891.2,6910.2-1976.8z"/><path d="M1763.2-2482.8c-179.3-59.8-286.8-149.4-370.5-312.7c-37.8-71.7-47.8-121.5-47.8-249c0-139.4,8-173.3,59.8-264.9c99.6-183.3,257-282.9,468.1-296.8c187.2-13.9,326.7,41.8,456.1,185.2c209.1,227.1,209.1,535.8,4,770.9C2203.4-2504.7,1936.5-2427,1763.2-2482.8z"/><path d="M4904.4-2492.7c-201.2-71.7-342.6-233.1-386.4-446.2c-45.8-215.1,51.8-450.2,237-573.7c121.5-79.7,227.1-105.6,374.5-93.6c402.4,31.9,645.4,462.1,462.1,820.7C5460.1-2528.6,5161.3-2401.1,4904.4-2492.7z"/><path d="M8091.4-2492.7c-201.2-71.7-342.6-233.1-386.4-446.2c-45.8-215.1,51.8-450.2,237-573.7c121.5-79.7,227.1-105.6,374.5-93.6c402.4,31.9,645.4,462.1,462.1,820.7C8647.1-2528.6,8348.3-2401.1,8091.4-2492.7z"/></g></g>
+</svg>
\ No newline at end of file
diff --git a/front/src/assets/images/type_documentary.svg b/front/src/assets/images/type_documentary.svg
new file mode 100644
index 0000000..86e5f9a
--- /dev/null
+++ b/front/src/assets/images/type_documentary.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg2"
+   width="225"
+   height="225"
+   viewBox="0 0 225 225"
+   sodipodi:docname="type_documentary.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1918"
+     inkscape:window-height="1038"
+     id="namedview4"
+     showgrid="false"
+     inkscape:zoom="2.0977778"
+     inkscape:cx="69.686932"
+     inkscape:cy="51.888857"
+     inkscape:window-x="0"
+     inkscape:window-y="20"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <rect
+     style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:22.32067108;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+     id="rect821"
+     width="189.09904"
+     height="194.34268"
+     x="19.142218"
+     y="14.375268"
+     ry="28.992929" />
+  <path
+     style="fill:none;stroke:#000000;stroke-width:8.39999962;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 68.167373,163.98305 19.544491,-54.34322 25.264826,30.03178 41.47246,-63.877119 33.84534,85.805089"
+     id="path825"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#000000;stroke-width:12.19999981;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 17.161017,161.59958 H 212.60593"
+     id="path823"
+     inkscape:connector-curvature="0" />
+  <circle
+     style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:12.69999981;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+     id="path827"
+     cx="58.633472"
+     cy="56.25"
+     r="19.544491" />
+</svg>
diff --git a/front/src/assets/images/type_film-short.svg b/front/src/assets/images/type_film-short.svg
new file mode 100644
index 0000000..dbe0708
--- /dev/null
+++ b/front/src/assets/images/type_film-short.svg
@@ -0,0 +1,132 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="100"
+   height="100"
+   viewBox="0 0 99.999999 99.999999"
+   xml:space="preserve"
+   sodipodi:docname="type_film-short.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
+   id="metadata43"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs41" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1918"
+   inkscape:window-height="1038"
+   id="namedview39"
+   showgrid="true"
+   inkscape:zoom="4.7895499"
+   inkscape:cx="73.393795"
+   inkscape:cy="42.536152"
+   inkscape:window-x="0"
+   inkscape:window-y="20"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Capa_1"><inkscape:grid
+     type="xygrid"
+     id="grid871" /></sodipodi:namedview>
+
+<g
+   id="g8"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g10"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g12"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g14"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g16"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g18"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g20"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g22"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g24"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g26"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g28"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g30"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g32"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g34"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g36"
+   transform="translate(0,-457.47101)">
+</g>
+<path
+   style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.77471006;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+   d="M 5 5 L 5 95 L 95 95 L 95 5 L 5 5 z M 40 27 L 60 27 L 60 33 L 40 33 L 40 27 z M 40 67 L 60 67 L 60 73 L 40 73 L 40 67 z "
+   id="rect869" /><rect
+   style="fill:#d5d5d5;fill-opacity:0.70980394;stroke:none;stroke-width:0.77471006;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+   id="rect869-2"
+   width="70"
+   height="20"
+   x="15"
+   y="5"
+   ry="0" /><rect
+   style="fill:#d5d5d5;fill-opacity:0.70980394;stroke:none;stroke-width:0.94586086;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+   id="rect869-2-3"
+   width="70"
+   height="29.81303"
+   x="15"
+   y="35"
+   ry="0" /><rect
+   style="fill:#d5d5d5;fill-opacity:0.70980394;stroke:none;stroke-width:0.77471006;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+   id="rect869-2-7"
+   width="70"
+   height="20"
+   x="15"
+   y="75"
+   ry="0" /></svg>
\ No newline at end of file
diff --git a/front/src/assets/images/type_film.svg b/front/src/assets/images/type_film.svg
new file mode 100644
index 0000000..69237ec
--- /dev/null
+++ b/front/src/assets/images/type_film.svg
@@ -0,0 +1,118 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="100"
+   height="100"
+   viewBox="0 0 99.999999 99.999999"
+   xml:space="preserve"
+   sodipodi:docname="type_film.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
+   id="metadata43"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs41" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1918"
+   inkscape:window-height="1038"
+   id="namedview39"
+   showgrid="true"
+   inkscape:zoom="76.632798"
+   inkscape:cx="15.14015"
+   inkscape:cy="5.9693833"
+   inkscape:window-x="0"
+   inkscape:window-y="20"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Capa_1"><inkscape:grid
+     type="xygrid"
+     id="grid871" /></sodipodi:namedview>
+
+<g
+   id="g8"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g10"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g12"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g14"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g16"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g18"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g20"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g22"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g24"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g26"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g28"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g30"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g32"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g34"
+   transform="translate(0,-457.47101)">
+</g>
+<g
+   id="g36"
+   transform="translate(0,-457.47101)">
+</g>
+<path
+   style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.77471006;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+   d="M 3,5 V 95 H 16 V 85 H 84 V 95 H 97 V 5 H 84 V 15 H 16 V 5 Z m 4,2 h 5 v 8 H 7 Z m 81,0 h 5 v 8 H 88 Z M 7,20 h 5 v 8 H 7 Z m 9,0 H 84 V 80 H 16 Z m 72,0 h 5 v 8 H 88 Z M 7,33 h 5 v 8 H 7 Z m 81,0 h 5 v 8 H 88 Z M 7,46 h 5 v 8 H 7 Z m 81,0 h 5 v 8 H 88 Z M 7,59 h 5 v 8 H 7 Z m 81,0 h 5 v 8 H 88 Z M 7,72 h 5 v 8 H 7 Z m 81,0 h 5 v 8 H 88 Z M 7,85 h 5 v 8 H 7 Z m 81,0 h 5 v 8 h -5 z"
+   id="rect869"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc" /><path
+   style="fill:#dddddd;fill-opacity:0.67843137;stroke:none;stroke-width:1.34183729;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+   d="M 16,5 V 15 H 84 V 5 Z m 0,15 V 80 H 84 V 20 Z m 0,65 V 95 H 84 V 85 Z"
+   id="rect869-2-7"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccccccccccccc" /></svg>
\ No newline at end of file
diff --git a/front/src/assets/images/type_one-man-show.svg b/front/src/assets/images/type_one-man-show.svg
new file mode 100644
index 0000000..5e8b935
--- /dev/null
+++ b/front/src/assets/images/type_one-man-show.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="100"
+   height="100"
+   viewBox="0 0 100 100"
+   enable-background="new 0 0 612 792"
+   xml:space="preserve"
+   sodipodi:docname="type_one-man-show.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
+   id="metadata15"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs13" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1918"
+   inkscape:window-height="1038"
+   id="namedview11"
+   showgrid="false"
+   inkscape:zoom="6.7425131"
+   inkscape:cx="53.136368"
+   inkscape:cy="20.736479"
+   inkscape:window-x="0"
+   inkscape:window-y="20"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_1" />
+<g
+   id="g8"
+   transform="matrix(0.16745942,0,0,0.17111299,-0.7543833,-17.546408)">
+	<path
+   d="m 250.576,444.206 c -6.72,-1.069 -13.312,-0.929 -19.757,1.501 C 149.234,476.476 91.05,555.361 91.05,647.579 c 0,5.51 4.468,9.978 9.978,9.978 h 411.356 c 5.51,0 9.978,-4.468 9.978,-9.978 0,-91.746 -57.589,-170.295 -138.517,-201.396 -5.753,-2.211 -11.624,-2.637 -17.6,-2.025 z"
+   id="path2"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccssssccc" />
+	
+	<path
+   d="m 428.313,323.066 8.053,-21.844 -41.488,-15.296 39.978,-108.437 -114.511,-42.217 -39.978,108.437 -41.488,-15.296 -8.053,21.844 z"
+   id="path6"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccccccc" />
+</g>
+<ellipse
+   style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:4.5;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+   id="path825"
+   cx="50.352142"
+   cy="44.011974"
+   rx="15.572829"
+   ry="15.276203" /><ellipse
+   style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:4.5;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+   id="path827"
+   cx="44.19717"
+   cy="39.859219"
+   rx="3.7078164"
+   ry="3.0404093" /><ellipse
+   style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:4.5;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+   id="path829"
+   cx="57.174526"
+   cy="41.935596"
+   rx="1.7055955"
+   ry="2.0022209" /><path
+   style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+   d="m 48.475092,62.720751 0.926955,2.940843 -1.325449,19.51173 3.034532,7.973073 2.71766,-8.101926 -2.573992,-19.420297 1.260658,-2.908793 -2.065856,-2.042716 z"
+   id="path831"
+   inkscape:connector-curvature="0"
+   sodipodi:nodetypes="ccccccccc" /></svg>
\ No newline at end of file
diff --git a/front/src/assets/images/type_opera.svg b/front/src/assets/images/type_opera.svg
new file mode 100644
index 0000000..31d2eff
--- /dev/null
+++ b/front/src/assets/images/type_opera.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M501.801,445.935h-18.359v-31.618c0-5.632-4.567-10.199-10.199-10.199h-10.08l-9.129-233.698l6.826-21.914h12.383
+			c5.632,0,10.199-4.567,10.199-10.199V115.48h12.239c4.897,0,9.102-3.479,10.019-8.289c0.916-4.81-1.713-9.592-6.266-11.394
+			L259.752,0.945c-2.41-0.955-5.094-0.955-7.506,0L12.565,95.798c-4.553,1.801-7.182,6.584-6.266,11.394
+			c0.917,4.81,5.122,8.289,10.019,8.289h12.239v22.827c0,5.632,4.566,10.199,10.199,10.199h12.383l6.826,21.912l-9.128,233.699
+			h-10.08c-5.633,0-10.199,4.567-10.199,10.199v31.617H10.199C4.566,445.934,0,450.501,0,456.133v45.438
+			c0,5.632,4.566,10.199,10.199,10.199h491.602c5.632,0,10.199-4.567,10.199-10.199v-45.438
+			C512,450.502,507.433,445.935,501.801,445.935z M48.956,128.109v-12.628h286.598c5.632,0,10.199-4.567,10.199-10.199
+			s-4.567-10.199-10.199-10.199H69.808L256,21.398l207.216,82.005l-0.172,24.706H48.956z M411.43,179.262h22.536l8.784,224.858
+			h-40.102L411.43,179.262z M405.901,148.508h33.594l-3.226,10.355h-27.142L405.901,148.508z M391.36,170.419l-9.128,233.699h-30.2
+			l-9.129-233.698l6.826-21.914h34.806L391.36,170.419z M300.298,179.262h22.536l8.784,224.858h-40.103L300.298,179.262z
+			 M294.768,148.508h33.595l-3.226,10.355h-27.143L294.768,148.508z M231.771,170.419l6.826-21.912h34.806l6.826,21.914
+			L271.1,404.119h-30.201v-0.001L231.771,170.419z M189.167,179.262h22.536l8.784,224.858h-40.103L189.167,179.262z
+			 M183.638,148.508h33.594l-3.226,10.355h-27.142L183.638,148.508z M169.099,170.419l-9.129,233.699h-30.201l-9.129-233.699
+			l6.826-21.912h34.807L169.099,170.419z M78.034,179.262h22.536l8.784,224.858H69.251L78.034,179.262z M72.505,148.507h33.594
+			l-3.226,10.355H75.731L72.505,148.507z M48.956,424.517h414.088v21.418H48.956V424.517z M491.602,491.374H20.398v-25.04h471.203
+			V491.374z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M383.49,95.083h-9.179c-5.632,0-10.199,4.567-10.199,10.199c0,5.632,4.567,10.199,10.199,10.199h9.179
+			c5.632,0,10.199-4.567,10.199-10.199C393.689,99.65,389.122,95.083,383.49,95.083z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/front/src/assets/images/type_theater.svg b/front/src/assets/images/type_theater.svg
new file mode 100644
index 0000000..46ad104
--- /dev/null
+++ b/front/src/assets/images/type_theater.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
+<g><g transform="translate(0.000000,511.000000) scale(0.100000,-0.100000)"><path d="M1916.9,4475c-63.3-8.4-179.4-40.1-257.4-69.6c-386.2-145.6-664.7-436.8-810.3-846.2l-59.1-168.8l-6.3-1470.8l-6.3-1472.9h504.3c489.6,0,510.7,2.1,671.1,54.9C3265.4,938.3,4447.1,2540,4799.5,4356.9l27.4,141.4l-1397-2.1C2663.9,4494,1982.3,4485.6,1916.9,4475z"/><path d="M5202.6,4346.3c147.7-774.5,466.4-1553.1,905.3-2211.5c542.3-814.6,1236.6-1399.1,1939.3-1633.3c160.4-52.8,181.5-54.9,668.9-54.9h504.4v1388.5c-2.1,1470.8-6.3,1574.2-103.4,1814.8c-145.6,363-438.9,637.3-835.7,778.7l-168.8,59.1l-1468.7,6.3l-1470.8,6.3L5202.6,4346.3z"/><path d="M4917.7,1250.6c-16.9-10.6-88.6-194.2-160.4-407.3l-130.8-386.2l-413.6-10.6c-365.1-8.4-415.7-14.8-455.8-50.6c-48.5-44.3-59.1-135.1-16.9-185.7c12.7-16.9,164.6-135.1,337.6-257.4c170.9-124.5,310.2-227.9,310.2-230c0-2.1-52.8-164.6-116.1-362.9c-63.3-196.3-116.1-388.3-116.1-426.3c0-73.8,61.2-132.9,137.2-132.9c23.2,0,192,107.6,373.5,240.5l331.3,242.7l331.3-242.7c183.6-132.9,352.4-240.5,377.7-240.5c76,0,137.2,59.1,137.2,132.9c0,38-52.8,225.8-116.1,415.7S5612-296.2,5612-289.9c0,8.4,139.3,118.2,312.3,242.7c170.9,122.4,322.9,240.6,337.6,257.4c44.3,57,29.6,145.6-29.6,192c-52.8,42.2-84.4,44.3-460,44.3l-403.1,2.1l-116.1,360.9c-63.3,198.4-132.9,384.1-154,411.5C5059.1,1271.7,4972.6,1284.4,4917.7,1250.6z"/><path d="M779.5-1070.7v-1179.6l280.7-8.5c261.7-6.3,287-10.5,420-73.9c160.4-76,325-219.5,411.5-356.6c33.8-50.6,65.4-92.8,71.7-92.8c6.3,0,23.2,23.2,33.8,48.5c54.9,118.2,263.8,310.2,424.2,388.3c154.1,76,170.9,80.2,411.5,88.6l251.1,6.3l-14.8,109.7c-42.2,320.8-217.3,873.6-379.8,1194.4C2505.7-579,2197.6-199.2,1914.8,14l-126.6,94.9h-504.3H779.5V-1070.7z"/><path d="M8085.2,14c-287-215.3-595.1-599.3-780.8-970.7c-162.5-329.2-327.1-848.3-373.5-1183.9l-14.8-109.7l251.1-8.5c227.9-6.3,261.7-12.7,390.4-73.9c158.3-73.9,325-217.3,411.5-356.6c33.8-50.6,65.4-92.8,71.7-92.8c6.3,0,23.2,23.2,33.8,48.5c54.9,118.2,263.8,310.2,424.2,388.3c156.2,78.1,164.6,80.2,441,86.5l280.7,8.5v1179.6V108.9h-504.4h-504.3L8085.2,14z"/><path d="M593.8-2632.3c-137.2-48.6-280.7-181.5-352.4-329.2c-101.3-208.9-120.3-329.2-130.8-837.8L100-4280.4h848.3h848.3l-10.6,481.1c-10.5,510.7-29.6,628.9-130.8,839.9c-73.9,151.9-230,293.3-371.4,333.4C1123.5-2577.4,741.5-2581.6,593.8-2632.3z"/><path d="M2619.6-2632.3c-137.2-48.6-280.7-181.5-352.4-329.2c-101.3-208.9-120.3-329.2-130.8-837.8l-10.5-481.1h848.3h848.3l-10.6,481.1c-10.6,510.7-29.6,628.9-130.8,839.9c-73.9,151.9-230,293.3-371.4,333.4C3149.3-2577.4,2767.4-2581.6,2619.6-2632.3z"/><path d="M4645.5-2632.3c-204.7-69.6-379.8-299.6-447.4-582.4c-12.7-57-29.5-320.8-35.9-584.6l-10.6-481.1H5000h848.3l-10.5,481.1c-10.5,510.7-29.6,628.9-130.8,839.9c-73.9,151.9-230,293.3-371.4,333.4C5175.1-2577.4,4793.2-2581.6,4645.5-2632.3z"/><path d="M6671.3-2632.3c-137.2-48.6-280.7-181.5-352.4-329.2c-101.3-208.9-120.3-329.2-130.8-837.8l-10.5-481.1h848.3h848.3l-10.5,481.1c-10.6,510.7-29.6,628.9-130.8,839.9c-73.9,151.9-230,293.3-371.4,333.4C7201-2577.4,6819-2581.6,6671.3-2632.3z"/><path d="M8697.2-2632.3c-137.2-48.6-280.7-181.5-352.4-329.2c-101.3-208.9-120.3-329.2-130.8-837.8l-10.6-481.1h848.3H9900l-10.6,481.1c-10.5,510.7-29.6,628.9-130.8,839.9c-73.9,151.9-230,293.3-371.4,333.4C9226.8-2577.4,8844.9-2581.6,8697.2-2632.3z"/></g></g>
+</svg>
\ No newline at end of file
diff --git a/front/src/assets/images/type_tv-show-annimation.svg b/front/src/assets/images/type_tv-show-annimation.svg
new file mode 100644
index 0000000..2179d4f
--- /dev/null
+++ b/front/src/assets/images/type_tv-show-annimation.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
+<g><g><path d="M837.3,816.4c26.2,120.4-104.5,146.5-162.1,130.8c-57.6-15.7-175-18.3-175-18.3s-117.8,2.6-175.3,18.3c-57.6,15.8-188.4-10.4-162.3-130.8C188.7,696.1,303.9,701.3,335.4,539c31.5-162.3,164.9-151.8,164.9-151.8S633.4,376.7,664.9,539C696.2,701.3,811.2,696,837.3,816.4z M621,376.6c70.9,20.5,149.1-35.5,174.9-124.9c25.8-89.4-10.7-178.4-81.5-198.8c-70.9-20.5-149.1,35.5-174.9,124.9C513.7,267.1,550.2,356.2,621,376.6z M914.7,344.1c-68.2-27.9-152,19.4-187.2,105.6c-35.2,86.2-8.4,178.6,59.9,206.4c68.2,27.8,152-19.4,187.2-105.6C1009.7,464.2,982.9,371.9,914.7,344.1z M378.9,376.6c70.9-20.5,107.3-109.5,81.5-198.8C434.6,88.4,356.2,32.5,285.5,52.9C214.7,73.4,178.2,162.4,204,251.8C229.8,341.1,308,397.1,378.9,376.6z M212.7,656c68.2-27.9,95-120.3,59.9-206.4c-35.2-86.1-119-133.4-187.2-105.6c-68.2,27.9-95,120.3-59.9,206.4C60.6,636.6,144.4,683.9,212.7,656z"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></g>
+</svg>
\ No newline at end of file
diff --git a/front/src/assets/images/type_tv-show.svg b/front/src/assets/images/type_tv-show.svg
new file mode 100644
index 0000000..fd5012f
--- /dev/null
+++ b/front/src/assets/images/type_tv-show.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="100"
+   height="100"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg857"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="type_tv-show.svg">
+  <defs
+     id="defs851" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7.9195959"
+     inkscape:cx="43.300441"
+     inkscape:cy="51.246657"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     inkscape:window-width="1918"
+     inkscape:window-height="1038"
+     inkscape:window-x="0"
+     inkscape:window-y="20"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5105" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-270.54167)">
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#00001d;stroke-width:6.53200006;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
+       id="rect5107"
+       width="80"
+       height="55.000015"
+       x="10"
+       y="285.54166"
+       ry="5.0000134"
+       rx="5" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:7.70200014;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 24.873731,353.44586 h 50"
+       id="path5109"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:4.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 40,300.54167 v 20 l 20,-10 z"
+       id="path5111"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+  </g>
+</svg>