html,body{
background:  url(degrade.jpg) repeat-x;
font-family: Georgia, "Times New Roman", Times, serif;
color: navy;
}

h3.formation {
	margin-left: 30px;
}

.image {float: left;
height: 135px;
width: 160px;
}

#entete {
height: 145px;
}

#container {
	width: 700px;
	margin-left: 20px;
	border: solid;
	border-width: 1px;
	background-color: #F0FFFF;
	border-color: Gray Gray Gray Gray;
   font-family: color: Navy;
}

.etatcivil {
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	}

.webmaster {
	float: right;
	padding-right: 5%;
	}
	
h1.webmaster {
	font-size: 150%;
   font-family: color: Navy;
}

li {
   font-size: 77%;
	font-family: color: Navy;
	list-style-type: circle;
	margin-left:25px;
	margin-right:10px;
}

h1 {
	font-size: 100%;
   font-family: color: Navy;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left:10px;
	margin-right:10px;
}

h2 {
   font-size : 90%; 
   font-family: color: Navy;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:20px;
	margin-right:10px;
}

h3 {
font-size : 70%; 
font-family: color: Navy;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 10px;
margin-right: 10px;
}

hr {
	color: #777FFF;
}

a:link {
	color: #3739FF;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
   color: #3739FF;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #9B9CFF;
	text-decoration: underline overline;
	font-weight: bold;
}

/* styles de la page mail */

form {
margin-left: 100px;
max-width: 500px;
position : relative;
}

#bouton {
margin-left: 200px;
height: 50 px;
}

#nom,#vmail,#tel,#adresse {
height: 25px;
margin-left: 0px;
width: 30px;
margin-top: 0px;
}

#adresse {
height: 85px;
}

input {
clear: both;
float: left;
height: 25 px;
margin-left: 100px;
margin-top: -16px;
}

#adresse>textarea {
margin-left: 100px;
margin-top: -16px;
}

label {
   font-size : 85%; 
   font-family: color: Navy;
   padding: 20px;
   width: 80 px;
}

#bouton input {
margin-top : 2px;
}