p, h1, h2, h3, h4, ul, img, div {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: "Verdana", Arial, serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background: #ffffff url("styles/an/images/body-fondH2.gif") center 0 repeat-x;
}

div#page {
	width: 950px;
	margin: 0 auto;
	position:relative;
}


/*###############################
#								#
#	DIVERS						#	
#								#
#################################*/	


a {	text-decoration: none; }
img { border:0; }
.alignTop { vertical-align: text-top; }
.alignBottom { vertical-align: text-bottom; }
.alignMiddle  { vertical-align: middle; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.normal {font-weight: normal; }
.italic { font-style: italic; }
.inline { display: inline; }
.block { display: block; }
.clear { clear: both; }
.spanClear { display: block; clear: both; font-size: 1px; height: 1px; }
.floatLeft { float: left; }
.error { border: 1px solid #ff0000; }
.center { text-align: center; }
.alignCenter { text-align: center; }
.left { text-align: left; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.block { display: block; }
.inline { display: inline }
.hide{ display: none;}
.erreur{ border: solid 1px #E20E1C !important;}
.hideBordertTop{ border-top: none;}
.hideBordertBottom{ border-bottom: none;}
.hideBordertLeft{ border-left: none;}
.hideBordertRight{ border-right: none !important;}

/*********** WIDTH *******************/
.width88px{ width: 88px;}
.width70px{ width: 70px;}
.width120px{width: 120px;text-align: center;}
.width150 { width : 150px!important;}
.width300px{width: 300px;}
.maxWidth300px{max-width: 300px;}
.width480px{width: 480px;}

/************ INPUT ******************/
input.txt			{ width: 475px; background: #efefef; border: 1px solid #7a7a7a; }
select.txt		{ width: 480px; background: #efefef; border: 1px solid #7a7a7a; }
input#captcha		{ position:absolute; left:170px; top:17px; width: 200px; background: #efefef; border: 1px solid #7a7a7a; }
input.txtcourt	{ width: 235px; background: #efefef; border: 1px solid #7a7a7a; }
select.txtcourt	{ width: 235px; background: #efefef; border: 1px solid #7a7a7a; }
input.txtTable 	{width: 120px;}
select.selectMultiple{ height: 50px;}
input.inputTable	{width: 120px; text-align: center;}

/************ ESPACEMENT ************/

.paddingLR30 { padding: 0 30px; }
.paddingTB2 { padding: 2px 0; }
.paddingTB5 { padding: 5px 0; }
.paddingTB10 { padding: 10px 0; }
.paddingT10 { padding-top: 10px; }


/********** COULEURS ****************/

.color1 { color: #ffffff !important; } /* Blanc */
.color2 { color: #000000 !important; } /* Noir */
.color3 { color: #ff6600 !important; } /* Orange */
.color4 { color: #ebac07 !important; } /* Moutarde */
.color5 { color: #7e696d !important; } /* Prune */
.color6 { color: #336699 !important; } /* Bleu */
.color7 { color: #600f16 !important; } /* Marron */
.color8 { color: #009999 !important; } /* Bleu/vert */
.color9 { color: #990066 !important; } /* Violet */
.color10 { color: #333333 !important; } /* Gris */
.color11 { color: #cc0000 !important; } /* Rouge */

.border1 { border-bottom: solid 6px #ffffff !important; } /* Blanc */
.border2 { border-bottom: solid 6px #000000 !important; } /* Noir */
.border3 { border-bottom: solid 6px #ff6600 !important; } /* Orange */
.border4 { border-bottom: solid 6px #ebac07 !important; } /* Moutarde */
.border5 { border-bottom: solid 6px #7e696d !important; } /* Prune */
.border6 { border-bottom: solid 6px #336699 !important; } /* Bleu */
.border7 { border-bottom: solid 6px #600f16 !important; } /* Marron */
.border8 { border-bottom: solid 6px #009999 !important; } /* Bleu/vert */
.border9 { border-bottom: solid 6px #990066 !important; } /* Violet */
.border10 { border-bottom: solid 6px #333333 !important; } /* Gris */
.border11 { border-bottom: solid 6px #cc0000 !important; } /* Rouge */


/*###############################
#								#
#	HAUT						#	
#								#
###############################*/	

div#haut {
	position: relative;
	width: 950px;
	height: 255px;
	background: url("/images/haut-fond.jpg") 0 0 no-repeat;
	z-index: 88 !important;
}

	div#haut div.recherche {
		position: absolute;
		top: 224px;
		left: 165px;
		width: 280px;
		height: 17px;
		overflow: hidden;
	}
	
		div#haut div.rechercheFond {
			width: 280px;
			background: url("images/btn_search.gif") 0 0 no-repeat;
			
		}
		
			div#haut div.rechercheFond span {
				display: block;
				width: 97px;
				float: left;
				font-size: 10px;
				font-weight: bold;
				color: #ffffff;
				padding: 2px 0 0 6px;
			}
			
			div#haut div.rechercheFond input {
				display: block;
				float: left;
				margin: 0;
				border: 1px solid #7d695a;
			}
			
				div#haut div.recherche input.inputxt {
					width: 95px;
					background: none;
					font-size: 10px;
				}
				
				div#haut div.recherche input.validate {
					padding: 0;
					color: #FFFFFF;
					font-size: 10px;
					font-weight: bold;
					background-color: #7d695a;
				}

	div#haut div.baseline {
		position: absolute;
		top: 0px;
		left: 252px;
		width: 431px;
		height: 40px;
		padding: 6px 4px 0 3px;
	}
	
		div#haut div.baseline div.baselineFond {
			width: 423px;
			height: 32px;
			padding: 4px;
		}
		
			div#haut div.baseline p {
				width: 423px;
				height: 13px;
				overflow: hidden;
			}
		
				div#haut div.baseline p.s1 {
					font-size: 10px;
					font-style: italic;
					color: #203047;
				}
				
				div#haut div.baseline p.s2 {
					font-size: 10px;
					font-weight: bold;
					font-style: italic;
					color: #333333;
					padding-top: 4px;
				}
		
	div#haut div.langue {
		position: absolute;
		top: 40px;
		right: 6px;
		width: 282px;
		height: 19px;
	}
	
		div#haut div#barreLangue {
			width: 269px;
			height: 19px;
			padding-left: 13px;
			background: url("images/puce_flecheGrise.gif") 0 3px no-repeat;
		}
		
			div#haut div#barreLangue a {
				font-size: 10px;
				color: #333333;
				padding: 0 4px 0 2px;
				border-right: 1px solid #000000;
			}
			
				div#haut div#barreLangue a:hover { text-decoration: underline; }
			
	div#haut a#logo {
		position: absolute;
		top: 61px;
		left: 1px;
		display: block;
		width: 160px;
		height: 90px;
	}
	
	div#haut div#blockMenu {
		position: absolute;
		top: 191px;
		left: 160px;
		width: 780px;
		height: 30px;
	}
		

	div#haut div#menu_haut {
		position: relative;
		width: 780px;
		height: 30px;
	}
	
		div#menu_haut ul {
			position: relative;
			list-style-type: none;
		}
		
			div#menu_haut ul.ulHn1 li {
				position: relative;
				display: block;
				float: right;
				text-align: center;
			}
			
				div#menu_haut ul.ulHn1 li a {
					display: block;
					padding: 9px;
					font-size: 10px;
					font-weight: bold;
					text-align: center;
					text-transform: uppercase;
					background: url("images/liHn1.gif") 0 11px no-repeat;
				}
				
						div#menu_haut ul.ulHn1 li.liHn1_1 a {
							padding: 9px 9px 9px 19px;
							background: url("images/puce_flecheGrise.gif") 0 10px no-repeat;
						}
				
					div#menu_haut ul.ulHn1 li a:hover {
						text-decoration: underline;
					}
							
		div#menu_haut ul li ul.sous-menu {
			position: absolute;
			display: none;
			top: 30px;
			right: 0;
			width: 154px;
			z-index: 10;
			font-size: 1px;
			padding-bottom: 6px;
			background: #eeeeee;
		}
		
		div#menu_haut ul li ul.sous-menu li ul {
			position: absolute;
			display: none;
			top: 0px;
			left: 154px;
			width: 154px;
			z-index: 10;
			font-size: 1px;
			padding-bottom: 6px;
			background: #eeeeee;
		}
		
			div#menu_haut ul li ul.sous-menu li {
				display: block !important;
				float: none;
				height: auto;
				padding: 3px 0;
				margin: 0;
				font-size: 1px;
			}
			
				div#menu_haut ul li ul.sous-menu li a, div#menu_haut ul li ul.sous-menu li a.out {
					display: block !important;
					font-size: 10px;
					font-weight: bold;
					text-transform: uppercase;
					padding: 2px !important;
					margin: 0;
					text-align: left;
				}
				
					div#menu_haut ul li.liHn1_1 ul.sous-menu li a, div#menu_haut ul li.liHn1_1 ul.sous-menu li a.out { background: none !important; color: #ea6401; }
					div#menu_haut ul li.liHn1_2 ul.sous-menu li a, div#menu_haut ul li.liHn1_2 ul.sous-menu li a.out { background: none !important; color: #ebac07; }
					div#menu_haut ul li.liHn1_3 ul.sous-menu li a, div#menu_haut ul li.liHn1_3 ul.sous-menu li a.out { background: none !important; color: #7e696d; }
					div#menu_haut ul li.liHn1_4 ul.sous-menu li a, div#menu_haut ul li.liHn1_4 ul.sous-menu li a.out { background: none !important; color: #336699; }
					div#menu_haut ul li.liHn1_5 ul.sous-menu li a, div#menu_haut ul li.liHn1_5 ul.sous-menu li a.out { background: none !important; color: #600f16; }
				
					
				div#menu_haut ul li ul.sous-menu li a:hover, div#menu_haut ul li ul.sous-menu li a.over {
					color: #ffffff;
					text-decoration: none;
				}
				
					div#menu_haut ul li.liHn1_1 ul.sous-menu li a:hover, div#menu_haut ul li.liHn1_1 ul.sous-menu li a.over { background: #ea6401 !important; }
					div#menu_haut ul li.liHn1_2 ul.sous-menu li a:hover, div#menu_haut ul li.liHn1_2 ul.sous-menu li a.over { background: #ebac07 !important; }
					div#menu_haut ul li.liHn1_3 ul.sous-menu li a:hover, div#menu_haut ul li.liHn1_3 ul.sous-menu li a.over { background: #7e696d !important; }
					div#menu_haut ul li.liHn1_4 ul.sous-menu li a:hover, div#menu_haut ul li.liHn1_4 ul.sous-menu li a.over { background: #336699 !important; }
					div#menu_haut ul li.liHn1_5 ul.sous-menu li a:hover, div#menu_haut ul li.liHn1_5 ul.sous-menu li a.over { background: #600f16 !important; }
	
										
/*###############################
#								#
#	CONTENEUR					#
#								#
###############################*/
	
div#conteneur {
	position:relative;
	clear: both;
	width: 950px;
	padding-bottom: 55px; /*old:10px bas:45px*/
}

div#conteneur2 {
	position:relative;
	clear: both;
	width: 950px;
	padding-bottom: 55px; /*old:10px bas:45px*/
}

/* TRACKER */
	
	div#tracker {
		width: 925px;
		padding-left: 25px;
		padding-bottom: 20px;
		background: url("images/puce_flecheGrise.gif") 9px 1px no-repeat;
	}
			
		div#tracker, div#tracker a {
			color: #333333;
			font-size: 9px;
			font-weight: bold;
			text-transform: uppercase;
		}
		
			div#tracker a:hover {
				color: #333333;
				text-decoration: underline;
			}

	
/*###############################
#								#
#	GAUCHE						#
#								#
###############################*/
	
/* Gauche home */
div#gauche {
	float: left;
	width: 230px;
	padding-left: 9px;
}

	div#gauche div.G_block1 {
		position: relative !important;
	}
	
	div#gauche div.G_block2 {
		width: 218px; /* 230 */
		padding: 6px;
		font-size: 10px;
		color: #333333;
		text-align: justify;
	}
	
	div#gauche div.G_block3 {
		width: 230px;
		font-size: 10px;
		color: #333333;
		text-align: justify;
		padding-top: 5px;
	}
	
		div#gauche div.G_block3 div.G_block3G {
			position: relative;
			float: left;
			width: 120px;
		}
		
		div#gauche div.G_block3 div.G_block3D {
			position: relative;
			float: left;
			width: 100px; /* 110 */
			padding-left: 10px;
		}
	
	
	
		div#gauche div.titre1 {
			width: 206px; /* 230 */
			height: 25px;
			padding: 3px 16px 0 8px;
			margin-bottom: 8px;
			overflow: hidden;
			font-size: 12px;
			font-weight: bold;
			color: #ffffff;
			background: url("images/G_titre1.gif") 0 0 no-repeat;
		}
		
		div#gauche div.titre2 {
			font-size: 10px;
			font-weight: bold;
			color: #cc0000;
			text-transform: uppercase;
		}
		
		div#gauche a.lienMore1 {
			display: block;
			position: absolute;
			height: 13px;
			overflow: hidden;
			padding: 0 23px 1px 9px;
			bottom: 0;
			right: 0;
			font-size: 11px;
			font-weight: bold;
			color: #ffffff;
			background: #8f8f8f url("images/puce_lienMore.gif") right 0 no-repeat;
			/*margin-right: 15px;*/
			margin-bottom: 2px;
		}
		
		div#gauche a.lienMore2 {
			display: block;
			position: absolute;
			padding: 0 23px 1px 9px;
			bottom: 0;
			right: 0;
			font-size: 11px;
			font-weight: bold;
			color: #ffffff;
			background: #8f8f8f url("images/puce_lienMore.gif") right 0 no-repeat;
			margin-bottom: 2px;
		}

/* Gauche Boutique */
div#gauche2 {
	float: left;
	width: 143px; /* 163 */
	padding: 0 11px 0 9px;
	background: url("images/gauche2-bord.gif") right 0 repeat-y;
}

	div#gauche2 div.G_titre {
		font-size: 14px;
		font-weight: bold;
		font-style: italic;
		text-align: right;
		text-transform: uppercase;
		padding-bottom: 10px;
	}

	div#gauche2 ul {
		list-style-type: none;
	}
	
		div#gauche2 ul.ulGn1 {
			
		}
		
			div#gauche2 ul.ulGn1 li {
				padding: 10px 0;
			}
			
				div#gauche2 ul.ulGn1 li span{
					display: block;
					width: 143px;
					padding: 2px 0;
					font-size: 9px;
					font-weight: bold;
					text-transform: uppercase;
				}
				
					div#gauche2 ul.ulGn1 li a:hover {
						text-decoration: underline;
					}
					
		
		/* Niveau 2 */
			div#gauche2 ul.ulGn2 li {
				padding: 2px 0;
			}
			
				div#gauche2 ul.ulGn2 li a {
					display: block;
					width: 143px;
					padding: 2px 0;
					font-size: 9px;
					font-weight: bold;
					text-transform: uppercase;
				}
				
				div#gauche2 ul.ulGn2 li ul.ulGn3 li a {
					display: block;
					width: 143px;
					padding: 2px 0;
					padding-left: 10px;
					font-size: 7px;
					text-transform: uppercase;
					color: #333333;
				}
				
				
	div#gauche2 ul li a.text_color {
		color: #333333;
		font-size: 10px;
		font-weight: bold;
	}


/*###############################
#								#
#	CONTENU						#
#								#
###############################*/
	
div.contenu {
	float: right;
	width: 443px; /* 443 */
}


/*###############################
#								#
#	DROITE						#	
#								#
###############################*/

/* Droite Home */
div#droite {
	float: right;
	width: 268px;
}

	div#droite div.D_block1 {
		width: 120px; /* 259 */
		height: 132px; /* 145 */
		padding: 13px 0 0 139px;
		background: url("images/D_news.gif") 0 bottom no-repeat;
	}
	
	div#droite div.D_block2 {
		width: 235px; /* 259 */
		padding: 12px 12px 22px 12px;
		margin-bottom: 55px;
		background: #708297 url("images/D_block2.gif") 0 bottom no-repeat;
	}
	
		div#droite div.D_block2 a, div#droite div.D_block2 div a {
			display: block;
			font-size: 11px;
			font-weight: bold;
			color: #ffffff;
			margin-bottom: 10px;
			height: 180px;
			overflow: hidden;
		}
		
			div#droite div.D_block2 a:hover { text-decoration: underline; }
	
	div#droite a.titre1 {
		display: block;
		width: 242px;
		height: 25px;
		padding: 3px 16px 0 8px;
		margin-bottom: 12px;
		overflow: hidden;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		background: url("images/D_titre1.gif") 0 0 no-repeat;
	}
	

/* droite CATEGORIE */
div#droite2 {
	float: right;
	width: 198px; /* 231 */
	padding: 0 20px 0 13px;
	background: url("images/gauche2-bord.gif") 0 0 repeat-y;
}

	div#droite2 div.D_titre1 {
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		padding-bottom: 15px;
	}
	
	div#droite2 div.D_titre2 {
		width: 188px; /* 198 */
		padding: 10px 0 15px 10px;
		font-size: 12px;
		font-weight: bold;
	}

	div#droite2 div.D_media {
		width: 198px;
		text-align: right;
	}
	
	div#droite2 p.D_desc {
		width: 188px; /* 198 */
		padding: 0 0 35px 10px;
		text-align: justify;
	}
	
	div#droite2 div.D_titre1, div#droite2 div.D_titre2, div#droite2 p.D_desc, div#droite2 a {
		color: #333333;
	}
	
		div#droite2 p.D_desc a {
			font-size: 10px;
			font-weight: normal;
		}
	
			div#droite2 a:hover {
				text-decoration: underline;
			}
			
			
/* droite PRODUIT */
div#droite3 {
	float: right;
	width: 210px; /* 231 */
	padding: 0 9px 0 12px;
	background: url("images/gauche2-bord.gif") 0 0 repeat-y;
}
	
	div#droite3 div.video{
		width:210px;
		margin-bottom:15px;
	}
	
	div#droite3 div.D_titre {
		color: #cc0000;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		padding-bottom: 15px;
	}
	
	div#droite3 div.vign {
		width: 210px;
		padding-bottom: 15px;
	}
	
		div#droite3 div.vignG {
			float: left;
			width: 128px;
		}
		
		div#droite3 div.vignD {
			float: left;
			width: 82px;
		}
		
			div#droite3 div.vignD p.s1 {
				/*height: 85px;*/
				margin-top: 40px;
			}
		
				div#droite3 div.vignD p.s1 a {
					font-size: 10px;
					color: #333333;
				}
			
			div#droite3 div.vignD p.s2 a {
				font-size: 9px;
				color: #333333;
			}


/* droite PRODUIT */
div#droite4 {
	float: right;
	width: 216px; /* 221 */
	padding: 0 0 0 5px;
	background: url("images/gauche2-bord.gif") 0 0 repeat-y;
}

	div#droite4 h2.s1, div#droite4 h2.s2 {
		font-size: 12px;
		font-weight: bold;
		color: #e2001a;
		text-transform: uppercase;
	}
	
		div#droite4 h2.s1 { padding: 0 0 10px 0; }
		div#droite4 h2.s2 { padding: 20px 0 10px 5px; }
	
	div#droite4 div.adobe {
		padding: 5px 0 5px 5px;
	}
	
		div#droite4 div.adobe a {
			display: block;
			font-size: 10px;
			font-weight: bold;
			color: #333333;
			padding: 5px 0 5px 27px;
			background: url("images/btn_adobe.jpg") 0 0 no-repeat;
		}
		
			div#droite4 div.adobe a:hover { text-decoration: underline; }
			
	div#droite4 div.flash {
		padding: 10px 0 0 0;
	}
	
	div#droite4 p {
		padding: 6px 0 6px 5px;
	}

	
/*###############################
#								#
#	BAS DE PAGE					#	
#								#
###############################*/

div#footer {
	background: url("images/footer-fond.gif") 0 0 repeat-x;

}

div#bas {
	position:absolute;
	bottom:0;
	left:50px;
	width: 950px;
	height: 35px; /* 55 */
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
	z-index: 10000;
}
	
	div#bas div#basImages {
		float: left;
		width: 150px;
	}
		
	div#bas div#basTexte {
		float: left;
		width: 75Opx !important;
		padding: 7px;
		text-align: center;
	}
	
		div#bas a {
			font-size: 9px;
			font-weight : normal;
			text-transform: uppercase;
			color : #333333;
		}
		
			div#bas a:hover { text-decoration: underline; }

		
/*###############################
#								#
#	CMS							#
#								#
###############################*/

div#cms {
	float: left;
	width: 730px; /* 757 */
	padding: 0 0 20px 27px;
}

/* LES TITRES */

	div#cms h1 {
		font-size: 14px;
		font-weight: bold;
		font-style: italic;
		padding: 0 0 10px 0;
	}

	div#cms h2 {
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 20px 0 5px 0;
		
	}
	
	div#cms h3 {
		font-size: 12px;
		font-weight: bold;
		padding: 15px 0 0 20px;
	}
	
	div#cms h4 {
		font-size: 11px;
		font-weight: bold;
		font-style: italic;
		padding: 15px 0 0 20px;
	}

/* DIVERS COMMUN */

	div#cms a {
		font-size: 12px;
		text-decoration: underline;
	}
	
	div#cms q {
		display: block;
		text-align: center;
		font-size: 11px;
		padding-top: 5px;
	}
	
	/*div#cms img {
		border: 1px solid #c3c3c3;
	}
	
	div#cms ul {
		padding-left: 2px;
		list-style-type: none;
	}
	
			div#cms ul li {
				background: url("images/puce_carreGris.gif") 0 5px no-repeat;
				padding-left: 10px;
			}
*/
	
	/* NEW */
	div#cms .accroche, div#cms .texte, div#cms .texte2, div#cms .texte3 {
		font-size: 10px;
		color: #333333;
		text-align: justify;
		padding: 5px 0;
	}
	
	div#cms .accroche {
		font-weight: bold;
	}
	
	div#cms .media {
		width: 710px; /* 730 */
		padding: 20px 0 20px 20px;
		text-align: center;
	}
	
	div#cms .media img { border: 0; }
		
	div#cms .texte {
		width: 710px;
		padding-left: 20px;
	}
	
		div#cms .texte ul {
			margin-left: 15px;
		}
	
	div#cms .texte2 {
		float: left;
		width: 42%;
		margin-right: 110px;
	}
	
	div#cms .texte3 {
		float: left;
		width: 30%;
		margin-right: 35px;
	}
	
	div#cms .last {
		margin-right: 0;
	}
	
	div#cms .left {
		float: left;
		margin: 0 10px 10px 0;
		text-align: center;
	}
	
	div#cms .right {
		float: right;
		margin: 0 0 10px 10px;
		text-align: center;
	}
	
div#cms ul#child{
		margin-left: 30px;
	}
	
		div#cms ul#child li{
			margin: 2px 0;
			color: #313131;
		}
	
		div#cms ul#child li a{
			color: #313131;
		}
	
/*###############################
#								#
#	CATEGORIE					#
#								#
###############################*/

div#categorie {
	width: 530px; /* 556 */
	padding: 0 16px 20px 10px;
}

	div#categorie h1 {
		font-size: 11px;
		font-weight: bold;
		font-style: italic;
		text-transform: uppercase;
		padding-top: 3px;
	}
	
	div#categorie h2 {
		font-size: 11px;
		font-weight: bold;
		padding-top: 15px;
	}
	
	div#categorie h3 {
		font-size: 11px;
		font-weight: bold;
		font-style: italic;
		padding-top: 10px;
	}
	
	div#categorie p.desc {
		width: 515px; /* 530 */
		padding: 10px 0 10px 15px;
		font-size: 10px;
		color: #333333;
		text-align: justify;
	}

	div#categorie div.vign {
		float: left;
		width: 120px;
		padding: 0 0 0 12px;
	}
		div#categorie div.vign div.vignImg {
			width: 120px;
			height: 125px;
		}
	
		div#categorie div.vign p a {
			font-size: 10px;
			font-weight: bold;
			color: #333333;
		}


/*###############################
#								#
#	PRODUIT						#
#								#
###############################*/

div#produit {
	width: 556px; /* 556 */
	padding: 0 0 20px 0;
}

	div#produit h1 {
		width: 540px;
		font-size: 11px;
		font-weight: bold;
		padding: 12px 0 15px 10px;
	}

	div#produit h2 {
		width: 540px;
		font-size: 11px;
		font-weight: bold;
		padding: 15px 0 15px 10px;
	}
	
	div#produit div.blockProd {
		width: 540px;
		padding-left: 10px;
	}
	
		div#produit div.blockProdG {
			float: left;
			width: 310px;
		}
		
		div#produit div.blockProdD {
			float: left;
			width: 220px;
			padding-top: 20px;
		}
		
			div#produit div.blockProdD div.lien {
				float: left;
				width: 145px; /* 155 */
				padding: 5px 10px 3px 0;
			}
			
				div#produit div.blockProdD div.lien a {
					display: block;
					float: left;
					font-size: 10px;
					color: #333333;
					padding: 7px 0 3px 25px;
					background: url("images/puce_adobe.gif") 0 0 no-repeat;
				}
				
					div#produit div.blockProdD div.lien a:hover {
						text-decoration: underline;
					}
		
		div#produit div.blockProdDesc {
			clear: both;
			/*width: 540px;*/
			padding: 10px;
			font-size: 11px;
			color: #333333;
			text-align: justify;
		}
		
		
		
	/* vignettes OPTIONS */
	div#produit div.vign {
		float: left;
		width: 75px;
		padding: 0 7px 0 10px;
	}
	
		div#produit div.vign p {
			height: 45px;
			padding-bottom: 25px;
		}
		
			div#produit div.vign p a {
				font-size: 9px;
				color: #333333;
				display: block;
				width: 80px;
				overflow: hidden;
			}
			
	/* Boutons */
	div#produit div.btn_contact {
		float: left;
		width: 340px;
		margin-left: 10px;
	}
	
	div#produit div.btn_sav {
		float: left;
		width: 190px;
	}
	
		div#produit div.btn_contact a, div#produit div.btn_sav a {
			display: block;
			float: left;
			padding: 15px 0 20px 51px;
			background-position:  0 0;
			background-repeat: no-repeat;
			font-size: 11px;
			font-weight: bold;
			color: #333333;
		}
		
			div#produit div.btn_contact a { background-image: url("images/btn_contact.jpg"); }
			div#produit div.btn_sav a { background-image: url("images/btn_sav.jpg"); }
			
				div#produit div.btn_contact a:hover, div#produit div.btn_sav a:hover {
					text-decoration: underline;
				}
		

/*###############################
#								#
#	FORMULAIRE PRODUIT			#
#								#
###############################*/

div#formProd {
	width: 787px;
	padding: 0;
}

	div#formProd h2 {
		font-size: 11px;
		font-weight: bold;
		font-style: italic;
		padding-left: 20px;
	}

	div#formProd p.formulaireProduit {
		padding: 2px 0 25px 45px;
		background: url("images/ico_mail.gif") 7px 0 no-repeat;
		font-size: 10px;
		font-weight: bold;
		color: #333333;
	}

	form#fomulaireProduit div.blockFormLeft {
		width: 250px; /* 260 */
		float: left;
		font-size: 9px;
		padding: 12px 10px 5px 0;
		text-align: right;
		text-transform: uppercase;
	}
	
		form#fomulaireProduit div.blockFormLeft span {
			color: #cc0000;
		}
		
		form#fomulaireProduit div.blockFormLeft span.spanItalique {
			color: #333333;
			text-transform: none;
			font-style: italic;
		}
	
	form#fomulaireProduit div.blockFormRight {
		float: left;
		width: 527px;
		padding: 0;
	}
	
	form#fomulaireProduit div.s1 { padding: 6px 0 0 0; height: 24px; }
	form#fomulaireProduit div.s1multi { padding: 6px 0 0 0; height: 57px; }
	form#fomulaireProduit div.s2 { padding: 0; height: 30px; }
	form#fomulaireProduit div.sCaptcha { padding: 0; height: 50px; position:relative; }
	form#fomulaireProduit div.s2multi { padding: 0; height: 65px; }
	form#fomulaireProduit div.s3 { padding: 6px 0 0 0; height: 109px; }
	form#fomulaireProduit div.s4 { padding: 0; height: 115px; }
	
	form#fomulaireProduit ul { padding-bottom: 10px; }
	
		form#fomulaireProduit ul li{
			list-style-type: none;
			float: left;
			width: 240px;
			font-size: 10px;
			font-weight: bold;
			color: #ffffff;
			text-transform: uppercase;
			padding-bottom: 10px;
		}
		
			form#fomulaireProduit ul li input.txt{ width: 12px; }
			form#fomulaireProduit ul li label{ width: 150px; }
			
		
	form#fomulaireProduit textarea {
		width: 475px;
		height: 100px;
		background: #efefef;
		border: 1px solid #7a7a7a;
	}
	
		form#fomulaireProduit div.blockFormRight table{
			color: #ffffff;
			font-size: 10px;
			font-weight: bold;
			border-collapse:collapse;
		}
			
			form#fomulaireProduit div.blockFormRight table tr td{
				border: solid 2px #ffffff;
				padding: 3px;
			}
			
			form#fomulaireProduit div.blockFormRight table tr td.imageTable{
				padding: 3px;
				width: 120px;
				text-align: center;
				border: none;
			}
			
			form#fomulaireProduit div.blockFormRight table tr td input{
				background:#EFEFEF none repeat scroll 0%;
				height: 15px;
			}
			
	
	
/* Fond formulaire */

div.formFondRepeat	{ background: url("images/form-fondRepeat.gif") 0 0 repeat-y; margin-bottom: 10px; }
div.formFondH		{ background: url("images/form-fondH.gif") 0 0 no-repeat; }

div.formFondB {
	width: 507px; /* 527 */
	padding: 12px 0 20px 20px;
	background: url("images/form-fondB.gif") 0 bottom no-repeat;
}

div.formFondRepeat2	{ background: url("images/form-fondRepeat2.gif") 0 0 repeat-y; margin-bottom: 10px; }
div.formFondH2		{ background: url("images/form-fondH2.gif") 0 0 no-repeat; }

div.formFondB2 {
	width: 507px; /* 527 */
	padding: 12px 0 20px 20px;
	background: url("images/form-fondB2.gif") 0 bottom no-repeat;
}



/* Form divers */
div#formProd p.formulaireSav {
	padding: 7px 0 25px 45px;
	background: url("images/ico_sav.gif") 7px 0 no-repeat;
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
	text-transform: uppercase;
}

div#formProd div.txtPiece {
	padding-top: 10px;
	height: 110px;
}

div#formProd div.txtCommentaire {
	height: 110px;
}

/* PLAQUES */

div#plaque1 {
	float: left;
	width: 220px; /* 236 */
	padding: 70px 10px 0 16px;
	margin-top: 10px;
	background: url("images/plaque1.jpg") 0 0 no-repeat;
}

div#plaque2 {
	float: left;
	width: 220px; /* 236 */
	padding: 90px 0 0 16px;
	margin-top: 10px;
	background: url("images/plaque2.jpg") 0 0 no-repeat;
}

	div#plaque1 input, div#plaque2 input {
		display: block;
		float: left;
		background: #bababa;
		border: 0;
		padding: 0;
		margin-bottom: 3px;
	}
	
		div#plaque2 input.txtnum, div#plaque2 input.txtdate {
			width: 70px;
		}
	
	div#plaque1 span, div#plaque2 span {
		display: block;
		float: left;
		width: 34px;
		padding: 2px 0;
		font-size: 10px;
		font-weight: bold;
		color: #b7b7bb;
		background: #1b1c20;
		margin-bottom: 3px;
		text-align: center;
	}
	
	div.plaque1num {
		clear: both;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		padding-top: 10px;
	}
	
		div.plaque1num p{
			color: #cc0000;
			display: inline;
		}
	
	div.plaque2num {
		clear: both;
		height: 17px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		padding-top: 10px;
	}
	
	div#plaque2 div.clear {
		height: 0;
		font-size: 1px;
		overflow: hidden;
	}


div.divFormInterne{
	padding-bottom: 3px;
}

input.txtref1{
	/*margin-left:30px;*/
	width:100px;
}

input.txtref2{
	width: 73px;
	margin-left: 5px;
}

input.txtno{
	width: 70px;
}

input.txttype{
	width: 74px;
}

input.txtpw{
	width: 50px;
}

input.txtuv{
	width: 30px;
	/*margin-left: 20px;*/
}

input.txtia{
	width: 30px;
}


form#fomulaireProduit div.blockBas1 {
	float: left;
	width: 250px; /* 260 */
	padding: 0 10px 0 0;
	text-align: center;
	font-size: 10px;
	font-style: italic;
	color: #cc0000;
}

form#fomulaireProduit div.blockBas2 {
	float: left;
	width: 527px;
	padding: 0;
	font-size: 10px;
	font-style: italic;
}

form#fomulaireProduit div.blockBas3 {
	font-size: 10px;
	font-style: italic;
	color: #cc0000;
}

div#envoyer1 {
	width: 760px;
	cursor: pointer;
	text-decoration: none;
}

/*###############################
#								#
#	PRODUIT TAMPON				#
#								#
###############################*/

div#produitTampon {
	position: relative;
	float: right;
	width: 787px; /* 787 */
	z-index: 49 !important;
}

	div#produitTampon div.vign {
		position: relative;
		float: left;
		width: 349px;
		height: 245px;
		padding: 0 0 13px 35px;
		background: url("images/vign-tampon.gif") 35px 0 no-repeat;
		z-index: 50 !important;
	}
	
		div#produitTampon div.vign div.vignImg {
			position: absolute;
			top: 1px;
			left: 36px;
			width: 88px;
			height: 88px;
			overflow: hidden;
		}
		
		div#produitTampon div.vign div.vignLiens {
			position: absolute;
			top: 35px;
			left: 140px;
			width: 225px;
			height: 90px;
			overflow: hidden;
		}
			
			/* Niveau 1 */
			div#produitTampon div.vignLiens ul li {
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase;
			}
			
			/* Niveau 2 */
			div#produitTampon div.vignLiens ul li ul li a {
				font-size: 9px;
				font-weight: bold;
				color: #333333;
				text-transform: uppercase;
			}
		
		
		div#produitTampon div.vign p.vignDesc {
			position: absolute;
			top: 140px;
			left: 76px;
			width: 290px;
			height: 85px;
			font-size: 10px;
			color: #333333;
			text-align: justify;
			overflow: hidden;
		}


/*###############
#				#
#	SAV			#
#				#
###############*/

div#sav {
	float: left;
	width: 566px;
	padding: 0;
}

	div#sav h1 {
		padding: 7px 0 25px 45px;
		background: url("images/ico_sav.gif") 7px 0 no-repeat;
		font-size: 11px;
		font-weight: bold;
		color: #cc0000;
	}
	
	div#sav h2 {
		font-size: 10px;
		color: #cc0000;
		padding: ;
	}
	
	div#sav div.block1 {
		width: 547px; /* 555 */
		padding: 0 0 30px 8px;
		font-size: 10px;
		line-height: 15px;
		color: #333333;
		text-align: justify;
	 }
	 
	 	div#sav div.block1 img { float: left; margin-right: 12px; }
	 	
	div#sav div.accroche {
		width: 537px; /* 545 */
		height: 45px;
		padding: 0 0 0 8px;
		font-size: 10px;
		line-height: 15px;
		color: #333333;
		text-align: justify;
	}
	
	div#sav div.blockVign {
		padding: 11px 0 0 0;
		min-height: 150px;
	}
	
		div#sav div.blockVign div.vign {
			float: left;
			width: 84px;
			padding: 7px 5px;
		}
		
			div#sav div.blockVign div.vign p { 
				font-size: 9px;
				font-weight: bold;
				color: #333333;
			}
			
			div#sav div.blockVign div.vign div.s1 {
				width: 58px; /* 84 */
				padding: 10px 0 0 26px;
			}
			
			div#sav div.vignFull img {
				border: 0px #333333;
			}
			
/******** ENVOI DES FORMULAIRES *********/	
	div.envoyer {
		width: 690px;
		padding: 20px 0 40px 0;
	}
	
		div.envoyer a {
			display: block;
			float: right;
			width: 84px; /* 89 */
			padding: 0 0 1px 5px;
			background: url("images/btn_envoyer.gif") 0 0 no-repeat;
			font-size: 11px;
			font-weight: bold;
			color: #ffffff;
		}
		
		div.envoyer a#sendFormProduit2 {
			background: url("images/btn_envoyer2.gif") 0 0 no-repeat;
		}


/*###############
#				#
#	SAV 2		#
#				#
###############*/

div#sav2 {
	float: left;
	width: 777px; /* 787 */
	padding: 0 0 35px 10px;
}

	div#sav2 h2 {
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		padding: 1px 0 20px 25px;
		background: url("images/puce_carreOrange.gif") 0 0 no-repeat;
	}
	
		div#sav2 h2.s1 { 
			float: left;
			width: 345px; /* 370 */
			margin-left:9px;
		}
		
	div#sav2 div.block1 {
		padding-bottom: 25px;
	}
		
		div#sav2 .texte2 {
			float: left;
			width: 46%;
			margin-right: 4%;
			text-align: justify;
			font-size: 10px;
		}
		
		div#sav2 .last { margin-right: 0; }
		
		div#sav2 .left {
			float: left;
			margin: 20px 10px 10px 0;
			text-align: center;
		}
		
		div#sav2 .right {
			float: right;
			margin: 0 0 10px 10px;
			text-align: center;
		}
		
		
	div#sav2 table#tabSav2 {
		border-collapse: collapse;
	}
	
		div#sav2 table#tabSav2 td {
			width: 170px;
			padding: 6px 0 6px 15px;
			border: 2px solid #ebac0e;
		}
		
		div#sav2 table#tabSav2 td a {
			font-size: 11px;
			font-weight: bold;
			color: #333333;
			text-trasform: uppercase;
			padding: 0 0 0 20px;
			background: url("images/puce_carreOrange2.gif") 0 0 no-repeat;
		}
		
			div#sav2 table#tabSav2 td a:hover {
				text-decoration: underline;
			}

		
/*-------------------------- LIGHTBOX---------------------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://src.goldenmarket.eu/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://src.goldenmarket.eu/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* ******************************************************************************************************************** */

/* STYLE PLAN */
div#planCMS ul {
	margin: 0 0 0 19px;
}
	div#planCMS ul li { list-style-type:none;
		padding: 0 0 0 0;
	}
		div#planCMS ul li a {text-transform : uppercase;
			color: #333333;font-weight : bold;
		}
div#planCMS ul.sous-menu {
	clear: both;
}
	div#planCMS ul.sous-menu li {list-style-type:disc;
		margin: 5px 0 0 0; 
	}
		div#planCMS ul.sous-menu li a {font-weight : normal;
			color: #000000;}
			
div#planCMS h1.sitemap{color: #333333;}