body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #32580B;
	background: #fff url(/images/fond_body.jpg) repeat-x 0px 0px scroll;
}

form {
	margin: 0;
}

a {
	text-decoration: none;
}




/***************************
   	Divers - mise en page
/***************************/

.fin {
	clear: both;
}
.fintoutfin {
	clear: both;
	line-height: 1px;
	height: 1px;
}

.PalignR {
	text-align: right;
}
.PalignJ {
	text-align: justify;
}



/*********************
	IMG & ILLUS	
*********************/

img {
	border: 0;
}

.alignG {
	float: left;
	margin-right: 6px;
}

.alignD {
	float: right;
	margin-left: 6px;
}

.cadre1 {
	padding: 4px;
	border: 1px solid #000;
}

.marge1{
	margin: 10px;
}

.lignSimpl {
	clear: both;
	margin: 5px 0px;
	padding: 0px;
	line-height: 2px;
	background: #e3d4b5;
}
.lignDashed {
	clear: both;
	margin: 5px 0px;
	padding: 5px;
	line-height: 1px;
	height: 1px;
	border: 0;
	border-bottom: 1px dashed #fff;
}


/***************************
	TITRES & TEXTES
***************************/

.titre-1 {
	color: #efe;
	font-size: 20px;
	font-family: "Trebuchet MS",  Arial, serif;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 30px;
	background: url(/images/fond_navPage.gif) no-repeat center top scroll;
}
.titre-1 a{
	color: #fb3;
}
.titre-1 a:hover{
	color: #fda;
}

.titre-page {
	margin: 5px 0px 10px;
	color: #fb3;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	background: url(/images/fond_titre-page.gif) repeat-x left bottom scroll;
}
.titre-page:first-letter {
	font-size: 1.4em;
}
.titre-page2 {
	margin: 15px 0px 5px;
	color: #036;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	border-bottom: 1px dotted #036;
}
.titre-page2:first-letter {
	font-size: 1.4em;
}

.comment {
	margin : 10px;
	font-size: 0.9em;
	color: #777;
	font-style: italic;
}
.comment a{
	color: #579;
}
.comment a:hover{
	color: #047;
}

.lien-1 {
	color: #32580B;
}
.lien-1:hover {
	color: #c90;
}

.lienColGauche {
	text-align: right;
	padding: 1px 4px;
}
.lienColGauche a{
	color: #32580B;
}
.lienColGauche a:hover {
	color: #c90;
}

/********************************
STRUCTURE GENERALE	
********************************/

#generale {
	width: 955px;
	margin: 0 auto;
	padding: 0px 16px;
	background: url(/images/fond_generale.gif) repeat-y center top scroll;
}

#colGauche {
	float: left;
	width: 200px;
	padding: 0px 9px 26px 0px;
	background: url(/images/fond_colGauche.gif) no-repeat left bottom scroll;
}
#colGrande {
	float: left;
	width: 732px;
}
#colCentre {
	float: left;
	width: 536px;
}
#colDroite {
	float: left;
	width: 200px;
	padding: 0px 0px 26px 9px;
	background: url(/images/fond_colDroite.gif) no-repeat right bottom scroll;
}

#navPage {
	color: #c30;
	font-size: 13px;
	font-family: "Trebuchet MS",  Arial, serif;
	font-weight: bold;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 20px;
	line-height: 14px;
	background: url(/images/puce-plus-2.gif) no-repeat 0px 0px scroll;
}
#navPage a{
	color: #32580B;
	font-size: 11px;
}
#navPage a:hover{
	color: #c30;
}

/**********************
		HAUT 	
*********************/

#haut {
	width: 955px;
	height: 130px;
	position: relative;
	background: url(/images/fond_haut.gif) no-repeat center top scroll;
}

#logo {
	position: absolute;
	top: 9px;
	left: 30px;
}

#navHaut {
	position: absolute;
	bottom: 14px;
	right: 14px;
	text-align: right;
	font-size: 10px;
	text-transform: uppercase;
	color: #555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#navHaut a{
	padding: 0px 8px;
	color: #555;
}
#navHaut a:hover , #navHaut a.btNH-actif{
	color: #390;
}


/**********************
		BAS		
*********************/

#bas {
	clear:both;
	padding: 16px 0px 30px;
}
#navBas {
	clear:both;
	padding: 10px;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	color: #444;
}
#navBas a{
	color: #444;
	padding: 4px;
}
#navBas a:hover{
	color: #f90;
}

address {
	clear: both;
	margin: 0px 0px 10px 150px;
	padding: 30px 0px;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #000;
}
address a{
	color: #000;
}
address a:hover{
	color: #c30;
}
address p {
	text-align: left;
	float: left;
	width: 150px;
	border-left: 1px solid #000;
	margin: 0px;
	margin-left: 10px;
	padding-left: 10px;
}
address p.addRaison {
	line-height: 2em;
	width: 150px;
	border-left: 0;
	font-size: 17px;
	font-family: Tahoma, serif;
}
address p.addTel {
	width: 110px;
}


/*    	    TT 	        */

#siteWeb{
	padding: 10px;
	text-align: center;
}
#siteWeb a {
	color: #444;
	font-size: 10px;
	text-decoration: none;
	
}
#siteWeb a:hover {
	color: #000;
	text-decoration: none;
}


/************************
  	   COLONNES	     
************************/

.titre-colGauche , .titre-colDroite {
	margin: 16px 0px 0px;
	color: #fff;
	line-height: 24px;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
}
.titre-colGauche:first-letter , .titre-colDroite:first-letter {
	font-size: 1.2em;
}
.titre-colGauche {
	text-align: left;
	padding: 0px 0px 0px 20px;
	background: url(/images/fond_titre-colGauche.gif) no-repeat 0px 0px scroll;
}
.titre-colDroite {
	text-align: right;
	padding: 0px 20px 0px 0px;
	background: url(/images/fond_titre-colDroite.gif) no-repeat 0px 0px scroll;
}
.zone-1 {
	margin: 4px 0px 4px;
	padding: 0px 0px 0px;
	border: 2px solid #fff;
	background: #DFEED9;
}
.zone-2 {
	margin: 0px 0px 0px;
	padding: 5px 10px 7px;
	border: 1px solid #056;
	background: #fff;
}

.titre-col1 {
	margin: 10px 0px 10px;
	color: #fff;
	line-height: 24px;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	text-align: right;
}
.titre-col1:first-letter {
	font-size: 1.1em;
}

/*  	   Moteur de recherche & Accès client     */

form#tableLogin  {
	padding: 0px 10px 0px 10px;
}
fieldset#fieldLogin {
	position: relative;
	width: 160px;
	margin: 0 auto;
	border: 0;
	border-top: 4px solid #325908;
	border-bottom: 4px solid #325908;
}
input.bt_ok1 {
	position: absolute;
	bottom: 5px;
	right: 12px;
}

input.entree1 {
	border: 1px solid #88A370;
	width: 113px;
	height: 15px;
	margin: 5px 0px 2px 7px;
	padding: 0px 0px 0px 2px;
	color: #88A370;
	font-size: 11px;
}
input.entree2 {
	border: 1px solid #88A370;
	width: 113px;
	height: 15px;
	margin: 2px 0px 5px 7px;
	padding: 0px 0px 0px 2px;
	color: #88A370;
}

.passoubli {
	margin: 7px 0px 7px 20px;
}
.passoubli a{
	color: #325908;
	font-size: 11px;
	padding-left: 26px;
	background: url(/images/fleche-1.gif) no-repeat 0px 4px scroll;
}
.passoubli a:hover{
	text-decoration: underline;
}

form#tableRecherche {
	padding: 4px 0px 4px 0px;
}
form#tableRecherche p{
	margin: 6px 0px;
	color: #036;
	font-size: 11px;
}
 fieldset#fieldRech {
	position: relative;
	width: 160px;
	margin: 0 auto 0;
	border: 0;
}
input.entree2 {
	border: 1px solid #88A370;
	width: 113px;
	height: 15px;
	margin: 5px 0px 2px 5px;
	padding: 0px 0px 0px 4px;
	color: #32580B;
	font-size: 11px;
}
form#tableRecherche select{
	margin: 2px 0px 5px 5px;
	padding: 0px 0px 0px 0px;
	width: 119px;
	color: #32580B;
	font-size: 11px;
 }

input.bt_ok2 {
	position: absolute;
	bottom: 3px;
	right: 12px;
}

 


/*  	   Panier     */

#monPanier {
}
.lienPanier {
	margin: 6px 0px 6px;
	padding: 0px 0px 0px 47px;
	font-size: 11px;
	line-height: 28px;
	background: url(/images/fond_panier.gif) no-repeat center center scroll;
}
.lienPanier a{
	color: #050;
}
.lienPanier a:hover{
	color: #c60;
}
.panierPrix {
	font-size: 1.1em;
	font-weight: bold;
	color: #678;	
}


/*  	  rappel des contact     */

#rapContact {
	padding: 0px 4px 4px 4px;
	color: #32580B;
	font-size: 11px;
	text-align: right;
}
#rapContact a{
	font-style: italic;
	text-decoration: underline;
	color: #32580B;
}
.jour {
	text-decoration: underline;
}

/*  	   Coups de coeur & promos     */

.unePromo {
	float: left;
	margin: 10px 0px 14px 0px;
	padding-left: 10px;
	width: 162px;
}
.promoVign {
	display: block;
	margin: 0px 0px 0px 0px;
	height: 120px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #fff;
	background: #fff;
}
.promoVign a:hover{
	border: 1px solid #f90;
}
.promoDescr {
	height: 2.8em;
	overflow: hidden;
	margin: 3px 0px 6px;
	font-size: 12px;
	font-weight: normal;
	color: #32580B;
}
.promoDescr a{
	color: #32580B;
	font-weight: bold;
}
.promoDescr a:hover{
	color: #f90;
}
.promoPrixBarre {
	margin: 0px 0px 4px;
	text-align: right;
	text-decoration: line-through;
	line-height: 1.2em;
	font-size: 11px;
}
.promoPrixBarre span {
	background: #fb0;
	padding: 0px 8px;
	text-align: right;
	text-decoration: line-through;
	color: #000;
}
.promoPrix {
	margin: 6px 0px;
	position: relative;
	height: 18px;
	line-height: 17px;
	background: url(/images/fond_prix.gif) no-repeat center top scroll;
}
.promoHT {
	position: absolute;
	top: 0px;
	left: 17px;
	color: #fff;
	font-size: 11px;
	line-height: 17px;
}
.promoTTC {
	display: inline;
	position: absolute;
	top: 2px;
	right: 3px;
	padding: 0px 1px;
	color: #060;
	font-size: 9px;
	line-height: 13px;
	background: #DFEED9;
}


/************************
    	   	CGV  	    	 
************************/

#cgv {
	padding: 0px 20px;
}
#cgv p{
	margin: 10px 0px;
	text-align: justify;
	font-size: 11px;
}
#cgv p.CGVtitre{
	margin: 10px 0px;
	text-align: left;
	font-size: 18px;
	color: #268;
}
#cgv p .CGVarticle{
	font-size: 14px;
	font-weight: bold;
}

/************************
 	   CONTACT  	     
************************/


#plan {
	display: block;
	text-align: center;
	margin: 10px 0px;
}

/*	FORMULAIRE    	 */

#message {
	width: 500px;
	margin: 0px;
	padding: 10px 0px 0px 30px;
}
fieldset.colMessage {
	float: left;
	width: 45%;
	margin: 0 4% 0 0;
	padding: 0;
	border: 0;
}
#message label {
	display: block;
	border: 1px solid #000;
	background: #fff;
	line-height: 14px;
	margin: 7px 0px 0px;
	padding: 1px 4px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}
.entree {
	background: #fff;
	line-height: 11px;
	padding: 0;
	border: 0;
	font-size: 10px;
}
.area {
	height: 50px;
	width: 100%;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#Envoyer {
	border: 1px solid #000;
	padding: 0px 6px;
	background: #fff;
	line-height: 12px;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
}
#Envoyer:hover {
	border: 1px solid #333;
	background: #e4e4e4;
	color: #000;
}
.penvoie {
	clear: both;
	margin: 0px 20px 10px 0px;
	padding: 10px 10px 0px 0px;
	text-align: right;
}



/*****************************
  RUBRIQUES ET PRODUITS  
*****************************/

/* menu produits  */


#menuLogin {
	padding: 10px 0px 20px;
}
#menuLogin a{
	display: block;
	font-size: 12px;
	line-height: 1.4em;
}


#menuProd {
	padding: 10px 0px 30px;
}
#menuProd a{
	display: block;
	font-size: 12px;
	line-height: 1.4em;
}

.MPlienRub {
	color: #036;
	margin:  10px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	background: #A4CE8F url(/images/puce-plus-1.gif) no-repeat 4px 4px scroll;
}
.MPlienRub:hover , .MPlienRub.MPactif {
	color: #e40;
	background: #b4dE9F url(/images/puce-plus.gif) no-repeat 4px 4px scroll;
}
.MPlienSousRub {
	color: #034;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 26px;
	background: url(/images/puce-carre-1.gif) no-repeat 14px 6px scroll;
}
.MPlienSousRub:hover , .MPlienSousRub.MPSactif{
	color: #e40;
	background-color: #eFfEe9;
}

/* rubriques  */

/* Produits listés par médaillon  */

.unProd {
	clear: both;
	position: relative;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	height: 140px;
}
.prodBlanc {
	background: #fff;
}
.prodVign {
	float: right;
	display: block;
	margin: 10px 5px 0px 10px;
	padding: 8px 0px 22px 0px;
	width: 160px;
	height: 100px;
	text-align: center;
	background: url(/images/fond_prodVign.gif) no-repeat 0px 0px scroll;
}
.prodNom {
	height: 1.2em;
	overflow: hidden;
	margin: 4px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: bold;
	color: #32580B;
}
.prodNom a {
	color: #32580B;
}
.prodNom a:hover {
	color: #c30;
}
.prodRef {
	margin: 8px 0px 6px;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #000;
}
.prodDescr {
	margin: 8px 0px 8px;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	height: 5em;
}
.prodDetail {
	float: left;
}
.prodPrix {
	float: left;
	margin: 3px 0px 0px 10px;
	position: relative;
	width: 160px;
	height: 18px;
	line-height: 17px;
	background: url(/images/fond_prix.gif) no-repeat center top scroll;
}
.prodHT {
	position: absolute;
	top: 0px;
	left: 17px;
	color: #fff;
	font-size: 11px;
	line-height: 17px;
}
.prodTTC {
	display: inline;
	position: absolute;
	top: 2px;
	right: 3px;
	padding: 0px 1px;
	color: #060;
	font-size: 9px;
	line-height: 13px;
	background: #DFEED9;
}



/* pagination  */

.pagination {
	clear: both;
	font-size: 10px;
	text-align: center; 
	line-height: 30px;
	margin: 4px 0px;
	color: #999;
}
.pagination a{
	padding: 1px 3px;
	color: #999;
}
.pagination span.actif{
	padding: 0px 2px;
	border: 1px solid #bbb;
	background: #fffcf6;
	color: #888;
}
.pagination a:hover{
	padding: 0px 2px;
	border: 1px solid #fff;
	background: #9C9;
	color: #fff;
}


/* fiche produit  */

#ficheTech {
	padding : 5px 20px;
	border-bottom: 1px dashed #fff;
}

#diaporama {
	float: right;
	display: block;
	margin: 10px 5px 0px 10px;
	padding: 8px 0px 22px 0px;
	width: 160px;
	height: 100px;
	overflow: hidden;
	text-align: center;
	background: url(/images/fond_prodVign.gif) no-repeat 0px 0px scroll;
}
.FTNom {
	margin: 4px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	font-weight: bold;
	color: #32580B;
}
.FTRef {
	margin: 8px 0px 6px;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #000;
}
.FTDescr {
	margin: 8px 0px 8px; 
	font-size: 11px;
	font-weight: normal;
	color: #555;
}

#tableCaddy {
	margin: 10px 10px;
	width: 510px;
	text-align: center;
}
#tableCaddy td{
	padding: 2px 4px;
}
.TCheader td{
	background: #481;
	color: #fff;
	border: 1px solid #000;
	font-size: 10px;
	text-align: center;
}
.TCcolor-1 td{
	background: #fff;
}
.TCcolor-2 td{
	background: #CCE4C2;
}
.TCref {
	font-size: 12px;
	font-weight: bold;
	color: #32580B;
}
.TCmodele {
	font-size: 10px;
	font-weight: normal;
	color: #32580B;
}
.TCprix {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #b00 !important;
}
.TCecotaxe {
	font-size: 12px;
	font-weight: bold;
	color: #b00 !important;
}

.btRetour {
	margin: 20px 0px 10px 11px;
	font-size: 11px;
	font-weight: bold;
}
.btRetour a{
	padding: 0px 10px;
	border: 3px double #fff;
	background-color: #481;
	color: #fff;
}
.btRetour a:hover{
	padding: 0px 10px;
	border: 3px double #030;
	background-color: #E5EAE4;
	color: #030;
}