html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(images/fond_site.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #58542b;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #58542b;
}

/************ bloc global permet le 100% vertical **************/
#page{
	position: relative;
	min-height: 100%;
	background: url(images/fond_site.jpg) no-repeat  bottom left;
	/*border: #FF0000 solid 1px;*/
}
*html #page{
	height: 100%;
}
/************ contenu *************/

#contenu{
	position: relative;
	width: 849px;
	margin: 0 auto;
	/*padding-bottom: 35px;*/
	/*border: #0f0 solid 1px;*/
}

/************ header **************/
#header{
	background: #fff url(images/fond_bann.jpg) repeat-x;
	height: 107px;
	width: 100%;
	color: #fff;
	margin: 15px 0px 5px 0px;
}

#menu_ho{
	position: absolute;
	top: 17px;
	right: 60px;
}

#menu_ho a{
	margin: 0;
	padding: 0px 0px 8px 0px;
	display: block;
}

*html #menu_ho{
	top: 27px;
}

.separator{
	margin: 0px 0px 0px 20px;
	padding: 5px 0px 5px 0px;
}

*html .separator{
	margin: 0px 0px 05px 20px;
	padding: 5px 0px 5px 0px;
}

#bann{
	/*margin-bottom: 5px;*/
}

/************ menu **************/
.menu_go{
	padding: 5px 2px 5px 0px;
	float: left;
	display: inline;
}
/************ big bloc **************/

.big_bloc{
	position: relative;
	background: #fff url(images/bloc_cont_fond.jpg) repeat-y;
	/*border: #f0f solid 1px;*/
	margin: 0px 0px 0px 0px;
	font-size: 11;
	text-align: justify;
	padding: 0px 15px 30px 15px;
	width: 819px;
	/*min-height: 300px;*/
}
*html .big_bloc{
	height: 300px;
}

#big_bloc_img_bas{
	font-size: 10px;
	position: absolute;
	bottom: -1px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 8px 15px 0px 15px;
	background: url(images/bloc_cont_bas.jpg);
	height: 21px;
	width: 819px;
}
#big_bloc_img_bas a{
	text-decoration: none;
	color:#c3c3c3;
}

#big_bloc_img_bas a:hover{
	color:#788a56;
}

.big_bloc_img_ho{
	margin: 0px -15px 0px -15px;
	
}
/*************/
.spacer{
	clear: both;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	
}


/* Ajout du 26/09/07
/************ blac catalogue  ************/

h1 {
	font-size: 11px;
}

.bloc_cata{
	float: left;
	background: url(images/bloc_cata_fond.jpg) repeat-y;
	width: 338px;
	padding: 0px 15px 0px 15px;
	margin: 10px 0px 0px 25px;
	/*border: #00FF00 solid 1px;*/
}

*html .bloc_cata{
	padding: 0px 15px 0px 15px;
	margin: 10px 13px 0px 13px;
}

.img_cata_haut{
	margin: 0px -15px 10px -15px;
}

.img_cata_bas{
	margin: 3px -15px -1px -15px;

}

.cata_img{
	float: left;
	margin: 0px 8px 0px 0px;
}

.titre_cata{
	font-size: 11px;
	color: #87b82d;
	margin: 0px 0px 0px 1px;
}

.cata_descript{
	text-align: justify;
	margin: 8px 0px 5px 1px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
}

*html .cata_descript{
	margin: 8px -25px 5px 1px;
}

.cata_descript2{
	text-align: justify;
	margin: 8px 0px 5px 1px;
	padding: 0px 0px 0px 0px;
	height: 84px;
	overflow: hidden;
	font-size: 11px;
}

*html .cata_descript2{
	margin: 8px -25px 5px 1px;
}

.cata_prix{
	text-align:right;
	clear:both;
	display: block;
	color: #65794a;
	font-weight: bold;
	margin: 3px 0px 3px 1px;
	font-size: 11px;
}
*html .cata_prix{
	margin: 0px -25px 0px 0px;
}

.cata_savoir{
	text-align:right;
	clear:both;
	color: #87b82d;
	font-weight: bold;
	display: block;
	font-size: 11px;
}

.cata_savoir:hover{
	color: #80e300;
}
*html .cata_savoir{
	margin: 0px -25px 0px 0px;
}

.titre{
	font-size: 12px;
	color: #74a41c;
	border-bottom: #65794a 1px dotted;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	margin: 0px 32px 0px 28px;
	padding: 15px 20px 0px 0px;
/*	float: left;*/
	clear: both;
}
*html .titre{
	margin: 10px 4px 5px 28px;
}

/************ actualités + autres *************/



.titre_act{
	font-size: 12px;
	color: #74a41c;
	border-bottom: #65794a 1px dotted;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	margin: 0px 32px 0px 28px;
	padding: 15px 20px 0px 0px;
/*	float: left;*/
	clear: both;
}
*html .titre_act{
	margin: 10px 4px 5px 28px;
}

.date_act{
	font-size: 11px;
	color: #74a41c;
	float: right;
	margin: -15px 30px 0px 0px;
	/*border: #65794a 1px solid;*/
}

*html .date_act{
	margin: -20px 0px 0px 0px;
}

.description_act{
	font-size: 11px;
	margin: 6px 32px 15px 28px;
	text-align: justify;
}

*html .description_act{
	margin: 6px 0px 15px 28px;
}

.suite_act{
	font-size: 11px;
	margin: 0px 0px 6px 28px;
	text-align: left;
}

*html .suite_act{
	margin: 0px 0px 6px 28px;
}

/************ detail produit  ************/

.colonne_photo{
	float: left;
	/*border: #65794a 1px solid;*/
	/*margin: 15px 0px 0px 20px;*/
	padding:  15px 0px 0px 20px;
	/*border: #f00 1px solid;*/
	/*display: block;*/
}
*html .colonne_photo{
	margin: 0px 4px 0px 0px;
}

.colonne_details{
	float: left;
	width: 620px;
	border-left: #65794a 1px dotted;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	/*border: #0f0 1px solid;*/
}

select, input, textarea{
	font-size: 10px;
	color: #65794a;
	font-weight:bold;
	background: #fafaf9;
	border: #cfcfcf solid 1px; 
}


input.nom{
  text-transform: uppercase;
	font-size: 10px;
	color: #65794a;
	font-weight:bold;
	background: #fafaf9;
	border: #cfcfcf solid 1px; 
}


input.prenom{
  text-transform: capitalize;
	font-size: 10px;
	color: #65794a;
	font-weight:bold;
	background: #fafaf9;
	border: #cfcfcf solid 1px; 
}


input.commande{
	color: #65794a;
	background: 87b82d;
	border: #0f0 solid 0px; 
}

.titre_details{
	font-size: 11px;
	color: #87b82d;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 1px;
}

.commander{
	display: block;
	width: 102px;
	height: 22px;
	background: url(images/bout_commander_off.gif);
	border: 0px;
	margin: 10px 0px 10px 0px;
}

.commander:hover{
	background: url(images/bout_commander_on.gif);
}

.ajout{
	display: block;
	width: 132px;
	height: 22px;
	background: url(images/bout_ajout_off.gif);
	border: 0px;
	margin: 10px 0px 10px 0px;
}

.ajout:hover{
	background: url(images/bout_ajout_on.gif);
}

.ajout_verrou{
	background: url(images/bout_ajout_verrou.gif);
}

.ajout2{
	display: block;
	width: 132px;
	height: 22px;
	background: url(images/bout_ajout_verrou.gif);
	margin: 10px 0px 10px 0px;
}

.details_prix{
	color: #fff;
	font-weight: bold;
	background: url(images/fond_prix.gif) no-repeat;
	display: block;
	width: 157px;
	height: 22px;
	padding: 4px 0px 0px 0px;
	text-align: center;

}

/************ galerie  ************/

.imageSelect{
	position: relative;
	float: right;
	text-align: right;
  padding: 0px 35px 0px 0px;
	/** /
  border: #f0f solid 1px;
	/**/
}
*html .imageSelect{
  padding: 0px 20px 0px 0px;
}

.imgSelect{
  border: #87b82d solid 2px;
	/**/
}

.cadreVert{
  border: #87b82d solid 2px;
	/**/
}

.galerie{
	position: relative;
	width: 555px;
	background: url(images/bloc_gal_fond.gif);
	padding: 0px 15px 20px 15px;
	/*display: block;*/
	/*border: #f0f solid 1px;*/
	
}

.gal_img_haut{
	margin: 0px -15px 0px -15px;
}

.gal_img_bas{
	position: absolute;
	bottom: -1px;
	left: 0px;
	margin: -20px 0px 0px 0px;
}

.gal_img{
	float: center;
	border: 0px;
	/*padding: 8px 0px 0px 8px;*/
	
}

.bloc_gal_img{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	float: left;
	text-align: center;
	/*border: #f0f solid 1px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	width: 111px;
	height: 115px;
}


/************ accueil  ************/

.valid{
  text-align: center;
	color: #87b82d;
	font-weight: bold;
	font-size: 12;
	/*border: #0f0 1px solid;*/
}

.fondVert
{
  background: #87b82d;
  border: 0px;
}

.error{
  text-align: center;
	color: #c72d2d;
	font-weight: bold;
	font-size: 12;
	/*border: #0f0 1px solid;*/
}

.texte_accueil_vert{
	color: #87b82d;
	font-weight: bold;
	float: left;
	margin: 0;
	width: 350PX;
	font-size: 11;
	padding: 0px 0px 0px 8px;
	/*border: #0f0 1px solid;*/
}

.texte_accueil{
	margin: 0;
	width: 350PX;
	padding: 0px 0px 20px 30px;
	text-align: justify;
	clear: left;
	font-size: 11;
	/*border: #0f0 1px solid;*/
}

.bloc_cat_global{
	width:418px;
	float:right;
	/*border: #f00 1px solid;*/
}


.bloc_cat_accueil{
	/*position:relative;*/
	background: url(images/fond_cat_accueil.gif);
	width: 168px;
	height: 168px;
	/*border: #0f0 1px solid;*/
	float: left;
	margin: 0px 0px 12px 12px;
	color: #87b82d;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}

*html .bloc_cat_accueil{
	width: 190px;
	height: 190px;
}

.bloc_cat_accueil img{
	/*position:absolute;*/
	padding: 8px 0px 0px 0px;
	/*border: #0f0 1px solid;*/
	clear: both;
}


.recherche{
	padding: 2px 0px 0px 0px;
	display: inline;
	float: right;
}

.recherche img{
	padding: O;
	vertical-align: middle;
}

.recherche input{
 font-weight: lighter;
 vertical-align: middle;
}
*html .recherche input{
 	margin: -1px 0px 0px 0px;
}

.bouton{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: url(images/fond_bouton.gif) no-repeat;
	display: block;
	width: 128px;
	height: 22px;
	text-align:center;
	padding: 4px 0px 0px 0px;
}

.bouton:hover{
	color: #2a4801;
}

.bouton2{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: url(images/fond_prix.gif) no-repeat;
	display: block;
	width: 157px;
	height: 22px;
	text-align:center;
	border: 0px;
	padding: 0px 0px 0px 0px;
}

.bouton2:hover{
	color: #2a4801;
}

.bouton3{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: url(images/fond_prix.gif) no-repeat;
	display: block;
	width: 157px;
	height: 22px;
	text-align:center;
	border: 0px;
	padding: 4px 0px 0px 0px;
}

.bouton3:hover{
	color: #2a4801;
}

.bouton_nain{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: url(images/fond_bouton_nain.gif) no-repeat;
	display: block;
	width: 30px;
	height: 22px;
	text-align:center;
	border: 0px;
	padding: 0px 2px 2px 0px;
}

.bouton_nain:hover{
	color: #2a4801;
}

.titre_coor{
	font-size: 12px;
	color: #87b82d;
	margin: 0px 0px 0px 1px;
	text-align: left;
}

*html
/*
* {
 margin: 0;
 padding: 0px;
}
*/