:root {
	--color-1: hsl(208, 75%, 70%);		/* BLEU */
	--color-2: hsl(147, 70%, 45%); 	/* VERT */
	--color-3: hsl(6, 75%, 70%); 		/* SAUMON */
	--color-4: hsl(32, 85%, 70%); 		/* ORANGE */
	--color-5: hsl(180, 75%, 50%); 	/* CYAN */
	--color-6: hsl(53, 85%, 70%); 		/* JAUNE */
	--color-7: hsl(325, 90%, 70%); 	/* ROSE */
	--color-8: hsl(255, 65%, 70%); 	/* VIOLET */
	--color-9: hsl(108, 50%, 60%); 	/* VERT SAPIN */
	--color-10: hsl(230, 70%, 60%);	/* BLEU NUIT */
	--color-1-dark: hsl(208, 75%, 60%);		/* BLEU */
	--color-2-dark: hsl(147, 70%, 35%); 	/* VERT */
	--color-3-dark: hsl(6, 75%, 60%); 		/* SAUMON */
	--color-4-dark: hsl(32, 85%, 60%); 		/* ORANGE */
	--color-5-dark: hsl(180, 75%, 40%); 	/* CYAN */
	--color-6-dark: hsl(53, 85%, 60%); 		/* JAUNE */
	--color-7-dark: hsl(325, 90%, 60%); 	/* ROSE */
	--color-8-dark: hsl(255, 65%, 60%); 	/* VIOLET */
	--color-9-dark: hsl(108, 50%, 50%); 	/* VERT SAPIN */
	--color-10-dark: hsl(230, 70%, 50%);	/* BLEU NUIT */
	--color-1-hover: hsl(208, 75%, 73%);
	--color-2-hover: hsl(147, 70%, 48%);
	--color-3-hover: hsl(6, 75%, 73%);
	--color-4-hover: hsl(32, 85%, 73%);
	--color-5-hover: hsl(180, 75%, 53%);
	--color-6-hover: hsl(53, 85%, 73%);
	--color-7-hover: hsl(325, 90%, 73%);
	--color-8-hover: hsl(255, 65%, 73%);
	--color-9-hover: hsl(108, 50%, 68%);
	--color-10-hover: hsl(230, 70%, 68%);
}
/** COULEURS **/
/*.color-1{background: var(--color-1);border-color: var(--color-1) !important;}	/* BLEU */
/*.color-2{background: var(--color-2);border-color: var(--color-2) !important;}	/* VERT */
/*.color-3{background: var(--color-3);border-color: var(--color-3) !important;}		/* SAUMON */
/*.color-4{background: var(--color-4);border-color: var(--color-4) !important;}	/* ORANGE */
/*.color-5{background: var(--color-5);border-color: var(--color-5) !important;}	/* CYAN */
/*.color-6{background: var(--color-6);border-color: var(--color-6) !important;}	/* JAUNE */
/*.color-7{background: var(--color-7);border-color: var(--color-7) !important;}	/* ROSE */
/*.color-8{background: var(--color-8);border-color: var(--color-8) !important;}	/* VIOLET */
/*.color-9{background: var(--color-9);border-color: var(--color-9) !important;}	/* VERT SAPIN */
/*.color-10{background: var(--color-10);border-color: var(--color-10) !important;}/* BLEU NUIT */

/* PROJECT USERS + VIDEO USERS */
.users .user.color-1, .users .user.color-1 .picture{border-color: var(--color-1);}		/* BLEU */
.users .user.color-2, .users .user.color-2 .picture{border-color: var(--color-2);}		/* VERT */
.users .user.color-3, .users .user.color-3 .picture{border-color: var(--color-3);}			/* SAUMON */
.users .user.color-4, .users .user.color-4 .picture{border-color: var(--color-4);}		/* ORANGE */
.users .user.color-5, .users .user.color-5 .picture{border-color: var(--color-5);}		/* CYAN */
.users .user.color-6, .users .user.color-6 .picture{border-color: var(--color-6);}		/* JAUNE */
.users .user.color-7, .users .user.color-7 .picture{border-color: var(--color-7);}		/* ROSE */
.users .user.color-8, .users .user.color-8 .picture{border-color: var(--color-8);}		/* VIOLET */
.users .user.color-9, .users .user.color-9 .picture{border-color: var(--color-9);}		/* VERT SAPIN */
.users .user.color-10, .users .user.color-10 .picture{border-color: var(--color-10);}		/* BLEU NUIT */

.marker.color-1 {background-color: var(--color-1); border-color: var(--color-1-dark);}		/* BLEU */
.marker.color-2 {background-color: var(--color-2); border-color: var(--color-2-dark);}		/* VERT */
.marker.color-3 {background-color: var(--color-3); border-color: var(--color-3-dark);}			/* SAUMON */
.marker.color-4 {background-color: var(--color-4); border-color: var(--color-4-dark);}			/* ORANGE */
.marker.color-5 {background-color: var(--color-5); border-color: var(--color-5-dark);}		/* CYAN */
.marker.color-6 {background-color: var(--color-6); border-color: var(--color-6-dark);}			/* JAUNE */
.marker.color-7 {background-color: var(--color-7); border-color: var(--color-7-dark);}		/* ROSE */
.marker.color-8 {background-color: var(--color-8); border-color: var(--color-8-dark);}		/* VIOLET */
.marker.color-9 {background-color: var(--color-9); border-color: var(--color-9-dark);}		/* VERT SAPIN */
.marker.color-10 {background-color: var(--color-10); border-color: var(--color-10-dark);}		/* BLEU NUIT */

.message.color-1 {border-color: var(--color-1-dark);}		/* BLEU */
.message.color-2 {border-color: var(--color-2-dark);}		/* VERT */
.message.color-3 {border-color: var(--color-3-dark);}			/* SAUMON */
.message.color-4 {border-color: var(--color-4-dark);}			/* ORANGE */
.message.color-5 {border-color: var(--color-5-dark);}		/* CYAN */
.message.color-6 {border-color: var(--color-6-dark);}			/* JAUNE */
.message.color-7 {border-color: var(--color-7-dark);}		/* ROSE */
.message.color-8 {border-color: var(--color-8-dark);}		/* VIOLET */
.message.color-9 {border-color: var(--color-9-dark);}		/* VERT SAPIN */
.message.color-10 {border-color: var(--color-10-dark);}		/* BLEU NUIT */

/* VIDEO INFO */
.user-video.color-1 img.circle {border-color: var(--color-1-dark);}		/* BLEU */
.user-video.color-2 img.circle {border-color: var(--color-2-dark);}		/* VERT */
.user-video.color-3 img.circle {border-color: var(--color-3-dark);}		/* SAUMON */
.user-video.color-4 img.circle {border-color: var(--color-4-dark);}		/* ORANGE */
.user-video.color-5 img.circle {border-color: var(--color-5-dark);}		/* CYAN */
.user-video.color-6 img.circle {border-color: var(--color-6-dark);}		/* JAUNE */
.user-video.color-7 img.circle {border-color: var(--color-7-dark);}		/* ROSE */
.user-video.color-8 img.circle {border-color: var(--color-8-dark);}		/* VIOLET */
.user-video.color-9 img.circle {border-color: var(--color-9-dark);}		/* VERT SAPIN */
.user-video.color-10 img.circle {border-color: var(--color-10-dark);}		/* BLEU NUIT */

/* VIDEO SHARE */
.users li.color-1 {border-color: var(--color-1-dark);}		/* BLEU */
.users li.color-2 {border-color: var(--color-2-dark);}		/* VERT */
.users li.color-3 {border-color: var(--color-3-dark);}			/* SAUMON */
.users li.color-4 {border-color: var(--color-4-dark);}		/* ORANGE */
.users li.color-5 {border-color: var(--color-5-dark);}		/* CYAN */
.users li.color-6 {border-color: var(--color-6-dark);}		/* JAUNE */
.users li.color-7 {border-color: var(--color-7-dark);}		/* ROSE */
.users li.color-8 {border-color: var(--color-8-dark);}		/* VIOLET */
.users li.color-9 {border-color: var(--color-9-dark);}		/* VERT SAPIN */
.users li.color-10 {border-color: var(--color-10-dark);}		/* BLEU NUIT */

/* USER TOOTLTIP */
.color-1 .user-info-top {background-color: var(--color-1);}		/* BLEU */
.color-2 .user-info-top {background-color: var(--color-2);}		/* VERT */
.color-3 .user-info-top {background-color: var(--color-3);}		/* SAUMON */
.color-4 .user-info-top {background-color: var(--color-4);}		/* ORANGE */
.color-5 .user-info-top {background-color: var(--color-5);}		/* CYAN */
.color-6 .user-info-top {background-color: var(--color-6);}		/* JAUNE */
.color-7 .user-info-top {background-color: var(--color-7);}		/* ROSE */
.color-8 .user-info-top {background-color: var(--color-8);}		/* VIOLET */
.color-9 .user-info-top {background-color: var(--color-9);}		/* VERT SAPIN */
.color-10 .user-info-top {background-color: var(--color-10);}	/* BLEU NUIT */

.color-1 .identity {background-color: var(--color-1);border-color: var(--color-1);}
.color-2 .identity {background-color: var(--color-2);border-color: var(--color-2);}
.color-3 .identity {background-color: var(--color-3);border-color: var(--color-3);}
.color-4 .identity {background-color: var(--color-4);border-color: var(--color-4);}
.color-5 .identity {background-color: var(--color-5);border-color: var(--color-5);}
.color-6 .identity {background-color: var(--color-6);border-color: var(--color-6);}
.color-7 .identity {background-color: var(--color-7);border-color: var(--color-7);}
.color-8 .identity {background-color: var(--color-8);border-color: var(--color-8);}
.color-9 .identity {background-color: var(--color-9);border-color: var(--color-9);}
.color-10 .identity {background-color: var(--color-10);border-color: var(--color-10);}

.color-1 .identity span, .color-1 .initial {color: hsl(208, 75%, 85%);}	/* BLEU */
.color-2 .identity span, .color-2 .initial {color: hsl(147, 75%, 85%);}	/* VERT */
.color-3 .identity span, .color-3 .initial {color: hsl(6, 75%, 85%);}		/* SAUMON */
.color-4 .identity span, .color-4 .initial {color: hsl(32, 85%, 85%);}		/* ORANGE */
.color-5 .identity span, .color-5 .initial {color: hsl(180, 75%, 65%);}	/* CYAN */
.color-6 .identity span, .color-6 .initial {color: hsl(53, 85%, 85%);}		/* JAUNE */
.color-7 .identity span, .color-7 .initial {color: hsl(325, 90%, 85%);}	/* ROSE */
.color-8 .identity span, .color-8 .initial {color: hsl(255, 65%, 85%);}	/* VIOLET */
.color-9 .identity span, .color-9 .initial {color: hsl(108, 50%, 75%);}	/* VERT SAPIN */
.color-10 .identity span, .color-10 .initial {color: hsl(230, 70%, 75%);}	/* BLEU NUIT */

.color-1 .user-info-tooltip .icon-action {color: var(--color-1);}	/* BLEU */
.color-2 .user-info-tooltip .icon-action {color: var(--color-2);}	/* VERT */
.color-3 .user-info-tooltip .icon-action {color: var(--color-3);}		/* SAUMON */
.color-4 .user-info-tooltip .icon-action {color: var(--color-4);}	/* ORANGE */
.color-5 .user-info-tooltip .icon-action {color: var(--color-5);}	/* CYAN */
.color-6 .user-info-tooltip .icon-action {color: var(--color-6);}	/* JAUNE */
.color-7 .user-info-tooltip .icon-action {color: var(--color-7);}	/* ROSE */
.color-8 .user-info-tooltip .icon-action {color: var(--color-8);}	/* VIOLET */
.color-9 .user-info-tooltip .icon-action {color: var(--color-9);}	/* VERT SAPIN */
.color-10 .user-info-tooltip .icon-action {color: var(--color-10);}	/* BLEU NUIT */

.color-1 .user-info-tooltip .actions .btn {background-color: var(--color-1);}		/* BLEU */
.color-2 .user-info-tooltip .actions .btn {background-color: var(--color-2);}		/* VERT */
.color-3 .user-info-tooltip .actions .btn {background-color: var(--color-3);}			/* SAUMON */
.color-4 .user-info-tooltip .actions .btn {background-color: var(--color-4);}		/* ORANGE */
.color-5 .user-info-tooltip .actions .btn {background-color: var(--color-5);}		/* CYAN */
.color-6 .user-info-tooltip .actions .btn {background-color: var(--color-6);}		/* JAUNE */
.color-7 .user-info-tooltip .actions .btn {background-color: var(--color-7);}		/* ROSE */
.color-8 .user-info-tooltip .actions .btn {background-color: var(--color-8);}		/* VIOLET */
.color-9 .user-info-tooltip .actions .btn {background-color: var(--color-9);}		/* VERT SAPIN */
.color-10 .user-info-tooltip .actions .btn {background-color: var(--color-10);}		/* BLEU NUIT */

.color-1 .user-info-tooltip .actions .btn:hover {background-color: var(--color-1-hover);}		/* BLEU */
.color-2 .user-info-tooltip .actions .btn:hover {background-color: var(--color-2-hover);}		/* VERT */
.color-3 .user-info-tooltip .actions .btn:hover {background-color: var(--color-3-hover);}		/* SAUMON */
.color-4 .user-info-tooltip .actions .btn:hover {background-color: var(--color-4-hover);}		/* ORANGE */
.color-5 .user-info-tooltip .actions .btn:hover {background-color: var(--color-5-hover);}		/* CYAN */
.color-6 .user-info-tooltip .actions .btn:hover {background-color: var(--color-6-hover);}		/* JAUNE */
.color-7 .user-info-tooltip .actions .btn:hover {background-color: var(--color-7-hover);}		/* ROSE */
.color-8 .user-info-tooltip .actions .btn:hover {background-color: var(--color-8-hover);}		/* VIOLET */
.color-9 .user-info-tooltip .actions .btn:hover {background-color: var(--color-9-hover);}		/* VERT SAPIN */
.color-10 .user-info-tooltip .actions .btn:hover {background-color: var(--color-10-hover);}	/* BLEU NUIT */

.cube.color-1 {background-color: var(--color-1);}		/* BLEU */
.cube.color-2 {background-color: var(--color-2);}		/* VERT */
.cube.color-3 {background-color: var(--color-3);}			/* SAUMON */
.cube.color-4 {background-color: var(--color-4);}		/* ORANGE */
.cube.color-5 {background-color: var(--color-5);}		/* CYAN */
.cube.color-6 {background-color: var(--color-6);}		/* JAUNE */
.cube.color-7 {background-color: var(--color-7);}		/* ROSE */
.cube.color-8 {background-color: var(--color-8);}		/* VIOLET */
.cube.color-9 {background-color: var(--color-9);}		/* VERT SAPIN */
.cube.color-10 {background-color: var(--color-10);}		/* BLEU NUIT */