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

body {
margin: 0px;
text-align: center;
/*text-align center pour centre dans IE url(../images/fndpge.gif)*/
font: 90% "Trebuchet MS", Arial, sans-serif;
color:#272727;
background-image:url(../images/bg_body.png);
background-repeat:repeat-x;
background-color:#651313;
}
.Style3 {color: #272727;}
.Style4 {color: #E4D28B; text-align:left;}
.Style5 {color: #BB0000; font-weight: bold;}
.Style7 {color: #FF0000; font-weight: bold;}
.Style8 {color: #FF6600; font-weight: bold;}
.Style10 {color: #FFFF00;font-weight: bold;}
.Style11 {color: #EDC901;font-weight: bold;}


.trait {border-bottom:1px solid #FF5959;padding:0;
width:125px;
line-height: 1px; /* POUR IE/win*/ 
font-size: 1px; /*POUR IE/win*/ 
}


h1, h2{
display: block;
color:#404040;
line-height: 40px;
width: 475px;
text-align:center;
}
h3{
display: block;
color:#95AAEA;
line-height: 32px;
width: 475px;
background-image:url(../images/h.png);
background-position:center;
background-repeat:no-repeat;
text-align:center;
}
h4, h5,  h6{
display: block;
margin:1px 4px;
color:#FFFDF2;
text-align:right;

}
/*  */
#header{
position:relative;
margin-left: auto;
margin-right: auto;
width:770px;
height:140px;
background-color:transparent;

}
  /* MENU DU HAUT sur "Css2: construire un menu en CSS" */
ul#menuhaut{
margin:5px;
padding: 2px;
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;
margin: 0 18px;
color:#BB0000;
line-height: 25px ;
letter-spacing: 2px ;
text-decoration:none;
text-align: center;
}
#menuhaut a:hover{
color:#2053F6;
}

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

}

#menu_gauche{
float:left;
position:relative;
width: 145px;
height:415px;

}
#menu_gauche p{
font-size: 0.9em;
font-weight:bold;
color:#2053F6;
}

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

#menu_gauche a:hover{
color:#2053F6;

}
#menu_droite{
font-size:0.9em;
float:right;
position:relative;
width: 125px;
margin-left:5px;
height:370px;

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


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


}
#menu_droite a:hover{
color:#2053F6;

}

#page_principale{
float:right;
position:relative;
left:0px;
width:480px;
margin:4px;
}
#page_principale ul{
font: 0.9em Verdana, Arial, sans-serif;
font-weight:bold;
}
#page_principale p{
font: 0.9em Verdana, Arial, sans-serif;
margin-left: 1.3em;
margin-right:1.3em;
text-align:justify;
line-height: 18px;
font-weight:bold;
}
#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;
color:white;
text-align:center;
}
#footer p{
font-size: 90%;
}
#footer a{
margin: 35px; 
color:#2053F6;
text-decoration:none;
}
#footer a:hover{
color:#BB0000;
}