/*théâtre Minute */
 /* D'après pxixtiz_modele-css-site-3-colonnes */
 /* MENU DU HAUT sur "Css2: construire un menu en CSS" alsacréations*/

body {
margin:5px;
text-align: center;
/*text-align center pour centre dans IE */
font: 90% Verdana, Arial, sans-serif;
background-image:url(../images/bg_body.png);
background-repeat:repeat-x;
color:#550000;
background-color:#651313;
}

.Style1 {
	color: #540000;
	font-weight: bold;
}
h1, h2, h3, h4{
	display: block;
	margin: 5px 2px;
	padding:1px;
	line-height: 35px;
	width: 84%;
	border-bottom: 1px solid #E9CF47 ;
	border-left: 2px solid #E9CF47 ;
	text-align:right;
	color: #540000;
}


#header{
position:relative;
margin-left: auto;
margin-right: auto;
width:770px;
height:140px;
background-image:url(../images/entete_accueil.jpg);
background-repeat:no-repeat;
background-position:right;
background-color:#540000;  /* de la même couleur que le fond de l'image" */
}

  /* MENU DU HAUT sur "Css2: construire un menu en CSS" */
ul#menuhaut{/* margin et padding pour positionner ce menu par rapport au haut*/
margin:1px;
padding: 5px; /* écartement de part et d'autre des éléments du menu*/
font:bold 0.9em "Trebuchet MS", Arial, sans-serif;
font-variant:small-caps;
list-style-type:none;
}
#menuhaut li{
float:left;
}
#menuhaut a{
display: block;
width: 12Opx;
color:#B4994A;
margin: 0 25px; /* écartement des éléments du menu les uns par rapport aux autres*/
text-decoration:none;
text-align: left;
}
#menuhaut a:hover{
color:#DD0000;

}

#global{
position:relative;
margin-left: auto;
margin-right: auto;
width: 770px;
background-image:url(../images/fond_page.jpg);
background-position:left;
background-repeat:repeat-y;
}

#menu_gauche{
float:left;
position:relative;
width: 142px;
height:395px;
line-height: 1.2em;

}
#menu_gauche p{
width: 140px;
font-size: 80%;
text-align:left;
margin-left:5px;
font-weight:bold;
color:#F5C972;
}

#menu_gauche a{
color:#B4994A;
text-decoration:none;
text-align:left;
}

#menu_gauche a:hover{
color:#DD0000;

}
#menu_droite{
float:right;
position:relative;
width: 125px;
margin-left:4px;
height:370px;

}
#menu_droite p{
width: 120px;
font-size: 70%;
font-weight:bold;
color:#F3D156;
margin-right:5px;
text-align:right;

}
#menu_droite a{
color:#B4994A;
text-decoration:none;

}
#menu_droite a:hover{
color:#FFFF99;

}

#page_principale{
float:right;
position:relative;
left:0px;
margin:4px;
width:480px;
color:#2D2D2D;
background-color:transparent;

}
#page_principale p{
width: 458px;
font: 90% verdana, "Trebuchet MS", Arial, sans-serif;
color:#2D2D2D;
margin-right: .9em;
text-align:justify;
line-height: 18px;
font-weight: bold;
}
#page_principale ul{
font-weight: bold;

}
#page_principale a{
color:#2D2D2D;
text-decoration:underline;
}
#page_principale a:hover{
color:#DADADA;
background-color:#540000;
text-decoration:none;
}
#footer{
position:relative;
width: 770px;
height:80px;
clear:both;
text-align:center;
}
#footer a{
margin: 35px; 
color:#550000;
text-decoration:none;
}
#footer a:hover{
color:red;

}