.form-content{
    margin: 0 auto;
    max-width:600px;
    margin-top:15px;
    padding-bottom: 8px;
}

/*couleur champs obligatoires*/
input:required, textarea:required{
	background-color:#f1f2f6;
	color:#535c68;
}

/*mise en forme de toutes les cases input et textarea - sauf le bouton submit*/
input:not([type="submit"]), textarea{
	display:block;
    width:300px;
	padding:4px 6px;
	border:1px dotted #34495e;
	color:#535c68;
	font-size:14px;
/*pour arrondir les angles des champs*/
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
/*transition*/
	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:#f1f2f6;
	border: solid 1px #34495e;
	color:#535c68;
}

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

/*placeholder*/
input:-moz-placeholder, textarea:-moz-placeholder{
	color:#535c68;
	font-style:italic;
}

textarea{
	min-height:70px;
	resize:vertical;
}

input[type=text]{
    height:30px;
}

label{
	color:#535c68;
}

p{
	margin-bottom:10px;
}

.indication{
	color:#535c68;
	font-size:12px;
	font-style:italic;
	text-align:left;
}

.required{
    color:#ff0000;
    font-weight: bold;
}

.remarque{
    display:none;
}

/*bouton envoyer*/
input[type=submit]{
	/*margin-left:320px;*/
	cursor:pointer;
	color:#dde5ce;
	font-size:16px;
	padding:10px 4px; /*permet d'agrandir le bouton en haut/bas et à droite/gauche*/
	border:1px solid #95afc0;
	background-color:#34495e;
	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;
}

/*rollover sur bouton envoyer*/    /*inset = ombre interne*/	
input[type=submit]:hover{
	color:#34495e;
	border-color:#34495e;
	background:#95afc0;
	box-shadow:0px 1px 1px #FFFFFF inset,
				0px 0px 0px 5px	#34495e;
	-webkit-box-shadow:0px 1px 1px #fff inset,
				0px 0px 0px 5px #34495e;
	-moz-box-shadow:0px 1px 1px #fff inset,
				0px 0px 0px 5px #34495e;
}


#merci	{
	margin:0px auto;
}
#merci img{
    width:100%;
}


/*tablette+desktop*/
@media screen and (min-width:480px) {
    input:not([type="submit"]), textarea{
        width:400px;
    }

    .form-content{
        max-width:700px;
        margin-top:30px;
        padding-bottom: 15px;
    }
    #merci{padding-bottom:30px;}
}