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

body{
	text-align:center;
	background-image:url(images/fonds.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:0;
	padding:0;
	}
a img{
	border:none;
	}
a:active, a:focus{
	outline:none;
	}
	#conteneur{
		width:698px;
		text-align:center;
		padding:0 auto;
		margin:0 auto;
		}
			#entete{
			position:relative;
			width:698px;
			height:128px;
			background:url(images/logo.jpg) left top no-repeat;
			margin:0 auto;
			}
			#entete h1{
			text-indent:-9999px;
			margin:0;
			padding:0;
			}
				/*NAVIGATION PRINCIPALE*/
				#entete ul{
				position:absolute;
				top:55px;
				left:47px;
				list-style-type:none;
				width:603px;
				height:100px;
				padding:0;
				background:url(images/navigation_1et2.jpg) left top no-repeat;
				}
				#entete li{
				float:left;
				}
				#entete li#accueil{padding:0 1px 0 0; margin:0;}
				#entete li#maisons{padding:0 1px 0 0; margin:0;}
				#entete li#musees{padding:0 1px 0 0; margin:0;}
				#entete li#dossiers{padding:0; margin:0;
				}
				#entete li a{
				display:block;
				height:100px;
				width:150px;
				}
				#entete li a span{
				position:absolute;
				left:-5000px;
				}
				#entete li a:hover{
				background:url(images/navigation.jpg);
				}
				#entete li#accueil a:hover{background-position:0 -56px;}
				#entete li#maisons a:hover{background-position:-151px -56px;}
				#entete li#musees a:hover{background-position:-302px -56px;}
				#entete li#dossiers a:hover{background-position:-453px -56px;}
			/*CORPS PRINCIPAL*/
			#corps{
			text-align:center;
			color:#FFFFFF;
			width:100%;
			margin:42px 0 0 0;
			}
			#corps{
			height:583px;
			}
				#corps #form1{
				height:388px;
				}
				#corps #form1 #champs {
				border-style:none;
				width:425px;
				margin:-20px 0 0;
				}
				#corps #form1 #champs #telethon{
				margin-left:190px;
				}
				#corps #form1 #champs p{
				text-align:right;
				}
				#corps #form1 #commentaire{
				padding:0;
				margin:-20px 0 0;
				border-style:none;
				}
				#formulaire h4{
				padding:100px 0 0;
				}
					#formulaire #bouton_mail{
					width:413px;
					height:52px;
					padding:0 142px 0;
					margin:0;
					}
					#formulaire #bouton_mail a{
					background-repeat:no-repeat;
					background-position:0 -52px;
					}
					#formulaire #bouton_mail a:hover{
					background-position:top left;
					}
			/*PIED*/
			#pied{
			height:60px;
			padding:15px 0 0 0;
			margin:0;
			clear:both;
			}
			#pied ul{
			list-style-type:none;
			letter-spacing:3px;
			font-size:0.8em;
			margin:0 0 0 15px;
			}
			#pied li{
			float:left;
			margin:0;
			padding:0 0 0 45px;
			}
			#pied li a{
			text-decoration:none;
			color:#FFF;
			}
			#pied li a:hover{
			color:#FF9900;
			}