body {
background:#FFFFFF url(images/fond.jpg);
font-size:76%;  /* 76% correspond au corps 10 si le rŽeglage par dŽefaut du navigateur (le plus frŽequemment ˆ 14px) n'a pas eŽtŽe modifiŽe */
margin:0;
padding:0;
font-family: Verdana, sans-serif;
color:#80000;
text-align:center; /* pour IE5 et centrage horizontal de la page */
scrollbar-shadow-color:rgb(153,102,255);
scrollbar-darkshadow-color:rgb(153,153,255);
scrollbar-base-color:rgb(204,204,255);
scrollbar-arrow-color:rgb(0,0,153);
}

h1 { font-size : 1em; color:maroon; font-weight:bold; margin : 0em 0; }
h2 { font-size : 1.33em; font-weight:bold; margin : 0em 0; }
h3 { font-size : 1.17em; font-weight:bold; margin:0em; }
h4 { font-size : 1em; margin : 0; }
h5 { font-size : 0.83em; margin : 0; }
h6 { font-size : 0.67em; margin : 0; }
h2, h3, h4 { font-weight:normal; }

code,pre { 
/* display:block;
overflow : auto; pour autoriser le scroll horizontal si la ligne de code est plus grande que la largeur du content marche pas dans IE 5.2/Mac */
font-family : "Courier New",monospace;
font-size : 1.2em;
color:#333;
}


/* Page principale
-------------------------------------------------------- */

#titre {
margin:1em 1em 1em 1em;
height:6em;
text-align:left;  /*Pour rŽtablir l'alignement demandŽ dans le body pour que IE puisse centrer */
 width: auto;
  padding: 0em 1%;
margin-left:2.5em;
}

#titre h1 {
text-align:center;
font-size : 3em; 
font-family: Georgia, sans-serif;
font-variant:small-caps;
color:#006600;
}

#titre h2 {
text-align:center;
font-size : 2em; 
font-family: Georgia, sans-serif;
font-variant:small-caps;
color:#00B000;
font-weight:bold;
}

#footer {
margin:1em 0em 0em 0em;
background: url(images/fondviolet.jpg);
}

#footer a {
color:maroon;
text-decoration:none;
font-weight:bold;
}

#footer a:visited { 
color:maroon;
text-decoration:none;
}

#main {
margin:2.5em 1em 2.5em 1em;
border-right:15px;
text-align:left;  /*Pour rŽtablir l'alignement demandŽ dans le body pour que IE puisse centrer */
 width: auto;
  padding: 1.5em 1%;
margin-left:2.5em;
}

#main img {
border: none;
}

#main a { 
color:maroon;
text-decoration:none;
font-weight:bold;
}

#main a:visited { 
color:maroon;
text-decoration:none;
}

#main h2 { font-size : 1.33em; font-weight:bold; color:maroon; margin : 0em 0; }
#main h3 { font-size : 1.20em; font-weight:bold; color:#928BDD; margin : 0em 0; }
#main h4 { font-size : 1.33em; font-weight:bold; color:red; margin : 0em 0; }

#main h6 { 
font-size : 1.23em;
font-family: Georgia, sans-serif;
font-variant:small-caps;
font-weight:bold;
color:#00AAFF;
margin : 0em 0; }

#retour {
background: url(images/fondjaune.jpg);
border-style: ridge;
float:center;
width:20%;
margin: -1em 0em 4em 0em;
padding:1em 1em 1em 1em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
text-align:center;
margin:auto;
}

#retour a {
color:maroon;
text-decoration:none; 
}

#retour h2 {
font-size : 1.5em;
text-align:center;
font-weight:bold;
}

/*Carnets de Voyage
-------------------------------------------------------- */

#reve {
display : block;
position:relative;
background: url(images/fondviolet.jpg);
font-size:0.86em;
height:1.5em;
padding-top:2em;
text-align:center;
float:left;
margin-left:1.5em;
margin-right:2em;
margin-bottom:2em;
margin-top:2em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; 
}

#cauchemar {
display : block;
position:relative;
background: #000000 url(images/fondviolet.jpg);
font-size:0.86em;
height:1.5em;
padding-top:2em;
text-align:center;
float:left;
margin-left:1.5em;
margin-right:2em;
margin-bottom:2em;
margin-top:2em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; 
}

#insomnia {
display : block;
position:relative;
background: #000000 url(images/fondviolet.jpg);
font-size:0.86em;
height:1.5em;
padding-top:2em;
text-align:center;
float:left;
margin-left:1.5em;
margin-right:2em;
margin-bottom:2em;
margin-top:2em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; 
}

#cauchinsom {
display : block;
position:relative;
background: #000000 url(images/fondviolet.jpg);
font-size:0.86em;
height:1.5em;
padding-top:2em;
text-align:center;
float:left;
margin-left:1.5em;
margin-right:2em;
margin-bottom:2em;
margin-top:2em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; 
}

#titrecarnet {
position:relative;
margin:3em 1em 1em 1em;
height:6em;
text-align:left;  /*Pour rŽtablir l'alignement demandŽ dans le body pour que IE puisse centrer */
 width: auto;
  padding: 0em 1%;
margin-left:2.5em;
}

#titrecarnet h1 {
font-size : 2em; 
font-family:Arial;
color:#00B45E;
}

#persos {
display : block;
position:relative;
background: url(images/fondvert.jpg);
font-size:0.86em;
height:1.5em;
padding-top:2em;
float:left;
text-align:center;
width:1.5em;
margin-left:1.5em;
margin-right:2em;
margin-bottom:2em;
margin-top:2em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; 
}

#flore {
display : block;
position:relative;
background: #000000 url(images/fondvert.jpg);
font-size:0.86em;
height:1.5em;
padding-top:2em;
float:left;
text-align:center;
width:1.5em;
margin-left:1.5em;
margin-right:2em;
margin-bottom:2em;
margin-top:2em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; 
}

#lieux {
display : block;
position:relative;
background: #000000 url(images/fondvert.jpg);
font-size:0.86em;
height:1.5em;
padding-top:2em;
float:left;
text-align:center;
width:1.5em;
margin-left:1.5em;
margin-right:2em;
margin-bottom:2em;
margin-top:2em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; 
}

#legendes {
display : block;
position:relative;
background: #000000 url(images/fondvert.jpg);
font-size:0.86em;
height:1.5em;
padding-top:2em;
float:left;
text-align:center;
width:1.5em;
margin-left:1.5em;
margin-right:2em;
margin-bottom:2em;
margin-top:2em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; 
}

#faune {
display : block;
position:relative;
background: #000000 url(images/fondvert.jpg);
font-size:0.86em;
height:1.5em;
padding-top:2em;
float:left;
text-align:center;
width:1.5em;
margin-left:1.5em;
margin-right:2em;
margin-bottom:2em;
margin-top:2em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; 
} 

#objets {
display : block;
position:relative;
background: #000000 url(images/fondvert.jpg);
font-size:0.86em;
height:1.5em;
padding-top:2em;
float:left;
text-align:center;
width:1.5em;
margin-left:1.5em;
margin-right:2em;
margin-bottom:2em;
margin-top:2em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; }

#rivages {
display : block;
position:relative;
background: #000000 url(images/fondvert.jpg);
font-size:0.86em;
height:1.5em;
padding-top:2em;
float:left;
text-align:center;
width:1.5em;
margin-left:1.5em;
margin-right:2em;
margin-bottom:2em;
margin-top:2em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; }

#peuples {
display : block;
position:relative;
background: #000000 url(images/fondvert.jpg);
font-size:0.86em;
height:1.5em;
padding-top:2em;
float:left;
text-align:center;
width:1.5em;
margin-left:1.5em;
margin-right:2em;
margin-bottom:2em;
margin-top:2em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; }

#divers {
display : block;
position:relative;
background: #000000 url(images/fondvert.jpg);
font-size:0.86em;
height:1.5em;
padding-top:2em;
float:left;
text-align:center;
width:1.5em;
margin-left:1.5em;
margin-right:2em;
margin-bottom:2em;
margin-top:2em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; }

#retourcarnet {
display:inline;
background: #5F677C url(images/fondvert.jpg);
width:20%;
margin: -1em 2em 4em 0em;
padding:1em 1em 1em 1em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
}

#retourcarnet a {
color:#00B45E;
text-decoration:none; 
}

#retourcarnet h2 {
font-size : 1.5em;
text-align:center;
font-weight:bold;
}

#fondjaune {
clear:both;
background: url(images/fondjaune.jpg);
border-style: ridge;
font-size:1em;
height:auto;
padding-top:1em;
text-align:left;
float:center;
width:90%;
margin:3em 0em 1em 0em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; 
}

#fondjaune h2 {
color:#800000; 
}

#fondjaune b {
color:#800000; 
}

/* Menu
-------------------------------------------------------- */
#menu1 {
display : block;
position:relative;
background: #5F677C url(images/fondbleu.jpg);
font-size:0.86em;
height:1.5em;
padding-top:1em;
text-align:left;
float:left;
width:20em;
margin-left:1.5em;
margin-right:2em;
margin-bottom:2em;
margin-top:3em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; 
}

#menu1 a:link {
display : block;
color:#FF0000;
text-decoration:none;
}

#menu1 a:visited {
display : block;
color:#FF0000;
text-decoration:none;
}

#menu1 a:hover {
background-color:#928BDD;
display : block;
}

#menu2 {
clear:both;
background: #5F677C url(images/fondbleu2.jpg);
font-size:0.86em;
height:1.5em;
padding-top:1em;
text-align:left;
float:left;
width:15em;
margin-left:1.5em;
margin-top:3em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; 
}

#downmj {
clear:both;
border-style: ridge;
display:block;
position:relative;
background: #5F677C url(images/fondjaune.jpg);
font-size:1em;
height:1.5em;
padding-top:1em;
text-align:left;
float:center;
width:80%;
height:auto;
margin-left:1.5em;
margin-top:3em;
padding:1.5em 1.5em 2em 1.5em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#000000; 

text-align:justify;

}


#downmj a { 
color:maroon;
text-decoration:none;
}

#downmj a:visited { 
color:maroon;
text-decoration:none;
}

#downmj h2 {
padding:0em 0em 0em 0em;
font-size : 2.53em; 
text-align:center;
margin : 1em 0em; 
font-family:"Times New Roman", Verdana, arial, helvetica, sans-serif;
color:maroon; 
}

#downmj h4 {
padding:0em 0em 0em 0em;
font-size : 2.53em; 
text-align:left;
margin : 1em 0em; 
font-family:"Times New Roman", Verdana, arial, helvetica, sans-serif;
color:maroon; 
}


#downmj h3 { font-size : 1.17em; margin:0em; font-weight:bold;}