html, body
{
	height: 100%;
	background-color : #FFF;
	margin:0px;
	padding:0px;
}

H1{ display:inline; }
H2{ display:inline; }
P{ display:inline; }

img{ border:0; }

#div_principal
{
	background-image : URL("imgs/b001.jpg");
	background-repeat:repeat-y;
	position:absolute;
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	border:0px solid #CC0000;
}
/* -- pris en compte simplement par IE6 -- */
*html #div_principal
{
	height:100%;
}
#div_haut
{
	background-image : URL("imgs/duplichaut.gif");
	background-repeat:repeat-x;
	position:relative;
	margin:0px;
	padding:0px;
	width:100%;
	height:225px;
	border:0px solid #CC0000;
}
#div_banniere
{
	position:relative;
	margin:0px;
	padding:0px;
	width:980px;
	height:225px;
	border:0px solid #000;
}
#div_contenu
{
	background-image : URL("imgs/menu.jpg");
	background-repeat:no-repeat;
	position:relative;
	margin:0px;
	padding:0px;
	width:985px;
	height:auto;
	min-height:516px;
	border:0px solid #CC0000;
}
/* -- pris en compte simplement par IE6 -- */
*html #div_contenu
{
	height:516px;
}
/* ------ DIV CONTENU  ------ */
#contenu_gauche
{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:232px;
	height:516px;
	border:0px solid #000;
}
#contenu_droite
{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:748px;
	height:auto;
	border:0px solid #FF0000;
}
#contenu_droite_haut
{
	background-image : URL("imgs/txt1.png");
	background-repeat:no-repeat;
	position:relative;
	margin:0px;
	margin-top:24px;
	padding:0px;
	width:748px;
	height:23px;
	border:0px solid #000;
}
/* -- pris en compte simplement par IE6 -- */
*html #contenu_droite_haut
{
	/* --- gestion de la transparence et de l'opacité d'une image en PNG sous IE -- */
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/txt1.png', sizingMethod='scale');
	zoom: 1;
}
#contenu_droite_milieu
{
	background-image : URL("imgs/txt2.png");
	background-repeat:repeat;
	position:relative;
	margin:0px;
	padding:0px;
	width:748px;
	height:auto;
	min-height:290px;
	border:0px solid #000;
}
/* -- pris en compte simplement par IE6 -- */
*html #contenu_droite_milieu
{
	height:290px;
	background-image : URL("imgs/txt2.gif");
	background-repeat:repeat;
}
/*
a, input, table, tr, td
{
	position: relative;
	z-index:1;
}*/
#contenu_droite_bas
{
	background-image : URL("imgs/txt3.png");
	background-repeat:no-repeat;
	position:relative;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
	width:748px;
	height:84px;
	border:0px solid #FF0000;
}
/* -- pris en compte simplement par IE6 -- */
*html #contenu_droite_bas
{
	/* --- gestion de la transparence et de l'opacité d'une image en PNG sous IE -- */
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/txt3.png', sizingMethod='scale');
	zoom: 1;
}
/* ------ FIN DIV DE CONTENU ------ */


/* ------ DIV DIVERSE ----- */
#menu /* -- positionnement du menu colonne gauche (catalogue) -- */
{
	position:relative;
	width:120px;
	height:330px;
	margin-top:75px;
	margin-left:73px;
	border:0px solid #FFF;
	text-align:center;
}
#flash_blog /* -- positionnement du menu colonne gauche (catalogue) -- */
{
	position:relative;
	width:120px;
	height:95px;
	margin-top:15px;
	margin-left:73px;
	border:0px solid #CC0000;
	text-align:center;
}

#contenu /* -- positionnement du contenu interieur -- */
{
	position:relative;
	overflow:hidden;
	width:655px;
	height:auto;
	margin:0px;
	margin-left:50px;
	text-align:left;
	border:0px solid #000;
}
#contenu_col_gauche /* -- positionnement du contenu interieur, partie colonne de gauche, là ou se trouve le contenu principal -- */
{
	position:relative;
	float:left;
	width:470px;
	height:auto;
	margin:0px;
	border:1px solid #e9eae2;
	text-align:left;
	/*z-index:100;*/
}
/* --- TOUTE LA PARTIE MISE EN PAGE pour la partie du CONTENU_COL_GAUCHE -- */
#contenu_col_gauche_haut
{
	position:relative;
	width:450px;
	margin-left:10px;
	margin-top:10px;
	height:auto;
	overflow:hidden;
	border:0px solid #000;
}
#contenu_col_gauche_haut_VERT
{
	position:relative;
	background-color:#006800;
	width:450px;
	margin-left:10px;
	margin-top:10px;
	padding-left:5px;
	height:auto;
	overflow:hidden;
	border:0px solid #000;
}
#contenu_col_gauche_img
{
	float:left;
	width:122px;
	margin-left:10px;
	height:auto;
	overflow:hidden;
	border:0px solid #CC0000;
}
/* -- pris en compte simplement par IE6 -- */
*html #contenu_col_gauche_img
{
	margin:0px;
	padding-left:10px;
}
#contenu_col_gauche_texte
{
	float:left;
	margin-left:10px;
	margin-right:10px;
	height:auto;
	overflow:hidden;
	text-align:justify;
	/*z-index:1000;*/
	border:0px solid #CC0000;
}
#contenu_col_gauche_texte_right
{
	float:right;
	margin:0px;
	height:auto;
	overflow:hidden;
	text-align:justify;
	/*z-index:1000;*/
	border:0px solid #CC0000;
}
/* -- pris en compte simplement par IE6 -- */
*html #contenu_col_gauche_texte
{
	margin:0px;
	padding-left:10px;
}
#contenu_col_gauche_element
{
	position:relative;
	width:445px;
	margin-left:0px;
	margin-top:10px;
	height:auto;
	overflow:hidden;
	border:0px solid #000;
}
/* --- TOUTE LA PARTIE MISE EN PAGE pour la partie du CONTENU_COL_GAUCHE -- */
#contenu_conteneur_col_droite
{
	float:left;
	position:relative;
	height:auto;
	width:180px;
	overflow:hidden;
	border:0px solid #CC0000;
}
#contenu_col_droite /* -- positionnement du contenu interieur, partie colonne de gauche, là ou se trouve le contenu principal -- */
{
	position:relative;
	width:150px;
	height:auto;
	margin:0px;
	margin-left:26px;
	border:1px solid #e9eae2;
	text-align:left;
}
/* --- TOUTE LA PARTIE MISE EN PAGE pour la partie du CONTENU_COL_DROITE -- */
#contenu_col_droite_haut
{
	position:relative;
	width:130px;
	margin-left:10px;
	margin-top:10px;
	height:auto;
	overflow:hidden;
	border:0px solid #CC0000;
}
/* -- pris en compte simplement par IE6 -- */
*html #contenu_col_droite_haut
{
	margin:0px;
	padding-left:10px;
}
#contenu_col_droite_texte
{
	margin-left:10px;
	margin-right:10px;
	width:130px;
	height:auto;
	overflow:hidden;
	text-align:justify;
	border:0px solid #CC0000;
}
*html #contenu_col_droite_texte
{
	margin:0px;
	padding-left:10px;
}
#contenu_col_droite_img
{
	position:relative;
	width:153px;
	height:auto;
	margin:0px;
	margin-top:20px;
	margin-left:26px;
	margin-right:10px;
	overflow:hidden;
	border:0px solid #CC0000;
}
*html #contenu_col_droite_img
{
	margin:0px;
	padding-top:20px;
	padding-left:26px;
}
/* --- TOUTE LA PARTIE MISE EN PAGE pour la partie du CONTENU_COL_GAUCHE -- */

/* ------ FIN DIV DIVERSE ----- */


/* --------------- TYPO ------------ */
/* -- Typo vert pour le menu colonne de gauche (catalogue) --*/
.titre_vert
{
	color:#006c00;
	FONT:14px Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
}
.titre_ligne_VERT
{
	color:#FFF;
	FONT:14px Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
}
/* -- Typo LIEN blanche pour le  menu colonne de gauche (catalogue) -- */
a.lien_cat:link 
{
	color:#FFF;
	FONT:12px Times, Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	line-height:15px;
}
a.lien_cat:visited 
{
	color:#FFF;
	FONT:12px Times, Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	line-height:15px;
}
a.lien_cat:active 
{
	color:#FFF;
	FONT:12px Times, Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	line-height:15px;
}
a.lien_cat:hover
 {
	color:#006800;
	FONT:12px Times, Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	line-height:15px;
}
/* -- Typo pour les titres des articles, balise H1 --*/
.titre
{
	color:#414141;
	FONT:14px Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
}
.titre_2
{
	color:#fa9803;
	FONT:11px Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
}
/* -- Typo pour le texte classique du site -- */
.texte{
	color:#6f6f6f;
	FONT:12px Arial, Verdana, Helvetica, sans-serif;
	text-align:justify;
}
/* --------------- FIN TYPO ------------ */

.format{
	background-color:#8fa040;
	color:#ffffff;
	FONT:12px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
}
.quantite{
	background-color:#b4cc50;
	color:#ffffff;
	FONT:12px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
}
.prix{
	background-color:#eeeeee;
	color:#000;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
}
.prix_blanc{
	background-color:#fff;
}
.prixpetit{
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
}
.texte_bleu{
	color:#44bcca;
	FONT:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.texte_petit{
	color:#000000;
	FONT:8px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-weight:bold;
}
.texte_nonaligne{
	color:#458f74;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
}
.texteblanc{
	color:#FFFFFF;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}
.textenoir{
	color:#000000;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}
.textegrosblanc{
	color:#FFFFFF;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
.vertfonce{
	color:#146135;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
.rouge{
	color:#CC0000;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
}
.blanc{
	color:#FFF;
	FONT:9px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*letter-spacing:-0.5px;*/
}
.texte_gros{
	color:#000000;
	FONT:13px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-weight:bold;
}
#livraison
{
	display:none;
}
#relaiscolis
{
	display:none;
}
#relaiscolis_block
{
	display:block;
}

a.prixtab:link 
{
	background-color:#eeeeee;
	color:#000;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	cursor:hand;
	width:100%;height:28px;line-height:28px;border:0px solid #000;margin:auto;
	display:block;
	z-index:1;
}
a.prixtab:visited 
{
	background-color:#eeeeee;
	color:#000;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	cursor:hand;
	width:100%;height:28px;line-height:28px;border:0px solid #000;margin:auto;
	display:block;
	z-index:1;
}
a.prixtab:active 
{
	background-color:#eeeeee;
	color:#000;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	cursor:hand;
	width:100%;height:28px;line-height:28px;border:0px solid #000;margin:auto;
	display:block;
	z-index:1;
}
a.prixtab:hover
 {
 	background-color:#495621;
	color:#FFF;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	cursor:hand;
	width:100%;height:28px;line-height:28px;border:0px solid #000;margin:auto;
	display:block;
	z-index:1;
}

/* -------------------- */
a.lien_souligne:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold;text-decoration: underline  ;
}
a.lien_souligne:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold;text-decoration: underline  ;
}
a.lien_souligne:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold;text-decoration: underline  ;
}
a.lien_souligne:hover
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold;text-decoration: underline  ;
}

a.vert_clair:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cfe578; font-weight: bold;text-decoration: underline  ;
}
a.vert_clair:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cfe578; font-weight: bold;text-decoration: underline  ;
}
a.vert_clair:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cfe578; font-weight: bold;text-decoration: underline  ;
}
a.vert_clair:hover
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #146135; font-weight: bold;text-decoration: underline  ;
}

a.lien_vert_clair:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #006800; font-weight: bold;text-decoration: underline  ;
}
a.lien_vert_clair:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #006800; font-weight: bold;text-decoration: underline  ;
}
a.lien_vert_clair:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #006800; font-weight: bold;text-decoration: underline  ;
}
a.lien_vert_clair:hover
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #006800; font-weight: bold;text-decoration: underline  ;
}

a.lien_relais:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal;text-decoration: none ;
}
a.lien_relais:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  11px; color: #000000; font-weight: normal;text-decoration: none ;
}
a.lien_relais:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  11px; color: #000000; font-weight: normal;text-decoration: none ;
}
a.lien_relais:hover
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  11px; color: #000000; font-weight: bold;text-decoration: none ;
}
a.lien_relais_vert:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #015d38; font-weight: bold;text-decoration: none ;
}
a.lien_relais_vert:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  13px; color: #015d38; font-weight: bold;text-decoration: none ;
}
a.lien_relais_vert:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  13px; color: #015d38; font-weight: bold;text-decoration: none ;
}
a.lien_relais_vert:hover
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  13px; color: #015d38; font-weight: bold;text-decoration: none ;
}

a.lien_noir_souligne:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold;text-decoration: underline ;
}
a.lien_noir_souligne:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  11px; color: #000000; font-weight: bold;text-decoration: underline ;
}
a.lien_noir_souligne:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  11px; color: #000000; font-weight: bold;text-decoration: underline ;
}
a.lien_noir_souligne:hover
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  11px; color: #000000; font-weight: bold;text-decoration: underline ;
}

a:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #458f74; font-weight: bold;text-decoration: none ;
}
a:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  12px; color: #458f74; font-weight: bold;text-decoration: none ;
}
a:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  12px; color: #458f74; font-weight: bold;text-decoration: none ;
}
a:hover
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  12px; color: #146135; font-weight: bold;text-decoration: none ;
}

a.lien_sousmenu:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fa9803; font-weight: bold;text-decoration: none ;
}
a.lien_sousmenu:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  12px; color: #fa9803; font-weight: bold;text-decoration: none ;
}
a.lien_sousmenu:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  12px; color: #fa9803; font-weight: bold;text-decoration: none ;
}
a.lien_sousmenu:hover
{
 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  12px; color: #fa9803; font-weight: bold;text-decoration: none ;
}

/* ----- TABLEAU MON COMPTE ----- */
.entete_verte{
	color:#000;
	/*background-color:#015d38;*/
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
.entete_tab{
	color:#FFF;
	background-color:#015d38;
	font-weight: bold;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
.ligne_cde_attente{
	color:#FFF;
	background-color:#afd21d;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
}
.ligne_cde_valide{
	color:#FFF;
	background-color:#774f3b;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
}
.ligne_cde_refuse{
	color:#FFF;
	background-color:#CCA000;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
}

a.cde_lien:link 
{
	color:#FFF; FONT:10px Verdana, Arial, Helvetica, sans-serif; display:block;
}
a.cde_lien:visited 
{
	color:#FFF; FONT:10px Verdana, Arial, Helvetica, sans-serif; display:block;
}
a.cde_lien:active 
{
	color:#FFF; FONT:10px Verdana, Arial, Helvetica, sans-serif; display:block;
}
a.cde_lien:hover
 {
 	color:#FFF; FONT:10px Verdana, Arial, Helvetica, sans-serif; display:block;
}

/* ----------- LIEN POUR LA PARTIE DE DROITE SERVANT NOTAMMENT POUR LE REFERENCEMENT ---------- */
a.lien_ref_blanc:link 
{
	color:#FFF; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}
a.lien_ref_blanc:visited 
{
	color:#FFF; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}
a.lien_ref_blanc:active 
{
	color:#FFF; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}
a.lien_ref_blanc:hover
 {
 	color:#FFF; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}
a.lien_ref_vert:link 
{
	color:#458f74; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}
a.lien_ref_vert:visited 
{
	color:#458f74; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}
a.lien_ref_vert:active 
{
	color:#458f74; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}
a.lien_ref_vert:hover
 {
 	color:#458f74; FONT:14px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: bold;
}