@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;
}

.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;
}

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

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

#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;
}
 
#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%;
}