html, body, div {
	margin: 0px;
	padding: 0px;
}

html, body {
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

td,div{
	font-size: 12px;
    /*text-align: justify;*/
}

a {
	text-decoration: none;
	color: #77a900;
}
a:hover {
    color: #b8b8b8;
}

h1{
	font-size: 12px;
}

/*
input{
	background: #fdfdfd;
	border: #698ba7 1px solid;
	
}
*/
.saisie{
	background: #fdfdfd;
	border: #b8b8b8 1px solid;
	
}

.saisie_bordsdiscrets{
	background: #fdfdfd;
	border-bottom: #000 1px solid;
	border-top: #ddd 1px solid;
	border-left: #ddd 1px solid;
	border-right: #ddd 1px solid;
}

.submit {
	background: #b8b8b8;
	border: #b8b8b8 1px solid;
	color:#fff;
	cursor:hand;
	pointer:hand;
}

.spacer{
	clear: both;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	/*border: #0000ff solid 1px;*/
}
#spacer_special_footer{
	clear: both;
	padding: 0px;
	margin: 0px;
	display: block;
	height: 50px;
	/*border: #0000ff solid 1px;*/
}

/******* colonne gauche ***********/

#colonne_gauche{
	position: absolute;
	left:0;
	background: #f3f3f3;
	width: 215px;
	height: 100%;
	margin-bottom: -24px;
	/*padding-bottom: 40px;*/
	z-index: 1;
	overflow:auto;
}

#contenu{
	height: 100%;
	background: #fff url(images/ombre.gif) repeat-y;
	margin-left: 215px;
	overflow: auto;
	padding: 0px 0px 0px 20px;
	z-index: 1;
	/*border:1px solid #ff0000;*/
}


#footer{
	position: absolute;
	height: 24px;
	bottom: -1px;
	margin-top: -24px;
	width: 100%;
	background: #000;
	z-index: 3;
}

/******* menu ***********/

.menu{
	display: block;
	width: 215px;
	height: 26px;
	background: no-repeat 0px 0px;
}
.menu:hover{
	background: 0px 26px;
}

.menu_actif{
	display: block;
	width: 215px;
	height: 26px;
	background: 0px 26px;
}


/******* sous menu ***********/

#sous_menu a{
	color: #000;
	/*font-weight: bold;*/
	display: block;
	width: auto;
	height: auto;
	background: #fff url(images/fond_sous_menu_off.gif) no-repeat 14px 9px;
	padding: 4px 6px 3px 24px;
	border-left: #86be00 solid 3px;
}
#sous_menu a:hover{
	color: #b8b8b8;
	background: #fff url(images/fond_sous_menu_on.gif) no-repeat 14px 9px;
}

/*** menus jak ***/
.menug_1 {
	display: block;
	width: 215px;
	height: 26px;
    letter-spacing: -0.05em;
	padding-top:2px;
	padding-left:8px;
	font-family: Trebuchet MS, Arial, Verdana;
	font-size:16px;
	font-weight: bold;
	border-left:  solid 3px;
	color:#555555;
	margin-top:1px;
	background-color:#ffffff;
}
.menug_1:hover {
	border-left: solid 8px;
	color: this.bordercolor;
	padding-left:3px;
}

.menug_1_actif{
	display: block;
	width: 215px;
	height: 26px;
	border-left: solid 8px;
	padding-left:3px;
    letter-spacing: -0.05em;
	padding-top:2px;
	font-family: Trebuchet MS, Arial, Verdana;
	font-size:16px;
	font-weight: bold;
	margin-top:1px;
	background-color:#ffffff;	
}

#sous_menug_1 a{

	color: #000;
	/*font-weight: bold;*/
	display: block;
	width: auto;
	height: auto;
	background: #fff url(images/fond_sous_menu_off.gif) no-repeat 14px 9px;
	padding: 4px 6px 3px 24px;
	/*border-left: solid 3px;*/

}
#sous_menug_1 a:hover{
	color: #b8b8b8;
}

.menug_2 {
	border-left: #ffffff solid 0px;
}
.menug_2:hover {
	border-left: #ffffff solid 0px;
}
.menug_2_actif {
	border-left: #ffffff solid 0px;
}

#sous_menug_2 a{

	color: #555;
	/*font-weight: bold;*/
	display: block;
	width: auto;
	height: auto;
	background: #fff url(images/fond_sous_menu_on.gif) no-repeat 14px 9px;
	padding: 4px 6px 3px 34px;
	/*border-left: solid 3px;*/

}

.menug_3 {
	border-left: #ffffff solid 0px;
}
.menug_3:hover {
	border-left: #ffffff solid 0px;
}
.menug_3_actif {
	border-left: #ffffff solid 0px;
}

/******* contenu ***********/
#titre_page{
	height: 36px;
	background: #000000;
	border-bottom:5px solid;
	margin: 0px 0px 30px -20px;
}

.titre_produit{
	height: 36px;
	display: block;
	margin: 0px 0px 15px 0px;
}

#bloc_description{
	display: block;
	width: 304px;
	float: left;
	padding: 0px 0px 15px 0px;
	background: url(images/descrip_fond.gif) no-repeat bottom;
	/*border: #f00 solid 1px;*/
}
#bloc_description p{
	padding: 0px 10px 0px 10px;
}


#img_bloc_description{
	/*margin-left: -10px;*/
}

.img_schema{
	margin: 0px 0px 0px 30px;
}

#titre_530px{
	display: block;
	height: 24px;
	width: 530px;
	background: url(images/fond_titre_530px.gif) no-repeat;
	margin: 15px 0px 0px 0px;
	/*border: #f00 solid 1px;*/
}

#titre_724px{
	display: block;
	height: 24px;
	width: 724px;
	background: url(images/fond_titre_724px.gif) no-repeat;
	margin: 20px 0px 10px 0px;

	/*border: #f00 solid 1px;*/
}
/******* photos produit ***********/

.bloc_listeproduits{
	width: 724px;
	
	padding-left:82px;
}

.bloc_photo_produit{
	width: 560px;
    display: block;	
}
#bloc_photo_produit{
	width: 560px;
    display: block;	
}

#photo_produit{
	position: relative;
	display: block;
	float: left;
	width: 166px;
	height: 212px;
	background: url(images/fond_photo_prod.gif);
	margin: 10px 15px 0px 0px;
	/*border: #00f solid 1px;*/
	text-align: center;
}

#photo_produit:hover{

	background: url(images/fond_photo_prod_on.gif);
}

#photo_produit img{
	margin: 10px 0px 0px 0px;
	
}
#photo_produit p{
	position: absolute;
	top: 174px;
	left: 8px;
	color: #fff;
	font-weight: bold;
	padding-right: 5px;
	text-align:left;
	/*margin: 10px 0px 0px 0px;*/
}

#galerie{
	display: block;
	width: 732px;
	380px;
}


/*** gammes **/

#cadre_gamme{
	position: relative;
	display: block;
	float: left;
	width: 166px;
	height: 212px;
	background: url(images/fond_photo_prod.gif);
	margin: 10px 15px 20px 20px;
	/*border: #00f solid 1px;*/
	text-align: center;
}

#titre_gamme{
	position: absolute;
	top: 174px;
	left: 8px;
	color: #fff;
	font-weight: bold;
	font-size:12px;
	padding-right: 5px;
	text-align:left;
	/*margin: 10px 0px 0px 0px;*/
}

#liste_categories_gamme {
	position: absolute;
	top: 10px;
	padding: 5px;
	right: 5px;
	color: #fff;
	font-weight: bold;
	text-align:left;
	width:150px;
}
#categorie_gamme {
	padding-left: 5px;
	display: block;
	margin:-10px;
	width:150px;
}

.texte_vert_gras{
	color: #77a900;
	font-weight: bold;
}


/************ ajout 30/10/07 - pour rubriques catalogue ******************/
#big_rubrik{
	position: relative;
	display: block;
	width: 176px;
	height: 446px;
	float: left;
	padding: 0px 0px 0px 0px;
	background: url(images/fond_big_rubrik.gif) no-repeat bottom;
	margin: 0px 5px 0px 0px;
	/*border: #f00 solid 1px;*/
}

#big_rubrik h1{
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 20px 0px 0px 8px;
}

#big_rubri_menu {
	position: absolute;
	top: 72px;
	left: 5px;
	width: 165px;
	height: 273px;
	padding: 3px 0px 0px 0px;
	overflow: auto;
	/*border: #00f solid 1px;*/
	
	/** scrolls **/
	/*couleur principal*/
	scrollbar-face-color: #fff;
	/*fleches*/
	scrollbar-arrow-color: #000000;
	/* ombre gauche*/
	scrollbar-3dlight-color: #fff;
	/* ombre droite*/
	scrollbar-darkshadow-color: #fff;
	/* fond */
	scrollbar-track-color: #fff;	
	
}

#big_rubri_menu a{
	font-size: 11px;
	display: block;
	color: #586831;
	font-weight: bold;
	background: url(images/fond_big_rebrik_off.gif) repeat-y;
	padding: 0px 4px 5px 15px;
	margin: 3px 0px 0px 6px;
	border: #FFFFFF solid 1px;
}

#big_rubri_menu a:hover{
	color: #86be00;
	background: url(images/fond_big_rebrik_on.gif) repeat-y;
}

/*******  accueil  6/12/07 *******/
/*
#index{
position: relative;
	min-height: 100%;
}

*html #index{
	height: 100%;
}

#index_ligne_noire_haut{
	background: #000;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 17px;
	z-index: 2;
}

#index_ligne_noire_bas{
	background: #000;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 17px;
	text-align:right;
	font-size:11px;
}

#index_conteneur{
	position: absolute;
	bottom: 17px;
	left: 50%;
	width: 930px;
	height: 577px;
	margin: 0px 0px 0px -465px;
	background: url(images/index.jpg);
}

#index_menu{
	position: absolute;
	right: 520px;
	top: 110px;
}

#index_menu a{
	text-align: right;
	display: block;
	font-weight: bold;
	font-size: 16px;
	color: #000;
	padding: 0px 4px 3px 0px;
	margin: 0px 0px 2px 0px;
	border-right: solid 2px;
}

#index_edito{
	position: absolute;
	width: 257px;
	height: 258px;
	left: 150px;
	bottom: 0px;
	overflow: auto;
}

#index_edito p{
	text-align: justify;
	margin: 10px 0px 0px 0px;
}

.index_autographe{
	margin: 10px 0px 0px 0px;
}

#index_flash{
	position: absolute;
	width: 287px;
	height: 293px;
	left: 614px;
	top: 49px;
}
*/
#index{
  position: relative;
	/*min-height: 100%;*/
	
}

*html #index{
	height: 100%;
}
#index_ligne_noire_haut{
	background: #000;
	position: fixed;
  width: 100%;
	height: 17px;
	z-index: 2;
}

#index_ligne_noire_bas{
	background: #000;
	position: fixed;
	bottom: -1px;
	width: 100%;
	height: 17px;
	text-align:right;
	font-size:11px;
	
}
#index_conteneur{
	height: 700px;
	background: url(images/index.jpg);
	background-repeat: no-repeat;
  background-position: top center;
	margin:auto;
	width:930px;
}

#index_edito{
	position: relative;
	width: 257px;
	height: 258px;
	left:150px;
	float:left;
	overflow: auto;
	margin-left:0px;
	margin-top:20px;
}

#index_edito p{
	text-align: justify;
	margin: 10px 0px 0px 0px;
}

.index_autographe{
	margin: 10px 0px 0px 0px;
}

#index_menu{
	position: relative;
	top: 110px;
	width:400px;
	float:left;
}

#index_menu a{
	text-align: right;
	display: block;
	font-weight: bold;
	font-size: 16px;
	color: #000;
	padding: 0px 4px 3px 0px;
	margin: 0px 0px 2px 0px;
	border-right: solid 2px;
}

#index_flash{
	position: relative;
  width: 287px;
	height: 293px;
	float:left;
	margin-left:214px;
	top:49px;
}