* {
	color: #ffffff;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;	
}

html {
  overflow-y: scroll; 
}

body {
  background-color: #ffffff;  /* blanc */
  text-align: center;
  background-color:white;
  background-image:url(images/fond.jpg);
  background-attachment:fixed;
  background-position:center bottom;  
  background-repeat:no-repeat;
  background-color:white;  
}

#container {
  position: relative;
  width: 780px;
  margin: 10px auto 20px auto;
  padding: 0px;
  text-align: left;
}


/* ----- Bandeau haut ----- */

#bandeau-haut {
  height: 55px;
  text-align: center;
}

#logo img {
  border: 0px;
}

#menu {
  background: url(/images/fond_menu.gif);
  margin: 0px 20px 0px 20px;
  padding: 0px;
  height: 35px;
}

#menu a {
  color: #8cc63e;   /* vert clair */
  display: block;
  float: left;
  font-size: 15px;
  line-height: 30px;
  padding: 3px 0px 3px 0px;
  text-align: center;
  text-decoration: none;
  width: 134px;
}

#menu a:hover {
	color: #3a7547;  /* vert foncé */
}

#social {
  position:absolute;
  top: 50px;
  left: 240px;  
}

#social2 {
  position:absolute;
  top: 50px;
  left: 355px;  
}

#social3 {
  position:absolute;
  top: 50px;
  left: 500px;  
}

#newsletter {
  position:absolute;
  top: 50px;
  right: 0px;  
  color: #8cc63e;
  font-size: 12px;
  line-height: 8px;
  text-align: right;
  text-decoration: none;
  width: 250px;
}

#newsletter span {
  color: #8cc63e;
}


#newsletter input[type="text"] {
	border: 1px solid #85995c;
	color: #8cc63e;
  padding: 2px;
  width: 120px;
}


/* ----- Breadcrumb ----- */

#breadcrumbs {
  font-size: 11px; 
  color: #3a7547;
  padding: 10px 2px 10px 2px;
}

#breadcrumbs a {
  font-size: 11px; 
  color: #3a7547;
}

#corps td.nav3,
#corps a.nav3 {
  color: #3a7547;
}



/* ----- Menu gauche ----- */

#gauche {
  vertical-align: top;
}

#recherche {
  background: url(/images/fond_recherche.gif);
  height: 65px;
  padding-top: 1px;
}

#recherche form {
  margin: 35px 0px 0px 57px;
}

#recherche input[type="text"] {
	border: 1px solid #85995c;
	color: #3a7547;
  padding: 2px;
  width: 120px;
}

#compte {
  background-color: #FFFFFF;
  padding: 10px 0px 10px 0px;
}

#compte a {
  color: #3a7547;
  text-decoration: none;
}

#liste {
  background-color: #3a7547;
  padding: 10px 0px 10px 0px;
  width: 215px;
}

#liste li {
  color: #8cc63e;
  line-height: 1.1em;
	list-style: outside;
	margin: 4px 5px 4px 25px;;
}

#liste li a {
  color: #8cc63e;
  text-decoration: none;  
}

#liste li a:hover {
  text-decoration: underline;
}

#liste li ul {
  display: none;
  margin: 0px 0px 7px 0px;
}

#liste li ul.open {
  display: block;
  margin: 0px 0px 7px 0px;
}

#liste li ul li {
	list-style: none;
  margin: 4px 0px 4px 0px;
}

#liste li ul li a {
  color: #ffffff;
}

#liste li.hr {
	margin: 5px 10px 5px 10px;
	border-color: #8cc63e;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	height: 1px;
	list-style: none;
}

/* ----- Autocompletion ----- */

ul#suggestsList{
	margin: 0px;
	padding: 0px;
	border: 0px solid #ffffff;
	color: ffffff;
 	background-color: #3a7547;
	text-decoration: none;
  list-style: none;
  }

ul#suggestsList li{
  border: 1px solid #ffffff;
  height:80px;
	}

ul#suggestsList li:hover,
ul#suggestsList li#selectedSuggest{
	background-color: #8cc63e;
	}

ul#suggestsList li a{
  font-size: 12px;
	display: block;
	color: ffffff;
	text-decoration: none;
	cursor: pointer;
  text-align: left;
  }

ul#suggestsList img{
  float:left;
  width:80px;
  height:80px;
  margin-right:2px;
	}


/* ----- Corps ----- */

#corps {
  padding: 15px 15px 0px 15px;
  vertical-align: top;
}

#corps h1 {
	font-family: "Sansation", arial, helvetica, sans-serif;
  background-color: #8cc63e;
  color: #ffffff;
  min-height: 20px;
  font-size: 18px;
  font-weight: bold;
  padding: 2px 10px 2px 10px;
  text-align: center;
}

#corps h2 {
  background-color: #8cc63e;
  color: #ffffff;
  margin: 0px;
  padding: 2px 10px 2px 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;  
}

#corps h2 a {
  font-size: 14px;
  font-weight: bold;
}

#corps h2 strong {
  font-size: 14px;
  font-weight: bold;
}

#ref {
  font-size: 14px;
  text-align: center;
}

#corps h3 {
  background-color: #8cc63e;
  color: #ffffff;
  padding: 2px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  clear: both;
}

#corps h3 a {
	display: inline;
	float: none;
	margin: 0px;
}

#titre_recent {
  background-color: #8cc63e;
  color: #ffffff;
  margin: 0px;
  padding: 2px 10px 2px 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;  
}

#corps object {
  margin: 60px 0px 70px 0px;
}

#corps td.nav,
#corps a.nav {
  color: #3a7547;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
#corps td.nav2,
#corps a.nav2 {
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  border: 0px;
}

#corps p {
  text-align: justify;
}

#corps img.left {
	float: left;
	margin: 10px 20px 10px 0px;
}


/* ----- Accueil ----- */

/*
.promo {
  background-color: #639f6f;
  padding: 1px 0px 1px 0px;
  width: 290px;
}

.left {
  margin: 15px 210px 15px 0px;
}

.right {
  margin: 15px 0px 5px 225px;
}

.promo p {
  margin: 5px 12px 15px 12px;
  font-weight: normal;
}

.promo img {
	margin: 20px 20px 5px 20px;
}
*/

#corps .promo {
  background-color: #639f6f;
  margin: 15px 0px 15px 0px;
  padding: 1px 0px 1px 0px;

}

#corps .left img {
	float: left;
	margin: 20px 20px 20px 20px;
}

#corps .right img {
	float: right;
	margin: 20px 20px 20px 20px;
}

#corps .promo p {
  margin: 20px 20px 20px 20px;
  font-weight: normal;
  text-align: left;
}

#cache {
  display: none;
}


/* ----- Produits ----- */

#vignettes {
  background-color: #3a7547;
  width: 550px;
  padding: 0px 0px 20px 0px;
}

#recents,
#fiche {
  background-color: #3a7547;
  width: 550px;
}

#vignettes p {
	margin: 0px 20px 20px 20px;
}

#vignettes div.vignette {
  float: left;
  height: 180px;
}

#vignette_video {
  margin-left: 20px;
  margin-top: -60px;
  width: 155px;
  height: 100px;
}
#vignette_video p {
  background-color: #8cc63e;
  background-image: url(/images/fond_vignette.gif);
  margin: -65px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  height: 36px;
  line-height: 1.1em;
}


#vignettes a {
  float: left;
  width: 155px;
  margin: 0px 0px 20px 21px;
  text-decoration: none;
}

#vignettes a p {
  background-color: #8cc63e;
  background-image: url(/images/fond_vignette.gif);
  margin: 5px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  height: 36px;
  line-height: 1.1em;
}

#vignettes a:hover p {
  color: #333333;
}

#image {
  background-color: #ffffff;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #3a7547;
  text-align: center;
  clear: both;
}

#voirplus {
  position: relative;
  margin-top: -50px;
  float: left;
}

#cartouche {
  background-color: #3a7547;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #3a7547;
  padding: 15px;
  color: #0B4898;
  font-size: 12px;
  clear: both;
}

#fiche a {
  display: inline;
  border-style: none;
}

#fiche table.prix {
  background-color: #374d18;
  margin: 2px 0px 2px 0px;
}

#fiche table.prix td {
  padding: 2px 9px 2px 9px;
  color: #3a7547;
  text-align: center;
}

#fiche table.prix tr.quantite {
  background-color: #d2eab1;
}

#fiche table.prix td.bestquantite {
  background-color: #ffb200; /* orange */
  color: #ffffff;
  font-weight: bold;
}

#fiche table.prix tr.reference {
  background-color: #d2eab1;
}

#fiche table.prix td.bestreference {
  background-color: #ffb200;  /* orange */
  color: #ffffff;
  font-weight: bold;
}

#fiche td {
  font-weight: normal;
  padding: 3px 1px 3px 1px;
  border-color: #0B4898;
}

#fiche #formulaire {
  margin: 10px 0px 0px 0px; 
}

#fiche #formulaire table {
  padding: 0px;
}

#fiche input.email {
  display: none;
}

#fiche p.promo {
	color: #ffffff;
	margin: 15px 0px 15px 0px;
}

#recents p {
	margin: 0px 20px 20px 20px;
}

#recents div.recent {
  float: left;
  /*width: 155px;*/
  height: 180px;
}

#recents a {
  float: left;
  width: 155px;
  margin: 0px 0px 20px 21px;
  text-decoration: none;
}

#recents a p {
  background-color: #8cc63e;
  background-image: url(/images/fond_vignette.gif);
  margin: 5px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  height: 36px;
  line-height: 1.1em;
}

#recents a:hover p {
  color: #333333;
}

/* ----- Plan du site ----- */

#sitemap {
  background-color: #3a7547;
  padding: 10px 0px 10px 0px;
  width: 550px;
}

#sitemap p {
	margin: 0px 20px 20px 20px;
}

#sitemap li {
  color: #8cc63e;
  line-height: 1.1em;
	list-style: outside;
	margin: 4px 5px 4px 25px;;
}

#sitemap li a {
  color: #8cc63e;
  text-decoration: none;  
}

#sitemap2 li {
  color: #ffffff;
	list-style: none;
}

#sitemap2 li a {
  color: #ffffff;
  text-decoration: none;  
}

/* ----- Points cadeaux ----- */

hr {
  color: #8cc63e;
  margin: 15px 0px 15px 0px;
  _margin: 10px 0px 10px 0px;
}

p {
  margin: 0px;
}

.big {
  font-size: 16px;
  font-weight: bold;
}

.small {
  font-size: 9px;
}

.bold {
  font-weight: bold;
}

.rouge {
  color: #8cc63e;
}

.bold .rouge a {
  color: #8cc63e;
}

/* ----- Aide ----- */

#fiche p.question {
  background-color: #8cc63e;
  /*height: 18px;*/
  line-height: 18px;
  margin: 10px 0px 5px 0px;
  padding: 0px 5px 0px 5px;
  color: #ffffff;
  font-weight: bold;
}

#fiche p.reponse {
  margin: 5px 0px 20px 0px;
  padding: 0px 5px 0px 5px;
}


/* ----- Blog ----- */

#blog {
  background-color: #3a7547;
  width: 550px;
}

#blog a {
  display: inline;
  border-style: none;
}

#blog td {
  font-weight: normal;
  padding: 3px 1px 3px 1px;
  border-color: #0B4898;
}

#blog p.titre {
  background-color: #8cc63e;
  line-height: 24px;
  margin: 10px 0px 0px 0px;
  padding: 0px 5px 5px 5px;
  color: #ffffff;
  font-weight: bold;
}
#blog p.titre a {
  font-size: 18px;
  text-decoration:none;
}

#blog p.soustitre {
  background-color: #8cc63e;
  line-height: 12px;
  margin: 0px 0px 5px 0px;
  padding: 0px 5px 5px 5px;
  color: #ffffff;
  font-weight: normal;
}


#blog p.soustitre a {
  font-weight: normal;
  text-decoration:none;
}

#blog2 {
  background-color: #3a7547;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #3a7547;
  padding: 15px;
  color: #0B4898;
  font-size: 12px;
  clear: both;
}

#blog2 p.texte {
  min-height: 160px;
}

.imageblog {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 200px;
}

.imagebloglist {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 200px;
    max-height:150px;
}

.blogsocial {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    width: 40px;
}


#blog2 p {
  margin: 5px 0px 20px 0px;
  padding: 0px 5px 0px 5px;
  font-weight: normal;
}

#blog_produit {
  background-color: #8cc63e;
  color: #ffffff;
  margin: 0px;
  padding: 2px 10px 2px 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;  
}

#blog3 img {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 40px;
}

#blog3 p {
  margin: 5px 0px 20px 0px;
  padding: 0px 5px 0px 5px;
  font-weight: normal;
}


/* ----- Contacts ----- */

#fiche form {
  margin: 0px;
}

#fiche input[type="text"],
#fiche input[type="number"],
#fiche input[type="email"],
#fiche input[type="password"],
#fiche input[type="url"],
#fiche input[type="file"] {
  background-color: #d2eab1;
  border-style: solid;
  border-width: 1px;
  border-color: #d2eab1;
  color: #000000;
  padding: 1px;
}

#fiche textarea {
  background-color: #d2eab1;
  border-style: solid;
  border-width: 1px;
  border-color: #647a69;
  color: #000000;
  padding: 1px;
}

#fiche select {
  background-color: #3a7547;
  border-style: solid;
  border-width: 1px;
  border-color: #647a69;
  margin: 0px;
}

#fiche p.msgok {
  background-color: #D4ECBD;
  background-image: url(/images/success.png);
  background-position: 5px 6px;
  background-repeat: no-repeat;
  color: #57AA3E;
  font-weight: bold;
  border: 1px solid #519032;
  margin: 20px 10px 10px 10px;
  padding: 7px 5px 7px 27px;
}

#fiche p.msgerr {
  background-color: #E5C3B9;
  background-image: url(/images/error.png);
  background-position: 5px 6px;
  background-repeat: no-repeat;
  color: #DE3B2B;
  font-weight: bold;
  border: 1px solid #519032;
  margin: 20px 10px 10px 10px;
  padding: 7px 5px 7px 27px;
}