body{
background-image:url(design/fond-page.gif);
background-repeat:repeat-x;
background-color:#BC5C20;
margin:0px;
padding:0px;
}
#conteneur {
position:relative;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(design/fond-contenu.gif);
	background-repeat: repeat-y;
}

/******************************************ENTETE********************************************/
#entete{
height:126px;
width:800px;
background-color:#FFFFFF;
background-image:url(design/fond-entete.gif);
background-position:right top;
background-repeat:no-repeat;}

	#entete h1{
	height:104px;
	width:800px;
	margin:0px;
	padding:0px;
/*	border:thin  #00CC66 dashed;
*/	}
	#entete ul{
	margin:0px;
	padding:0px;
	height:22px;
	width:800px;
	background-color:#FFD301;
	font-family: Tahoma, "Trebuchet MS", sans-serif;
	color:#2C0904;
	font-size:13px;
	text-align:center;
	
/*	border:thin  #00CC66 dashed;
*/	
	}
	#entete ul li{
	margin:0px;
	padding:0px;
	display:inline;
	padding-right:25px;
	padding-left:22px;
	background-image:url(design/puce-etoile.jpg);
/*	border:thin  #00CC66 dashed;
*/	background-repeat:no-repeat;
	line-height:22px;
	font-weight:bold;
/*	background-position:left _3px;
*/	}
   #entete ul li.actif{
   
   	color:#AA7700;
	background-image:url(design/puce-etoile-clair.jpg);
	background-repeat:no-repeat;
}
	#entete ul a:link,#entete a:visited{
	color:#2C0904;;
	text-decoration:none;
	}
	#entete ul a:hover{
	color:#AA7700;
	}

/******************************************ENTETE********************************************/
#contact{
width:264px;
height:101px;
background-image:url(design/fond-contact.gif);
position:absolute;
top:126px;
right:138px;
text-align:center;
}
/******************************************ENTETE********************************************/
html>body #contact{
	right:0px;
}
#menu{
width:143px;
height:597px;
background-image:url(design/fond-bd_gauche.jpg);
position:absolute;
top:127px;
left:0px;
}
	#menu ul{
	margin:0px;
	padding:0px;
	
	padding-top:15px;
	height:262px;
	width:143px;
	font-family: Tahoma, "Trebuchet MS", sans-serif;
	color:#466297;
	font-size:13px;
	text-align:center;
	
/*	border:thin  #00CC66 dashed;
*/	
	}

	#menu ul li{
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	padding-top:1px;
	padding-bottom:2px;
	width:143px;
	font-family: Tahoma, "Trebuchet MS", sans-serif;
	color:#779DC1;
	font-size:12px;
	text-align:center;
	background-color:#FFFFFF;
	list-style-type:none;
	text-transform: uppercase;
	font-variant: small-caps;/*	font-weight:bold;
	border:thin  #00CC66 dashed;
*/	
	}
	#menu ul li.actif{
	
	color:#FFFFFF;
	
	background-color:#FFAA00;
	
/*	font-weight:bold;
	border:thin  #00CC66 dashed;
*/	
	}
	#menu a:link,#menu a:visited{
	color:#779DC1;
	text-decoration:none;
	}
	#menu a:hover{
	color:#FFAA00;
	}
	
.spectacle{
/*border:thin  #00CC66 dashed;
*/text-align:center;}

#contenu img.spectacle{
float:none;
text-align:center;
}
#contenu img.margeg{
padding-right:25px;
}
/******************************************ENTETE********************************************/

#contenu{
	width:620px;
	margin-left:143px;
	padding-left:25px;
	/*border:thin  #00CC66 dashed;
*/
font-family: Tahoma, "Trebuchet MS", sans-serif;
	color: #21314C;
	font-size: 0.85em;
	text-align: justify;
}

#contenu a:link,#contenu a:visited{
	color:#FFAA00;
	text-decoration:underline;
	}
	#contenu a:hover{
	color:#E13633;
	}
	
	#contenu h2 a:link,#contenu h2 a:visited{
	color:#FFF;
	text-decoration:underline;
	
	}
	#contenu h2 a:hover{
	color:#FFAA00;
	}
#contenu h1.rubrique{
	margin:0px;
	margin-left:-5px;
	margin-top:10px;
	padding:0px;
	height:49px;
	width:775px;

}


#contenu h1.rubrique em{
display:none;
}
/**************************************VARIANTES RUBRIQUES****************************************************/

.ateliers h1.rubrique{
	background-image: url(design/ateliers.gif);
	background-repeat: no-repeat;
}
.informations h1.rubrique{
	background-image: url(design/informations.gif);
	background-repeat: no-repeat;
}
.structure h1.rubrique{
	background-image: url(design/structure.gif);
	background-repeat: no-repeat;
}
.pedagogie h1.rubrique{
	background-image: url(design/pedagogie.gif);
	background-repeat: no-repeat;
}
.prestations h1.rubrique{
	background-image: url(design/prestations.gif);
	background-repeat: no-repeat;
}
.reflexions h1.rubrique{
	background-image: url(design/reflexions.gif);
	background-repeat: no-repeat;
}
#contenu h1{
	margin:0px;
	padding:0px;
	margin-left:15px;
	margin-bottom:25px;
	padding:0px;
	font-size:16px;
	font-weight:normal;
	}
	
	
	h2{
	color: #ffffff;
	font-size:16px;
	background-color:#9B9B00;
	padding-left:5px;
	padding-bottom:3px;
	padding-top:2px;
	font-weight:bold;
	line-height:20px;
	clear:both;
	
	}
	#contenu h2 em{
	color:#FFAA00;
	}
	h3{
	color: #9B9B00;
	background-image: url(design/balle.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:25px;
	line-height:25px;
	clear:both;

	
	}
	#contenu h3 em{
	color:#FFAA00;
	font-style:normal;
	clear:both;
	
	}
	#contenu  em{
	color:#9B9B00;
	font-style:normal;
	
	}
	
.encart{
	width:300px;
	margin:5px;
	margin-left:13px;
	margin-right:0px;
	float:right;
	color: #666666;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.85em;
}
.italique{
	font-style: italic;
}
.separation{
clear:both;
}
#contenu p.encart em{
	color: #666666;
	font-style:italic;

}
#contenu img{
float:left;
margin:10px;
margin-left:0px;
margin-top:0px;}
#contenu ul li,#contenu ol li{
list-style-position:inside;

}
#contenu ul,#contenu ol {
	margin:0px;

}





#footer{
height:20px;
width:800px;
background-color:#9C1821;
}


	#footer ul{
	margin:0px;
	padding:0px;
	height:20px;
	width:800px;
	color:#FAC900;
	font-family: Tahoma, "Trebuchet MS", sans-serif;
	font-size:12px;
	text-align:center;
	}
	#footer ul li{
		margin:0px;
		padding:0px;
		display:inline;
		padding-right:30px;
		padding-left:30px;
	/*	background-image:url(design/puce-etoile.jpg);
		border:thin  #00CC66 dashed;
		background-repeat:no-repeat;*/
		line-height:20px;
	
	/*	background-position:left _3px;
	*/	}
	#footer a:link,#footer a:visited{
	color:#FAC900;
	text-decoration:none;
	}
	#footer a:hover{
	color:#FFFFFF;
	}