main{
	overflow:inherit;
}
.formPart{
	width:100%;
	background-color:whitesmoke;
	padding:1em;
	border-radius:0.5em;
	border:1px solid Gainsboro;
}
.listPart{
	width:100%;
	overflow:auto;
	white-space:normal;
	padding-top:8em;
	padding-bottom:2em;
}
aside.followLink{
	background-color:darkred;
	animation:slideNotification 5s linear;
	padding:1em;
}
#team{
	margin-bottom:1em;
	margin-top:.5em;
	/*overflow: hidden;*/
	/*white-space: break-spaces;*/
}
.nomParticipant{
	width:6vw;
	position:absolute;
	top:5em;
	white-space:break-spaces;
}
.name{
	display:block;
	margin:0 auto 1em auto;
	font-size:1.5em;
}
#name{
	width:50%;
	margin:0 auto 2em auto;
	border:solid #EAB1B9 1px;
}
.absoluteArrow{
	position:relative;
}
.shadowSvg{
}
.absoluteArrow{
	position:absolute;
}
.absoluteArrow img{
	height:8em;
}
.arrows1{
	transform:rotate(-10deg);
	z-index:2;
	left:-10%;
	top:40%;
}
.arrows2{
	transform:rotate(-190deg);
	z-index:2;
	right:-10%;
	bottom:40%;
}
#submitStructureForm{
	background-color:inherit;
	color:black;
	background-position:center center;
	font-family:"Abril Fatface", sans-serif;
	font-size:2em;
	font-weight:500;
	background-size:90%;
	padding:5em;
	transform:rotate(-10deg);
	text-transform:uppercase;
	background-repeat:no-repeat;
}
#bonus{
	max-height:20em;
	overflow:auto;
}
#bonus .tagList{
	text-align:left;
}
.animateBonus .tagList{
	animation:popBonus 0.7s;
}
#noBonus{
	color:#828282;
	padding:2em;
	text-align:center;
	background-color:rgba(255, 255, 255, 0.6);
	border-radius:1em;
}
#noBonus svg{
	display:block;
	margin:0 auto;
	height:3em;
	width:3em;
}
#noBonus strong{
	display:block;
}
#team li{
	display:inline-block;
	height:11em;
	width:8em;
	background-size:cover;
	position:relative;
	/*overflow: hidden;*/
	margin-bottom:2em;
	transform-origin:bottom center;
	background-color:Gainsboro;
	border:1px dotted black;
	border-radius:1em;
	overflow:hidden;
}
.card1{
	transform:rotate(-20deg) translateY(2em);
}
.card2{
	transform:rotate(-11deg) translateX(0.5em);
}
.card3{
	transform:rotate(2deg);
}
.card4{
	transform:rotate(15deg);
}
.card5{
	transform:rotate(22deg) translateY(1.5em);
}
#team li.picked{
	background-color:transparent;
	border:1px transparent;
	border-bottom:1px dotted Gray;
	border-radius:0 0 1em 1em;
}
#team .nomParticipant{
	position:absolute;
	left:50%;
	width:150%;
	padding:0.5em 2em 5em 4em;
	box-sizing:border-box;
	text-align:center;
	top:30%;
	background-color:white;
	transform:rotate(-30deg) translateX(-50%);
}
.picked:after{
	display:none;
}
.picked:hover:after{
	display:block;
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	cursor:pointer;
	height:100%;
	background-color:rgba(100, 0, 0, 0.5);
	border-radius:1em;
}
/* NAV */
.yourTeam{
	background-size:100% auto;
	background-position:bottom center;
	background-repeat:no-repeat;
	position:-webkit-sticky;
	position:-moz-sticky;
	position:-o-sticky;
	position:-ms-sticky;
	position:sticky;
	display:block;
	top:0;
	z-index:5;
	transition:1s;
}
h2.w100{
	margin-bottom:1em;
	text-align:center;
	font-size:1.5em;
	font-family:"Abril Fatface", sans-serif;
}
.tools{
	padding-right:5%;
	box-sizing:border-box;
}
.pickedPpl{
	height:20em;
	position:relative;
}
.newBonus:before{
	position:absolute;
	content:"Nouveau Bonus !";
	width:100%;
	left:50%;
	transform:translateX(-50%);
	bottom:1em;
	z-index:15;
	font-family:"Abril Fatface", sans-serif;
	font-size:2em;
	color:var(--basicColor1);
	animation:fadeOut 3s;
}
.newBonus:after{
	background-image:url("../../../wd/images/2022/confettis.gif");
	position:absolute;
	content:"";
	height:100%;
	width:100%;
	left:0;
	top:0;
	z-index:10;
	animation:fadeOut 3s;
}
.tools span.pickerButton{
	font-weight:600;
	color:white;
	display:block;
	width:auto;
	margin-bottom:2em;
	margin-right:1em;
	padding:1em;
	border-radius:1em;
	text-align:center;
}
.tools button svg{
	margin-right:0.3em;
}
#shuffle{
	background-color:var(--basicColor1);
	border:solid white 1px;
	transition:.5s;
}
#shuffle svg path{
	transition:.5s;
}
#shuffle:hover svg path{
	fill:var(--basicColor1);
}
#shuffle:hover{
	background-color:white;
	border:solid var(--basicColor1) 1px;
	color:var(--basicColor1);
}
#clean{
	background-color:white;
	border:solid var(--basicColor1) 1px;
	color:var(--basicColor1);
	transition:.5s;
}
#clean svg path{
	fill:var(--basicColor1);
	transition:.5s;
}
#clean:hover{
	background-color:var(--basicColor1);
	border:solid white 1px;
	color:white;
}
#clean:hover svg path{
	fill:white;
}
.gameCardParent{
	overflow:hidden;
	padding:1em;
}
.gameCards .mainSvg svg{
	height:15em;
	width:auto;
}
.mini .mainSvg svg{
	margin-left:-1em;
}
.mini .svgReverse svg{
	margin-right:-1em;
}
.gameCards .svgReverse svg{
	z-index:1;
	position:relative;
	transform:rotate(180deg);
	height:15em;
	width:auto;
	margin-top:-8.5em;
}
.gameCards .gameCard{
	border-top:0.08em solid Black;
	border-left:0.08em solid Black;
	border-right:0.08em solid Black;
	border-radius:1em 1em 0 0;
	background-color:whitesmoke;
	padding:0.5em 0em;
}
.gameCards .gameCard:not(.mini):after{
	left:30%;
	top:99.5%;
	width:180%;
	background-color:white;
	content:"";
	position:absolute;
	height:60%;
	z-index:2;
	transform-origin:bottom left;
	transform:rotate(-45deg);
}
.gameCardParentMini{
	font-size:0.5em;
}
.mini{
	overflow:hidden;
	border-bottom:0.2em solid black;
}
.mini:after{
	left:-10%;
	top:65%;
	width:160%;
	background-color:black;
	content:"";
	position:absolute;
	height:1em;
	z-index:2;
	transform-origin:bottom left;
	transform:rotate(-30deg);
}
.gameCard span.name{
	z-index:3;
	position:absolute;
	top:93%;
	left:12%;
	padding:0.5em;
	width:160%;
	border-top:0.08em solid black;
	border-bottom:1px solid black;
	text-align:center;
	background-color:white;
	font-weight:bold;
	transform:rotate(-44deg);
	transform-origin:bottom left;
}
.gameCard .symbol, .gameCard .symbolReverse{
	position:absolute;
	font-weight:bold;
	color:#731027;
	text-align:center;
}
.gameCard .symbol{
	left:0.5em;
	top:0.5em;
	font-size:1.2em;
}
.gameCard .symbolReverse{
	right:0.5em;
	bottom:0.5em;
	transform:rotate(180deg);
}
.gameCard .symbol svg, .gameCard .symbolReverse svg{
	display:block;
	margin-top:0.1em;
}
.gameCard #Ombre g path{
	fill:#1ce482;
}
.madeBy{
	width:40%;
	margin:0 auto;
	justify-content:center;
	align-items:center;
	padding-top:2em;
	margin-bottom:2em;
}
.madeBy p{
	width:auto;
	margin-right:.5em;
	font-size:1em;
}
.madeBy div{
	width:7em;
}
.madeBy img{
	width:100%;
}
@keyframes popBonus{
	from{
		transform:scale(0.5) translateY(-20em);
	}
	to{
		transform:none;
	}
}
@media screen and (max-width:1050px){
	#bonus .tagList:nth-child(1) .clicMe:before{
		content:"";
		position:absolute;
		top:-3em;
		right:0;
		height:5em;
		width:5em;
		color:black;
		background-image:url(../../../wd/images/clic.png);
		background-size:100%;
		transform:rotate(-20deg);
		background-repeat:no-repeat;
	}
}