@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Muli:300);

    h1
		{
		font-family: 'Oswald', sans-serif;
		font-size: 30px;
		/*text-transform: uppercase;*/
		color: #216182;
}
    body {
	background-color:#A9E2F3;
	background-image:url(../sun.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	
}


/* Centres the page (this could be container)*/

.body {
	/*background-color: #F7D358;*/
    display:block;
   /* margin: auto;*/
	/*padding-top: 2px;*/
   /* width:576px;
	height:600px;*/
	/*border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:3px solid #0B0719;*/
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    color: #0B0719;
}

#contact-page {
	margin: auto;
}
    #coordonnees  {
		margin-left: 20px;
		text-align: center;
		/*background-color: #FDEBD0;*/
		/*border:3px solid #0B0719;
		border-radius:10px;
	   -moz-border-radius:10px;
	   -webkit-border-radius:10px;*/
	}

	#civilite input + input {
		margin-top: 0px;
	    margin-left:5em;
		text-align: center;
	}
	#vous_joindre {
	text-align: center;
    }
	#adresse textarea{
		height:50px;
		/*background-color:#F7D358;*/
	}
	#naissance {
	text-align: center;
    }
	#choix {
		text-align: center;
	}
    #bouton  {
	text-align: center;
    }

/* Labels are titles for the text fields. You can use a placeholder instead if you like*/
label 
{
    display:block;
   /* margin:20px;*/
    letter-spacing:2px;
}

/* Centres the form within the page */
form 
{
	/*margin-left: 42px;*/
    margin:auto;
    /*width: 50%;*/
	/*width:459px;*/
}

/* Styles the text boxes */
input, textarea, file {
	/*width:439px;*/
	/*height:40px;*/
	/*background-color:#F7D358;*/
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:2px solid #0B0719;
	/*padding:10px;*/
	/*margin-top:5px;*/
	font-size:15px;
	color:#3a3a3a;
}

	input:focus, textarea:focus {
		border:2px solid #0B0719;
	}

/* Styles the text area boxes (message field) */	
textarea 
{
	height:160px;
	margin-bottom: 1px;
	/*background-color: #F7D358;*/
}


/* Styles the submit button */
#submit {
	/* background:url(images/submit.png); */
	width:127px;
	height:48px;
	text-align: center;
	/* text-indent:-9999px; */
	border:2px solid #0B0719;
	margin-top:20px;
	cursor:pointer;
}

/* Styles the submit hover */	
#submit:hover {
	color:#fff;
	background-color: #216182;
	opacity:0.9;
}

/* Styles the cancel button*/	
#cancel {
	/* background:url(images/cancel.png); */
	width:127px;
	height:48px;
	text-align: center;
	/* text-indent:-9999px; */
	border:2px solid #0B0719;
	margin-top:20px;
	cursor:pointer;
}

/* Styles the cancel hover */
#cancel:hover {
	color:#fff;
	background-color: #000;
	opacity:0.9;
}