/* CENT LIMITE musées imaginaires */
 /* D'après pxixtiz_modele-css-site-3-colonnes */

body {
margin: 0px;
text-align: center;
/*text-align center pour centre dans IE */
font: 90% "Trebuchet MS", Arial, sans-serif;
color: #270001;
background-image:   url(../images/fnd_page.png);
background-position:center;
background-repeat:repeat-y;
background-color:#000017;
}
h1, h2{
display: block;
color:#00002E;
background-image:   url(../images/fnd_h.png);
background-repeat:repeat-x;
line-height: 40px;
width: 475px;
text-align:center;
}
h3{
display: block;
color:#C3C3C3;
background-image:   url(../images/fnd_h3.png);
background-repeat:repeat-x;
line-height: 30px;
width: 475px;
text-align:center;
}
#header{
position:relative;
margin-left: auto;
margin-right: auto;
width:770px;
height:180px;
background-image:   url(../images/bandeau_accueil.png);
}
  /* MENU DU HAUT sur "Css2: construire un menu en CSS" */
ul#menuhaut{
margin:0;
padding: 0;
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;
color:#BFB66E;
background:#07060F;
margin: 0 18px;
text-decoration:none;
text-align: center;
}
#menuhaut a:hover{
color:#DADADA;
}


#global{
position:relative;
margin-left: auto;
margin-right: auto;
width: 770px;
background-image:url(../images/fond_global.png);

}
#menu_gauche{
float:left;
position:relative;
width: 137px;
height:395px;

}
#menu_gauche p{
width: 123px;
font-size: 80%;
font-weight:bold;
color:#716522;
}

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

#menu_gauche a:hover{
color:#DADADA;
}
#menu_droite{
float:right;
position:relative;
width: 125px;
margin-left:4px;
height:370px;

}
#menu_droite p{
width: 123px;
font-size: 80%;
font-weight:bold;
color:#716522;
text-align:right;

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

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

#page_principale{
float:right;
position:relative;
left:0px;
width:480px;
margin:4px;
}

#page_principale p{
width: 455px;
margin-left: 1em;
text-align:justify;
}
#page_principale a{
color:#101440;
text-decoration:underline;
}
#page_principale a:hover{
color:#716522;
}

#footer{
position:relative;
width: 770px;
height:80px;
clear:both;
color:white;
}
#footer a{
color:#E9DBBE;
text-decoration:none;
}
#footer a:hover{
color:#C1A155;
background-image:   url(../images/survol.png);
}