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

body{
background-color:#297c8c;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:100%;
margin:0px 0px 0px 0px
}

#merci				{text-align:center; font-size:16px;}		

/*couleur champs obligatoires*/
input:required, textarea:required{
	background-color:#cbcacb;
	color:#fff;
}

/*mise en forme de toutes les cases input et textarea - sauf le bouton submit*/
input:not([type="submit"]), textarea{
	display:block;
	width:380px;
	padding:4px 8px;
	border:1px dashed #dbdbdb;
	color:#cccc;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
/*pour arrondir les angles des champs*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
/*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:#f7f7f7;
	border:dashed 1px #969696;
	color:#000;
}

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

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

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

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

/*rollover sur les labels au passage de la souris*/
label:hover{
	color:#CCCCCC;
}

p{
	margin-bottom:15px;
}

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

.required{
	color:#FFF;
}

/*bouton envoyer*/
input[type=submit]{
	margin-left:310px;
	cursor:pointer;
	color:#767676;
	font-size:18px;
	padding:10px 4px; /*permet d'agrandir le bouton en haut/bas et à droite/gauche*/
	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;
}

/*rollover sur bouton envoyer*/    /*inset = ombre interne*/	
input[type=submit]:hover{
	color:#F4F4F4;
	border-color:#CECECE;
	background:#297c8c;
	box-shadow:0px 1px 1px #297c8c inset,
				0px 0px 0px 5px	#e0e0e0;
	-webkit-box-shadow:0px 1px 1px #297c8c inset,
				0px 0px 0px 5px #e0e0e0;
	-moz-box-shadow:0px 1px 1px #297c8c inset,
				0px 0px 0px 5px #e0e0e0;
}



/*liens*/  
a {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
a:visited {
	color: #00FFFF;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}