@charset "utf-8";
/* CSS Document */

#conteneur {
	/* width:600px;  */
	/* width:52%;  */
	margin:auto;
	height:auto;
}

#conteneur  form {
	margin: 0 auto;
	width: 50%;
}

fieldset {
	margin: auto;
	padding: 0;
	width: 60%;
}

label {
	/* positionnement marge et taille */
	float: left; 
	clear: left;
	margin: 10px 20px 5px 20px;
	width: 150px;
	/* styles de caractères */
	font:Verdana, Geneva, sans-serif;
	font-size: 14px;
	/* color: red; */
	text-align: left; 
}

input, select {
	/* styles de caractères */
	font:Verdana, Geneva, sans-serif;
	font-size: 14px; 
	color: #4b4b4b; 
	/* marge et taille */
	width: 270px; 
	height: 35px; 
	padding: 5px 10px 0px 10px; 
	margin: 0 0 20px 0;
	/* couleur de fond */
	background: #f1f2f4;
	/* bordures */
	border:1px solid #b6b7b9;
	border-radius: 5px;
	float: left; 
}

select {
	width: 292px;
}

textarea {
	/* styles de caractères */
	font-size: 14px;
	color: #4b4b4b;
	font-family:Verdana, Geneva, Sans-serif;
	/* marge taille et ombre portée */
	width: 270px;
	height: 80px;
	padding: 10px 10px 0px 10px;
	margin: 0 0 20px 0;
	/* couleur de fond */
	background: #f1f2f4;
	/* bordures */
	border:1px solid #b6b7b9;
	border-radius: 5px;
	float: left;
}

input[type=submit] {
	/* position taille marges */
	clear: both; 
	cursor: pointer;
	width: 160px;
	height: 42px; 
	padding: 5px 10px; 
	margin: 0 0 0 40%;
	/* coins arrondies */
	border-radius: 10px;
	/* fond */
	/* background-color: red; */
	/* styles de texte */
	/* color:#effaff; */
	font-weight:bold;
}

input:focus, textarea:focus {
	background: #d9dadc;
}

input[type=submit]:hover {
	background-color:#404040 ;
	color: white;
}

section {
	display: block;
}

/** RESPONSIVE **/
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 850px) {
	label {
		width: 70px;
	}
	input, select, textarea {
		margin: 0 0 20px 20px;
		
	}
}
@media screen and (max-width: 680px) {
	#conteneur  form {
		width: 100%;
	}
}
@media screen and (max-width: 580px) {
	label {
		width: 70px;
	}
}
@media screen and (max-width: 490px) {
	label {
		width: 70px;
		/* width: 125px;
		margin: 10px 0; */
	}
	input, select, textarea {
		width: 60%;
		/* width: 100px;
		margin: 10px 0; */
	}
	input[type=submit] {
		width: 140px;
		/* width: 75px; */
	}
}