body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: arial;
  font-size: 12px;
  color: #000;
  background: #595959 url(../images/bg-body.gif) repeat-x top left;
}

input,
textarea,
select {
  font-family: arial;
  font-size: 11px;
  background-color: #fff;
}

a {
  color: #00124b;
}

a img {
  border: 0;
}

.clear:after {
  content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.spacer {
  display: inline;
  clear: both;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.half {
  width: 49%;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

#header,
#menu ul,
#container,
#footer {
  width: 996px;
  text-align: left;
  margin: 0 auto 0 auto;
}

#header {
  background: #00124b url(../images/bg-header.jpg) no-repeat top right;
  height: 84px;
}

#header h1 {
  margin: 0;
  padding: 10px 0 0 20px;
}

#menu {
  background: #ededed url(../images/bg-menu.gif) repeat-x bottom left;;
  text-align: left;
  padding-left: 15px;
}

#menu ul {
  padding: 0;
  list-style-type: none;
  line-height: 1;
}

#menu ul li {
  float: left;
}

#menu ul li a {
  color: #535353;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 6px 15px 6px 15px;
  display: block;
  background: url(../images/pipe.gif) no-repeat right center;
}

#menu ul li.last a {
  background: none;
}

#menu ul li ul {
  position: absolute;
  width: 18em;
  left: -999em;
  margin: 0;
  background-color: #CCC;
  border: 1px solid #B0B0B0;
  border-bottom: 0;
}

#menu ul li ul li {
  border-bottom: 1px solid #B0B0B0;
}

#menu ul li:hover ul,
#menu ul li.sfHover ul {
  left: auto;
}

#menu ul li:hover ul ul,
#menu ul li.sfHover ul ul {
  left: -999em;
}

#menu ul li:hover ul,
#menu ulli li:hover ul,
#menu ul li.sfHover ul,
#menu ul li li.sfHover ul {
  left: auto;
}

#menu ul li:hover ul ul,
#menu ul li:hover ul ul ul,
#menu ul li.sfHover ul ul,
#menu ul li.sfHover ul ul ul {
  left: -999em;
}

#menu ul li:hover ul,
#menu ul li li:hover ul,
#menu ul li li li:hover ul,
#menu ul li.sfHover ul,
#menu ul li li.sfHover ul,
#menu ul li li li.sfHover ul {
  left: auto;
}

#menu li ul ul {
  margin: -2em 0 0 18em;
}

#menu ul li:hover a,
#menu ul li.sfHover a {
  color: #00124b;
}

#menu ul li ul li {
  float: none;
}

#menu ul li:hover ul li a,
#menu ul li.sfHover ul li a {
  text-transform: none;
  font-weight: normal;
  color: #000;
  background: none;
}

#menu ul li:hover ul li a.sub,
#menu ul li.sfHover ul li a.sub {
  background: url(../images/arrow.gif) no-repeat 17.8em 0.6em;
}

#menu ul li:hover ul li a:hover,
#menu ul li.sfHover ul li a:hover {
  background-color: #FFF;
}

#container {
  background: #f4f3f3 url(../images/bg-container.gif) repeat-y top left;
}

#container #left {
  float: left;
  width: 762px; /* 812 - 20 - 20 */
  padding: 20px;
}

#container #left a {
  color: #00124b;
  text-decoration: underline;
}

#container #left a:hover {
  text-decoration: none;
}

#container #left .col1 {
  float: left;
  width: 450px;
  padding-right: 20px;
  border-right: 1px solid #cacaca;
}

#container #left .col1 p {
  margin: 1em 0;
}

#container #left .col2 {
  float: left;
  width: 270px;
  padding-left: 20px;
}

#container #left hr {
  line-height: 1;
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
  border: 0;
  border-bottom: 1px solid #cacaca;
  clear: both;
}

#container #left .news {
  border: 1px solid #00124b;
  padding: 10px;
  background-color: #fff;
  height: 350px;
  overflow: auto;
}

#container #left .news ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#container #left .news ul li {
  margin-bottom: 10px;
}

#container #left .news ul li a {
  text-decoration: none;
}

#container #left .news ul li a:hover {
  text-decoration: underline;
}

#container #left #newsletter {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#container #left #newsletter li {
  float: left;
  margin-right: 1px;
}

#container #left #newsletter li a {
  text-decoration: none;
  float: left;
  padding: 3px 15px 3px 15px;
  color: #000;
  border: 1px solid #cacaca;
  background-color: #E5E5E5;
}

#container #left #newsletter li a.on {
  background-color: #00124b;
  color: #FFF;
  border: 1px solid #00124b;
}

#container #left .newsletters {
  border: 1px solid #00124b;
  padding: 10px;
  background-color: #FFF;
  clear: left;
}

#container #left .newsletters fieldset {
  border: none;
}

#container #left .graph-top {
  height: 32px;
  background: url(../images/bg-graph-top.gif) no-repeat top left;
}

#container #left .graph-middle {
  background: url(../images/bg-graph-middle.gif) repeat-y top left;
  padding: 5px 10px 5px 36px;
  color: #FFF;
}

#container #left .graph-middle a {
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

#container #left .graph-middle h3 {
  font-size: 11px;
}

#container #left .graph-middle h4 {
  margin: 0 0 5px 0;
  padding: 0;
  font-weight: normal;
  font-size: 13px;
  font-family: times;
  text-transform: uppercase;
}

#container #left .graph-middle small {
  font-size: 9px;
}

#container #left .graph-middle .col3 {
  float: left;
  width: 150px;
}

#container #left .graph-middle .col4 {
  float: left;
  width: 523px;
  margin-left: 18px;
}

#container #left .graph-middle .col4 h3 {
  padding-left: 3px;
}

#container #left .graph-middle .col4 small {
  color: #bbb;
  display: block;
  text-align: center;
  margin-top: 10px
}

#container #left .graph-middle a#open_indexes {
  width: 5em;
  margin: 20px 0;
  display: block;
  font-size: 11px;
  background: url(../images/arrow.gif) no-repeat right 2px;
}

#container #left .graph-middle fieldset {
  border: none;
  padding: 0;
}

#container #left .graph-middle legend {
  display: none;
}

#container #left .graph-middle #simulator_funds div,
#container #left .graph-middle #simulator_indexes div {
  font-size: 9px;
  margin: 4px 0 0 0;
  padding: 0;
  font-weight: bold;
}

#container #left .graph-middle #dates {
  margin: 6px 0 20px 0;
}

#container #left .graph-middle .date_format {
color: #aaa;
font-size: 9px;
}

#container #left .graph-middle #dates label {
  display: block;
  margin-bottom: 8px;
}

#container #left .graph-middle #dates label span {
  display: block;
  float: left;
  width: 40px;
}

#container #left .graph-middle #dates select.month {
  width: 4em;
}

#container #left .graph-middle #dates select.year {
  width: 5em;
}

#container #left .graph-middle #simulator_indexes {
  border: 1px #222 solid;
  padding: 4px;
  position: absolute;
  background-color: #848484;
}

#container #left .graph-middle #simulator_indexes div.contenant {
  float: left;
  padding-right: 3em;
}

#container #left .graph-bottom {
  height: 32px;
  background: url(../images/bg-graph-bottom.gif) no-repeat top left;
}

#container #right {
  float: right;
  width: 194px;
}

#container #right #login {
  background-color: #00124b;
  color: #FFF;
  padding: 20px;
  margin-bottom: 10px;
}

#container #right #login a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#container #right #login form {
  text-align: left;
  margin: 0;
  padding: 0;
}

#container #right #login form a {
  color: #fff;
  text-decoration: none;
}

#container #right #login form a:hover {
  color: #bbb;
}

#container #right #login form legend {
  display: none;
}

#container #right #login form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  text-align: left;
}

#container #right #login form input.text {
  border: 1px solid #cacaca;
  margin: 3px 0 10px 0;
  width: 145px;
}

#container #right .baseline {
  padding: 10px 20px 10px 20px;
  color: #fff;
}

#container #right .baseline blockquote {
  font-family: times;
  font-size: 16px;
  margin: 0 -3px;
  padding: 0;
  font-style: italic;
}

#container #right .award {
  padding: 20px;
}

#container #left h2 {
  padding: 0;
  color: #00124b;
  font-size: 24px;
  font-family: times;
  font-weight: normal;
}

#footer {
  background: #aeadad url(../images/bg-footer.gif) repeat-x bottom left;
  margin-top: 12px;
}

#footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#footer ul li {
  float: left;
  color: #FFF;
  padding: 4px 0 4px 13px;
}

#footer ul li a {
  text-decoration: none;
  color: #FFF;
  padding-right: 13px;
}

#footer ul li a:hover {
  text-decoration: underline;
}

#container #left #cms p {
  margin: .5em 0;
}

#container #left #cms ul {
  margin: 10px;
  padding-left: 5px;
  list-style-type: square;
}

#container #left #cms fieldset {
  border: none;
}


#container #left #cms .field {
  margin-bottom: 1em;
}

#container #left #cms label {
  display: block;
  font-weight: bold;
}

#container #left #cms legend {
  display: none;
}

#container #left #cms input.text,
#container #left #cms textarea.text,
#container #left #cms select.text {
  border: 1px #00124b solid;
  padding: 3px 3px 0 10px;
  background-color: #fff;
}

#container #left #cms input.text:active,
#container #left #cms textarea.text:active,
#container #left #cms select.text:active,
#container #left #cms input.text:hover,
#container #left #cms textarea.text:hover,
#container #left #cms select.text:hover {
  background-color: #fafaff;
}

#container #left #cms input.text,
#container #left #cms select.text {
  width: 15em;
  height: 1.5em;
}

#container #left #cms textarea.text {
  width: 750px;
  height: 150px;
}

#container #left #cms .required input.text, 
#container #left #cms .required textarea.text, 
#container #left #cms .required select.text {
background: #fff url(../images/input-required.gif) top left no-repeat;
}

.newsletter-error {
  font-weight: bold;
  color: #bb0000;
  margin-top: 2em;
}

.newsletter-feedback {
  margin-top: 2em;
}

#container #left #cms #signup legend {
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 2em 0 1em 0;
}

#container #left #cms #signup input.text {
  width: 20em;
}

.explication ul {
  list-style-type: none;
}