/*Navarre*/
body
{
margin: auto;

}

a:link 
{
color: #FF0000;
} 

h1
{
font-size: 90%;
font-weight: bold;
}
#header
{
background-image: url("../images/header2.jpg");
/*background-color: #cccccc;*/
width: 800px;
height: 219px;
margin-left: auto;
margin-right: auto;

}

#milieu
{
background-image: url("../images/middle.jpg");
background-repeat: repeat;
width: 800px;
margin-left: auto;
margin-right: auto;
}

#actu
{
text-align: left;
font-size: 14;
margin-right: 60px;
margin-left: 220px;
}

#page a
{
color: red;
text-align: right;
}

#page
{
text-align: left;
font-weight: bold;
font-size: 80%;
margin-left: 220px;
margin-right: 60px;
}

#menu 
{
position: absolute; /*position du menu*/
width: 200px;
height: 250px;
margin-left: -390px;
top: 150px; 
left: 50%;
}

#menu dt { /*dt c'est le menu principal*/
cursor: pointer;
background: none; /*couleur fond menu principal - saumon FA8072 blanc FFFFFF gris CCCCCC aucune none*/
height: 20px;
line-height: 20px;
margin: 2px 0;
border: 1px white; /*solid gray;*/
text-align: left;
font-weight: bold;
}
#menu dd { /*dd c'est le menu secondaire*/
position: absolute;
z-index: 100;
left: 7em; /*gère la position du sous menu depuis le bord gauche (1em) Mis à gauche pour ne pas empiéter sur le texte*/
margin-top: -3.3em; /*positionne le sous menu par rapport au bas du menu (-1.7em)*/
width: 12em; /*gère la largeur du sous menu*/
background: none; /*couleur fond menu secondaire - gris #cccccc vert foret FF9966 transparent background : none; */
border: 5px black; /*solid gray;*/
}
#menu ul {
padding: 2px;
}
#menu li {
text-align: left; /*texte dans le sous menu*/
font-size: 90%;
height: 18px;
line-height: 18px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}
#menu li a:hover { /*couleur et fond du sous menu survolé*/
color: #0000FF;
text-decoration: bold;
background-color: none; /* couleur du sous menu quand survolé par la souris*/
}
#menu dt a:hover { /*couleur et fond du menu survolé*/
color: #0000FF;
text-decoration: none;
background-color: none;
}
#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #EEE;
}
#mentions a {
text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
background-color: #EEE;
}


.contenu
{
/*background-color: #cccccc;*/
text-align: left;
margin-top: 0px;
margin-left: 220px;
padding-left: 0px;
margin-right: 60px;
}

#footer
{
background-image: url("../images/footer.jpg");
width: 800px;
height: 150px;
padding-top: 0px;
margin-left: auto;
margin-right: auto;
font-size: 90%;
text-align: left;
color: black;
}

#footer a
{
color: #000000;
}

.contenu .titre
{
font-family: "Comic Sans MS";
font-size: 18px;
text-align: center;
}

.contenu .italique
{
font-family: "Comic Sans MS";
font-size: 18px;
text-align: right;
font-style: italic;
}