body {  
background:  #B3C9D7;
/*background-color: #FFFFFF; */
font-family: Arial, Helvetica, sans-serif; 
color: #000000; 
margin: 0 0 0 0;
  padding: 0;
}
/*
background-image: 
url(../images/fond_logoPNRL_blanc.jpg); 

Position de l'image de fond:
      background-position: 20px 10px; 
      background-position: 30% 30%; 
      background-position: top center; 

SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; 
SCROLLBAR-SHADOW-COLOR: #CCCCCC; 
SCROLLBAR-3DLIGHT-COLOR: #666666; 
SCROLLBAR-ARROW-COLOR: #000000; 
SCROLLBAR-TRACK-COLOR: #FFFFFF; 
SCROLLBAR-DARKSHADOW-COLOR: #666666;
}
*/

/* Corps de la page */

div.corps {
  background: #FFFFFF;
  margin: 0 0 0 9.5em;
  border-left: solid 2px #B3C9D7;
  padding: 1ex 1ex 1ex 3ex;
  background-image: url(right_bg.png);
  text-align:justify;
  font-size: 95%;
/* 
//%  background-attachment: fixed;
//%  background-image: url(jm_background.jpg);
//%  background-repeat: no-repeat; 
//scrollbar-face-color: #CCCCCC;
//%  background-position: 90%;
*/
}

/* Menu de Navigation */

div.navigation {
  background-color: #B3C9D7;
  float: left;
  width: 10.6em;
  padding: 2ex 0.3em;
  font-family: sans-serif;
  font-size: 80%;
  position: fixed;
}

div.navigation h1 {
  font-size: 90%;
  margin: 0;
}

div.actu {
  background: #D0D0D0;
  margin: 8ex 6.5em 1.5em 3.5em;
  border: solid 1px #B0B0B0;
  padding: 0.5ex;
  padding-left: 1.7em;
/*  font-size: 85%;*/
  font-family: sans-serif;
}

div.nb  {
  color=red;
}

ul.arbre, ul.menu {
  padding-left: 0.7em;
  list-style: none;
  margin: 0;
}
ul.arbre a.ici {
  font-weight: bold;
}

ul.semaines {
  font-weight: bold;
  margin: 0;
}

.item .date {
/*  background: #fff;*/
  color: #933;
  font-size: 0.9em;
}

.item .title {
  color: #339;
/*  background: #fff; */
}
.item {
  padding: 0px 10px 0px 0px;
}



/* Style des liens hypertexte */

a:link, a:visited {
  text-decoration: none;
  color: #0000FF;
}

a:hover {
/*  color: #4040FF;
  color: #303030; */
  background-color: #e8e8e8;
}

a:active {
/*  color: #AA00FF; */
  background-color:#BBBBBB;
}

/* Bouton pour le menu de navigation */

.button {font-weight: bold;
        font-size:11pt;
        margin-bottom: 3px;
        margin-top: 3px;
}

.button a {
        padding: 4px;
        background-color: #fee8af;
        font-weight: bold;
        text-decoration: none;
        width: 85%;
        color: #59513d;
        border-top: 2px #fff8e6 solid;
        border-left: 2px #fff8e6 solid;
        border-bottom: 2px #7f7458 solid;
        border-right: 2px #7f7458 solid;
        display: block;
        text-align:center;
}

.button a:hover {
        border-top: 2px #7f7458 solid;
        border-left: 2px #7f7458 solid;
        border-bottom: 2px #fff8e6 solid;
        border-right: 2px #fff8e6 solid;
        background-color: #bfaf84;
}


/* Autres boutons de navigation */

.button1 {
	font-size:11pt;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 3px;
}

.button1 a {
	padding: 4px;
	text-decoration: none;
	width: 85%;
	display: block;
	color: #224059;
	background-color: #b5c9e2;
	border-top: 2px #cce3ff solid;
	border-left: 2px #cce3ff solid;
	border-bottom: 2px #31557f solid;
	border-right: 2px #31557f solid;
}

.button1 a:hover {
	background-color: #99aabf;
	border-top: 2px #31557f solid;
	border-left: 2px #31557f solid;
	border-bottom: 2px #cce3ff solid;
	border-right: 2px #cce3ff solid;
}

.button2 {
	font-weight: bold;
	font-size:11pt;
	margin-bottom: 3px;
	margin-top: 3px;
}

.button2 a {
	padding: 4px;
	background-color: #fdcb89;
	font-weight: bold;
	text-decoration: none;
	width: 85%;
	color: #594730;
	border-top: 2px #ffe5c3 solid;
	border-left: 2px #ffe5c3 solid;
	border-bottom: 2px #7f6645 solid;
	border-right: 2px #7f6645 solid;
	display: block;
}

.button2 a:hover {
	border-top: 2px #7f6645 solid;
	border-left: 2px #7f6645 solid;
	border-bottom: 2px #ffe5c3 solid;
	border-right: 2px #ffe5c3 solid;
	background-color: #bf9967;
}

.button3 {
	font-weight: bold;
	font-size:11pt;
	margin-bottom: 3px;
	margin-top: 3px;
}

.button3 a {
	padding: 4px;
	background-color: #d4eeaf;
	font-weight: bold;
	text-decoration: none;
	width: 85%;
	color: #4f5942;
	border-top: 2px #edf8de solid;
	border-left: 2px #edf8de solid;
	border-bottom: 2px #727f5e solid;
	border-right: 2px #727f5e solid;
	display: block;
}

.button3 a:hover {
	border-top: 2px #727f5e solid;
	border-left: 2px #727f5e solid;
	border-bottom: 2px #edf8de solid;
	border-right: 2px #edf8de solid;
	background-color: #abbf8e;
}

.button4 {font-weight: bold;
	font-size:11pt;
	margin-bottom: 3px;
	margin-top: 3px;
}

.button4 a {
	padding: 4px;
	background-color: #fee8af;
	font-weight: bold;
	text-decoration: none;
	width: 85%;
	color: #59513d;
	border-top: 2px #fff8e6 solid;
	border-left: 2px #fff8e6 solid;
	border-bottom: 2px #7f7458 solid;
	border-right: 2px #7f7458 solid;
	display: block;
}

.button4 a:hover {
	border-top: 2px #7f7458 solid;
	border-left: 2px #7f7458 solid;
	border-bottom: 2px #fff8e6 solid;
	border-right: 2px #fff8e6 solid;
	background-color: #bfaf84;
}

.button5 {
	font-size:11pt;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 3px;
}

.button5 a {
	padding: 4px;
	text-decoration: none;
	width: 85%;
	display: block;
	color: #224059;
	background-color: #c0e0d0;
	border-top: 2px #cce3ff solid;
	border-left: 2px #cce3ff solid;
	border-bottom: 2px #31557f solid;
	border-right: 2px #31557f solid;
}

.button5 a:hover {
	background-color: #99aabf;
	border-top: 2px #31557f solid;
	border-left: 2px #31557f solid;
	border-bottom: 2px #cce3ff solid;
	border-right: 2px #cce3ff solid;
}

.button6 {
	font-size:11pt;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 3px;
}

.button6 a {
	padding: 4px;
	text-decoration: none;
	width: 85%;
	display: block;
	color: #224059;
	background-color: #c8d9c8;
	border-top: 2px #cce3ff solid;
	border-left: 2px #cce3ff solid;
	border-bottom: 2px #31557f solid;
	border-right: 2px #31557f solid;
}

.button6 a:hover {
	background-color: #99aabf;
	border-top: 2px #31557f solid;
	border-left: 2px #31557f solid;
	border-bottom: 2px #cce3ff solid;
	border-right: 2px #cce3ff solid;
}


/* Pour specifier des comportement particulier en fonction du media de 
sortie (pare exemple pour l'ecran ou pour une impression */
/*
@media screen { 
body {
    background:  #B3C9D7;
  }

div.navigation 
{
    background-color: #B3C9D7;
}

  div.corps {
%    background: #F8F8F0;
background: #FFFFFF;
background-attachment: fixed;
background-image: url(jm_background.jpg);
background-repeat: no-repeat; 
SCROLLBAR-FACE-COLOR: #CCCCCC;
background-position: 90% 90%;
  }
}
*/