body        { color: #1f136b; font-size: 80%; font-family: Verdana; background-color: #fff; background-image: url(images/fond.gif); background-repeat: repeat-x; margin: 0 }
p       { color: #1f136b }
td   { margin: 0; border-width: 0 }
.Menu    { color: #ffd100 }
.ColonneDroite   { color: #ffce00; background-color: #656565 }
.ColonneGauche  { color: #ffce00; background-color: #1f136b }
.Chapeau   { background-color: #fff4cc }
a  { color: #1f136b; text-decoration: none }
marquee { color: #f30; font-size: 120%; font-weight: bold }
h1   { font-size: 150%; font-family: Arial; font-style: italic; font-weight: bold; margin: 0.67em 0 }
h2   { font-size: 100%; font-weight: bold; background-color: #fff4cc; margin: 0.83em 0 }
h3   { font-size: 100%; font-weight: bold; margin: 1em 0 }
.reponse { color: #3a3939; text-align: justify; margin: 0 12px }
.question { color: #3d2f97; font-style: italic; font-weight: bold; margin-bottom: 0 }
.CelluleMenu     { font-size: 14px; font-family: "Eras Medium ITC"; font-weight: bold; background-color: #fff4cc; text-align: center; width: 120px; border-style: solid; border-width: 2px 0; border-color: #ffd100  }
.CelluleMenuSelectionnee { color: #1f136b; font-size: 14px; font-family: "Eras Medium ITC"; font-weight: bold; background-color: #c9d5ff; text-align: center; width: 100px; border: solid 2px }
.ligne { background-color: #c9d5ff; border-bottom: 2pt #c9d5ff }
.Article { background-color: #fffae8; outline-color: #ffd100 }
table  { font-size: 100%; margin: 0; border-collapse: collapse }
table#top {
	height: 31;
	vertical-align: top;
	margin: 0;
	width: 100%;
	border-collapse: collapse;

}

table#top td {
	height: 31;
	vertical-align: bottom;
	padding: 0;
	border-width: 0;
}

table#main {
	width: 741;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	z-index: 0;

		}
td.sideBorder {
	width: 1px;
	background-color: #b2b2b2;
	vertical-align: top;
	z-index: 0;

}



/* ----- SIDE NAV & SOLUTIONS HOME ----- */

.Nav   { background-color: #dfdfdf; height: 30pt; vertical-align: middle }
.Nav a:hover { color: #6b2e30; background: #f3f1f1 ; border-bottom: 0 }

#content-subnav  { background-color: #dfdfdf; margin-bottom: 10px }
#content-subnav h4  { font-size: 11px; font-weight: bold; background-color: #c6c4bc; margin: 0; padding: 0 10px }

ul.subnav {
  margin:5px 0;
  padding:0;
  list-style:none;
  letter-spacing:.1em;
  }
.subnav li   { font: 10px/1.3em Verdana, Sans-serif; background: transparent; text-align: left; margin: 0; padding: 0 10px }
.subnav li a:link, .subnav li a:visited  { font-weight: normal; text-decoration: none; background: url(images/fleche.gif) no-repeat right center; display: block; margin: 0; padding: 2px 10px; border-bottom: 0 }
.subnav li a:hover, .subnav li.linkon a:link, .subnav li.linkon a:visited    { color: #6b2e30; background: #f3f1f1 url(images/fleche.gif) no-repeat right center; border-bottom: 0 none }



/* set background images for corners */
.rbtop div  { background: url(images/CoinHautGauche.gif) no-repeat left top; }
.rbtop { background: url(images/CoinHautDroite.gif) no-repeat top right; }
.rbbot div { background: url(images/CoinBasGauche.gif) no-repeat bottom left; }
.rbbot { background: url(images/CoinBasDroite.gif) no-repeat bottom right; }

/* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 10px;
	font-size: 1px;
}


#Hint-content  { background-color: #fdd27c; margin-bottom: 10px }
#Hint-content h4   { font-size: 11px; font-weight: bold; background-color: #fdd27c; text-align: right; margin: 10px 0 0; padding: 0 10px }
.Hint    { color: #1f136b; font-size: 10px; font-family: Verdana; background-color: #fff4cc }
/*.Hint h4   { font-size: 11px; font-weight: bold; background-color: #fdd27c; text-align: right; margin: 10px 0 0; padding: 0 10px }*/
ul.Hint {
  margin:5px 0;
  padding:0;
  list-style:none;
  letter-spacing:.1em;
  }
.Hint li   { font: 10px/1.3em Verdana, Sans-serif; background: transparent; text-align: left; margin: 0; padding: 0 10px }
.Hint li a:link, .Hint li a:visited { font-weight: normal; text-decoration: none; background: url(images/fleche.gif) no-repeat right center; display: block; margin: 0; padding: 2px 10px; border-bottom: 0 none }
                      
.Hint li a:hover   { color: #6b2e30; background-color: #fdfaf1 }
p.Cache  { visibility: hidden }