body
{
background: #F3EEFB url("http://www.sdhspectacle.be/img/fondo.gif") repeat-x fixed top left;
padding: 10px; 
margin: auto;
margin-bottom: 20px;   
font-family: garamond, Times, serif; 
font-size: 1em;
cursor: url(http://www.sdhspectacle.be/img/pointer.cur);
}
p
{
padding: 5px;
}
/*blocktop*/
#header00 /*header*/
{
top:10px;
}
.menuh ul
{
position: absolute;
width: 700px;
		height: 68px;
top: 155px;
		left: 50%;
		margin-left: -320px;
list-style-type: none; 

}

.menuh ul li {
	float: left;
	margin-left: 1px
}

.menuh ul li a {
	float: left;
	display: block;
	height: 30px;
	text-align: center;
	background: url('http://www.sdhspectacle.be/img/menuh.jpg') repeat-x top;
	color: #fffacd;
	font-size: 12px;
	padding: 5px 20px 0 20px;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, garamond, Times, serif;
}

.menuh ul li a:hover {
	background-position: bottom
}
/* Le menu */
#menu /*cadre général des menus à gauche*/
{
position: absolute;
top:170px;
left: 10px;
width: 170px;
}
.element_menu /*les cadres dans le cadre général*/
{
background-color: #434989;
background-image: url("http://www.sdhspectacle.be/img/surmenu.jpg");
background-repeat: repeat-x;
border-left: 2px solid #0E63F0;
border-right: 2px solid #0E63F0;
border-bottom: 8px #0E63F0 inset;
margin-bottom: 20px;
padding: 10px;
}
.element_menu h3 /*concerne l'aspect par défaut des titres h3 des cadres */
{    
color: #ffd700;
text-align: center;
border-bottom: 3px double #0E63F0;
}
.element_menu ul /*pour la puce devant les liens dans les cadres*/
{
text-align: left;
list-style-image: url("http://www.sdhspectacle.be/img/puce.gif");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}
.element_menu a /* concerne le texte des liens dans les cadres menus*/
{
color: #fffacd;
text-decoration: none;
font-size: 1em;
}
.element_menu a:hover /*idem au passage de la souris*/
{
color: #9999ff;
background: url('http://www.sdhspectacle.be/img/miniliens.gif');
text-decoration:none; 

}
.element_menu a:active, a:focus /*idem lors du clic*/
{
background-color: #00ffff;
}
.compteur
{
border: 3px double #0E63F0;
padding: 2px;
width: 140px;
color: #fffacd;
font-weight: bold;
font-size: 0.8em;
background-color: #032050;
}
#body1 /*img 1 sur cadre central*/
{
float: left; 
width:53px; 
height: 18px; 
background-image: url("http://www.sdhspectacle.be/img/body1.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
margin-right: -10px; /*Pour que la partie 1 se colle à la 2.*/
}
#body2 /*img 2 sur cadre central*/
{
width:auto; /* Se répétera sur la place qu'on lui donne. */
height: 18px;
background-image: url("http://www.sdhspectacle.be/img/body2.jpg");
background-repeat: repeat; /* Un repeat-x aurait suffit, mais comme on définit la hauteur c'est pas la peine*/
margin-bottom: 10px;
}
#body3 /*img fin sur cadre central*/
{
float: right; /* La dernière partie est à droite */
width: 40px;
height: 18px;
background-image: url("http://www.sdhspectacle.be/img/body3.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
margin-left : -5px; /*Pour que la partie 3 se colle à la 2.*/
}
#corps /*tout ce qui se trouve dans le cadre central*/
{
margin-top: 50px;
margin-left: 190px;
height: 1300px;
padding: 5px;
color: #fffacd;
background-image: url("http://www.sdhspectacle.be/img/fondcorps.jpg");
border-left: 3px solid #0E63F0;
border-right: 3px solid #0E63F0;
border-bottom: 8px #0E63F0 inset;   
}
#corps fieldset legend
{
color: #87cefa;
}
#corps h1
{
color: #ffd700;
margin-left : 50px;   
}
#corps h2
{
height: 30px;
background-image: url("http://www.sdhspectacle.be/img/preh2.gif");
background-repeat: no-repeat;
padding-left: 48px;
color: #fffacd;
text-align: left;
}
#corps h3
{
color: #fffacd;
text-align: center;  
}
#corps a
{
color: #afeeee;
text-decoration: none;
}
#corps a:hover /*idem au passage de la souris*/
{
background-color: #ffd700;
color: black;
text-decoration: underline;
}
#footer
{
margin-left: 190px; /*comme pour le corps.*/
padding: 5px;
text-align: center;
color: #fffacd;
background-color: #434989;
background-image: url("http://www.sdhspectacle.be/img/footer.jpg");
background-repeat: repeat-x;
border-left: 3px solid #0E63F0;
border-right: 3px solid #0E63F0;
border-bottom: 8px #0E63F0 inset;  
}
#footer a
{
color: #87ceeb;
} 
#footer a:hover
{
background-color: #ffd700;
color: black;
}  

.colonne1
{
position: absolute;
top: 460px;
left: 250px;
width: 150px;
text-align: center;
margin-right: 30px;
}
.colonne2
{
position: absolute;
top: 460px;
left: 430px;
width: 150px;
text-align: center;
}
.colonne3
{
position: absolute;
top: 460px;
left: 610px;
width: 150px;
text-align: center;
}
.colonne4
{
position: absolute;
top: 460px;
left: 790px;
width: 150px;
text-align: center;
}