/*Florilèges */
 /* D'après pxixtiz_modele-css-site-3-colonnes */

body {
margin:5px;
text-align: center;
/*text-align center pour centre dans IE */
font: 90% "Trebuchet MS", Arial, sans-serif;
color:#4A4A4A;
background-color:#222B30;
}
h1, h2{
display: block;
color:#404040;
line-height: 40px;
width: 475px;
text-align:center;
font-variant:small-caps;
}
h3{
display: block;
margin:1px;
padding:1px;
background-color:#A78F25;
background-image:url(../images/h3.gif);
color:#C1C6C8;
line-height: 22px;
width: 350px;
text-align:right;

}
h4 {
display: block;
margin:1px 0;
color:#758750;
text-align:right;
letter-spacing:1px;
line-height:22px;

}
#header{
position:relative;
margin-left: auto;
margin-right: auto;
width:770px;
height:120px;
background-image:url(../images/entete.jpg);
background-repeat:no-repeat;
background-position:right;
}

  /* MENU DU HAUT sur "Css2: construire un menu en CSS" */
ul#menuhaut{
margin:5px;
padding: 2px;
font:bold 0.80em "Trebuchet MS", Arial, sans-serif;
font-variant:small-caps;
list-style-type:none;
}
#menuhaut li{
float:left;
}
#menuhaut a{
display: block;
color:#ACACAC;
margin-right: 15px;
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/global.gif);
background-position:center;
background-repeat:repeat-y;
}

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

}
#menu_gauche p{
width: 140px;
font-size: 78%;
font-weight:bold;
color:#DDB000;
}

#menu_gauche a{
color:#222B30;
text-decoration:none;
text-align:right;
}

#menu_gauche a:hover{
color:#BABCBB;

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

}
#menu_droite p{
width: 120px;
font-size: 80%;
font-weight:bold;
color:#DDB000;
text-align:right;
}
#menu_droite a{
color:#222B30;
text-decoration:none;

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

}

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

#page_principale p{
width: 450px;
font: 92% verdana, "Trebuchet MS", Arial, sans-serif;
color:#2D2D2D;
margin-left: 1.2em;
text-align:justify;
line-height: 18px;
font-weight: bold;
}
#page_principale a{
color:#2D2D2D;
text-decoration:underline;
}
#page_principale a:hover{
color:#DADADA;
background-color:#2D2D2D;
}
#footer{
position:relative;
width: 770px;
height:80px;
clear:both;
text-align:center;
}
#footer a{
margin: 35px; 
color:white;
text-decoration:none;
}
#footer a:hover{
color:#DADADA;

}