*|.tableau-1-1 {
  align: center;
  background-color: #FFFFCC;
  color: #000000;
  font-size: large;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  text-transform: none;
}
*|.tableau-2-3 {
  align: center;
  background-color: #FFFFCC;
  color: #000000;
  font-size: large;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  text-transform: none;
}
*|.tableau-4-4 {
  align: center;
  background-color: #FFFFCC;
  color: #000000;
  font-size: large;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  text-transform: none;
}
*|.tableau-gras-texte {
  background-color: #999999;
  color: #000000;
  display: table;
  font-family: Arial;
  font-size: medium;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  margin: auto;
  text-align: left;
  text-transform: none;
}
*|.tableau-gras-titre {
  background-color: #999999;
  border:  none;
  color: #000000;
  display: table;
  font-family: Arial;
  font-size: xx-large;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  margin: auto;
  text-align: center;
  text-transform: capitalize;
}
*|.tableau-site-liens {
  background-color: #FFFFCC;
  border: medium ridge black;
  color: #000000;
  display: table;
  font-family: Arial;
  font-size: medium;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  margin: auto;
  text-align: left;
  text-transform: none;
  width: 35%;
}
*|.tableau-site-texte {
  background-color: #FFFFCC;
  border: medium ridge black;
  color: #000000;
  display: table;
  font-family: Arial;
  font-size: medium;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  margin: auto;
  text-align: left;
  text-transform: none;
  width: 65%;
}
*|.tableau-site-titre {
  background-color: #FFFFCC;
  color: #000000;
  display: table;
  margin: auto;
  font-family: Arial;
  font-size: large;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  text-transform: capitalize;
}
*|a:active {
  background-color: #FFFFCC;
  color: #000000;
  font-family: Arial
  font-size: medium;
  font-style: italic;
  font-weight: normal;
  line-height: normal;
  text-align: left;
  text-decoration: underline;
  text-transform: none;
}
*|a:hover {
  background-color: #FFCCCC;
  color: #000099;
  font-family: Arial;
  font-size: medium;
  font-style: italic;
  font-weight: normal;
  line-height: normal;
  text-align: left;
  text-decoration: underline;
  text-transform: none;
}
*|a:visited {
  background-color: #CCFFCC;
  color: #990000;
  font-family: Arial;
  font-size: medium;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  text-align: left;
  text-transform: none;
}
*|body {
  background-color: #FFFFCC;
  color: #000000;
  font-family: Arial;
  font-size: medium;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  text-align: left;
}
*|h1 {
  azimuth: center;
  background-color: #FFFFCC;
  color: #33FF33;
  font-family: Arial;
  font-size: xx-large;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  text-transform: capitalize;
}
*|h2 {
  background-color: #FFFFCC;
  color: #FF0000;
  font-size: x-large;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  text-transform: none;
}
*|h3 {
  background-color: #FFFFCC;
  color: #0000FF;
  font-family: Arial;
  font-size: large;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  text-transform: none;
}
*|h4 {
  background-color: #FFFFCC;
  color: #000000;
  font-family: Arial;
  font-size: medium;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  text-transform: none;
}
*|hr {
  background-color: #FFFFCC;
  color: #000000;
  font-family: Arial;
  font-size: medium;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  margin-left: auto;
  margin-top: auto;
  text-align: center;
  width: 94%;
}
*|p {
  background-color: #FFFFCC;
  color: #000000;
  font-family: Arial;
  font-variant: normal;
  font-size: medium;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  list-style-type: disc;
  text-align: left;
  text-decoration: none;
  text-transform: none;
}
*|th {
  align: center;
  background-color: #FFFFCC;
  border: 5px ridge black;
  color: #000000;
  font-family: Arial;
  font-size: large;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  margin: 2px;
  padding: 2px;
  text-align: center;
  text-transform: none;
  width: 2px;
}
*|td {
  align: center;
  background-color: #FFFFCC;
  border: 5px ridge black;
  color: #000000;
  font-family: Arial;
  font-size: medium;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  margin: 2px;
  padding: 2px;
  text-align: left;
  text-transform: none;
  width: 2px;
}
#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 180px;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#33FF33; 
   background-image:-webkit-linear-gradient(top, #33CCFF 0%, #33FF33 100%);
   background-image: linear-gradient(to bottom, #33CCFF 0%, #33FF33 100%);
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #000000
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .10s;
   border-radius:0;
   background: #FFCCCC;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a {
  display: block;
  text-decoration: none;
  color: #FF0000;
  padding: 8px 0;
  font-family: verdana;
  font-size: 1.2em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:1em
}
#menu-accordeon li:hover {
   background: #33CCFF
}
#menu-accordeon li li:hover {
   background: #FFCCCC;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
}