*{margin:0; padding:0; border:0}


#contenu{
	margin:10px auto;
width: 960px; height:692px; 
position:relative; background-color:#FFFFFF}

#affiches{
position:absolute;
width:89px; height:27px; 
top:365px; left:373px; z-index:5}

#livres{
position:absolute;
width:89px; height:23px; 
top:392px; left:373px; z-index:5}

#chartes{
position:absolute;
width:89px; height:28px; 
top:415px; left:373px; z-index:5}

#typo{
position:absolute;
width:89px; height:39px; 
top:443px; left:373px; z-index:5}

#cartes{
position:absolute;
width:71px; height:23px; 
top:365px; left:464px; z-index:5}

#musique{
position:absolute;
width:71px; height:26px; 
top:388px; left:464px; z-index:5}

#john{
position:absolute;
width:71px; height:30px; 
top:415px; left:464px; z-index:5}

#contacts{
position:absolute;
width:71px; height:30px; 
top:444px; left:464px; z-index:5}


#chartes2{
position:absolute;
width:124px; height:50px;
top:281px; left:132px}

#affiches2{
position:absolute;
width:320px; height:442px;
top:13px; left:307px; z-index:1}

#cartes2{
position:absolute;
width:74px; height:70px;
top:259px; left:262px; z-index:5}

#typo2{
position:absolute;
width:126px; height:45px;
top:284px; left:520px; z-index:5}

#contacts2{
position:absolute;
width:122px; height:59px;
top:268px; left:677px; z-index:5}

#livres21{
position:absolute;
width:270px; height:138px;
top:360px; left:544px; z-index:2}

#musique2{
position:absolute;

top:430px; left:40px; z-index:2}

#livres22{
position:absolute;
width:225px; height:159px;
top:413px; left:218px; z-index:2}


/*---------------------------------------pages---------------------------*/

#ensemble{
	margin:0 auto; 
	width: 960px;
	height:692px; 
	position:relative;
	background-color:#FFFFFF
}

li{ list-style-type:none; font-family: Helvetica, Arial, sans-serif; border:1px solid #333333; padding:5px; width:170px}

#titrepartie{ font-weight:bold; padding:0}
li a{color:#000000; text-decoration:none}
li a:hover{ color:#999999}
#selection{color: #009933}

#sousmenu{position:absolute; right:50px; top:100px}


#diaporama{position:absolute; height:700px; top:100px; left:40px;}
#parici{ cursor:pointer}
#parla{ cursor:pointer}

#image img{border: 1px solid #CCCCCC}

#infos{
	position:absolute;
	top:224px;
	left:600px; 
	border:1px solid #333333; width:250px; font-family: Helvetica, Arial, sans-serif; padding:5px; font-size:14px
}

/*---------------------------------------menu---------------------------*/

#menu{border-bottom: 0px solid #333333; width:960px; height:81px; position:relative}
#logo{ position:absolute; left:10px; width:264px ; height:76px; top: 5px  }



#men_aff{ position:absolute; left:275px; top:33px; width:104px ; height:43px;}
#men_li{ position:absolute; left:380px; top:2px; width:80px; height:38px}
#men_ch{ position:absolute; left:455px; top:38px;  width:92px;  height:38px}
#men_typo{ position:absolute; left:547px; top:0px;width:63px;  height:42px; }
#men_mu{ position:absolute; left:605px; top:42px; width:104px;  height:34px }
#men_ca{ position:absolute; left:710px; top:0px;width:78px; height:42px}
#men_john{ position:absolute; left:790px;top:38px; width:55px; height:38px}
#men_con{ position:absolute; left:845px;top:opx;  width:110px; height:38px}


/*----------------------------contact---------------------------------*/

#contact_form input, #contact_form textarea{
	border:1px solid #333333;
}

#contact_form{
	margin:150px 0 0 120px; 
	font-family:Helvetica, Arial, sans-serif; 
}

#retour{
margin:150px 0 0 120px; 
font-family:Helvetica, Arial, sans-serif;
}