html, body {
	margin:0; padding:0;
	height:100%;
}
 
body {
	font-family: Verdana, Trebuchet, sans-serif;
	color: #696a6c;
	font-size: 12px;
	margin:0;
	padding:0;
	overflow-x : hidden;
}
 
#floater {
	position:relative; float:left;
	height:50%;	margin-bottom:-287px;
	width:1px;
}
 
#centered {
	position:relative; 
	clear:left;
	z-index: 200;
	height:554px; width:970px;
	margin:0 auto;
	text-align: center;
}

#bandeau {
	margin: 0;
	padding: 0;
	width:970px;
	text-align:right;
}
#bandeau img { 
	border: none;
}
#left_bandeau{
float:left;
width: 665px;
}
#right_bandeau{
float:left;
width: 305px;
}
#bandeau h1 { 
	color:black;
	margin:0 0 0 -5000px;
	font-size: 9px;
	float:left;
	padding: 0;
}
#bandeau a {
	text-decoration: none;
	font-family: Arial, verdana, trebuchet, sans-serif;
}


/* menu langues*/
.menu_langue{
margin:23px 0 0 0;
padding: 0;
float:right;
font-size: 7px;
}
 
.menu_langue img{
margin : 0;
padding: 0 ;
border: none;
}
#Menu1Titre {
height: 19px;
}
 
.titreMenu, .contenuMenu{
 border: 1px solid #b7c0c4;
 width: 54px;
 margin: 0px;
 padding: 0px;
}
 
.contenuMenu{
 display: none;
 position: absolute;
 background-color: #FFFFFF;
 z-index: 1000;
}
 
.menuOverflow{
 overflow: auto;
}
 
.itemOver{
 background-color: #AAAAFF
}
 
.lienMenu{
 text-decoration: none;
}


/* menu Haut*/
#menu_haut {
	padding: 0;
	margin: 0;
}

#content {
	width: 970px;
	font-size: 11px;
	line-height: 14px;
}
#gallery {
	height: 415px;
	overflow-y: auto;
}


/* PRODUITS*/

#gauche_produits
{
	float: left;
	width: 426px;    /*largeur totale : 554px*/
	height: 316px;   /*hauteur totale : 356px*/
	padding: 40px 0 0 128px;
	text-align: justify;
}
#gauche_produits.sprays, #gauche_produits.tubes
{
	float: left;
	width: 444px;    /*largeur totale : 499px*/
	height: 316px;   /*hauteur totale : 356px*/
	padding: 40px 10px 0 45px;
	text-align: justify;
}

/* images de fond gauche */
.totem_epices {
	background : url(../img/totem-epices-fd.jpg) left top no-repeat;
}
.pic_nic {
	background : url(../img/pic-nic-fd.jpg) left top no-repeat;
}
.totem_sel {
	background : url(../img/totem-sel-fd.jpg) left top no-repeat;
}
.huiles {
	background : url(../img/huiles-fd.jpg) left top no-repeat;
}
.epices {
	background : url(../img/epices-fd.jpg) left top no-repeat;
}
.sels {
	background : url(../img/sels-fd.jpg) left top no-repeat;
}
.vinaigres {
	background : url(../img/vinaigres-fd.jpg) left top no-repeat;
}
.chutneys {
	background : url(../img/chutneys-fd.jpg) left top no-repeat;
}
.festifs {
	background : url(../img/festifs-fd.jpg) left top no-repeat;
}
.sprays {
	background : url(../img/sprays-fd.jpg) left top no-repeat;
}
.tubes {
	background : url(../img/pixel.gif) left top no-repeat;
}
.chic_shot {
	background : url(../img/chic-shot-fd.jpg) left top no-repeat;
}
.bbq {
	background : url(../img/bbq-fd.jpg) left top no-repeat;	
}

#content #gauche_produits h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 23px;
	color: #e73f29;
	margin: 0;
	padding: 0;
}

#content p {
	margin: 30px 0 0 9px;
	padding: 0;
}

#content img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#droite_produits
{
	float: right;
	width: 416px;
	height: 356px;
	margin: 0;
	padding: 0;
}
#droite_produits.sprays, #droite_produits.tubes
{
	float: right;
	width: 471px;
	height: 356px;
	margin: 0;
	padding: 0;
}

/*Diapoarama*/

ul.ppt{
	position: relative;
	margin: 0;
	padding: 0;
}

.ppt li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/*Menu Mentions légales*/

#bottom {
	position:absolute;
	z-index: 100;
	bottom:0; right:0;
	margin: 0 20px 10px 0;
	padding: 0;
	font-weight: normal;
	font-size: 11px;
}
#bottom a {
	text-decoration:none;
	color: #77787a;
	margin : 0px;
	padding : 0px;
}

#bottom a:hover, #bottom a:focus, #bottom a:active{
	color: #444446;
	margin : 0px;
	padding : 0px;
}

/* Page Mentions légales et Crédits */
#content {
	text-align: center;
}
#content #texte_mentions {
	background : url(../img/fd_menu_haut.gif) left top repeat-x;
	height: 349px;   /*hauteur totale : 414px*/
	padding: 65px 48px 0 48px;
	text-align:left;
}
#content #texte_mentions h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 23px;
	color: #565657;
	margin: 0;
	padding: 0;
}
#content #texte_mentions a {
	color: #3a3a3c;
	margin: 0;
	padding: 0;
}

/* si liste dans le menu :

#bottom ul {
	padding:0;
	margin: 0 20px 10px 0;
}
#bottom li {
	display:inline;
	font-weight: normal;
	font-size: 11px;
	padding:0;
	margin: 0;
}
#bottom ul li a {
	text-decoration:none;
	color: #77787a;
	margin : 0 0 0 0px;
	padding : 0px 0px;
}

#bottom ul li a:hover,#bottom ul li a:focus, #bottom ul li a:active{
	color: #444446;
	margin : 0 0 0 0px;
	padding : 0px 0px;
}
*/

/*Page Produits boutique*/

table
{
	float: left;
	border-collapse: collapse;
	padding:0;
	margin: 0;
	top: 0px; 
}

table td {
	border: 1px solid #b1b1b2;
	padding:0;
	margin:0;
}
#table a
{
	text-decoration: none;
	margin: 0;
	padding: 0;
	display: block;
}

.legende {
	position: absolute;
	top: 89px;
	left: 1px;
	width: 275px;
	height: 127px;
	margin: 0;
	padding: 40px 0 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #e73f29;
	line-height: 29px;
	background : url(../img/legende-fd.gif) left top no-repeat;
}
           /* ie 6 */
            * html .legende {
            top: 98px;
            }

            /* ie 7 */
            * +html .legende {
            top: 100px;
            }

.parenthese
{
	font-size: 18px;
	color : gray;
	text-align: left;
}

/* QUI SOMMES NOUS */

#gauche_nous
{
	float: left;
	width: 444px;    /*largeur totale : 556px*/
	height: 341px;   /*hauteur totale : 385px*/
	padding: 44px 64px 0 48px;
	text-align: justify;
}

#droite_nous
{
	float: right;
	width: 414px;
	height: 385px;
	margin: 0;
	padding: 0;
}

#menu_nous
{
	height: 29px;
	margin: 0;
	padding: 0;
	background-color: #0CC;
}
#content #gauche_nous h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 23px;
	color: #9b8a48;
	margin: 0;
	padding: 0;
}


/* OU NOUS TROUVER */

#gauche_coordonnees
{
	float: left;
	width: 371px;    /*largeur totale : 417px*/
	height: 337px;   /*hauteur totale : 385px*/
	padding: 48px 0px 0 46px;
	text-align: justify;
}

#droite_coordonnees
{
	float: right;
	width: 553px;
	height: 385px;
	margin: 0;
	padding: 0;
}

#menu_coordonnees
{
	height: 29px;
	margin: 0;
	padding: 0;
	background-color: #0CC;
}
#content #gauche_coordonnees h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 23px;
	color: #29a3dc;
	margin: 0;
	padding: 0;
}
#content #gauche_coordonnees a {
	color: #3a3a3c;
	margin: 0;
	padding: 0;
	font-size: 11px;
}


/* ESPACE PROFESSIONNEL */
#content.professionnel {
	background : url(../img/fd_menu_haut.gif) left top repeat-x;
}
#gauche_professionnel
{
	float: left;
	width: 441px;    /*largeur totale : 556px*/
	height: 340px;   /*hauteur totale : 414px*/
	padding: 74px 75px 0 40px;
	margin: 0;
	text-align: justify;
}
#content #gauche_professionnel h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 23px;
	color: #884923;
	margin: 0;
	padding: 0;
}
#content #gauche_professionnel a {
	color: #696a6c;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#content #gauche_professionnel a:hover, #content #gauche_professionnel a:focus, #content #gauche_professionnel a:active{
	color: #884923;
	font-style: oblique;
}

#menu_professionnel
{
	height: 29px;
	margin: 0;
	padding: 0;
	background-color: #0CC;
}

#content #droite_professionnel
{
	float: right;
	width: 328px;  /*largeur totale : 414px*/
	height: 302px; /*largeur totale : 414px*/
	margin: 57px 54px 29px 0;
	padding: 13px 16px;
	background-color: #d2d2d2;
	text-align: justify;
}

#content #droite_professionnel h4 {
	margin: 3px 0 20px 0;
	padding: 0;
	color: #884923;
	font-size: 13px;
}

table {
width: 326px;
border-collapse: collapse;
padding:0;
margin:0 auto;
border: none;
}

td.message {
border: 0;
margin: 0;
padding: 8px 0 0 0;
}
td.colonne_gauche {
width: 114px;
padding:0;
margin:0;
border: 0;
}
td.colonne_droite {
width: 212px; 
text-align:right;
padding:0;
margin: 0;
border: 0;
}

input {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: black;
	margin: 0 0 6px 0;
	padding: 1px 0;
}

textarea {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: black;
	margin: 6px 0 0 0;
	padding: 0;
}

label {
	margin: 0;
	padding: 0;
}

#droite_professionnel p {
	margin: 0;
	padding: 0;
	color: #884923;
}
p#valider {
	text-align: center;
	margin: 0;
	padding: 0;
}
input[type=submit] {
 	border:1px outset #884923;
 	cursor:pointer;
 	color : #666;
 	margin: 0;
	padding: 1px 2px;
 }
input[type=submit]:hover {
	 border:2px outset #884923;
	 background-color: #666;
	 color: white;
 }
input[type=submit]:active {
	 border:2px outset #884923;
	 background-color: white;
} 
p.erreur, p.reponse {
text-align: center;
color: #3a3a3c;
font-size: 12px;
margin : 50px 0 0 0;
padding: 0;
}
p.reponse a, p.erreur a{
text-align: center;
color: #3a3a3c;
font-size: 12px;
margin : 50px 0 0 0;
padding: 0;
}


/*Styles typo paragraphes*/

.rouge{
	color: #db2912; 
}
.beige{
	color: #9b8a48; 
}
.bleu{
	color: #29a3dc; 
	text-decoration: underline;
}
.dark{
	color: #262627; 
}

.crochet {
	font-size: 40px;
	font-family: Courier, "Courier New", Arial, Helvetica;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/* Eviter les pointillés sur les liens Firefox*/

a:active
{
  outline: none;
}
a
{
  outline: none;
}

:focus
{
  -moz-outline-style: none;
}

hr 
{          
margin: 0;     
padding: 0;     
border: 0;     
clear: both;
visibility: hidden;      
}

#flashcontent {
	margin : 8px 0 0 0;
	padding: auto;
	text-align: left;
}