body {
  margin: 0px;
  font-family:Helvetica,Arial,sans-serif;
  background-color: #f6f5f4;
  color: #3f4637;
}

h1 {
  font-size: 1.3em;
  color: #008A00;
}

h2 {
  font-size: 1.2em;
  
}

h3 {
  font-size: 1.1em;
}

p {
  font-size: 0.8em;
  text-align: justify;
}

label {
  font-size: 0.8em;
}

ul {
  font-size: 0.8em;
}


li a {
	font-size: 1em;
}

a {
  font-size: 0.8em;
}

input {
  border: 1px solid #CDCACA;  
}

textarea {
  border: 1px solid #CDCACA;
}

#formulaire {
}

#info {
  border: 1px solid #CDCACA;
  overflow: hidden;
  margin-top: 2px;
  padding: 2px;
  padding-left: 10px;
}

.person {
  text-align: center;
  width: 210px;
  border: 1px solid black;
  font-size: 0.8em;
  float: left;
  margin-right: 20px;
  height: 160px;
}

img {
  border: 0px;
}

.cadre-content {
  width: 330px;
  float: left;
  height: 350px;
  padding: 10px;
}

.top-title {
  margin: 2px; 
  color: white
}

#discover-door {
  width: 200px; 
  height: 167px; 
  display: block; 
  background-image: url('../images/porte.png');
  opacity: 0.5;
}

.discover-over {
  /*background-image: url('../images/porte-hover.png');*/
  opacity: 1;

}

.discover {
  opacity: 0.5;
}

.border-grise {
  border: 1px solid #ffffff;
}

.header {
  background-color: #0C9115;
  /*background-image: url('../images/bg-content.png');*/
  text-align: center; 
  height: 27px;
  padding-top: 3px;
}

.lien-bottom {
  color: white;
}

.text-header {
  font-size: 1.3em; 
  color: white; 
  margin: 2px; 
}

.liste-produits {
  width: 200px;
  float: left;
  margin-right: 10px;
  border-top: 2px solid #CDCACA;
  border-right: 2px solid #CDCACA;
  border-bottom: 1px solid #CDCACA;
  border-left: 1px solid #CDCACA; 
}

.desc-produit {
  border-top: 2px solid #CDCACA;
  border-right: 2px solid #CDCACA;
  border-bottom: 1px solid #CDCACA;
  border-left: 1px solid #CDCACA; 
  float: left;
  width: 723px;
  padding: 10px;
  background-image: url('../images/bg-content.png');
  background-repeat: repeat-x;
  background-color: #f5f4f3;
}

.produits {
  border: 1px solid #CDCACA;
  width: 200px; 
}

.lien-produit {
  font-size: 1.2em;
  background-color: #ecebe9;
}

#plus-produits {
  padding-left: 210px;
}

#header {
  height: 240px;
  background-image: url('../images/bg-header.png');
  background-repeat: repeat-x;
  
}

#contenu-large {

}

#avantages {
  float: right;
  width: 100px;
  height: 300px;
}

#contenu-wrapper {
  overflow: hidden;
  background-image: url('../images/bg-content.png');
  background-repeat: repeat-x;
}

#contenu {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  min-height: 400px;
}

.img-float-gauche {
  float: left;
  border: 1px solid #CDCACA;
  margin: 0px 4px 4px 0px;
  
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  position: relative;
}

.demo {
  width: 200px;
  min-height: 400px;
  border: 1px solid #CDCACA;
  float: left; 
}

#signature {
  position: absolute;
  left: 100px;
  top: 150px;
}

#wrapper-menu {
  height: 50px;
  width: 420px;  
  position: relative;
  margin-top: 20px;
  float: right;
  
}

#bottom-menu {
  background-color: #a7cda7; 
  width: 595px;
  height: 20px;
  clear: both;
  background-repeat: repeat-x;
}

#banner {
  width: 610px;
  border: 1px solid #CDCACA;
  float: right;
}

#menu {
  border-bottom: 1px solid #CDCACA;
  overflow: hidden;
}

#middle-bar {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  border-bottom: 1px solid #CDCACA;
  margin-bottom: 10px;
}

.date_new {
  font-size: 0.8em;
  font-weight: bold;
}

.button {
  background-color: white;
  color: black;
  float: left;
  padding: 5px 5px 5px 5px;
  text-align: center;
  font-size: 0.8em;
  margin-right: 3px;
}

.button:hover {
  background-color: #0F9F11;
  color: white;
  font-weight: bold;
}

#logo {
  float: left;
  width: 345px;
  height: 132px;
}

#bottom {
  background-color: #008A00;
  border-bottom: 1px solid #CDCACA;
  height: 60px;
  width: 100%;
  text-align: center;
  color: white;
  padding-top: 5px;
  margin-top: 20px;
  font-size: 0.8em;
}

.title-home {
  padding-bottom: 3px;
  border-bottom: 1px solid #ffffff;
}

.news {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 3px;
}

#top-header {
  background-color: #0c9115;
  height: 15px;
  width: 100%;
}

.lien-produits {
  width: 200px; 
  height: 29px; 
  border: 1px solid #CDCACA; 
  background-color: black;  
  margin-bottom: 10px; 
  text-align: center; 
  padding-top: 10px;
}

.cadre {
  width: 382px;
  height: 381px;
  margin-right: 10px;
  float: left;
  padding: 10px;
  background-image: url('../images/bg-cadre.png');
  background-repeat: repeat-x;
  border: 1px solid #dcdbda;
  border-bottom: 3px solid #dcdbda
}

.call {
  border: 1px solid #CDCACA;
  border-bottom: 3px solid #CDCACA;
}

#call_to_action {
  width: 220px;
  float:left;
  
  overflow: hidden;
  text-align: center;
}