#soumission {
	position: fixed;
	z-index: 1001;
	right: -100vw;
	top: 0;
	transition: right 0.5s;
	max-width: 100vw;
	height: 100vh;
	overflow-y: scroll;
	background-color: #0E1735;
	color: white;
	padding: 50px 100px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

#soumission.opened {
	right: 0;
}

#soumission h3 {
	margin: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #AFEDE8;
}

#soumission #close-soum-btn {
	display: block;
	width: 20px;
	min-width: 20px;
	height: 20px;
	min-height: 20px;
}

#soumission #close-soum-btn .x-icon {
	transition: stroke 0.2s;
}

#soumission #close-soum-btn:hover {
	cursor: pointer;
}

#soumission #close-soum-btn:hover .x-icon {
	stroke: white;
}

#soumission input:not(input[type="submit"], input[type="checkbox"]) {
	width: 100%;
}

#soumission select {
	appearance: menulist;
}

#soumission textarea {
	width: 100%;
}

#soumission input[type="checkbox"]:checked::before {
	font-weight: 900;
	color: #293274;
}

#soumission input[type="submit"] {
	width: fit-content;
	border: 2px solid #AFEDE8;
	background-color: transparent;
}

#soumission input[type="submit"]:hover {
	color: #382F2F;
	background-color: #AFEDE8;
}

#soumission label span:not(span.wpcf7-list-item-label) {
	color: #382F2F;
}

#soumission label span span {
	margin: 0;
}

#soumission .wpcf7-response-output {
	max-width: 450px;
}

@media (max-width:569px) {
	#soumission {
		padding: 50px 50px;
		padding-top: 75px;
	}
}