@charset "utf-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
}
body{
	background-image: url(images/background.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;}
.background{
	background-image: url(images/parchemin.png);
	background-repeat:no-repeat;
	background-position: top center;
	width:1280px;
	height:800px;
	border-color:#000;
	margin:auto;
	border:1px solid transparent;
	margin-top:10px;
	font-family: 'Fenix', cursive;
}
.entete{ font-family:Helvetica,arial, sans-serif;
font-size:24px;
text-align:center;
margin:auto;
background-image:url(images/header.png);
background-repeat:no-repeat;
background-position: top center;
height:110px;
border:1px solid transparent;
margin-top:10px;
	} 

.menu{
	width:1000px;
	height:470px;
	clear:both;
	margin-left:180px;
	float:left;
	background-image:url(images/menudedi.png);
	background-repeat:no-repeat;
	}
.carre{
	width:1000px;
	position:absolute;
	margin-left:45px;
	}
.carre2{
	position:absolute;
	margin-left:450px;}
		ul.menuul> li{
		float:left;
		list-style-type:none;
		}
		ul.menuul>li a{
			margin-left:-5px;
			width:120px;
			height:20px;
			padding:10px;
			display:block;
			line-height:40px;
			
			}
			ul.menuul>li a:hover{
			width:120px;
			height:20px;
			background-image:url(images/essaihover.png);
			left:5px;}
			ul.menuul2>li a:active{
			}
		ul.menuul2> li{
		
		float:left;
		list-style-type:none;
		}
			ul.menuul2>li a{
			margin-left:10px;
			width:110px;
			height:20px;
			padding:10px;
			display:block;
			line-height:40px;
			}
			ul.menuul2>li a:hover{
			width:120px;
			height:20px;
			background-image:url(images/essaihover.png);
			margin-left:-5px;
			margin-top:6px;}
		
		

		
.auteure{
	width:280px;
	height:350px;
	clear:both;
	float:left;
	margin-left:280px;
	margin-top:-400px;
}	
p a{
	font-style:oblique;
	text-decoration:none;
	color:black;
	font-size:16px;
}
p a:hover{
	font-style:oblique;
	text-decoration:none;
	color:black;
	font-size:19px;
	}

		.livre1 {
			
			width:350px;
			height:181px;
			clear:both;
			float:left;
			z-index:4;
			}
				.describ1{
			margin-left:130px;
			margin-top:-170px;
				}
				
				
		.livre2{
			
			width:120px;
			height:181px;	
			float:right;
			margin-top:20px;
			clear:both;
			}	
			.describ2{
			margin-left:-165px;
			margin-top:-170px;
				}

.musique{
	width:370px;
	height:350px;
	float:right;
	margin-right:230px;
	margin-top:-400px;
}
		
		.cd1 {
			width:350px;
			height:181px;
			clear:both;
			float:left;
			margin-left:180px;
			}
				.describcd1{
			margin-left:-170px;
			margin-top:-150px;
				}
		
		.cd2 {
			width:350px;
			height:181px;
			clear:both;
			float:left;
			}
				.describcd2{
			margin-left:170px;
			margin-top:-150px;
				}
	

		 
#imglivre{

	}		
.sousmenu{
	width:550px;
	height:38px;
	margin-left:380px;
	float:left;
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
	}

		ul.sousmenuul> li{
		float:left;
		list-style-type:none;
		}
		ul.sousmenuul>li a{
			width:126px;
			height:50px;
			margin-left:5px;
			margin-top:10px;
			display:block;
			line-height:40px;
			border:1px transparent #000;
			}
			/*ul.sousmenuul>li a:hover{
			background-image:url(images/gribou.png);
			background-repeat:no-repeat;
			width:135px;
			height:60px;
			margin-left:-10px;
			margin-top:10px;
			display:block;
			line-height:40px;}*/
			 a#menu1:hover{
				 width:130px;
			height:50px;
				 background-image:url(images/menu1.png);
				 background-repeat:no-repeat;
				 margin-left:0px;
				 margin-top:3px;
				 padding:4px;}
			 a#menu2:hover{
				 width:130px;
				height:50px;
				 background-image:url(images/menu2.png);
				 background-repeat:no-repeat;
				 margin-left:-5px;
				 margin-top:1px;
				 padding:5px;}
			a#menu3:hover{
				 width:130px;
				height:50px;
				 background-image:url(images/menu3.png);
				 background-repeat:no-repeat;
				 margin-left:0px;
				 margin-top:0px;
				 padding:6px;}
			a#menu4:hover{
				 width:130px;
				height:50px;
				 background-image:url(images/menu4.png);
				 background-repeat:no-repeat;
				 margin-left:4px;
				 margin-top:0px;
				 padding:5px;}
			
#imgharpe{
	width:200px;
	height:350px;
	background-image:url(images/harpe.png);
	margin-top:-200px;
	float:right;
	display:none;
	}			
		
.footer{
	width:800px;
	height:30px;
	clear:both;
	margin:auto;
	margin-bottom:0px;
	text-align:center;
	text-align:bottom;
	}