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

body {
margin: 0px;
text-align: center;
/*text-align center pour centrer dans IE */
font: 1em "Trebuchet MS", Arial, sans-serif;
color:#272727;
background-image:url(../images/fnd_page.png);
background-position:center;
background-repeat:repeat-y;
background-color:#CEC4BA;
}
h1, h2{
display: block;
margin-top:1px ;
color:#404040;
background-image:  url(../images/  );
background-repeat:repeat-x;
line-height: 40px;
width: 475px;
text-align:center;
}
h3{
display: block;
color:#DFD9D2;
line-height: 32px;
width: 475px;
background-image:url(../images/ban_h_fleche.png);
background-position:center;
background-repeat:no-repeat;
text-align:center;
}
h4, h5,  h6{
display: block;
margin:1px 15px;
color:#8A0000;
text-align:left;
font-variant:small-caps;
}
#header{
position:relative;
margin-left: auto;
margin-right: auto;
width:770px;
height:180px;
background-image:url(../images/banniere.jpg);
background-repeat:no-repeat;
}
  /* MENU DU HAUT sur "Css2: construire un menu en CSS" */
ul#menuhaut{
margin:10px;
padding: 10px;
font:bold 0.90em "Trebuchet MS", Arial, sans-serif;
font-variant:small-caps;
list-style-type:none;
}
#menuhaut li{
float:left;
}
#menuhaut a{
display: block;
color:#610000;
margin: 0 10px;
text-decoration:none;
text-align: center;
}
#menuhaut a:hover{
color:#DADADA;
background-color:#BB0000;
}

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

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

}
#menu_gauche p{
width: 135px;
font-size: 0.70em;
font-weight: bold;
color:#333333;
}

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

#menu_gauche a:hover{
color:#DADADA;
background-color:#BB0000;

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

}
#menu_droite p{
width: 120px;
font-size: 0.7em;
font-weight: bold;
color:#747474;
text-align:right;

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

}
#menu_droite a:hover{
color:#E4E4E4;
background-color:#BB0000;
}

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

#page_principale p{
width: 450px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.9em;
margin-left: 1.3em;
text-align:justify;
line-height: 21px;
}
#page_principale a{
color:#101440;
text-decoration:underline;
}
#page_principale a:hover{
color:#DADADA;
background-color:#BB0000;
}

#footer{
position:relative;
width: 770px;
height:80px;
clear:both;
font-size:0.7em;
font-weight:700;
color:white;
text-align:center;
}
#footer a{
margin: 35px; 
color:#800000;
text-decoration:none;
}
#footer a:hover{
color:#E4E4E4;
background-color:#BB0000;

}