.conteneur-edition {
	padding-top: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
	border-top: 1px solid #ddd;
}

.conteneur input {
    margin: 0 10px 20px;
}

.champs {
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
}

#champ1,
#champ2 {
	width: 100%;
}

#champ1 input,
#champ2 input {
	width: 300px;
}

#champ4 {
	margin-right: 20px;
}

.actions {
	text-align: center;
	font-size: 0;
	margin-bottom: 20px;
}

.actions span {
	margin-left: 8px;
	margin-right: 8px;
}

#code {
	margin-top: 30px;
	margin-bottom: 30px;
}

#champ8,
#iframe,
#code,
#copier {
	display: none;
}

@media screen and (max-width: 377px) {
	.actions span:first-child {
		margin-bottom: 16px;
	}
}

@media screen and (max-width: 399px) {
	#champ1 input,
	#champ2 input {
		width: 260px;
	}
}

@media screen and (max-width: 599px) {
	#champ3,
	#champ4,
	#champ5,
	#champ6 {
		width: 47%;
	}

	#champ3 input,
	#champ4 select,
	#champ5 input,
	#champ6 select {
		width: 80%;
	}

	#champ4 {
		margin-right: 0;
	}
}