body{
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
color:#dfdcb1;/*creme*/
text-align:left;
margin-left: auto;
margin-right: auto;
width: 700px;
background-color:#CC9900;
border:1px solid  #FFCC00;
border-bottom:none;
}
/*---------------------------h1--------------------------------------*/
h1 { 
font : normal 12pt arial;
font-weight : bold;
letter-spacing : 2px; 
margin-bottom : 0;
margin-left: 20px;
color : #FFCC00;/*jaune*/
border-bottom: 0.1em #FFCC00 groove;
}
/*---------------------------h2--------------------------------------*/
h2 { 
font : normal 10pt arial;
letter-spacing : 1px; 
color : #FFCC00;/*jaune*/
}
/*---------------------------h3--------------------------------------*/
h3 { 
font : normal 9pt arial;
text-align:left; 
color : #FFCC00;/*jaune*/
}
/*---------------------------h4--------------------------------------*/
h4 { 
font : normal 12pt arial;
font-weight : bold;
letter-spacing : 2px; 
margin-bottom : 0;
margin-left: 20px;
color : #2d2920;
border-bottom: 0.1em #2d2920 groove;
}
/*-------------------------p-------------------------------------*/
p { 
text-align:left; 
font-family : arial; 
line-height : 10pt;
} 
/*---------------------------table-------------------------------------------------*/
table {
width: 700px;
background: #2d2920;
text-align:justify;
}
/*---------------------------menu-------------------------------------------------*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position:absolute;
margin-left: auto;
margin-right: auto;
font-weight: bold;
z-index: 3;
font-size : 10px;
}
#menu dl {
float: left;
width: 10em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background:#2d2920;/*gris foncé*/
border: 1px solid gray;
margin: 2px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #2d2920;
}
#menu li a, #menu dt a {
color: #dfdcb1;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #FFCC00;
color: #2d2920;
}
/*-----------------liens------------------------------------*/
table td p a {
color: #dfdcb1;
text-decoration:underline;
}
table td p a:hover {
color: #FFCC00;
text-decoration:none;
}
/*-----------------footer------------------------------------*/
#footer dl dt {
background-color: #2d2920;
padding: 5px;
font-size :11px;
padding-top:50px;
text-align:right;
}
#footer dl dt a {
color: #FF9900;
text-decoration:underline;
}
#footer dl dt a:hover {
color: #FFCC00;
text-decoration:none;
}
/*-------------------------------personnage--------------*/
#personnage td {
padding: 0px 20px;
}
/*----------------------actualite-------------------*/
#actualite {
background:  left  top url(../images/fondactualite.jpg) no-repeat ;
background-color:#FFCC00;
color:#2d2920;
font-weight: bold;
padding:10px;
}
td#actualite p a {
color: #db1720;
text-decoration:underline;
}
td#actualite p a:hover {
color: #2d2920;
text-decoration:none;
}
/*----------------------geographie------------------------*/
#geographie h4 a, #geographie h4 a {
color: #FFCC00;
text-decoration:underline;
font-size:12px;
}
#geographie h4 a:hover, #geographie h4 a:focus {
color: #FF9900;