body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #FFFFFF;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 85%;
}
body h1{
	text-align:center;
	font: bold 50px"Viner Hand ITC",Verdana, Arial, "Times New Roman", sans-serif;
	color: #000000   ;	
	margin:0px;
	padding:0px;
}
div#header{
	margin: 0px;
	padding: 0px;
	height: 141px;
	border: none;
	background:#FFFFFF url(image/banniere.jpg) center no-repeat;
	text-align: center;
	position:relative;
}

.titreBanniere{
	margin: 0px;
	padding: 0px;
	height: 60px;
	font: bold 40px "Viner Hand ITC",Verdana, Arial, "Times New Roman", sans-serif;
	text-align:center;
}

div#blocmenu{
text-align: center;
}

ul#menu {
	margin: 0;
	padding: 0;
	font: bold italic 14pt "Calisto MT", Verdana, Arial, "Times New Roman", sans-serif;
	list-style-type: none;
}

#menu li{
display: inline;
}
#menu a{
color: black;
text-decoration: none;
}
#menu a:hover, #menu a:focus{
color:#990000
}

div#conteneur{
text-align: justify;

	width: 40%;
	margin: 10px auto ;
	position: relative;
	background: #ffffff;
	border: 0px solid #CFCFCF;
	/*-moz-border-radius:6px;
	border-radius:6px;*/
	padding: 0;
}
div#code_Adsense{
	float:right;
	margin: 10px auto ;
	position: relative;
	width: 300px;
	height: 400px;
}
div#conteneur_gauche{
	float:left;
	margin: 10px auto ;
	position: relative;
	width: 200px;
	height: 200px;
}
#conteneur h2{
	text-align:center;
	font: bold 50px"Viner Hand ITC",Verdana, Arial, "Times New Roman", sans-serif;
	color: #990000;	
	margin:0px;
	padding:0px;

}

div#footer{
	margin: 10px auto;
	padding: 0px;
	background:#FFFFFF url(image/footer.jpg) center no-repeat;
	height: 175px;
	width: 1025px;
	/*text-align: left;*/
	position:relative;
	border: none;
	font: normal 9px Arial, Helvetica, sans-serif;	
}
div#footer_gauche{
	text-align:left;
	float:left;
	font:inherit;
	padding-top: 10px;
}
div#footer_gauche a{
	font: normal 12px Arial, Helvetica, sans-serif;	
}
div#footer_droit{
	/*font: normal 10px Arial, Helvetica, sans-serif;*/
	text-align:right;
	float:right;
	font:inherit;
	padding-top: 10px;
}
#footer_droit a{
color: black;
text-decoration: none;
}

#footer_droit a:hover, #menu a:focus{
color:#990000
}

div#index_projet {
border-bottom:2px solid black;
font-size:12px;
}

h3{
	color: #990000;	
}
h5{
font-size:small;

}

/*-----------------Livre d'or------------------*/
form#formLivredor{
 	width: 50ex;
    padding: 1em;
    margin: 2em auto;
    border: 1ex #FFFFFF  ;
    background:  #FFFFFF;
    font-family: sans-serif;
}
fieldset#captcha {
	width: 43ex;
	height: 15ex ;
}

fieldset#livredor {
	width: 43ex;
	height: 20ex ;
}


form#formLivredor p {
    position: relative;
    margin: 0 0 0.5em;
}

form#formLivredor p.submit {
    margin: 0;
    text-align: left;
}

input#pseudo{
	position: absolute;
    left: 15ex;
    right: 0;
    padding: 0 0.2ex;
}
textarea#message{
position: absolute;
    left: 17ex;
    right: 0;
    padding: 0pt 0.2ex;
}
input:focus {
    border: 2px solid black;
    background: #ffd;
}
label.required {
    font-weight: bold;
}

label.required:after {
    content: '*';
}

span.accessKey {
    text-decoration: underline;
}

/*--------------------Formulaire d'inscription----------------------*/
form#formRejoindre {
	width: 95ex;
	font-size: 90%;
}
form#formRejoindre input:focus, textarea:focus, select:focus {
	background: #ffd;
}

form#formRejoindre label.required {
	font-weight: bold;
}

form#formRejoindre label.required:after {
	content: '*';
}

form#formRejoindre span.accessKey {
	text-decoration: underline;
}

form#formRejoindre span.note {
	font-size: 85%;
	color: gray;
}
form#formRejoindre fieldset {
	background: #ddd;
	border: 1px solid black;
	margin: 0.5em 0 0;
	height:42em;
}

form#formRejoindre legend {
	border: 1px solid black;
	background: #444;
	color: white;
	font-variant: small-caps;
	letter-spacing: 0.1ex;
	font-weight: bold;
	padding: 0 0.2em;
}

form#formRejoindre fieldset p, fieldset li {
	position: relative;
	height: 3em;
	
}

form#formRejoindre fieldset p {
	margin: 0 9pt 0.6em 9pt;
			
}

form#formRejoindre input {
	padding: 0 0.2ex O O;
	}
	
#date, #ville, #code_postal, #telephone, #mobile, #telecopie, #mail{
	left:15ex;
	position:absolute;
	width:26ex;
}
#adresse{
	left:17.5ex;
	position:absolute;
	height:100%
}
#envoiForm{
margin-top: 9pt;	
}

.etoile{
color:#FF0000;
}

/*-------------------Formulaire de contact-----------------------*/

form#formContact{
	width: 75ex;
	font-size: 90%;
}
form#formContact input:focus, textarea:focus, select:focus {
	background: #ffd;
}

form#formContact label.required {
	font-weight: bold;
}

form#formContact label.required:after {
	content: '*';
}

form#formContact span.accessKey {
	text-decoration: underline;
}

form#formContact span.note {
	font-size: 85%;
	color: gray;
}
form#formContact fieldset {
	background: #ddd;
	border: 1px solid black;
	margin: 0.5em 0 0;
	height: 21em;
}

form#formContact legend {
	border: 1px solid black;
	background: #444;
	color: white;
	font-variant: small-caps;
	letter-spacing: 0.1ex;
	font-weight: bold;
	padding: 0 0.2em;
}
form#formContact fieldset p {
	position: relative;
	height: 3em;
	margin: 0 9pt 0.6em 9pt;

	
}

form#formContact input {
	padding: 0 0.2ex O O;
	
}
	
#nomContact, #emailContact, #objetContact{
	left:23ex;
	position:absolute;
	width:35ex;
}
#messageContact{
	left:26.5ex;
	position:absolute;
}
#envoiMessageContact{
margin-top: 9pt;	
}
