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

/*balises generiques*/
#Madeuxiemesection{
	color:#1908F3;
	font-family:Arial, Helvetisa, sans-serif;
	font-size:16px;
	background: url(bg/bg.png) top center no-repeat #000;
} 

#conteneur{
	margin: 10px 10px 10px 10px;
	max-width: 500px;
	width: 100%;
	padding: 2px;
	border: 1px solid #383838;
	height: 84%;
	}

/*couleur pour les champs obligatoires*/

/*input et textarea*/
input:not([type=submit]), textarea{
	display: block;
	width: 100%;
	padding: 4px 8px;
	border: 1px dashed #dbdbdb;
	color: #111;
	font-size: 14px;
	
/*border radius*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
/*transitions*/
	transition:background 0.2s linear,
		box-shadow 0.6s linear;
	-webkit-transition:background 0.2s linear,
		box-shadow 0.6s linear;
	-moz-transition:background 0.2s linear,
		box-shadow 0.6s linear;
	-o-transition:background 0.2s linear,
		box-shadow 0.6s linear;
}

input:not([type="submit"]):focus, textarea:focus{
	background:#f7f7f7;
	border:dashed 1px #969696;
	color:#000;
}

input:not([type="submit"]){
	height: auto;
}

/*placeholder*/
input:-moz-placeholder, textarea:-moz-placeholder{
	color: #848484;
	font-style: italic;
}
textarea{
	min-height: 100px;
	resize: vertical;
	min-width: 30px;
}

label{
	color: #7f7e7e;
	transition: color 1s ease;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
}

label:hover{
	color: #fff;
}

p{
	margin-bottom: 20px;
}

.indication{
	color: #878787;
	font-size: 12px;
	font-style: italic;
	text-align: right;
}

.required{
	color: #F50408
}

/*bouton*/
input[type="submit"]{
	margin-left: 235px;
	color: #F57E08;
	font-size: 18px;
	padding: 10px 4px;
	border: 1px solid #e0e0e0;
	background: #f8f8f8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
}

input[type="submit"]:hover{
	color: #07FBAB;
	border-color:#04169F;
	background: #f4f4f4;
	box-shadow: 0px 1px 1px #fff inset, 
		0 0 0px 5px #e0e0e0;
	-webkit-box-shadow: 0px 1px 1px #fff inset, 
		0 0 0px 5px #e0e0e0;
	-moz-box-shadow: 0px 1px 1px #fff inset, 
		0 0 0px 5px #e0e0e0;
	-o-box-shadow: 0px 1px 1px #fff inset, 
		0 0 0px 5px #e0e0e0;
}