/* ZEC */
 /* D'après pxixtiz_modele-css-site-3-colonnes */
 /* "css2 pratique du design web" (2° édition) Raphaël Goetter / site Alasacréation*/
  /* éditeur de texte : notepad, HTML-kit (http://www.chami.com/html-kit)*/
body {
margin: 0px;
text-align: center;
/*-text-align center- pour centrer 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:#07060F;
}

.Style1 {
color:#DADADA;
font-weight: bold;
text-align: left;

}

h1, h2, h3, h4, h5{
color:#282933;
font-variant:small-caps;
text-align:center;
background-image:url(../images/h.png);
background-repeat:no-repeat;
}
#header{
position:relative;
margin-left: auto;
margin-right: auto;
width:799px;
height:130px;
background-image:url(../images/bandeau_accueil2.png);
background-position:center;
background-repeat:no-repeat;
}
#global{
position:relative;
margin-left: auto;
margin-right: auto;
width: 780px;
background-image:url(../images/fond_global.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;
width: 12Opx;
color:#AFAAA6;
background:#07060F;
margin: 0 18px;
text-decoration:none;
text-align: center;
}
#menuhaut a:hover{
color:#929C39;
}
#menu_gauche{
float:left;
position:relative;
width: 137px;
height:395px;
 /*text-align à régler dans la page HTML */
font: 80%;
font-weight:bold;
color:#7EA800;
}
#menu_gauche a{
display: block;
margin:1px O;
color:#101440;
text-decoration:none;
line-height: 25px;
width: 130px;
background-color:#383948;
border-top:1px solid #383948;
border-bottom:1px solid #A49242;
color:#AFAAA6;
text-align:center;

}
#menu_gauche a:hover{
color:#AFAAA6;
background-color:#0B0A18;
border-top:1px solid #0B0A18;
border-bottom:1px solid #99CC00;
}
#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:#757D2B;
text-align:right;
}
#menu_droite a{
color:#00002E;
text-decoration:none; 
 }
#menu_droite a:hover{
color:#E9DBBE;
}

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

}

#page_principale p{
width: 445px;
margin-left: 0.5em;
margin-top: 20px;
text-align:justify;

}
#page_principale a{
color:#101440;
text-decoration:underline;
}
#page_principale a:hover{
color:#E9DBBE;
}

#footer{
position:relative;
width: 770px;
height:80px;
clear:both;
color:white;
}
#footer a{
color:#E9DBBE;
text-decoration:none;
}
#footer a:hover{
color:#C1A155;
}