body {
	background-color: #FCF7DA;
}
#container {
	margin: auto;
	height: 500px;
	width: 900px;
	position: relative;
	background-repeat: no-repeat;
}
* {
	margin: 0px;
	padding: 0px;
}
img {
	margin: 0px;
	padding: 0px;
	border:none;
}
#image_conteuse {
	position: absolute;
	height: 60px;
	width: 563px;
	left: 61px;
	top: 53px;
}
#menu_index {
	position: absolute;
	height: 415px;
	width: 200px;
	right: 91px;
	top: 47px;
}
#panier {
	position: relative;
	height: 149px;
	width: 146px;
	left: 34px;
	top: 0px;
	z-index:2;
}
#menu{
	position: relative;
	height: 328px;
	width: 200px;
	left: 0px;
	top: -50px;
	z-index:3;
	background-image: url(../images/menu_conteuse2.gif);
	background-repeat: no-repeat;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5e4716;
	padding-top:47px;
}
table, th, td {
   border-collapse: collapse;
}
#menu a{
	color: #5e4716;
	text-decoration:none;
}
#menu a:hover{
	color: #0F0607;
	text-decoration:none;
}
#conteuse{
	position:absolute;
	top:123px;
	left:381px;
	width:273px;
	height:363px;
	z-index:1;
}
#baseline_index{
	position:absolute;
	top:134px;
	left:223px;
	z-index:3;
}
#index_conte{
	position:absolute;
	top:211px;
	left:26px;
	width:342px;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #5e4716;
	line-height:20px;
	text-align:left;
}
#index_conte a, #peach_spectacles a, #prerequis_spectacles a, .contact a {
	color: #4D3140;
	font-weight:bold;
	text-decoration:none;
}
#index_conte a:hover, #peach_spectacles a:hover, #prerequis_spectacles a:hover,  .contact a:hover{
	color: #5e4716;
	font-weight:bold;
	text-decoration:underline;
}
#index_pages{
	position:absolute;
	top:160px;
	left:26px;
	width:457px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #5e4716;
	line-height:20px;
	overflow:auto;
	height:320px;
	text-align:justify;
	padding-right:10px;
	z-index:3;
	
}
#index_spectacles{
	position:absolute;
	top:270px;
	left:26px;
	width:457px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #5e4716;
	line-height:20px;
	overflow:auto;
	height:220px;
	text-align:left;
	padding-right:10px;
	z-index:3;
	
}
#index_projets{
	position:absolute;
	top:210px;
	left:26px;
	width:457px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #5e4716;
	line-height:20px;
	overflow:auto;
	height:220px;
	text-align:left;
	padding-right:10px;
	z-index:3;
	
}
#baseline_pages{
	position:absolute;
	top:146px;
	right:194px;
	z-index:3;
}
#menu_pages {
	position: absolute;
	height: 428px;
	width: 200px;
	right: 11px;
	top: 47px;
	z-index:2;
}
#container_image{
	position:absolute;
	width:352px;
	height:328px;
	top:146px;
	right:47px;
	background-color:#000000;
	z-index:1;
	text-align:left;
}
#illustration_conte{
	position:absolute;
	width:186px;
	height:261px;
	top:213px;
	right:210px;
	z-index:3;
}
#rub_spectacles{
	position:absolute;
	width:473px;
	top:160px;
	z-index:4;
	left:30px;
}
.contes{
	color:#f9e39f;
	background-color:#34280d;
	padding-left:3px;
	padding-right:3px;
	padding-top:5px;
	padding-bottom:8px;
	margin-left:-3px;
	cursor:pointer;
	height:33px;
	text-align:center;
	position:absolute;
	top:-14px;
	
}
.mois_calendrier{
	color:#f9e39f;
	background-color:#34280d;
	padding-left:3px;
	padding-right:3px;
	margin-left:-3px;
	height:20px;
}

#projet_peur{
	left:155px;
}
#projet_jean_peur{
	left:240px;
}
#conte_a_voix , #projet_montagne{
	left:0px;
}
#conte_marionnettes{
	left:90px;

}
#odyssee{
	left:220px;
}
#stage{
	left:320px;
}

#sousrub_spectacles{
	position:absolute;
	top:231px;
	left:25px;
	z-index:4;
	text-align:center;
	margin:auto;
}
#error_contact{
	position:absolute;
	top:221px;
	left:180px;
	z-index:3;
	text-align:center;
	margin:auto;
	color:#34280D;
}
#montagnes{
	left:120px;
}
#doudou{
	left:275px;

}
.sous_contes{
	color:#34280D;
	background-color:#E7CE8B;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	font-size:12px;
	border:1px solid #34280D;
	position:absolute;
	text-align:center;
	width:200px;
}
.sous_contes_selected{
	color:#E7CE8B;
	background-color:#34280D;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	font-size:12px;
	border:1px solid #E7CE8B;
	position:absolute;
	text-align:center;
	width:200px;
}

#prerequis_spectacles{
	text-align:center;
	padding-right:10px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:5px;
}
#calendrier td{
	padding-top:10px;
	padding-bottom:10px;
	vertical-align:top;
}
li {
	margin-left:20px;
	display : list-item;
	list-style-image : url(puce.gif);
	list-style-position: outside;
} 
li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#5E4716;
}
#pdf_spectacles{
	position:relative;
	top:280px;
	left:340px;
	height:20px;
	width:150px;
	z-index:4;
	text-align:right;
}