/* CSS des pages */
/* trick pour aligner en bas dans les div :/ */
table {
  margin: auto;
  border: 0px;
  font-family: skia,verdana,arial,sans serif;
  font-size: 14px;
  font-weight: bold;
}
table td {
  text-align: left;
  vertical-align: bottom;
  height: 62px;
  padding: 0px;
  margin: 0px;
}
/* menu */
#menu {
  /*background: url(../images/herbeclaire.png) repeat;*/
  position: absolute;
  top: 553px;
  left: 0;
  height: 2em;
  width: 100%;
  margin: 0px;
  text-align: center;
  font-family: verdana,arial,sans serif;
  font-size: 12px;
  font-weight: normal;
}
#menu ul li {
  display: inline;
}
#menu ul {
  margin: 0px;
  margin-top: 5px;
}
#menu a {
  text-decoration: underline;
}
#menu a img {
  border: none;
}
/* logo */
#logo {
  position: absolute;
  top: 0px;
  left: 514px;
  text-align: left;
}
#logo img {
  border: 0px;
  height: 86px;
  width: 344px;
}
#logo h1 {
  float: left;
  margin: 0px;
}
#logo p {
  float: left;
  margin-top: 20px;
  margin-left: -5px;
  font-family: skia,verdana,arial,sans serif;
  font-size: 12px;
  font-weight: normal;
}
/* cadres */
#cadredroite {
  position: absolute;
  top: 100px;
  left: 520px;
  width: 245px;
  height: 400px;
  /*border: 1px solid black;*/
  padding: 5px 30px 0px 30px;
  text-align: justify;
  overflow: auto;
}
#cadredroite h1 {
  font-family: skia,verdana,arial,sans serif;
  font-size: 28px;
  font-weight: bold;
  text-align: left;
}
#cadredroite p {
  font-family: verdana,arial,sans serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  text-align: justify;
}
#cadredroite ul {
  font-family: verdana,arial,sans serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
}
#cadredroite a {
  text-decoration: underline;
}
#cadregauche {
  position: absolute;
  top: 100px;
  left: 30px;
  width: 420px;
  height: 400px;
  padding: 5px 30px 0px 30px;
  text-align: justify;
  overflow: auto;
}
#cadregauche h1 {
  font-family: skia,verdana,arial,sans serif;
  font-size: 30px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 1.5em;
}
#cadregauche p {
  font-family: verdana,arial,sans serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  text-align: justify;
}
#cadregauche ul {
  font-family: verdana,arial,sans serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
}
#cadregauche a {
  text-decoration: underline;
}
/* panier */
#panier table {
  border: 1px solid black;
  border-collapse: collapse;
}
#panier td {
  border: 1px solid black;
  padding: 4px 8px;
}
#panier th {
  border: 1px solid black;
  padding: 4px 8px;
}
/* https notice */
#httpsnotice {
  position: absolute;
  top: 90px;
  left: 650px;
}
/* squares for menu */
/* styles for FDC menu */
.pi {
  position: absolute;
  width: 28px;
  height: 28px;
  overflow: hidden;
}
div.pi a {
  color: black;
  text-decoration: none;
}
div.pi a:hover {
  color: black;
}
div.pi a:visited {
  color: black;
}
.pitop0 {
  z-index: 255;
}
.pitop {
  z-index: 1748;
}
#pp0 {
  background: white;
  border: 1px solid black;
  top: 20px;
  left: 43px;
}
#pp1 {
  background: #FFFF9C;
  top: 48px;
  left: 127px;
}
#pp2 {
  background: #ffdfc1;
  top: 20px;
  left: 183px;
  z-index: 12;
}
#pp3 {
  background: #FF85AC;
  top: 48px;
  left: 211px;
}
#pp4 {
  background: #944494;
  top: 20px;
  left: 267px;
}
#pp5 {
  background: #000083;
  top: 48px;
  left: 323px;
}
#pp6 {
  background: #BCB2FF;
  top: 48px;
  left: 379px;
}
#pp7 {
  background: #BDF6A1;
  top: 20px;
  left: 407px;
}
#pp8 {
  background: #AADDFF;
  top: 48px;
  left: 463px;
}
.tablep {
  width: 62px;
  height: 62px;
  vertical-align: bottom;
  cursor: pointer;
  cursor: hand;
  font-family: skia,verdana,arial,helvetica,sans serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
}
.tdp {
  text-align: right;
  padding-bottom: 8px;
  padding-right: 2px;
}