html, body {
	background:#fbeacc;
	margin: 0;
	padding: 0;
	}


div#titre { 
	text-align: center;
	margin: 10px 0 0 0px;
	background-color:#fbeacc;
	width: 1080px;
	}
	
	

div#contenu	{
	top: 0px;
	position:fixed;
	width: 850px; 
	}

div#centre { 
	background: url(../img/livre_complet.gif) no-repeat; 
	margin-left: 50px; 
	top: 0px; 
	width: 850px; 
	height: 650px; 
	position: relative; 
	}
	
div#centreliens { 
	background: url(../img/livre_complet_feuille.gif) no-repeat; 
	margin-left: 50px; 
	top: 0px; 
	width: 850px; 
	height: 650px; 
	position: relative; 
	}	
	
div#centreds { 
	background: url(../img/livre_complet_rosier.gif) no-repeat; 
	margin-left: 50px; 
	top: 0px; 
	width: 850px; 
	height: 650px; 
	position: relative; 
	}		
div#centrecontact { 
	background: url(../img/livre_complet_ds.gif) no-repeat; 
	margin-left: 50px; 
	top: 0px; 
	width: 850px; 
	height: 650px; 
	position: relative; 
	}		
	
#imgLogo { position: absolute; top: 35px; left: 83px; }
.imgLogo { position: absolute; top: 35px; left: 112px; }

#imgCdl { position: absolute; top: 335px; left: 83px; }
.imgCdl { position: absolute; top: 275px; left: 50px; }	
	
/*----------- NAVIGATION page gauche-------*/


div#pagegauche {
	margin: 70px 0 0 65px;
	position: fixed; 
	
	}


    #ulNav li { position: absolute; left: 65px; height: 25px; width: 270px; list-style:none;}
        
    #ulNav li a { display: block; width: 270px; height: 25px; padding: 25px 0 0 0; overflow: hidden; height: 0px !important; height /**/:25px; }

    #liSommaire { top: 100px; text-align: center;}
    #liAccueil { top: 140px;}
	#liActualites { top: 180px;}
	#liFestival { top: 220px;}
	#lids { top: 260px;}			
	#liAnimations { top: 300px;}	
	#liLiens { top: 340px;}	
	#liInformations { top: 380px;}	
	#liContact { top: 420px;}	
	
		
	

    #liAccueil a { background: url(../img/lien_accueil.gif) no-repeat; }
    #liActualites a { background: url(../img/lien_actualites.gif) no-repeat; }
    #liFestival a { background: url(../img/lien_festival.gif) no-repeat; }
    #lids a { background: url(../img/lien_ds.gif) no-repeat; }	
    #liAnimations a { background: url(../img/lien_animations.gif) no-repeat; }	
    #liLiens a { background: url(../img/lien_liens.gif) no-repeat; }
    #liInformations a { background: url(../img/lien_informations.gif) no-repeat; }	
    #liContact a { background: url(../img/lien_contact.gif) no-repeat; }		
	
	
	
    #ulNav li a:hover 
	{ 
	background-position: 0 -25px; 
	}	
	#ulNav li a:active, #bodyAccueil, 
	{ 
	background-position: 0 -25px; 
	}	
	#bodyAccueil, 
	{ 
	background-position: 0 -25px; 
	}	
	
/*----------- NAVIGATION page droite -------*/



  div#pagedroite {
	width: 300px; 
	height: 314px; 
	position: fixed; 
	top: 65px; 
	left: 500px; 
	font-size: 1em; 
	color: #636363;
	}
	
	div#pagedroitecontact {
	width: 300px; 
	height: 314px; 
	position: fixed; 
	top: 85px; 
	left: 500px; 
	font-size: 1em; 
	color: #636363;
	list-style:none;	
	}
	
	div#feuille {
	position: fixed;
	top: -80px; 
	
	}
	
	#ulnavdroit li { 
	top: 250px; 
	list-style:none;
	}
	
	#ulnavactu li { 
	position: relative;
	margin-left: -40px;
	list-style:none;
	color: #6b4436;
	}
	
	.ulnavsavoir li { 
	font-size: 0.5em;
	}
	
	.contact ul {
	list-style:none;
	color: #6b4436;
	}
	
	#contact li {
	list-style:none;
	color: #3e4b1a;
	}
	
	#contact li a:link {
	color: #3e4b1a;
	}
	
	#contact li a:hover {
	color: #a2393e;
	}
	
	#ulnavdroitlien li {
	margin-left: -35px; 
	list-style:none;
	}
	
	#ulnavdroitlien li a:link {
	color: #3e4b1a;
	}
	
	#ulnavdroitlien li a:hover {
	color: #a2393e;
	}
	
	#ulnavactu a:hover {
	color: #e95b23;
	}
	
	#ulnavactu a:link {
	color: #644290;
	}
	
	#ulnavpola li {
	position: fixed; 
	top: 345px;
	margin-left: 35px;
	list-style:none;
	}
	
	
	
	
	
	#ulnavbiblio li { 
	position: relative;
	margin-left: -40px;
	list-style:none;
	}	
	
	#ulnavbiblio a:hover {
	color: #e95b23;
	}
	
	#ulnavbiblio a:link {
	color: #644290;
	}
	
	
	
/*----------- NAVIGATION MOBILE à droite -------*/	
	
div#defil { 

	width: 150px;
	height: 3000px;
	margin: 0 0 0 900px;
	padding: 0 0 0 0;
	background-color:#fbeacc;
	}
	
	
	
/*----------- FIN NAVIGATION MOBILE à droite -------*/		
	
   h1 {
   	text-align: center; font-size: 2em; color: #888; padding: 0 0 0 0px; 
   }		

   .separation {
	clear: both;
}

	div#pied {
		width: 850px; 
		height: 110px; 
		clear: both; 
		position: relative; 
		text-align: center;
		padding: 5px 0 0 55px;
		font-size: 0.6em; color: #244E71;
		}