@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:56px;
				padding:0;
				background:url(images/navigation.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:56px;
				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{
			width:100%;
			}
				/*INTRO*/
				#corps #intro{
				position:relative;
				text-align:left;
				padding:0 46px;
				margin:0 0 35px 0;
				}
				#corps #intro h3, p{
				color:#fff;
				text-align:left;
				width:260px;
				margin:0;
				}
				#corps #intro #img_intro{
				position:absolute;
				top:0;
				left:342px;
				}
				
				/*ARTICLES*/
				#corps #central{
				position:relative;
				background-color:#fff;
				width:100%;
				height:333px;*/
				margin-top:20px;
				padding:0;
				}
					#corps #central #barredr{
					position: absolute;
					left:0%;
					top:-122px;
					}
					#corps #central #barrega{
					position:absolute;
					left:678px;
					top:-122px;
					}
					#corps #principal{
					text-align:left;
					letter-spacing:3px;
					padding:10px 0 0 20px;
					margin:0;
					color:#999;
					}
					#corps #central p{
					color:#000;
					padding:0;
					margin:-13px 0 0 0;
					}
					#corps #central #principal #rss{
					margin:0;
					padding:0 0 0 10px;
					}
					#corps #central #art1{
					float:left;
					text-align:left;
					font-size:0.8em;
					width:320px;
					margin:-7px 0 0 0;
					padding:0 0 0 20px;
					}
					#corps #central #art2{
					float:right;
					text-align:right;
					font-size:0.8em;
					width:305px;
					margin:-7px 0 0 0;
					padding:0 20px 0 0;
					}
					#corps #central #art2 p{
					text-align:right;
					padding:0 0 0 45px;
					}
					#corps #central #art1 h3 a, #art2 h3 a{
					color:#333333;
					}
					#corps #central #art1 h3 a:hover, #art2 h3 a:hover{
					color:#FF9900;
					}
					#corps #central #art1 img{
					padding:15px 0 0 0;
					}
					#corps #central #art2 img{
					padding:15px 0 0 0;
					}
			/*PIED*/
			#pied{
			position:relative;
			background-image:url(images/barre_pied.jpg);
			background-repeat:no-repeat;
			height:60px;
			padding:0;
			}
			#pied ul{
			position:absolute;
			list-style-type:none;
			letter-spacing:3px;
			font-size:0.8em;
			left:30px;			
			top:25px;
			}
			#pied li{
			float:left;
			margin:0;
			padding:0 0 0 37px;
			}
			#pied li a{
			text-decoration:none;
			color:#FFF;
			}
			#pied li a:hover{
			color:#FF9900;
			}