/* CSS Document */

body{margin:auto; font-size:80%; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../images/layout/bg.jpg) repeat top left }

h1{color:#8A5F2F}
h2{color:#386CAC}
h4{color:#00206e; margin:0; padding:0}

#container{	position:relative; margin-right:auto; margin-left:auto; width:770px;}
#head-container{padding:4px 0 0 0;background:url("../images/layout/rotator-edge.jpg") no-repeat top right}
#logo{float:left; width:204px; }
#logo img { padding:2px}
#rotator{float:left; background:url("../images/layout/rotator-image.jpg") no-repeat top right;height:147px; width:555px; }
#banner{clear:both; color:#fff; background-color:#386CAC; font-size:140%; margin:0 9px 0 0; padding:4px}
#copy-body{width:770px; padding:24px 6px 0 6px;}
#letter-footer{background:url("../images/layout/footer.jpg") no-repeat bottom right; width:100%; height:20px; clear:both }
#letter-body{background:url("../images/layout/right-edge.jpg") repeat-y top right;background-color:#FFFFFF; }
#letter-copy{ float:left; width:537px; padding:0 25px 0 15px;  }

*html #letter-copy{ width:530px}
#navigation{ float:left; width:180px;  clear:both; }
#navigation ul{list-style:none; }



div#navigation {
  position: relative;
  width: 16em;              /* menu width */
  min-width: 140px;
  max-width: 150px;
  background-color: white;
  z-index: 3;
  font-weight:bold;
}

div#navigation ul {
  list-style-type: none; /* get rid of the bullets */
  padding: 12px 0 5px 0px;           
  margin:0;              /* no margin for IE either */
}

div#navigation ul ul {
  background: none;
}

div#navigation ul li {
  margin: 0;
  padding: 0;
  display:block;
  max-width: 13.9em;
}

div#navigation ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: #8A5F2F;
  padding: 1px 1px 1px 20px;
  margin:0;
  text-decoration: none;
}

div#navigation ul ul li a {
  margin-left: 0.8em;     /* indent level 1 */
}

div#navigation ul ul ul li a {
  margin-left: 1.6em;     /* indent level 2 */
}

div#navigation li ul, div#navigation li.open li.closed ul {
  display: none;         /* collapse */
}

div#navigation li.open ul {
  display: block;        /* expand */
}
 
div#navigation ul li a {
  background-repeat: no-repeat;
}

div#navigation li.active a {
  color: #EE5924;            /* highlight text */
}
 
div#navigation li.active li a {
  color: #999;        /* fix lower levels */
}

div#navigation ul li a:hover {
  color: white;
  background-color: #386CAC; /* rollover effect */
}

#articleTools fieldset{ margin:0; border:none; border-top:2px solid #8A5F2F; font-weight:normal; padding:0 1.4em; width:6em  }
#articleTools ul{list-style:none; }
#articleTools li{display:inline; }
#articleTools li a { width:110px; }
.print{background:url("../images/icons/icon_print.gif") no-repeat 0 50%;}
.email{background:url("../images/icons/icon_email.gif") no-repeat 0 50%;}
#articleTools .print a:hover { width:110px; background:none; color:#000}



#tronslien{text-align:center; color:#fff; font-style:italic}
#tronslien a{color:#fff}
#tronslien img{vertical-align:bottom}