@font-face {
  font-family: Harrington, Georgia, "Times New Roman";
  src: url(http://www.greentortoise.fr/pages/HARNGTON.eot);
}

body {
  background: #D7EDD7;
  margin: 0;
}

.centre {
  width: 768px;
  margin: auto;
  background-color: #FFFFFF;
}

table, form, div, font {
  font-family: "Times New Roman", Times, serif; 
  font-size: 16px;
}

input, textarea, select {
  font-size: 13px; 
}

p input, textarea {
  margin-top: 5px;
}

p { 
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size: 14px; 
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
}

h1{ 
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size: 32px; 
  color: #009900;
  margin-top: 18px;
}

h2{ 
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size: 15px; 
  color: #003300;
  margin-bottom: 10px;
}

h3{ 
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size: 15px; 
  color: #009900;
  margin-top: 0px;
}

a { 
  color: #006600;
  text-decoration: none;
}

a:active {
  color: #009900;
}

a:hover { 
  text-decoration: underline;
}

/***********************/
/* Header et menu haut */
/***********************/

#header {
  width: 768px;
  margin: 0px auto;
  background: #FFFFFF;
  text-align: center;
}

#logo {
  float: left;
  width: 120px;
  height: 80px;
  margin: 7px 54px;
}

#title {
  float: left;
  width: 520px;
  padding-top: 8px;
  margin-right: 20px;
  text-align: center;
}

#search {
  float: left;
  width: 228px;
  height: 47px;
}

/* Ici s'intercale le menu principal */

#qkmenu {
  float: left;
  width: 228px;
  margin-top: 2px;
}

#ssmenu {
  float: left;
  width: 520px;
  margin-right: 20px;
  text-align: center;
}

/*********************/
/* Contenu des pages */
/*********************/

#accueil {
  width: 768px;
  margin: 0px auto;
  background: #FFFFFF;
  text-align: center;
}

#accueil .harri p {
  padding-top: 32px;
  padding-bottom: 24px;
  font-family: Harrington;
  font-size: 28px;
  color: #009900;
}

#accueil .menu_bas {
  padding: 15px 0px;
  text-align: center;
  font-size: 13px;
}

.search {
  font-family: arial, helvetica;
  font-size: 10px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.liste {
  font-family: "Times New Roman", Times, serif; 
  font-size: 16px;
}

.text {
  width: 768px;
  margin: 0px;
  padding: 0px 125px;
  background: #FFFFFF;
  overflow: hidden;
}

html>body .text{
  width: 518px;
}

.illust {
  float: left;
  margin: 6px 12px 8px 0px;
  font-size: 13px;
}

#explain {
  width: 638px;
  height: auto;/*108px;*/
  margin-top: 3px;
  padding: 0px 3px;
  border:solid 1px yellow;
}

html>body #explain {
  width: 630px;
  height: auto;/*105px;*/
}

.form form {
  margin: 0px;
  padding: 15px 0px 10px 0px;
}

.small-1 {
  font-size: 13px;
}

.small-2 {
  font-size: 10px;
}

.bigger {
  font-size: 18px;
}

.invit {
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  margin: 0px;
}

.message table {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

.message p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-top: 0;
}

#menu_bas {
  width: 768px;
  margin: 0px auto;
  padding: 15px 0px;
  background-color: #FFFFFF;
  text-align: center;
  font-size: 13px;
}

#footer {
  width: 768px;
  margin: 0px auto;
  padding: 4px 0px;
  background-color: #D7EDD7;
  text-align: center;
  font-size: 13px;
}

.encart {
  position: fixed;
  top: 150px;
  left: 0px;
  z-index: 10;
  padding-bottom: 5px;
  width: 150px;
  border: 2px solid orange;
  background: white;
}

.encart p {
  font-size: 10px;
  text-align: center;
  padding: 10px 5px 0px 5px;
}

.masquer {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 16px;
  width: 16px;
  cursor: pointer;
}

/******************/
/* Menu	principal	*/
/******************/

#menu {
  float: left;
  width: 500px;
  margin: 0px 30px 0px 10px;
  padding: 0px;
  text-align: center;
  line-height: 22px;
}

#menu * {
  margin: 0px;
  padding: 0px;
}

#menu ul, li {
  list-style-type: none;
  left: 0px;
  z-index: 9;
}

/* Chaque sous-menu */
#menu ul li {
  position: relative;
  float: right;
  width: 125px;
  height: 22px;
  display: block;
  cursor: pointer;
  background-position: center;
  background-image: url("../images/Menu.png");
  background-repeat: no-repeat;
  font-size: 16px;
  font-weight: bold;
}

.mmenu li:hover > .smenu {
  display: block;
}

#menu ul li a:hover {
  position: relative;
  float: right;
  width: 125px;
  height: 22px;
  display: block;
  cursor: pointer;
  background-position: center;
  background-image: url("../images/Menu_hover.png");
  background-repeat: no-repeat;
  text-decoration: none;
  color: #FFFFFF;
}

/* Carré déroulant sous un sous-menu niveau 1 */
#menu ul li ul {
  display:none;
  position:absolute;
  width:125px;
  top:22px;
  margin-left:0;
  padding:5px 0px;
  line-height: 16px;
}
 
#menu ul li ul li {
  margin-top:1px;
  height:100%;
  font-size:13px;
  font-weight:bold;
}

#menu ul li ul li a {
  display:block;
  height:100%;
  padding:2px 0px;
  top:0px;
}

#menu ul li ul li a:hover {
  margin-top:0px;
  padding:2px 0px;
  height:100%;
}