body {
  background: #7fffd4 none repeat scroll 0%;
  font-family: 'Yeon Sung',cursive;
  font-size: 16pt;
  text-align: justify;
}
a {
list-style-type: none;
text-decoration: none;
outline:none;
}
h2 {
  border: 1pt outset #000000;
  padding: 2pt 20pt;
  color: #ffcc33;
  text-align: center;
  background-color: #336666;
  font-family: Monotype Corsiva;
  position: relative;
  left: 10%;
  font-size: 16pt;
}
.pied {
  padding: 2pt;
  color: #ffcc33;
  text-align: center;
  background-color: #336666;
  font-family: arial;
  position: relative;
  font-size: 11pt;
  left: 8%;
 width: 80%;
}
.pied a:link {
  color: #ffcc33;
  text-decoration: none;
}
.pied a:visited {
  color: #ffcc33;
  text-decoration: none;
}
.plan {
  padding: 0 2pt 2pt;
  color: white;
  text-align: center;
  background-color: #f4a460;
  font-family: arial;
  position: relative;
  font-size: 10pt;
  right: 5%;
}
.plan a:link {
  color: #009900;
  text-decoration: none;
}
.plan a:visited {
  text-decoration: none;
}
.remarque {
  font-family: Times New Roman,helvetica,arial,sans-serif;
  font-size: 14pt;
  color: #9c7e17;
  font-weight: bold;
  font-style: italic;
  padding-top: 3pt;
  padding-left: 20pt;
  padding-right: 20pt;
  text-align: justify;
}
.nom_plan {
  line-height: 28pt;
  color: green;
  font-size: 12pt;
  font-family: Helvetica,Arial,sans-serif;
}
.pp a:link {
  color: #009900;
  text-decoration: none;
}
.pp a:visited {
  text-decoration: none;
}
#t1 {
  padding: 10pt;
  font-family: Arial;
  color: #8b4513;
  font-size: 20pt;
}
#titre1 {
  font-family: Andy;
  color: black;
  font-size: 25pt;
}
#titre1:after {
  font-size: 18px;
  color: red;
}
#c1 {
  padding: 10pt;
  background-color: #336666;
  color: #ffcc33;
}
#c1 a:link {
  color: black;
  text-decoration: none;
}
#c1 a:visited {
  color: black;
  text-decoration: none;
}
#c1 a:hover {
  color: black;
  text-decoration: none;
  background-color: #7fffd0;
}
#c1 a:active {
  color: black;
  background-color: #7fffd0;
}
#c2 {
  padding: 10pt;
  background-color: #ffcc33;
  color: white;
}
#c2 a:link {
  color: #336666;
  text-decoration: none;
}
#c2 a:visited {
  color: white;
  text-decoration: none;
}
#c2 a:hover {
  color: white;
  text-decoration: none;
  background-color: #336666;*#cd853f;
}
#c2 a:active {
  color: white;
  background-color: #336666;*#cd853f;
}
#c3 {
  padding: 10pt;
  font-family: Arial;
  background-color: orange;*#f4a460;
  text-align: center;
}
#c3 a:link {
  color: black;
  text-decoration: none;
}
#c3 a:visited {
  color: black;
  text-decoration: none;
}
#c3 a:hover {
  color: white;
  text-decoration: none;
  background-color: #336666;*#f4a460;
}
#c3 a:active {
  color: white;
  background-color: #336666* #f4a460;
}
#c32 {
  font-family: Arial;
  color: white;
  background-color: #f4a460;
  text-align: center;
}
#cc {
  text-align: center;
  font-size: 9pt;
}
.indent {
  text-indent: 15pt;
  text-align: justify;
}