/*  Vérification W3C du  14/10/2008  */
body {
background-image : url("images/Fond_marron.jpg");
width : 98%; /*  960px;  */
/* margin : auto; */
margin-bottom : 5px;
margin-left : 8px;
margin-top : 1px;
}
#en_tete {
background : url("images/Bandeau.jpg") center no-repeat; 
height : 165px; /*  130px */
margin-bottom : 10px;
margin-left : 8px;
margin-top : 0px; /*  1px */
width : 98%; /* 960px; */

}
#menu {
/*background-color : blue;   à supprimer : pour essais */
background-image : url("images/Fond_marron.jpg");
float : left;
height : 400px;  /* 450 */
width : 150px;   /* 150 */
}
.element_menu {
color : blue;  
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
font-size : 18px;
font-weight : bold;
margin : 4px;
margin-bottom : 5px;
margin-top : 25px;
text-align : center;
text-indent : 0;
}
.element_menu a {
color : blue;
font-style : normal;
background-color : yellow;
border : 4px outset black;
text-align : center;
text-indent : 0;
}
.element_menu a:hover {
background-color : yellow;
border : 4px inset black;
color : blue;
font-weight : normal;
text-decoration : none;
}
#corps {
margin-left : 10px;  /*  10  */
margin-bottom : 10px;
margin-right : 10px;
padding : 5px;
height : 397px;   /*  360   */
overflow : auto;
}
p, dl {
color : maroon;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
font-size : 20px; 
text-indent : 30px;
}
.citation {
font-size : 1em;
font-style : italic;
margin-left : 50px;
margin-right : 60px;
text-align : justify;
}
.droite {
text-align : right;
}
dt {
color : red;
font-weight : bold;
}
dd {
margin-bottom : 15px;
}
.red {
color : red;
}
.maroon {
color : maroon;
}
.index {
background-image : url("images/fond_vert_clair.jpg");
}
.situation {
background-image : url("images/multi_208.jpg");
}
.autrefois {
background-image : url("images/autrefois.jpg");
}
.hebergement {
background-image : url("images/Mur_2.jpg");
}
h1, h2, h3, h4 {
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
h1, h2, h4 {
text-align : center;
}
h2, h3 {
color : blue;
}
h1 {
color :  #932e10;
font-size : 21px;
}
h2 {
font-size : 32px; 
}
h3 {
font-size : 28px; 
text-indent : 40px;
}
h4 {
color : maroon; 
font-size : 26px;
}
h5 {
font-size : 5px;
}
img {
margin : 10px;
margin-bottom : 20px;
display : block;
}
.imagegauche {
float : left;
margin-right : 30px;
}
.imagedroite {
float : right;
margin-left : 30px;
}
.dessous {
clear : both;
}
.centre {
margin-left : 240px;
}
a {
text-decoration : none;
font-style : italic;
}
a:hover {
text-decoration : underline;
font-weight : bold;
}
a:active {
font-weight : bold;
}


#cadrpg {
border : 0;
margin : 0 auto;  /*  0 auto;  */
width : 930px;  /* zone d'évolution du texte  930px;*/
}
#newshr {
height : 38px;  /* 48px;  */
overflow : hidden; 
position : relative; 
top : 3px; /* 6px;  */
width : 870px;  /*  870  position de l'arrière plan */
}
#defile {
font-size : 18px; /* 17px;  */
font-style: italic;
background : #00F800; /* fond du texte (vert) */
position : absolute;
}